@hypen-space/core 0.4.31 → 0.4.35

package/wasm-browser/hypen_engine_bg.wasm.d.ts

@@ -2,29 +2,36 @@
 /* eslint-disable */
 export const memory: WebAssembly.Memory;
 export const __wbg_wasmengine_free: (a: number, b: number) => void;
+export const main: () => void;
+export const parseToJson: (a: number, b: number) => [number, number, number, number];
+export const patchesToJson: (a: any) => [number, number, number, number];
+export const wasmengine_clearTree: (a: number) => void;
+export const wasmengine_currentState: (a: number) => any;
+export const wasmengine_debugParseComponent: (a: number, b: number, c: number) => [number, number, number, number];
+export const wasmengine_dispatchAction: (a: number, b: number, c: number, d: any) => [number, number];
+export const wasmengine_getRevision: (a: number) => bigint;
 export const wasmengine_new: () => number;
-export const wasmengine_setRenderCallback: (a: number, b: any) => void;
-export const wasmengine_setComponentResolver: (a: number, b: any) => void;
+export const wasmengine_onAction: (a: number, b: number, c: number, d: any) => void;
+export const wasmengine_onDataSourceAction: (a: number, b: any) => void;
 export const wasmengine_registerPrimitive: (a: number, b: number, c: number) => void;
-export const wasmengine_renderLazyComponent: (a: number, b: number, c: number) => [number, number];
+export const wasmengine_removeContext: (a: number, b: number, c: number) => void;
 export const wasmengine_renderInto: (a: number, b: number, c: number, d: number, e: number, f: any) => [number, number];
+export const wasmengine_renderLazyComponent: (a: number, b: number, c: number) => [number, number];
+export const wasmengine_reset: (a: number) => void;
+export const wasmengine_setComponentResolver: (a: number, b: any) => void;
+export const wasmengine_setContext: (a: number, b: number, c: number, d: any) => [number, number];
+export const wasmengine_setModule: (a: number, b: number, c: number, d: number, e: number, f: number, g: number, h: any) => [number, number];
+export const wasmengine_setRenderCallback: (a: number, b: any) => void;
+export const wasmengine_treeSize: (a: number) => number;
 export const wasmengine_updateState: (a: number, b: any) => [number, number];
 export const wasmengine_updateStateSparse: (a: number, b: any, c: any) => [number, number];
-export const wasmengine_dispatchAction: (a: number, b: number, c: number, d: any) => [number, number];
-export const wasmengine_onAction: (a: number, b: number, c: number, d: any) => void;
-export const wasmengine_clearTree: (a: number) => void;
-export const wasmengine_debugParseComponent: (a: number, b: number, c: number) => [number, number, number, number];
-export const wasmengine_setModule: (a: number, b: number, c: number, d: number, e: number, f: number, g: number, h: any) => [number, number];
-export const wasmengine_getRevision: (a: number) => bigint;
-export const patchesToJson: (a: any) => [number, number, number, number];
-export const parseToJson: (a: number, b: number) => [number, number, number, number];
-export const main: () => void;
+export const wasmengine_validate: (a: number) => any;
 export const wasmengine_renderSource: (a: number, b: number, c: number) => [number, number];
 export const __wbindgen_malloc: (a: number, b: number) => number;
 export const __wbindgen_realloc: (a: number, b: number, c: number, d: number) => number;
 export const __wbindgen_exn_store: (a: number) => void;
 export const __externref_table_alloc: () => number;
-export const __wbindgen_export_4: WebAssembly.Table;
+export const __wbindgen_externrefs: WebAssembly.Table;
 export const __externref_table_dealloc: (a: number) => void;
 export const __wbindgen_free: (a: number, b: number, c: number) => void;
 export const __wbindgen_start: () => void;

package/wasm-browser/package.json

@@ -5,7 +5,7 @@
     "Hypen Contributors"
   ],
   "description": "A Rust implementation of the Hypen engine",
