these new action buttons don't do anything yet, but it will look something like this. planning to add a flexible action button system that displays a union of available actions for the selected elements.

an improvement inspired by @allandeutsch.com's reply, which avoids excessive array allocations :D

working on upgrading the multi select experience. the goal is to consolidate many context menus into 1 to allow bulk actions

i think my approach to finding the bounding rect of a set of nodes is pretty clean. is there a better way in javascript?

i'll be sharing my experience hacking out a no-dependencies Expo mobile game in 2 hours at React Native Meetup, which we're hosting in Pike Place! see you there! luma.com/5vaezo59

2024-10-16 diagram.page update ADDED - Make a Copy FIXED - document autosave issue

Wanted to share how easy it is to create a simple game in JavaScript. Set aside about 20 minutes, this is what we'll create today - a player you can control with WASD.

engineer's design practice 0x3 linear sidebar study compared to writing code, figma makes me feel like a slug. rn it takes me longer to build out a design in figma than to literally code it. but it's important to try new mediums, and it may help me learn to think differently!

always so many things to do. but i'm doing what i love! : )

today's release, super basic text formatting

wasn't able to finish it tonight, but got somethin cool-ish dropping tomorrow. for now GN🛏️

another quick diagram.page fix from this morning - first node being place at the wrong position due to a missing useEffect dependency editing process is starting to feel a lot smoother, but still lots to do!

just published some bug fixes for diagram.page - shift+click not selecting multiple nodes - node menu getting hidden by other nodes - delete hotkey removing nodes that were previously selected and then deselected - google auth - nodes not selectable after dragging

seems like svg paths are starting to become a common thread in my work B)

more work on pathfinding for diagram.page. trying to preserve the bezier lines when there's an obstruction, instead of defaulting to hard angles. it's pretty janky rn but i'm starting to feel fairly confident about shipping this feature in the near future once fixed!

experimenting with any-angle pathfinding

engineer's design practice 0x2 blog i'm interested in starting a blog to share programming knowledge in long form. some initial thoughts on paper before bed. i'm aiming to create the simplest format possible that still feels good to read. we'll see how it goes!

i created a detachable video player for our react component library. it works by putting the video into a fixed position replicating a reference element. i'll post the link to source when i merge! you can try it out here if you're interested! eseed.dev/experiments/...

engineer's design practice 0x1 wireframes 1) in-app landing content left-aligned 2) in-app landing content centered 3) separate landing page while my ideas will need a lot of work, i want to start with just getting a feel for this medium. i'll try to draw an existing ui next!

fix is in! was just missing position: relative next to overflow: hidden

looking forward to seeing #servermono evolve!

a sticky bug causing nodes to "slide out of place" against the background. i think it's due to a difference in how CSS transitions are handled by transform property vs background-offset using left+top+scale is a fix but causes an overflow that i can't figure out how to hide🤔

eseed.dev/experiments/... a website with one word

mobile node resizing and mysterious panning behavior haha

very hacky first steps towards mobile support

so cool :O

weekend experiment

incremental progress splitting up Chart.tsx today, down to 581 lines from 900+ i'll be able to add new features much more effectively once this cleanup is complete!

the Chart.tsx component is close to hitting 900 lines, most of it being event handler code. many behaviors need to access the same events, leading to spaghetti. a good way to address this is to add a pubsub model. behaviors can now be separated into hooks and subscribe via pubsub

got to do a bit of fun graphics programming over the weekend : )

svg export option now available! the file size is currently quite large due to inline font embedding. it will take some research to fix this, but i'll look into it. i've also fixed an export bug that was causing nodes to overlap with arrows.

received some feedback that the arrows on lines could be a bit bigger i'll add a configuration for this later, but i'm thinking of bumping from 10 to 16 pixels for now. 16 is shown here

small QoL to reverse a node connection!

shift+click to select multiple flowchart nodes! additional multi-node actions are wip i'll look into adding drag-to-select soon

a commonly requested feature has been to auto-insert a new node when dragging a connection to an empty space

wip today 👀👀👀👀👀👀👀

i've added a rudimentary color-cycler control to nodes. this will be replaced by a proper palette menu soon. this feature is live right now on diagram.page!

title editing has been greatly improved. multi-line titles are now properly supported.

tried my hand at making some favicon variants for diagram.page! which one is your favorite?

today i'm announcing diagram.page, my first live web app! my vision is to create the most intuitive flowchart editor possible v0.1.0 includes: - multiple node shapes - labeled connections - public sharing - png exports try it out, have fun, share your thoughts!