@bian-womp/spark-workbench 0.2.38 → 0.2.40

package/lib/cjs/index.cjs

@@ -2,8 +2,8 @@
 
 var sparkGraph = require('@bian-womp/spark-graph');
 var sparkRemote = require('@bian-womp/spark-remote');
-var React = require('react');
 var react = require('@xyflow/react');
+var React = require('react');
 var cx = require('classnames');
 var jsxRuntime = require('react/jsx-runtime');
 var react$1 = require('@phosphor-icons/react');
@@ -864,9 +864,7 @@ class RemoteGraphRunner extends AbstractGraphRunner {
             }
         });
     }
-    build(def) {
-        console.warn("Unsupported operation for remote runner");
-    }
+    build(def) { }
     update(def) {
         // Remote: forward update; ignore errors (fire-and-forget)
         this.ensureClient().then(async (client) => {
@@ -975,15 +973,9 @@ class RemoteGraphRunner extends AbstractGraphRunner {
             }
         });
     }
-    async step() {
-        console.warn("Unsupported operation for remote runner");
-    }
-    async computeNode(nodeId) {
-        console.warn("Unsupported operation for remote runner");
-    }
-    flush() {
-        console.warn("Unsupported operation for remote runner");
-    }
+    async step() { }
+    async computeNode(nodeId) { }
+    flush() { }
     triggerExternal(nodeId, event) {
         this.ensureClient().then(async (client) => {
             try {
@@ -1160,6 +1152,202 @@ class RemoteGraphRunner extends AbstractGraphRunner {
     }
 }
 
+function formatDataUrlAsLabel(dataUrl) {
+    try {
+        const semi = dataUrl.indexOf(";");
+        const comma = dataUrl.indexOf(",");
+        const mime = dataUrl.slice(5, semi > 0 ? semi : undefined).toUpperCase();
+        const b64 = comma >= 0 ? dataUrl.slice(comma + 1) : "";
+        const bytes = Math.floor((b64.length * 3) / 4);
+        return `${mime} Data (${bytes} bytes)`;
+    }
+    catch {
+        return dataUrl.length > 64 ? dataUrl.slice(0, 64) + "…" : dataUrl;
+    }
+}
+function resolveOutputDisplay(raw, declared) {
+    if (sparkGraph.isTypedOutput(raw)) {
+        return {
+            typeId: sparkGraph.getTypedOutputTypeId(raw),
+            value: sparkGraph.getTypedOutputValue(raw),
+        };
+    }
+    let typeId = undefined;
+    if (Array.isArray(declared)) {
+        typeId = declared.length === 1 ? declared[0] : undefined;
+    }
+    else if (typeof declared === "string") {
+        typeId = declared.includes("|") ? undefined : declared;
+    }
+    return { typeId, value: raw };
+}
+function formatDeclaredTypeSignature(declared) {
+    if (Array.isArray(declared))
+        return declared.join(" | ");
+    return declared ?? "";
+}
+/**
+ * Formats a handle ID for display in the UI.
+ * For handles with format "prefix:middle:suffix:extra" (4 parts), displays only the middle part.
+ * Otherwise returns the handle ID as-is.
+ */
+function prettyHandle(id) {
+    try {
+        const parts = String(id).split(":");
+        // If there are exactly 3 colons (4 parts), display only the second part
+        if (parts.length === 4)
+            return parts[1] || id;
+        return id;
+    }
+    catch {
+        return id;
+    }
+}
+// Pre-format common structures for display; return undefined to defer to caller
+function preformatValueForDisplay(typeId, value, registry) {
+    if (value === undefined || value === null)
+        return "";
+    // Unwrap typed outputs
+    if (sparkGraph.isTypedOutput(value)) {
+        return preformatValueForDisplay(sparkGraph.getTypedOutputTypeId(value), sparkGraph.getTypedOutputValue(value), registry);
+    }
+    // Enums
+    if (typeId && typeId.startsWith("enum:") && registry) {
+        const n = Number(value);
+        const label = registry.enums.get(typeId)?.valueToLabel.get(n);
+        if (label)
+            return label;
+    }
+    // Use deep summarization for strings, arrays and nested objects to avoid huge HTML payloads
+    const summarized = summarizeDeep(value);
+    if (typeof summarized === "string")
+        return summarized;
+    // Resource-like objects with url/title (after summarization)
+    if (summarized && typeof summarized === "object") {
+        const urlMaybe = summarized.url;
+        if (typeof urlMaybe === "string") {
+            const title = summarized.title || "";
+            const shortUrl = urlMaybe.length > 32 ? urlMaybe.slice(0, 32) + "…" : urlMaybe;
+            return title ? `${title} (${shortUrl})` : shortUrl;
+        }
+    }
+    return undefined;
+}
+function summarizeDeep(value) {
+    // Strings: summarize data URLs and trim extremely long strings
+    if (typeof value === "string") {
+        if (value.startsWith("data:"))
+            return formatDataUrlAsLabel(value);
+        return value.length > 512 ? value.slice(0, 512) + "…" : value;
+    }
+    // Typed output wrapper
+    if (sparkGraph.isTypedOutput(value)) {
+        return summarizeDeep(sparkGraph.getTypedOutputValue(value));
+    }
+    // Arrays
+    if (Array.isArray(value)) {
+        return value.map((v) => summarizeDeep(v));
+    }
+    // Objects
+    if (value && typeof value === "object") {
+        const obj = value;
+        const out = {};
+        for (const [k, v] of Object.entries(obj)) {
+            // Special-case any 'url' field
+            if (typeof v === "string" &&
+                k.toLowerCase() === "url" &&
+                v.startsWith("data:")) {
+                out[k] = formatDataUrlAsLabel(v);
+                continue;
+            }
+            out[k] = summarizeDeep(v);
+        }
+        return out;
+    }
+    return value;
+}
+
+// Shared UI constants for node layout to keep mapping and rendering in sync
+const NODE_HEADER_HEIGHT_PX = 24;
+const NODE_ROW_HEIGHT_PX = 22;
+
+function computeEffectiveHandles(node, registry) {
+    const desc = registry.nodes.get(node.typeId);
+    const resolved = node.resolvedHandles || {};
+    const inputs = { ...desc?.inputs, ...resolved.inputs };
+    const outputs = { ...desc?.outputs, ...resolved.outputs };
+    const inputDefaults = { ...desc?.inputDefaults, ...resolved.inputDefaults };
+    return { inputs, outputs, inputDefaults };
+}
+function countVisibleHandles(handles) {
+    const inputIds = Object.keys(handles.inputs).filter((k) => !sparkGraph.isInputPrivate(handles.inputs, k));
+    const outputIds = Object.keys(handles.outputs);
+    return { inputsCount: inputIds.length, outputsCount: outputIds.length };
+}
+function estimateNodeSize(args) {
+    const { node, registry, showValues, overrides } = args;
+    const { inputs, outputs } = computeEffectiveHandles(node, registry);
+    // Count only non-private inputs for rows on left
+    const { inputsCount, outputsCount } = countVisibleHandles({
+        inputs,
+        outputs,
+    });
+    const rows = Math.max(inputsCount, outputsCount);
+    const baseWidth = showValues ? 320 : 240;
+    const width = overrides?.width ?? baseWidth;
+    const height = overrides?.height ?? NODE_HEADER_HEIGHT_PX + rows * NODE_ROW_HEIGHT_PX;
+    return { width, height, inputsCount, outputsCount, rowCount: rows };
+}
+function layoutNode(args) {
+    const { node, registry, showValues, overrides } = args;
+    const { inputs, outputs } = computeEffectiveHandles(node, registry);
+    const inputOrder = Object.keys(inputs).filter((k) => !sparkGraph.isInputPrivate(inputs, k));
+    const outputOrder = Object.keys(outputs);
+    const { width, height } = estimateNodeSize({
+        node,
+        registry,
+        showValues,
+        overrides,
+    });
+    const HEADER = NODE_HEADER_HEIGHT_PX;
+    const ROW = NODE_ROW_HEIGHT_PX;
+    const handles = [
+        ...inputOrder.map((id, i) => ({
+            id,
+            type: "target",
+            position: react.Position.Left,
+            x: 0,
+            y: HEADER + i * ROW,
+            width: 1,
+            height: ROW + 2,
+        })),
+        ...outputOrder.map((id, i) => ({
+            id,
+            type: "source",
+            position: react.Position.Right,
+            x: width - 1,
+            y: HEADER + i * ROW,
+            width: 1,
+            height: ROW + 2,
+        })),
+    ];
+    const handleLayout = [
+        ...inputOrder.map((id, i) => ({
+            id,
+            type: "target",
+            position: react.Position.Left,
+            y: HEADER + i * ROW + ROW / 2,
+        })),
+        ...outputOrder.map((id, i) => ({
+            id,
+            type: "source",
+            position: react.Position.Right,
+            y: HEADER + i * ROW + ROW / 2,
+        })),
+    ];
+    return { width, height, inputOrder, outputOrder, handles, handleLayout };
+}
+
 function useWorkbenchBridge(wb) {
     const onConnect = React.useCallback((params) => {
         if (!params.source || !params.target)
@@ -1404,202 +1592,6 @@ function useQueryParamString(key, defaultValue) {
     return [val, set];
 }
 
-function formatDataUrlAsLabel(dataUrl) {
-    try {
-        const semi = dataUrl.indexOf(";");
-        const comma = dataUrl.indexOf(",");
-        const mime = dataUrl.slice(5, semi > 0 ? semi : undefined).toUpperCase();
-        const b64 = comma >= 0 ? dataUrl.slice(comma + 1) : "";
-        const bytes = Math.floor((b64.length * 3) / 4);
-        return `${mime} Data (${bytes} bytes)`;
-    }
-    catch {
-        return dataUrl.length > 64 ? dataUrl.slice(0, 64) + "…" : dataUrl;
-    }
-}
-function resolveOutputDisplay(raw, declared) {
-    if (sparkGraph.isTypedOutput(raw)) {
-        return {
-            typeId: sparkGraph.getTypedOutputTypeId(raw),
-            value: sparkGraph.getTypedOutputValue(raw),
-        };
-    }
-    let typeId = undefined;
-    if (Array.isArray(declared)) {
-        typeId = declared.length === 1 ? declared[0] : undefined;
-    }
-    else if (typeof declared === "string") {
-        typeId = declared.includes("|") ? undefined : declared;
-    }
-    return { typeId, value: raw };
-}
-function formatDeclaredTypeSignature(declared) {
-    if (Array.isArray(declared))
-        return declared.join(" | ");
-    return declared ?? "";
-}
-/**
- * Formats a handle ID for display in the UI.
- * For handles with format "prefix:middle:suffix:extra" (4 parts), displays only the middle part.
- * Otherwise returns the handle ID as-is.
- */
-function prettyHandle(id) {
-    try {
-        const parts = String(id).split(":");
-        // If there are exactly 3 colons (4 parts), display only the second part
-        if (parts.length === 4)
-            return parts[1] || id;
-        return id;
-    }
-    catch {
-        return id;
-    }
-}
-// Pre-format common structures for display; return undefined to defer to caller
-function preformatValueForDisplay(typeId, value, registry) {
-    if (value === undefined || value === null)
-        return "";
-    // Unwrap typed outputs
-    if (sparkGraph.isTypedOutput(value)) {
-        return preformatValueForDisplay(sparkGraph.getTypedOutputTypeId(value), sparkGraph.getTypedOutputValue(value), registry);
-    }
-    // Enums
-    if (typeId && typeId.startsWith("enum:") && registry) {
-        const n = Number(value);
-        const label = registry.enums.get(typeId)?.valueToLabel.get(n);
-        if (label)
-            return label;
-    }
-    // Use deep summarization for strings, arrays and nested objects to avoid huge HTML payloads
-    const summarized = summarizeDeep(value);
-    if (typeof summarized === "string")
-        return summarized;
-    // Resource-like objects with url/title (after summarization)
-    if (summarized && typeof summarized === "object") {
-        const urlMaybe = summarized.url;
-        if (typeof urlMaybe === "string") {
-            const title = summarized.title || "";
-            const shortUrl = urlMaybe.length > 32 ? urlMaybe.slice(0, 32) + "…" : urlMaybe;
-            return title ? `${title} (${shortUrl})` : shortUrl;
-        }
-    }
-    return undefined;
-}
-function summarizeDeep(value) {
-    // Strings: summarize data URLs and trim extremely long strings
-    if (typeof value === "string") {
-        if (value.startsWith("data:"))
-            return formatDataUrlAsLabel(value);
-        return value.length > 512 ? value.slice(0, 512) + "…" : value;
-    }
-    // Typed output wrapper
-    if (sparkGraph.isTypedOutput(value)) {
-        return summarizeDeep(sparkGraph.getTypedOutputValue(value));
-    }
-    // Arrays
-    if (Array.isArray(value)) {
-        return value.map((v) => summarizeDeep(v));
-    }
-    // Objects
-    if (value && typeof value === "object") {
-        const obj = value;
-        const out = {};
-        for (const [k, v] of Object.entries(obj)) {
-            // Special-case any 'url' field
-            if (typeof v === "string" &&
-                k.toLowerCase() === "url" &&
-                v.startsWith("data:")) {
-                out[k] = formatDataUrlAsLabel(v);
-                continue;
-            }
-            out[k] = summarizeDeep(v);
-        }
-        return out;
-    }
-    return value;
-}
-
-// Shared UI constants for node layout to keep mapping and rendering in sync
-const NODE_HEADER_HEIGHT_PX = 24;
-const NODE_ROW_HEIGHT_PX = 22;
-
-function computeEffectiveHandles(node, registry) {
-    const desc = registry.nodes.get(node.typeId);
-    const resolved = node.resolvedHandles || {};
-    const inputs = { ...desc?.inputs, ...resolved.inputs };
-    const outputs = { ...desc?.outputs, ...resolved.outputs };
-    const inputDefaults = { ...desc?.inputDefaults, ...resolved.inputDefaults };
-    return { inputs, outputs, inputDefaults };
-}
-function countVisibleHandles(handles) {
-    const inputIds = Object.keys(handles.inputs).filter((k) => !sparkGraph.isInputPrivate(handles.inputs, k));
-    const outputIds = Object.keys(handles.outputs);
-    return { inputsCount: inputIds.length, outputsCount: outputIds.length };
-}
-function estimateNodeSize(args) {
-    const { node, registry, showValues, overrides } = args;
-    const { inputs, outputs } = computeEffectiveHandles(node, registry);
-    // Count only non-private inputs for rows on left
-    const { inputsCount, outputsCount } = countVisibleHandles({
-        inputs,
-        outputs,
-    });
-    const rows = Math.max(inputsCount, outputsCount);
-    const baseWidth = showValues ? 320 : 240;
-    const width = overrides?.width ?? baseWidth;
-    const height = overrides?.height ?? NODE_HEADER_HEIGHT_PX + rows * NODE_ROW_HEIGHT_PX;
-    return { width, height, inputsCount, outputsCount, rowCount: rows };
-}
-function layoutNode(args) {
-    const { node, registry, showValues, overrides } = args;
-    const { inputs, outputs } = computeEffectiveHandles(node, registry);
-    const inputOrder = Object.keys(inputs).filter((k) => !sparkGraph.isInputPrivate(inputs, k));
-    const outputOrder = Object.keys(outputs);
-    const { width, height } = estimateNodeSize({
-        node,
-        registry,
-        showValues,
-        overrides,
-    });
-    const HEADER = NODE_HEADER_HEIGHT_PX;
-    const ROW = NODE_ROW_HEIGHT_PX;
-    const handles = [
-        ...inputOrder.map((id, i) => ({
-            id,
-            type: "target",
-            position: react.Position.Left,
-            x: 0,
-            y: HEADER + i * ROW,
-            width: 1,
-            height: ROW + 2,
-        })),
-        ...outputOrder.map((id, i) => ({
-            id,
-            type: "source",
-            position: react.Position.Right,
-            x: width - 1,
-            y: HEADER + i * ROW,
-            width: 1,
-            height: ROW + 2,
-        })),
-    ];
-    const handleLayout = [
-        ...inputOrder.map((id, i) => ({
-            id,
-            type: "target",
-            position: react.Position.Left,
-            y: HEADER + i * ROW + ROW / 2,
-        })),
-        ...outputOrder.map((id, i) => ({
-            id,
-            type: "source",
-            position: react.Position.Right,
-            y: HEADER + i * ROW + ROW / 2,
-        })),
-    ];
-    return { width, height, inputOrder, outputOrder, handles, handleLayout };
-}
-
 function toReactFlow(def, positions, registry, opts) {
     const EDGE_STYLE_MISSING = { stroke: "#f59e0b", strokeWidth: 2 }; // amber-500
     const EDGE_STYLE_ERROR = { stroke: "#ef4444", strokeWidth: 2 };