-  "version": "0.4.31",
+  "version": "0.4.35",
   "license": "MIT",
   "repository": {
     "type": "git",

package/wasm-node/README.md

@@ -11,7 +11,7 @@ The core reactive rendering engine for Hypen, written in Rust. Compiles to WASM
 ### Rust
 
 ```rust
-use hypen_engine::{Engine, ast_to_ir};
+use hypen_engine::{Engine, ast_to_ir_node};
 use hypen_parser::parse_component;
 use serde_json::json;
 
@@ -21,7 +21,7 @@ engine.set_render_callback(|patches| {
 });
 
 let ast = parse_component(r#"Column { Text("Hello") }"#)?;
-engine.render(&ast_to_ir(&ast));
+engine.render_ir_node(&ast_to_ir_node(&ast));
 engine.update_state(json!({ "count": 42 }));
 ```
 
@@ -120,7 +120,7 @@ use serde_json::json;
 let mut engine = Engine::new();
 
 // Register a custom component
-// Note: In practice, you'd typically parse Hypen DSL with ast_to_ir
+// Note: In practice, you'd typically parse Hypen DSL with ast_to_ir_node
 engine.register_component(Component::new("Greeting", |props: IndexMap<String, serde_json::Value>| {
     Element::new("Text")
         .with_prop("text", Value::Binding(
@@ -400,7 +400,7 @@ The engine integrates with the Hypen parser from `../parser`:
 
 ```rust
 use hypen_parser::parse_component;
-use hypen_engine::ast_to_ir;
+use hypen_engine::ast_to_ir_node;
 
 let source = r#"
     Column {
@@ -410,14 +410,14 @@ let source = r#"
 "#;
 
 let ast = parse_component(source)?;
-let element = ast_to_ir(&ast); // Convert AST → IR
-engine.render(&element);
+let ir_node = ast_to_ir_node(&ast); // Convert AST → IR
+engine.render_ir_node(&ir_node);
 ```
 
 ### Full Example with Parser
 
 ```rust
-use hypen_engine::{Engine, ast_to_ir};
+use hypen_engine::{Engine, ast_to_ir_node};
 use hypen_parser::parse_component;
 use serde_json::json;
 
@@ -438,10 +438,10 @@ fn main() -> Result<(), Box<dyn std::error::Error>> {
     "#;
 
     let ast = parse_component(source)?;
-    let element = ast_to_ir(&ast);
+    let ir_node = ast_to_ir_node(&ast);
 
     // Render
-    engine.render(&element);
+    engine.render_ir_node(&ir_node);
 
     // Update state
     engine.update_state(json!({"count": 42}));
@@ -557,7 +557,7 @@ impl Engine {
 
 ```rust
 pub use engine::Engine;
-pub use ir::{ast_to_ir, Element, Value};
+pub use ir::{ast_to_ir_node, Element, IRNode, Value};
 pub use lifecycle::{Module, ModuleInstance};
 pub use reconcile::Patch;
 pub use state::StateChange;

package/wasm-node/hypen_engine.d.ts

@@ -1,98 +1,327 @@
 /* tslint:disable */
 /* eslint-disable */
+
 /**
- * Export patches as JSON string (for debugging)
+ * The main Hypen engine interface for JavaScript/WASM runtimes.
+ *
+ * `WasmEngine` manages the full lifecycle of a Hypen UI: parsing DSL source,
+ * maintaining the virtual tree, tracking reactive dependencies, and emitting
+ * minimal patches when state changes. It runs in a single-threaded WASM
+ * environment (browsers, Node.js, Bun, Deno).
+ *
+ * # Quick Start
+ *
+ * ```js
+ * import { WasmEngine } from "@hypen-space/core";
+ *
+ * const engine = new WasmEngine();
+ *
+ * // 1. Register primitives so the engine doesn't try to resolve them as components
+ * engine.registerPrimitive("Text");
+ * engine.registerPrimitive("Column");
+ *
+ * // 2. Receive patches via callback
+ * engine.setRenderCallback((patches) => {
+ *     for (const patch of patches) {
+ *         applyPatch(patch); // Create, SetProp, Insert, Remove, etc.
+ *     }
+ * });
+ *
+ * // 3. Optionally set up a module for stateful UI
+ * engine.setModule("Counter", ["increment"], ["count"], { count: 0 });
+ *
+ * // 4. Render DSL source — patches are emitted via the callback
+ * engine.renderSource('Column { Text("Count: ${state.count}") }');
+ *
+ * // 5. Update state — only affected nodes are re-rendered
+ * engine.updateState({ count: 1 });
+ * ```
+ *
+ * # Patch Protocol
+ *
+ * All UI mutations are expressed as [`Patch`] values emitted through the render
+ * callback. Patches use camelCase field names for direct JavaScript consumption.
+ * See [`Patch`] for the full variant list and field documentation.
+ *
+ * # Component Resolution
+ *
+ * Custom components (anything not registered as a primitive) are resolved lazily
+ * via the component resolver callback set with [`set_component_resolver`]. The
+ * resolver receives `(componentName, contextPath)` and should return
+ * `{ source: string, path: string }` or `null`.
+ *
+ * # Revision Tracking
+ *
+ * Every render cycle (initial render or state update that produces patches)
+ * increments the revision counter. Use [`get_revision`] to detect stale state
+ * in async workflows.
  */
-export function patchesToJson(patches: any): string;
+export class WasmEngine {
+    free(): void;
+    [Symbol.dispose](): void;
+    /**
+     * Remove all nodes from the instance tree without emitting Remove patches.
+     *
+     * Use this when tearing down the UI entirely (e.g. navigating away or
+     * switching samples). The renderer is responsible for clearing its own
+     * DOM/canvas state separately.
+     */
+    clearTree(): void;
+    /**
+     * Return a JSON snapshot of the active module's current state.
+     *
+     * Returns `null` (as a `JsValue`) if no module is set.
+     * Useful for debugging and DevTools integration.
+     */
+    currentState(): any;
+    /**
+     * Parse a component and return a human-readable debug string.
+     *
+     * Intended for development tooling only — the output format is not stable.
+     */
+    debugParseComponent(source: string): string;
+    /**
+     * Dispatch a named action, invoking the registered handler (if any).
+     *
+     * Actions are the primary way UI events flow from the renderer back to
+     * application logic. In Hypen DSL, buttons reference actions like
+     * `Button("@actions.submit")` — the renderer maps clicks to
+     * `engine.dispatchAction("submit", payload)`.
+     *
+     * # Arguments
+     * * `name` — Action name (e.g. `"submit"`, `"increment"`)
+     * * `payload` — Optional JS value passed to the handler. `null`/`undefined` are treated as no payload.
+     *
+     * # Errors
+     *
+     * Returns an error if the payload cannot be deserialized. Does **not** error
+     * if no handler is registered (the action is silently dropped).
+     */
+    dispatchAction(name: string, payload: any): void;
+    /**
+     * Get the current revision number.
+     *
+     * Starts at 0 and increments by 1 for each render cycle that produces
+     * patches. Useful for cache invalidation and detecting stale async results.
+     */
+    getRevision(): bigint;
+    /**
+     * Create a new engine instance with an empty tree and no module.
+     *
+     * After construction, you typically:
+     * 1. Register primitives with [`register_primitive`]
+     * 2. Set a render callback with [`set_render_callback`]
+     * 3. Optionally set a component resolver with [`set_component_resolver`]
+     * 4. Optionally initialize a module with [`set_module`]
+     * 5. Render source with [`render_source`]
+     */
+    constructor();
+    /**
+     * Register a JavaScript function as the handler for a named action.
+     *
+     * When [`dispatch_action`] is called with a matching name, the handler
+     * receives a serialized [`Action`] object with `{ name, payload }`.
+     *
+     * Registering a handler for the same name replaces the previous one.
+     */
+    onAction(action_name: string, handler: Function): void;
+    /**
+     * Register a handler for data source actions.
+     *
+     * When [`dispatch_action`] is called with a name like `"spacetime.sendMessage"`
+     * and no explicit action handler is registered for that name, the engine checks
+     * if the prefix (`"spacetime"`) is a registered data source. If so, it calls
+     * this handler with `{ provider, method, payload }`.
+     *
+     * This enables `@actions.spacetime.sendMessage` in DSL to automatically route
+     * to the appropriate data source plugin without manual handler registration.
+     */
+    onDataSourceAction(handler: Function): void;
+    /**
+     * Register a primitive element (like Text, Button, etc.) to skip component resolution
+     * This prevents unnecessary resolver calls for built-in DOM elements
+     */
+    registerPrimitive(name: string): void;
+    /**
+     * Remove a data source context entirely.
+     *
+     * Drops the provider's state and re-renders bound nodes (they resolve to `null`).
+     */
+    removeContext(name: string): void;
+    /**
+     * Render a component into a specific parent node (subtree rendering)
+     * This is used for lazy routing where components are rendered on-demand into route containers
+     *
+     * # Arguments
+     * * `source` - The Hypen DSL source to parse and render
+     * * `parent_node_id_str` - The serialized node ID string of the parent element
+     * * `state_js` - The state to use for rendering (as JsValue)
+     */
+    renderInto(source: string, parent_node_id_str: string, state_js: any): void;
+    /**
+     * Render a component source on-demand (for lazy-loaded routes).
+     *
+     * Equivalent to calling [`render_source`] — the source is parsed as a full
+     * document and replaces the current tree.
+     */
+    renderLazyComponent(source: string): void;
+    /**
+     * Parse and render Hypen DSL source code, emitting patches via the render callback.
+     *
+     * Supports full document syntax including `import` statements. Imports are
+     * resolved synchronously through the component resolver callback (if set).
+     *
+     * This performs a **full reconciliation** — the existing tree is diffed against
+     * the new IR and minimal patches are emitted. Calling this multiple times with
+     * different source replaces the previous UI.
+     *
+     * # Errors
+     *
+     * Returns a `JsValue` string error if the source fails to parse.
+     */
+    renderSource(source: string): void;
+    /**
+     * Fully reset the engine to its initial empty state.
+     *
+     * Clears the tree, module, dependencies, scheduler, action handlers,
+     * component registry, and resets the revision to 0. The render callback
+     * and component resolver are preserved.
+     */
+    reset(): void;
+    /**
+     * Set the component resolver callback
+     * The resolver receives (componentName, contextPath) and should return
+     * { source: string, path: string } or null
+     *
+     * contextPath is the path of the component that's referencing this component
+     * The returned path should be the resolved absolute path to the component file
+     */
+    setComponentResolver(resolver: Function): void;
+    /**
+     * Set (or replace) a named data source context.
+     *
+     * Registers the provider in the dependency graph (if not already known),
+     * stores the data, and re-renders every node bound to `$name.*`.
+     * Sparse merging (if needed) should happen at the SDK layer before
+     * calling this method with the merged object.
+     *
+     * # Example (JS)
+     * ```js
+     * engine.setContext("spacetime", {
+     *     message: [{ id: 1, text: "Hello" }, { id: 2, text: "World" }],
+     *     user: [{ id: 1, name: "Alice", online: true }]
+     * });
+     * ```
+     */
+    setContext(name: string, data_js: any): void;
+    /**
+     * Initialize (or replace) the active module with the given configuration.
+     *
+     * A module provides stateful context for `${state.xxx}` bindings in the DSL.
+     * Only one module is active at a time — calling this again replaces it.
+     *
+     * # Arguments
+     * * `name` — Module identifier (e.g. `"Counter"`, `"ProfilePage"`)
+     * * `actions` — List of action names this module handles
+     * * `state_keys` — List of top-level state keys (used for validation)
+     * * `initial_state` — The starting state as a JS object
+     *
+     * # Errors
+     *
+     * Returns an error if `initial_state` cannot be deserialized as JSON.
+     */
+    setModule(name: string, actions: string[], state_keys: string[], initial_state: any): void;
+    /**
+     * Set the callback that receives UI patches after each render cycle.
+     *
+     * The callback is invoked with a single argument: a JavaScript array of
+     * [`Patch`] objects. Each patch describes one atomic DOM operation (Create,
+     * SetProp, SetText, Insert, Move, Remove, RemoveProp).
+     *
+     * The callback is called synchronously during `renderSource()`, `updateState()`,
+     * `updateStateSparse()`, and `renderInto()`.
+     *
+     * # Example (JS)
+     * ```js
+     * engine.setRenderCallback((patches) => {
+     *     for (const p of patches) {
+     *         switch (p.type) {
+     *             case "create": createElement(p.id, p.elementType, p.props); break;
+     *             case "setProp": setProperty(p.id, p.name, p.value); break;
+     *             case "insert": insertChild(p.parentId, p.id, p.beforeId); break;
+     *             // ...
+     *         }
+     *     }
+     * });
+     * ```
+     */
+    setRenderCallback(callback: Function): void;
+    /**
+     * Return the total number of nodes currently in the instance tree.
+     *
+     * Useful for debugging, performance monitoring, and DevTools.
+     */
+    treeSize(): number;
+    /**
+     * Apply a state patch and re-render affected nodes.
+     *
+     * The `state_patch` is a JavaScript object whose keys are merged into the
+     * current module state (deep merge). Only nodes whose bindings reference
+     * changed paths are re-rendered, producing minimal patches.
+     *
+     * # Example (JS)
+     * ```js
+     * // Updates state.user.name and state.count, re-renders bound nodes
+     * engine.updateState({ user: { name: "Bob" }, count: 42 });
+     * ```
+     *
+     * # Errors
+     *
+     * Returns an error if `state_patch` cannot be deserialized as JSON.
+     */
+    updateState(state_patch: any): void;
+    /**
+     * Apply a sparse state update using explicit path-value pairs.
+     *
+     * More efficient than [`update_state`] for large state objects when only a
+     * few deeply-nested paths changed, because it avoids a full deep-merge.
+     *
+     * # Arguments
+     * * `paths_js` — JS array of dot-separated paths that changed (e.g. `["user.name", "count"]`)
+     * * `values_js` — JS object mapping each path to its new value (e.g. `{ "user.name": "Bob", "count": 42 }`)
+     *
+     * # Errors
+     *
+     * Returns an error if either argument cannot be deserialized.
+     */
+    updateStateSparse(paths_js: any, values_js: any): void;
+    /**
+     * Validate that the engine is in a consistent state.
+     *
+     * Checks that:
+     * - All child references point to existing nodes
+     * - All parent back-references are correct
+     * - The root node (if any) exists in the tree
+     *
+     * Returns `null` if valid, or a string describing the first inconsistency found.
+     * Intended for testing and debugging only — not for production hot paths.
+     */
+    validate(): any;
+}
+
+export function main(): void;
+
 /**
- * Parse Hypen DSL and return AST as JSON
+ * Parse Hypen DSL source and return the AST as a pretty-printed JSON string.
+ *
+ * Useful for tooling, syntax highlighting, and debugging the parser output.
  */
 export function parseToJson(source: string): string;
-export function main(): void;
+
 /**
- * WASM-exported engine instance for JavaScript runtimes
- * Uses Rc<RefCell<>> instead of Send+Sync for WASM single-threaded environment
+ * Serialize a patches array to a pretty-printed JSON string.
+ *
+ * Intended for debugging and logging — not for production use.
+ * Accepts a JS array of patch objects and returns formatted JSON.
  */
-export class WasmEngine {
-  free(): void;
-  [Symbol.dispose](): void;
-  /**
-   * Create a new engine instance
-   */
-  constructor();
-  /**
-   * Parse and render Hypen DSL source code
-   * Supports documents with import statements - imports are resolved via the component resolver
-   */
-  renderSource(source: string): void;
-  /**
-   * Set the render callback that receives patches
-   */
-  setRenderCallback(callback: Function): void;
-  /**
-   * Set the component resolver callback
-   * The resolver receives (componentName, contextPath) and should return
-   * { source: string, path: string } or null
-   *
-   * contextPath is the path of the component that's referencing this component
-   * The returned path should be the resolved absolute path to the component file
-   */
-  setComponentResolver(resolver: Function): void;
-  /**
-   * Register a primitive element (like Text, Button, etc.) to skip component resolution
-   * This prevents unnecessary resolver calls for built-in DOM elements
-   */
-  registerPrimitive(name: string): void;
-  /**
-   * Render a component source (for lazy loading routes)
-   * This allows rendering a component on-demand
-   */
-  renderLazyComponent(source: string): void;
-  /**
-   * Render a component into a specific parent node (subtree rendering)
-   * This is used for lazy routing where components are rendered on-demand into route containers
-   *
-   * # Arguments
-   * * `source` - The Hypen DSL source to parse and render
-   * * `parent_node_id_str` - The serialized node ID string of the parent element
-   * * `state_js` - The state to use for rendering (as JsValue)
-   */
-  renderInto(source: string, parent_node_id_str: string, state_js: any): void;
-  /**
-   * Update state from JavaScript
-   */
-  updateState(state_patch: any): void;
-  /**
-   * Update state using sparse path-value pairs
-   * More efficient than updateState for large state objects when only a few paths changed
-   *
-   * # Arguments
-   * * `paths_js` - Array of changed paths (e.g., ["user.name", "count"])
-   * * `values_js` - Object mapping paths to their new values (e.g., { "user.name": "Bob", "count": 42 })
-   */
-  updateStateSparse(paths_js: any, values_js: any): void;
-  /**
-   * Dispatch an action
-   */
-  dispatchAction(name: string, payload: any): void;
-  /**
-   * Register an action handler
-   */
-  onAction(action_name: string, handler: Function): void;
-  /**
-   * Clear the engine tree (useful when switching samples)
-   */
-  clearTree(): void;
-  /**
-   * Debug method to inspect parsed components
-   */
-  debugParseComponent(source: string): string;
-  /**
-   * Initialize a module
-   */
-  setModule(name: string, actions: string[], state_keys: string[], initial_state: any): void;
-  /**
-   * Get the current revision number
-   */
-  getRevision(): bigint;
-}
+export function patchesToJson(patches: any): string;