PLAYGROUND & STUDIO MANUAL

Deyin includes two browser-based studio interfaces located in playground/index.html (Standard Studio) and playground/index.html (Neobrutalist Studio). Both run 100% locally in the browser with zero backend installation requirements.

1. LOCAL EXECUTION

# Start local static server
python3 -m http.server 3000 --directory playground

# Open in browser:
# http://localhost:3000/             -> Standard Studio
# http://localhost:3000/neobrutalist.html -> Neobrutalist Studio

2. DUAL-ENGINE ARCHITECTURE (OPTION A)

The playground executes with a dual-engine architecture to ensure both zero-delay interactive typing and 100% grammar fidelity:

• Real Python Engine (Pyodide + Lark): Runs the real LALR parser (grammar.lark), static semantic checker (src/check.py), AST interpreter (src/interpreter.py), and optimizing compilers (src/compiler.py) in-browser via WebAssembly.
• Instant Preview Engine (Shunting-Yard): Sub-millisecond arithmetic and indicator evaluation providing instant live feedback while typing.
• Wabt WASM Validator: Emitted WebAssembly Text (WAT) is validated and parsed in-browser via wabt.js with live module status indicators.

3. OUTPUT VIEWS

TAB	CONTENT	ENGINE DESCRIPTION
RECORDS	Tabular stream telemetry	Evaluated stream records showing price, indicators, and buy/sell signals
DAG	Visual pipeline flow	Interactive node graph showing pipeline stages and buffers
PYTHON	Transpiled Python code	Optimized deque pipeline with direct field lookups and zero eval()
WAT	WebAssembly Text format	Validated WAT kernel instructions with live wabt.js compilation
AST	Abstract Syntax Tree	Inspection of parsed Lark grammar nodes and dataclass structures

4. KEYBOARD SHORTCUTS

Press Ctrl + Enter (or Cmd + Enter on macOS) to instantly execute the active pipeline in the editor.