@bian-womp/spark-workbench 0.1.2 → 0.1.3

package/lib/cjs/src/examples/reactflow/WorkbenchStudio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkbenchStudio.d.ts","sourceRoot":"","sources":["../../../../../src/examples/reactflow/WorkbenchStudio.tsx"],"names":[],"mappings":"AAkbA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,MAAM,EACN,cAAc,EACd,OAAO,EACP,eAAe,EACf,WAAW,EACX,mBAAmB,EACnB,WAAW,EACX,mBAAmB,EACnB,KAAK,EACL,aAAa,EACb,KAAK,EACL,aAAa,EACb,UAAU,EACV,kBAAkB,EAClB,aAAa,EACb,qBAAqB,EACrB,UAAU,EACV,kBAAkB,GACnB,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,WAAW,EAAE,OAAO,GAAG,aAAa,GAAG,WAAW,CAAC;IACnD,mBAAmB,EAAE,CAAC,CAAC,EAAE,OAAO,GAAG,aAAa,GAAG,WAAW,KAAK,IAAI,CAAC;IACxE,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,OAAO,CAAC;IACvB,qBAAqB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,UAAU,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,2CAiDA"}
+{"version":3,"file":"WorkbenchStudio.d.ts","sourceRoot":"","sources":["../../../../../src/examples/reactflow/WorkbenchStudio.tsx"],"names":[],"mappings":"AA0gBA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,MAAM,EACN,cAAc,EACd,OAAO,EACP,eAAe,EACf,WAAW,EACX,mBAAmB,EACnB,WAAW,EACX,mBAAmB,EACnB,KAAK,EACL,aAAa,EACb,KAAK,EACL,aAAa,EACb,UAAU,EACV,kBAAkB,EAClB,aAAa,EACb,qBAAqB,EACrB,UAAU,EACV,kBAAkB,GACnB,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,WAAW,EAAE,OAAO,GAAG,aAAa,GAAG,WAAW,CAAC;IACnD,mBAAmB,EAAE,CAAC,CAAC,EAAE,OAAO,GAAG,aAAa,GAAG,WAAW,KAAK,IAAI,CAAC;IACxE,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,OAAO,CAAC;IACvB,qBAAqB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,UAAU,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,2CAiDA"}

package/lib/cjs/src/misc/Inspector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Inspector.d.ts","sourceRoot":"","sources":["../../../../src/misc/Inspector.tsx"],"names":[],"mappings":"AAKA,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,UAAU,EACV,aAAa,EACb,kBAAkB,EAClB,qBAAqB,EACrB,SAAS,EACT,QAAQ,GACT,EAAE;IACD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,SAAS,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,KAAK,MAAM,CAAC;IACxD,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACxE,2CA4UA"}
+{"version":3,"file":"Inspector.d.ts","sourceRoot":"","sources":["../../../../src/misc/Inspector.tsx"],"names":[],"mappings":"AAKA,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,UAAU,EACV,aAAa,EACb,kBAAkB,EAClB,qBAAqB,EACrB,SAAS,EACT,QAAQ,GACT,EAAE;IACD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,SAAS,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,KAAK,MAAM,CAAC;IACxD,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACxE,2CA6UA"}

package/lib/esm/index.js

@@ -1,11 +1,11 @@
-import { GraphBuilder, StepEngine, HybridEngine, PullEngine, BatchedEngine, PushEngine, createSimpleGraphRegistry, createSimpleGraphDef, createValidationGraphRegistry, createValidationGraphDef, createProgressGraphRegistry, createProgressGraphDef, createAsyncGraphRegistry, createAsyncGraphDef } from '@bian-womp/spark-graph';
+import { GraphBuilder, StepEngine, HybridEngine, PullEngine, BatchedEngine, PushEngine, createSimpleGraphRegistry, createSimpleGraphDef, createValidationGraphRegistry, createValidationGraphDef, createProgressGraphRegistry, createProgressGraphDef, createAsyncGraphRegistry, createAsyncGraphDef, Registry } from '@bian-womp/spark-graph';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React, { createContext, useContext, useMemo, useState, useCallback, useEffect, useRef } from 'react';
+import { HttpPollingTransport, WebSocketTransport, RemoteRunner } from '@bian-womp/spark-remote';
 import ReactFlow, { Handle, Position, useReactFlow, Background, MiniMap, Controls } from 'reactflow';
 import 'reactflow/dist/style.css';
 import cx from 'classnames';
 import { XCircleIcon, WarningCircleIcon } from '@phosphor-icons/react';
