Durga Prasad Sadhanala dsadhanala

💭

I may be slow to respond.

(Product | Front-end | UX) Engineer with a passion for crafting user-centric products that harness the power of generative AI to empower users.

dsadhanala / image from blob

Created August 12, 2019 10:17

Image blob to console

	const image = new Image();
	image.src = URL.createObjectURL(imageElement);
	console.info('imageElement', image.src);

dsadhanala / machine.js

Created March 24, 2020 01:02

Generated by XState Viz: https://xstate.js.org/viz

dsadhanala / machine.js

Created April 7, 2020 01:53

Generated by XState Viz: https://xstate.js.org/viz

	const HeaderMachine = Machine(
	{
	id: 'header',
	strict: true,
	initial: 'ready',
	context: {
	projectName: ''
	},
	states: {
	ready: {

dsadhanala / machine.js

Last active April 17, 2020 06:48

Generated by XState Viz: https://xstate.js.org/viz

	const updateMessage = (message) => assign({ message: (_, _e) => message });

	const projectnameStates = {
	initial: 'editing',
	states: {
	editing: {
	entry: ['logState'],
	on: {
	PROJECT_NAME_SAVING: {
	target: '#headerMachine.saving',

dsadhanala / machine.js

Last active April 17, 2020 08:57

Generated by XState Viz: https://xstate.js.org/viz

	const projectNameMachine = Machine(
	{
	id: 'project-name',
	strict: true,
	initial: 'editing',
	states: {
	editing: {
	on: {
	PROJECT_NAME_SAVING: {
	cond: 'validProjectName',

dsadhanala / simple-slider.html

Created April 23, 2020 04:24

Example slider web component, prev/next keyboard navigation enabled

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Simple Slider</title>
	</head>

	<body>
	<webui-slider></webui-slider>

dsadhanala / machine.js

Created May 2, 2020 19:26

Generated by XState Viz: https://xstate.js.org/viz