/vite-plugin-escode

Live visual programming using AST control flow graph manipulation

Primary LanguageTypeScript

vite-plugin-escode

A Vite plugin for live-editing arbitrary JavaScript applications

plugin architecture

Note: Node server integration is currently not implemented.

Roadmap

  1. Parse and render the comprehensive demo code as a graph
  2. Replace every variable with a monitorable value in a global store
    • Primitives have getter/setter
    • Objects have Proxies
    • Functions have wrappers
    • Each graph has a pool that indicates the possible global state values that it can hook into, as well as a flow that represents the actual flow of information.
    • Each of these is a node with source declaration + value + an onCodeChange callback that recompiles the whole tree + next + previous