Nah you’re exactly right, there has to be a render view and a coding view, but one of my philosophies is that source code needs to be editable hence the global CSS being able to edit the editor itself, but yep I’ve been thinking about how to do the split view, right click or a key combination to bring up the editor, to support mobile is really hard, 5 second long press or something.
So essentially render view is a traversal algorithm that renders only some properties of a JSON tree such as components basically, and dev view renders everything without loading components.
There is a possibility to slightly merge Dev view and render view like popup modals or a global edit mode toggle which adds hover to change settings stuff.
I know that something like elementor for WordPress is similar but it isn’t real time, you still have to totally reload/recompile the page to see your work as it would look in production, this would let you see the production version directly.
I’ve been working on changing the type of a value and adding a new edge to an object value or array value.
Basically right now there’s a value component which either renders a basic value like a number, string, etc… or an object or array by iterating over the properties/edges, which spawns an edge component, and then edge component shows the edge name, when clicked it spawns a value component showing the value and then the cycle repeats recursively.
Vue does have some limitations for developer freedom in terms of dynamic components but I’m working around it just to get a demo going, and I have my own Vue fork which I’ve edited quite heavily :’)
Gotta get on Vue 3 though