@dxos/react-ui-canvas-compute 0.9.0 → 0.9.1-staging.ee54ba693a

package/dist/lib/browser/index.mjs

@@ -208,7 +208,7 @@ var linkTriggerToCompute = (graph, computeNode, triggerData) => {
   const functionTrigger = triggerData.functionTrigger?.target;
   invariant2(functionTrigger, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file2, L: 88, S: void 0, A: ["functionTrigger", ""] });
   Obj.update(functionTrigger, (functionTrigger2) => {
-    functionTrigger2.function = Ref.make(graph.root);
+    functionTrigger2.runnable = Ref.make(graph.root);
     functionTrigger2.inputNodeId = computeNode.id;
   });
 };
@@ -250,42 +250,42 @@ var nodeFactory = {
   [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", {
+  "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"),
+  "database": () => createNode("database"),
+  "gpt": () => createNode("gpt"),
   "gpt-realtime": () => createNode("gpt-realtime"),
-  if: () => createNode("if"),
+  "if": () => createNode("if"),
   "if-else": () => createNode("if-else"),
-  function: () => createNode("function"),
-  json: () => createNode("json"),
+  "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) => {
+  "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 = JsonSchema.toJsonSchema(getTemplateInputSchema(node));
+    node.inputSchema = structuredClone(JsonSchema.toJsonSchema(getTemplateInputSchema(node)));
     return node;
   },