-import { HttpPollingTransport, WebSocketTransport, RemoteRunner } from '@bian-womp/spark-remote';
 
 class DefaultUIExtensionRegistry {
     constructor() {
@@ -1155,7 +1155,8 @@ function Inspector({ debug, autoScroll, hideWorkbench, onAutoScrollChange, onHid
     return (jsxs("div", { className: `${widthClass} border-l border-gray-300 p-3 flex flex-col h-full min-h-0 overflow-hidden`, children: [jsx("div", { className: "font-semibold mb-2", children: "Inspector" }), jsx("div", { className: "flex-1 overflow-auto", children: !selectedNode && !selectedEdge ? (jsxs("div", { children: [jsx("div", { className: "text-gray-500", children: "Select a node or edge." }), globalValidationIssues && globalValidationIssues.length > 0 && (jsxs("div", { className: "mt-2 text-xs bg-red-50 border border-red-200 rounded px-2 py-1", children: [jsx("div", { className: "font-semibold mb-1", children: "Validation" }), jsx("ul", { className: "list-disc ml-4", children: globalValidationIssues.map((m, i) => (jsxs("li", { className: "flex items-center gap-1", children: [jsx(IssueBadge, { level: m.level, size: 24, className: "w-6 h-6" }), jsx("span", { children: `${m.code}: ${m.message}` })] }, i))) })] }))] })) : selectedEdge ? (jsxs("div", { children: [jsxs("div", { className: "mb-2", children: [jsxs("div", { children: ["Edge: ", selectedEdge.id] }), jsxs("div", { children: [selectedEdge.source.nodeId, ".", selectedEdge.source.handle, " \u2192", " ", selectedEdge.target.nodeId, ".", selectedEdge.target.handle] }), jsxs("div", { children: ["Type: ", selectedEdge.typeId] })] }), selectedEdgeValidation.length > 0 && (jsxs("div", { className: "mt-2 text-xs bg-red-50 border border-red-200 rounded px-2 py-1", children: [jsx("div", { className: "font-semibold mb-1", children: "Validation" }), jsx("ul", { className: "list-disc ml-4", children: selectedEdgeValidation.map((m, i) => (jsxs("li", { className: "flex items-center gap-1", children: [jsx(IssueBadge, { level: m.level, size: 24, className: "w-6 h-6" }), jsx("span", { children: `${m.code}: ${m.message}` })] }, i))) })] }))] })) : (jsxs("div", { children: [selectedNode && (jsxs("div", { className: "mb-2", children: [jsxs("div", { children: ["Node: ", selectedNode.nodeId] }), jsxs("div", { children: ["Type: ", selectedNode.typeId] }), !!selectedNodeStatus?.lastError && (jsx("div", { className: "mt-2 text-sm text-red-700 bg-red-50 border border-red-200 rounded px-2 py-1 break-words", children: String(selectedNodeStatus.lastError?.message ??
                                         selectedNodeStatus.lastError) }))] })), jsxs("div", { className: "mb-2", children: [jsx("div", { className: "font-semibold mb-1", children: "Inputs" }), inputHandles.length === 0 ? (jsx("div", { className: "text-gray-500", children: "No inputs" })) : (inputHandles.map((h) => {
                                     const typeId = (selectedDesc?.inputs ?? {})[h];
-                                    const isLinked = def.edges.some((e) => e.target.nodeId === selectedNodeId && e.target.handle === h);
+                                    const isLinked = def.edges.some((e) => e.target.nodeId === selectedNodeId &&
+                                        e.target.handle === h);
                                     const commonProps = {
                                         style: { flex: 1 },
                                         disabled: isLinked,
@@ -1174,7 +1175,7 @@ function Inspector({ debug, autoScroll, hideWorkbench, onAutoScrollChange, onHid
                                         const orig = originals[h] ?? toDisplay(typeId, current);
                                         setDrafts((d) => ({ ...d, [h]: orig }));
                                     };
-                                    const isEnum = typeId?.startsWith("enum:");
+                                    const isEnum = typeId?.includes("enum:");
                                     const inIssues = selectedNodeHandleValidation.inputs.filter((m) => m.handle === h);
                                     const hasValidation = inIssues.length > 0;
                                     const hasErr = inIssues.some((m) => m.level === "error");
@@ -1537,6 +1538,60 @@ function WorkbenchStudioCanvas({ setRegistry, autoScroll, onAutoScrollChange, ex
         setExampleState(key);
         onExampleChange?.(key);
     }, [runner, wb, onExampleChange, runAutoLayout]);
+    const hydrateFromBackend = useCallback(async (kind, base) => {
+        try {
+            const transport = kind === "remote-http"
+                ? new HttpPollingTransport(base)
+                : new WebSocketTransport(base);
+            await transport.connect();
+            const rr = new RemoteRunner(transport);
+            const desc = await rr.describeRegistry();
+            const r = new Registry();
+            // Types
+            for (const t of desc.types) {
+                r.registerType({
+                    id: t.id,
+                    displayName: t.displayName,
+                    validate: (_v) => true,
+                });
+            }
+            // Categories: create placeholders for display name
+            for (const c of desc.categories || []) {
+                // If you later expose real category descriptors, register them here
+                // For now, rely on ComputeCategory for behavior
+                const category = {
+                    id: c.id,
+                    displayName: c.displayName,
+                    createRuntime: () => ({
+                        async onInputsChanged() { },
+                    }),
+                    policy: { mode: "push", asyncConcurrency: "switch" },
+                };
+                r.categories.register(category);
+            }
+            // Coercions (client-side no-op to satisfy validation) if provided
+            for (const c of desc.coercions) {
+                r.registerCoercion(c.from, c.to, (v) => v);
+            }
+            // Nodes (use no-op impl for compute)
+            for (const n of desc.nodes) {
+                r.registerNode({
+                    id: n.id,
+                    categoryId: n.categoryId,
+                    displayName: n.displayName,
+                    inputs: n.inputs || {},
+                    outputs: n.outputs || {},
+                    impl: () => { },
+                });
+            }
+            setRegistry(r);
+            wb.setRegistry(r);
+            await transport.close();
+        }
+        catch (err) {
+            console.error("Failed to hydrate registry from backend:", err);
+        }
+    }, [setRegistry, wb]);
     // Ensure initial example is loaded (and sync when example prop changes)
     useEffect(() => {
         applyExample(example ?? "simple");
@@ -1559,6 +1614,15 @@ function WorkbenchStudioCanvas({ setRegistry, autoScroll, onAutoScrollChange, ex
             // ignore
         }
     }, [engine, runner, wb]);
+    // When switching to remote backend, auto-hydrate registry from backend
+    useEffect(() => {
+        if (backendKind === "remote-http" && httpBaseUrl) {
+            void hydrateFromBackend("remote-http", httpBaseUrl);
+        }
+        else if (backendKind === "remote-ws" && wsUrl) {
+            void hydrateFromBackend("remote-ws", wsUrl);
+        }
+    }, [backendKind, httpBaseUrl, wsUrl, hydrateFromBackend]);
     useEffect(() => {
         if (autoLayoutRan.current)
             return;
@@ -1595,33 +1659,33 @@ function WorkbenchStudioCanvas({ setRegistry, autoScroll, onAutoScrollChange, ex
                 .map(map);
         };
         switch (typeId) {
-            case "float": {
+            case "base.float": {
                 const n = Number(raw);
                 value = Number.isFinite(n) ? n : 0;
                 break;
             }
-            case "bool": {
+            case "base.bool": {
                 value = Boolean(raw);
                 break;
             }
-            case "string": {
+            case "base.string": {
                 value = String(raw);
                 break;
             }
-            case "float[]": {
+            case "base.float[]": {
                 value = parseArray(String(raw), (x) => Number(x));
                 break;
             }
-            case "bool[]": {
+            case "base.bool[]": {
                 value = parseArray(String(raw), (x) => /^(true|1)$/i.test(x));
                 break;
             }
-            case "vec3": {
+            case "base.vec3": {
                 const arr = parseArray(String(raw), (x) => Number(x));
                 value = [arr[0] ?? 0, arr[1] ?? 0, arr[2] ?? 0];
                 break;
             }
-            case "vec3[]": {
+            case "base.vec3[]": {
                 try {
                     const parsed = JSON.parse(String(raw));
                     if (Array.isArray(parsed)) {
@@ -1653,13 +1717,13 @@ function WorkbenchStudioCanvas({ setRegistry, autoScroll, onAutoScrollChange, ex
     const toDisplay = useCallback((typeId, value) => {
         if (value === undefined || value === null)
             return "";
-        if (typeId && typeId.startsWith("enum:")) {
+        if (typeId && typeId.includes("enum:")) {
             const n = Number(value);
             const label = registry.getEnumLabel(typeId, n);
             return label ?? String(n);
         }
         const round4 = (n) => Math.round(Number(n) * 10000) / 10000;
-        if (typeId === "vec3" && Array.isArray(value)) {
+        if (typeId === "base.vec3" && Array.isArray(value)) {
             const a = value;
             return [round4(a[0] ?? 0), round4(a[1] ?? 0), round4(a[2] ?? 0)].join(",");
         }