@dxos/react-ui-canvas-compute 0.8.4-main.c1de068 → 0.8.4-main.fd6878d

package/dist/lib/browser/index.mjs

@@ -7,88 +7,12 @@ import { GraphExecutor, ValueBag, isNotExecuted } from "@dxos/conductor";
 import { Resource } from "@dxos/context";
 import { log } from "@dxos/log";
 
-// src/graph/node-defs.ts
-import { NODE_INPUT, NODE_OUTPUT, registry, getTemplateInputSchema } from "@dxos/conductor";
-import { raise } from "@dxos/debug";
-import { ObjectId, toJsonSchema } from "@dxos/echo-schema";
-import { invariant } from "@dxos/invariant";
-var __dxlog_file = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/graph/node-defs.ts";
-var resolveComputeNode = async (node) => {
-  const impl = registry[node.type];
-  invariant(impl, `Unknown node type: ${node.type}`, {
-    F: __dxlog_file,
-    L: 22,
-    S: void 0,
-    A: [
-      "impl",
-      "`Unknown node type: ${node.type}`"
-    ]
-  });
-  return impl;
-};
-var isValidComputeNode = (type) => {
-  return nodeFactory[type] !== void 0;
-};
-var createComputeNode = (shape) => {
-  const type = shape.type ?? raise(new Error("Type not specified"));
-  const factory = nodeFactory[type] ?? raise(new Error(`Unknown shape type: ${type}`));
-  return factory(shape);
-};
-var nodeFactory = {
-  // System.
-  [NODE_INPUT]: () => createNode(NODE_INPUT),
-  [NODE_OUTPUT]: () => createNode(NODE_OUTPUT),
-  // Extensions.
-  ["text-to-image"]: () => createNode("text-to-image"),
-  ["and"]: () => createNode("and"),
-  ["append"]: () => createNode("append"),
-  ["audio"]: () => createNode("audio"),
-  ["beacon"]: () => createNode("beacon"),
-  ["chat"]: () => createNode("chat"),
-  ["constant"]: (shape) => createNode("constant", {
-    value: shape.value
-  }),
-  ["make-queue"]: () => createNode("make-queue"),
-  ["database"]: () => createNode("database"),
-  ["gpt"]: () => createNode("gpt"),
-  ["gpt-realtime"]: () => createNode("gpt-realtime"),
-  ["if"]: () => createNode("if"),
-  ["if-else"]: () => createNode("if-else"),
-  ["function"]: () => createNode("function"),
-  ["json"]: () => createNode("json"),
-  ["json-transform"]: () => createNode("json-transform"),
-  ["not"]: () => createNode("not"),
-  ["or"]: () => createNode("or"),
-  ["queue"]: () => createNode("queue"),
-  ["rng"]: () => createNode("rng"),
-  ["reducer"]: () => createNode("reducer"),
-  ["scope"]: () => createNode("scope"),
-  ["surface"]: () => createNode("surface"),
-  ["switch"]: () => createNode("switch"),
-  ["template"]: (shape) => {
-    const node = createNode("template", {
-      valueType: shape.valueType,
-      value: shape.text
-    });
-    node.inputSchema = toJsonSchema(getTemplateInputSchema(node));
-    return node;
-  },
-  ["text"]: () => createNode("text"),
-  ["thread"]: () => createNode("thread"),
-  ["trigger"]: () => createNode(NODE_INPUT)
-};
-var createNode = (type, props) => ({
-  id: ObjectId.random(),
-  type,
-  ...props
-});
-
 // src/hooks/compute-context.ts
 import { createContext, useContext } from "react";
-import { raise as raise2 } from "@dxos/debug";
+import { raise } from "@dxos/debug";
 var ComputeContext = createContext(null);
 var useComputeContext = () => {
-  return useContext(ComputeContext) ?? raise2(new Error("Missing ComputeContext"));
+  return useContext(ComputeContext) ?? raise(new Error("Missing ComputeContext"));
 };
 
 // src/hooks/useComputeGraphController.ts
