sufianI'm building a "live" development environment and can't tell if being able to "physically look under the hood" of a widget is a good idea or a hair-brained one
Hmm, I realize that gif didn't really show off the "interactive" portion. That could've been some sort of templated string, this is what I mean by live & interactive:
stanistan@sufian this is cool. It makes me think about the two modes of working on software. Creating a new thing. And changing a thing that already exists. The demo is good for (2) where you’re trying to figure out how a thing works. For (1) switching actively between modes like that seems more work than a more “live editing”?
@stanistan Nice! Yeah, the idea is that there'd be multiple things you may need to look at, and sometimes you're working on one and want to see the _result_ of another thing -- but sometimes you're working on one and want to see the _internals_ of another thing.
And the "live editing" part isn't really covered by this gif. It's extremely janky right now, but check out https://board.abstract.properties/ -- click on the canvas area, and then use the inspector thing on the right to change the "$display" or "$value" (or anything else) to something else, and you should see it live update. I'm thinking it may be helpful to "flip over" some of these cells to see the code for its "$value" while working on another thing.
And the "live editing" part isn't really covered by this gif. It's extremely janky right now, but check out https://board.abstract.properties/ -- click on the canvas area, and then use the inspector thing on the right to change the "$display" or "$value" (or anything else) to something else, and you should see it live update. I'm thinking it may be helpful to "flip over" some of these cells to see the code for its "$value" while working on another thing.
@sufian You taking random bits of feedback?
@stanistan sure! Though it’s nowhere near functionally complete — I’m wanting to add “functions”, “modules”, a proper save & load, and some sort of build file before even thinking too hard about UX
I can already see this as being really cool for interactive demos, drop in a text input and the UI fills itself in based on things you've built.
Small UX changes :)
-`cursor:grab` on the boxes when they're draggable
-`cursor:crosshair` by default?
- I think the live-editor needs to be a bit more forgiving when you're editing maybe _not updating (and in a disabled state)?_
For when you're working on it:
- Attribute hierarchy-- `$value` is more important than `$x` and `$y` :)
@stanistan oh we’re totally on the same page! ❤️
Drew Schuster@sufian is the flipping part of it to sort of avoid supporting live changes? Like side by side with live reload feels nicer for riffing on something, but of course you have to debounce key presses and try to magically intuit when to update the live component based on changes
@nuncamind ah no, it's meant to be part of a bigger thing where there is more live changes. This flipping part would be more for when you're working on one thing but want to look under the hood of another (for whatever reason).
Like, it's *super* janky right now, but take a look at https://board.abstract.properties/ -- click on the canvas area and use the inspector to change the properties on the right (which are all JS expressions). Everything live-updates there (and runs surprisingly fast on my 5 year old laptop, given that it's compiling things on each keystroke 🙈) -- I'm thinking of adding the ability for these "cell" things to be able to flip over to see the code for their value.
Like, it's *super* janky right now, but take a look at https://board.abstract.properties/ -- click on the canvas area and use the inspector to change the properties on the right (which are all JS expressions). Everything live-updates there (and runs surprisingly fast on my 5 year old laptop, given that it's compiling things on each keystroke 🙈) -- I'm thinking of adding the ability for these "cell" things to be able to flip over to see the code for their value.
@sufian rad! It’s even running great on my phone
@nuncamind woah seriously? Amazing!