-  text: () => createNode("text"),
-  thread: () => createNode("thread"),
-  trigger: () => createNode(NODE_INPUT)
+  "text": () => createNode("text"),
+  "thread": () => createNode("thread"),
+  "trigger": () => createNode(NODE_INPUT)
 };
 var createNode = (type, props) => ({
   id: Obj2.ID.random(),
@@ -857,6 +857,7 @@ var appendShape = {
 // src/shapes/Audio.tsx
 import * as Schema5 from "effect/Schema";
 import React6, { useEffect as useEffect3, useState as useState4 } from "react";
+import { DEFAULT_OUTPUT as DEFAULT_OUTPUT3 } from "@dxos/conductor";
 import { Icon as Icon2 } from "@dxos/react-ui";
 import { createAnchorMap } from "@dxos/react-ui-canvas-editor";
 var AudioShape = Schema5.extend(ComputeShape, Schema5.Struct({
@@ -871,10 +872,10 @@ var createAudio = (props) => createShape({
   ...props
 });
 var AudioComponent = ({ shape }) => {
-  const { node } = useComputeNodeState(shape);
+  const { runtime } = useComputeNodeState(shape);
   const [active, setActive] = useState4(false);
   useEffect3(() => {
-    node.value = active;
+    runtime.setOutput(DEFAULT_OUTPUT3, active);
   }, [
     active
   ]);
@@ -1126,7 +1127,7 @@ var notShape = defineShape({
 // src/shapes/Chat.tsx
 import * as Schema8 from "effect/Schema";
 import React9, { useRef as useRef2 } from "react";
-import { DEFAULT_OUTPUT as DEFAULT_OUTPUT3 } from "@dxos/conductor";
+import { DEFAULT_OUTPUT as DEFAULT_OUTPUT4 } from "@dxos/conductor";
 import { TextBox } from "@dxos/react-ui-canvas-editor";
 import { createAnchorMap as createAnchorMap3 } from "@dxos/react-ui-canvas-editor";
 var ChatShape = Schema8.extend(ComputeShape, Schema8.Struct({
@@ -1138,7 +1139,7 @@ var TextInputComponent = ({ shape, title, ...props }) => {
   const handleEnter = (text) => {
     const value = text.trim();
     if (value.length) {
-      runtime.setOutput(DEFAULT_OUTPUT3, value);
+      runtime.setOutput(DEFAULT_OUTPUT4, value);
       inputRef.current?.setText("");
     }
   };
@@ -1312,7 +1313,7 @@ var databaseShape = {
 // src/shapes/Feed.tsx
 import * as Schema11 from "effect/Schema";
 import React12, { Fragment } from "react";
-import { DEFAULT_OUTPUT as DEFAULT_OUTPUT4, QueueInput, QueueOutput } from "@dxos/conductor";
+import { DEFAULT_OUTPUT as DEFAULT_OUTPUT5, QueueInput, QueueOutput } from "@dxos/conductor";
 import { ScrollArea } from "@dxos/react-ui";
 import { mx as mx2 } from "@dxos/ui-theme";
 var FeedShape = Schema11.extend(ComputeShape, Schema11.Struct({
@@ -1328,7 +1329,7 @@ var createFeed = (props) => createShape({
 });
 var FeedComponent = ({ shape }) => {
   const { runtime } = useComputeNodeState(shape);
-  const items = runtime.outputs[DEFAULT_OUTPUT4]?.type === "executed" ? runtime.outputs[DEFAULT_OUTPUT4].value : [];
+  const items = runtime.outputs[DEFAULT_OUTPUT5]?.type === "executed" ? runtime.outputs[DEFAULT_OUTPUT5].value : [];
   const handleAction = (action) => {
     if (action === "run") {
       runtime.evalNode();
@@ -1365,7 +1366,8 @@ var FeedItem = ({ classNames, item }) => {
   }, key), /* @__PURE__ */ React12.createElement("div", null, typeof value === "string" ? value : JSON.stringify(value)))));
 };
 var feedShape = {
-  type: "feed",
+  // Must match the shape's `type` literal ('queue') so the registry resolves it; the registry is keyed by this.
+  type: "queue",
   name: "Feed",
   icon: "ph--queue--regular",
   component: FeedComponent,
@@ -1773,7 +1775,7 @@ var ifElseShape = {
 // src/shapes/RNG.tsx
 import * as Schema17 from "effect/Schema";
 import React18, { useEffect as useEffect5, useState as useState8 } from "react";
-import { DEFAULT_OUTPUT as DEFAULT_OUTPUT5 } from "@dxos/conductor";
+import { DEFAULT_OUTPUT as DEFAULT_OUTPUT6 } from "@dxos/conductor";
 import { Icon as Icon5 } from "@dxos/react-ui";
 import { createAnchorMap as createAnchorMap7 } from "@dxos/react-ui-canvas-editor";
 var RandomShape = Schema17.extend(ComputeShape, Schema17.Struct({
@@ -1819,7 +1821,7 @@ var RandomComponent = ({ shape }) => {
   ]);
   const handleClick = (ev) => {
     ev.stopPropagation();
-    runtime.setOutput(DEFAULT_OUTPUT5, Math.random());
+    runtime.setOutput(DEFAULT_OUTPUT6, Math.random());
     setSpin(true);
   };
   return /* @__PURE__ */ React18.createElement("div", {
@@ -1926,7 +1928,7 @@ var SurfaceComponent = ({ shape }) => {
     shape,
     onAction: handleAction
   }, /* @__PURE__ */ React20.createElement(Card.Root, null, value !== null && /* @__PURE__ */ React20.createElement(Surface.Surface, {
-    type: AppSurface.Card,
+    type: AppSurface.CardContent,
     data: {
       subject: value
     },
@@ -1951,7 +1953,7 @@ var surfaceShape = {
 // src/shapes/Switch.tsx
 import * as Schema20 from "effect/Schema";
 import React21, { useEffect as useEffect6, useState as useState9 } from "react";
-import { DEFAULT_OUTPUT as DEFAULT_OUTPUT6 } from "@dxos/conductor";
+import { DEFAULT_OUTPUT as DEFAULT_OUTPUT7 } from "@dxos/conductor";
 import { Input as Input2 } from "@dxos/react-ui";
 import { createAnchorMap as createAnchorMap10 } from "@dxos/react-ui-canvas-editor";
 var SwitchShape = Schema20.extend(ComputeShape, Schema20.Struct({
@@ -1969,7 +1971,7 @@ var SwitchComponent = ({ shape }) => {
   const { runtime } = useComputeNodeState(shape);
   const [value, setValue] = useState9(false);
   useEffect6(() => {
-    runtime.setOutput(DEFAULT_OUTPUT6, value);
+    runtime.setOutput(DEFAULT_OUTPUT7, value);
   }, [
     value
   ]);