@@ -144,13 +68,13 @@ var useComputeGraphController = ({ controller, graph, editorRef }) => {
 // src/hooks/useComputeNodeState.ts
 import { Schema } from "effect";
 import { useCallback, useEffect as useEffect2, useState as useState2 } from "react";
-import { invariant as invariant2 } from "@dxos/invariant";
-var __dxlog_file2 = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/hooks/useComputeNodeState.ts";
+import { invariant } from "@dxos/invariant";
+var __dxlog_file = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/hooks/useComputeNodeState.ts";
 var useComputeNodeState = (shape) => {
   const { controller } = useComputeContext();
-  invariant2(controller, void 0, {
-    F: __dxlog_file2,
-    L: 32,
+  invariant(controller, void 0, {
+    F: __dxlog_file,
+    L: 34,
     S: void 0,
     A: [
       "controller",
@@ -161,9 +85,9 @@ var useComputeNodeState = (shape) => {
   useEffect2(() => {
     let disposed = false;
     queueMicrotask(async () => {
-      invariant2(shape.node, "Node not specified", {
-        F: __dxlog_file2,
-        L: 38,
+      invariant(shape.node, "Node not specified", {
+        F: __dxlog_file,
+        L: 40,
         S: void 0,
         A: [
           "shape.node",
@@ -218,16 +142,16 @@ var useComputeNodeState = (shape) => {
 // src/hooks/useGraphMonitor.ts
 import { useMemo } from "react";
 import { ComputeGraphModel, DEFAULT_INPUT, DEFAULT_OUTPUT } from "@dxos/conductor";
-import { ObjectId as ObjectId2, Ref } from "@dxos/echo-schema";
-import { invariant as invariant3 } from "@dxos/invariant";
+import { ObjectId, Ref } from "@dxos/echo-schema";
+import { invariant as invariant2 } from "@dxos/invariant";
 import { getSpace } from "@dxos/react-client/echo";
 import { isNonNullable } from "@dxos/util";
-var __dxlog_file3 = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/hooks/useGraphMonitor.ts";
+var __dxlog_file2 = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/hooks/useGraphMonitor.ts";
 var mapEdge = (graph, { source, target, output = DEFAULT_OUTPUT, input = DEFAULT_INPUT }) => {
   const sourceNode = graph.findNode(source);
   const targetNode = graph.findNode(target);
-  invariant3(sourceNode?.node, void 0, {
-    F: __dxlog_file3,
+  invariant2(sourceNode?.node, void 0, {
+    F: __dxlog_file2,
     L: 26,
     S: void 0,
     A: [
@@ -235,8 +159,8 @@ var mapEdge = (graph, { source, target, output = DEFAULT_OUTPUT, input = DEFAULT
       ""
     ]
   });
-  invariant3(targetNode?.node, void 0, {
-    F: __dxlog_file3,
+  invariant2(targetNode?.node, void 0, {
+    F: __dxlog_file2,
     L: 27,
     S: void 0,
     A: [
@@ -245,7 +169,7 @@ var mapEdge = (graph, { source, target, output = DEFAULT_OUTPUT, input = DEFAULT
     ]
   });
   return {
-    id: ObjectId2.random(),
+    id: ObjectId.random(),
     source: sourceNode.node,
     target: targetNode.node,
     output,
@@ -259,8 +183,8 @@ var useGraphMonitor = (model) => {
         if (!model) {
           return;
         }
-        invariant3(node.type, void 0, {
-          F: __dxlog_file3,
+        invariant2(node.type, void 0, {
+          F: __dxlog_file2,
           L: 52,
           S: void 0,
           A: [
@@ -317,8 +241,8 @@ var createComputeGraph = (graph) => {
 };
 var linkTriggerToCompute = (graph, computeNode, triggerData) => {
   const functionTrigger = triggerData.functionTrigger?.target;
-  invariant3(functionTrigger, void 0, {
-    F: __dxlog_file3,
+  invariant2(functionTrigger, void 0, {
+    F: __dxlog_file2,
     L: 115,
     S: void 0,
     A: [
@@ -342,6 +266,82 @@ var deleteTriggerObjects = (computeGraph, deleted) => {
   }
 };
 
+// src/graph/node-defs.ts
+import { NODE_INPUT, NODE_OUTPUT, getTemplateInputSchema, registry } from "@dxos/conductor";
+import { raise as raise2 } from "@dxos/debug";
+import { ObjectId as ObjectId2, toJsonSchema } from "@dxos/echo-schema";
+import { invariant as invariant3 } from "@dxos/invariant";
+var __dxlog_file3 = "/__w/dxos/dxos/packages/ui/react-ui-canvas-compute/src/graph/node-defs.ts";
+var resolveComputeNode = async (node) => {
+  const impl = registry[node.type];
+  invariant3(impl, `Unknown node type: ${node.type}`, {
+    F: __dxlog_file3,
+    L: 22,
+    S: void 0,
+    A: [
+      "impl",
+      "`Unknown node type: ${node.type}`"
+    ]
+  });
+  return impl;
+};
+var isValidComputeNode = (type) => {
+  return nodeFactory[type] !== void 0;
+};
+var createComputeNode = (shape) => {
+  const type = shape.type ?? raise2(new Error("Type not specified"));
+  const factory = nodeFactory[type] ?? raise2(new Error(`Unknown shape type: ${type}`));
+  return factory(shape);
+};
+var nodeFactory = {
+  // System.
+  [NODE_INPUT]: () => createNode(NODE_INPUT),
+  [NODE_OUTPUT]: () => createNode(NODE_OUTPUT),
+  // Extensions.
+  ["text-to-image"]: () => createNode("text-to-image"),
+  ["and"]: () => createNode("and"),
+  ["append"]: () => createNode("append"),
+  ["audio"]: () => createNode("audio"),
+  ["beacon"]: () => createNode("beacon"),
+  ["chat"]: () => createNode("chat"),
+  ["constant"]: (shape) => createNode("constant", {
+    value: shape.value
+  }),
+  ["make-queue"]: () => createNode("make-queue"),
+  ["database"]: () => createNode("database"),
+  ["gpt"]: () => createNode("gpt"),
+  ["gpt-realtime"]: () => createNode("gpt-realtime"),
+  ["if"]: () => createNode("if"),
+  ["if-else"]: () => createNode("if-else"),
+  ["function"]: () => createNode("function"),
+  ["json"]: () => createNode("json"),
+  ["json-transform"]: () => createNode("json-transform"),
+  ["not"]: () => createNode("not"),
+  ["or"]: () => createNode("or"),
+  ["queue"]: () => createNode("queue"),
+  ["rng"]: () => createNode("rng"),
+  ["reducer"]: () => createNode("reducer"),
+  ["scope"]: () => createNode("scope"),
+  ["surface"]: () => createNode("surface"),
+  ["switch"]: () => createNode("switch"),
+  ["template"]: (shape) => {
+    const node = createNode("template", {
+      valueType: shape.valueType,
+      value: shape.text
+    });
+    node.inputSchema = toJsonSchema(getTemplateInputSchema(node));
+    return node;
+  },
+  ["text"]: () => createNode("text"),
+  ["thread"]: () => createNode("thread"),
+  ["trigger"]: () => createNode(NODE_INPUT)
+};
+var createNode = (type, props) => ({
+  id: ObjectId2.random(),
+  type,
+  ...props
+});
+
 // src/graph/controller.ts
 function _ts_decorate(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -365,6 +365,24 @@ var createComputeGraphController = (graph, serviceContainer) => {
   };
 };
 var ComputeGraphController = class extends Resource {
+  _serviceContainer;
+  _graph;
+  _executor;
+  _diagnostics;
+  /**
+  * Canvas force-sets outputs of those nodes.
+  */
+  _forcedOutputs;
+  /**
+  * Runtime state of the execution graph.
+  */
+  _runtimeStateInputs;
+  _runtimeStateOutputs;
+  // TODO(burdon): Remove? Make state reactive?
+  update;
+  /** Computed result. */
+  output;
+  events;
   constructor(_serviceContainer, _graph) {
     super(), this._serviceContainer = _serviceContainer, this._graph = _graph, this._executor = new GraphExecutor({
       computeNodeResolver: (node) => resolveComputeNode(node)
@@ -685,7 +703,7 @@ import { SchemaAST as SchemaAST2 } from "effect";
 import React2, { useRef, useState as useState3 } from "react";
 import { VoidInput, VoidOutput } from "@dxos/conductor";
 import { useCanvasContext } from "@dxos/react-ui-canvas";
-import { getParentShapeElement, createAnchors, rowHeight } from "@dxos/react-ui-canvas-editor";
+import { createAnchors, getParentShapeElement, rowHeight } from "@dxos/react-ui-canvas-editor";
 
 // src/shapes/defs.ts
 import { Schema as Schema2, SchemaAST } from "effect";
@@ -1392,7 +1410,7 @@ import { useSignals as _useSignals11 } from "@preact-signals/safe-react/tracking
 import { Schema as Schema11 } from "effect";
 import React12, { useCallback as useCallback3, useRef as useRef4 } from "react";
 import { AnyOutput, FunctionInput } from "@dxos/conductor";
-import { getSnapshot, isInstanceOf, Ref as Ref2 } from "@dxos/echo-schema";
+import { Ref as Ref2, getSnapshot, isInstanceOf } from "@dxos/echo-schema";
 import { FunctionType, ScriptType } from "@dxos/functions";
 import { useClient } from "@dxos/react-client";
 import { Filter, parseId } from "@dxos/react-client/echo";
@@ -1859,7 +1877,7 @@ import { Schema as Schema17 } from "effect";
 import React18 from "react";
 import { DEFAULT_INPUT as DEFAULT_INPUT5 } from "@dxos/conductor";
 import { createAnchorMap as createAnchorMap8 } from "@dxos/react-ui-canvas-editor";
-import { useAudioStream, Chaos, shaderPresets } from "@dxos/react-ui-sfx";
+import { Chaos, shaderPresets, useAudioStream } from "@dxos/react-ui-sfx";
 var ScopeShape = Schema17.extend(ComputeShape, Schema17.Struct({
   type: Schema17.Literal("scope")
 }));
@@ -2061,7 +2079,7 @@ var tableShape = {
 import { useSignals as _useSignals21 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema21 } from "effect";
 import React22, { useRef as useRef5 } from "react";
-import { ComputeValueType as ComputeValueType3, getTemplateInputSchema as getTemplateInputSchema2, TemplateOutput, VoidInput as VoidInput2 } from "@dxos/conductor";
+import { ComputeValueType as ComputeValueType3, TemplateOutput, VoidInput as VoidInput2, getTemplateInputSchema as getTemplateInputSchema2 } from "@dxos/conductor";
 import { toJsonSchema as toJsonSchema2 } from "@dxos/echo-schema";
 import { invariant as invariant5 } from "@dxos/invariant";
 import { TextBox as TextBox4 } from "@dxos/react-ui-canvas-editor";
@@ -2086,7 +2104,7 @@ var TextInputComponent3 = ({ shape, title, ...props }) => {
     const handleTypeChange = (newType) => {
       invariant5(Schema21.is(ComputeValueType3)(newType), "Invalid type", {
         F: __dxlog_file6,
-        L: 58,
+        L: 59,
         S: void 0,
         A: [
           "Schema.is(ComputeValueType)(newType)",
@@ -2311,7 +2329,7 @@ import { Schema as Schema25 } from "effect";
 import React26, { useEffect as useEffect8 } from "react";
 import { VoidInput as VoidInput3 } from "@dxos/conductor";
 import { ObjectId as ObjectId4, Ref as Ref3 } from "@dxos/echo-schema";
-import { EmailTriggerOutput, FunctionTrigger, QueueTriggerOutput, TriggerKind, SubscriptionTriggerOutput, TimerTriggerOutput, WebhookTriggerOutput } from "@dxos/functions";
+import { EmailTriggerOutput, FunctionTrigger, QueueTriggerOutput, SubscriptionTriggerOutput, TimerTriggerOutput, TriggerKind, WebhookTriggerOutput } from "@dxos/functions";
 import { DXN, SpaceId } from "@dxos/keys";
 import { live, useSpace } from "@dxos/react-client/echo";
 import { Select as Select2 } from "@dxos/react-ui";
@@ -2651,6 +2669,7 @@ import { DefaultInput, DefaultOutput as DefaultOutput2 } from "@dxos/conductor";
 import { toEffectSchema } from "@dxos/echo-schema";
 import { ShapeLayout } from "@dxos/react-ui-canvas-editor";
 var ComputeShapeLayout = class extends ShapeLayout {
+  _controller;
   constructor(_controller, registry2) {
     super(registry2), this._controller = _controller;
   }