Avalon

I succumbed to the urge. I rewrote the entire thing from scratch because the previous version was not scalable. I don’t have much to show for it except for:

• Landing page for days
• Animations
• Animations
• Better schematic management window

Hopefully the video might depict what exactly changed. It’s very little.

I built a basic scaffold, and not much else. I’ve used:

• SvelteKit, a meta-framework for building web things
• Svelte Flow, a library that lets you add interactive graphs and nodes and connections to your web thing
• shadcn/ui, a library of components like buttons or command menus, and
• Tabler Icons, an icon library for the little logic-gate symbols.

Right now, you can add “nodes” to the screen and wire them up together. A node can be a logic gate, or an input, an output, or anything that is part of a circuit. It took a really long time to actually learn how Svelte Flow was supposed to work. It’s simple when you actually read the documentation, which I did not :D

Clicking to move nodes around works, deleting nodes can be done with the X, Delete, or Backspace key, and you can add a node with Ctrl+Q.

I’ve used shadcn for UI components only because everyone is talking about it. It took a long time to figure out how it’s actually meant to be used.

There are only four logic gates added, and they have no functionality. Most of them are supposed to have two inputs, not one, but I’m adding that later.

The circuit simulation engine is going to be a headache, so I’ve put that off for later as well.

TL;DR: There is now an infinite graph where you can add logic gates. The gates do nothing. You can connect logic gates together, but that also does nothing. Most of the time was spent learning how to wrangle Svelte Flow and shadcn into submission.