@dxos/react-ui-canvas-compute 0.8.2 → 0.8.3-main.7f5a14c

package/dist/lib/browser/index.mjs

@@ -1037,10 +1037,10 @@ var beaconShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Boolean.tsx
-import { useSignals as _useSignals8 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema7 } from "effect";
 import React8 from "react";
-import { createAnchors as createAnchors2, getAnchorPoints } from "@dxos/react-ui-canvas-editor";
+import { getAnchorPoints } from "@dxos/react-ui-canvas-editor";
+import { createAnchors as createAnchors2 } from "@dxos/react-ui-canvas-editor";
 var GateShape = Schema7.extend(ComputeShape, Schema7.Struct({
   type: Schema7.String
 }));
@@ -1051,25 +1051,19 @@ var createGate = (props) => createShape({
   },
   ...props
 });
-var GateComponent = (Symbol2) => {
-  var _effect = _useSignals8();
-  try {
-    return () => {
-      return /* @__PURE__ */ React8.createElement("div", {
-        className: "flex w-full justify-center items-center"
-      }, /* @__PURE__ */ React8.createElement(Symbol2, null));
-    };
-  } finally {
-    _effect.f();
-  }
-};
-var defineShape = ({ type, name, icon, Symbol: Symbol2, createShape: createShape2, inputs, outputs = [
+var defineShape = ({ type, name, icon, symbol: Symbol, createShape: createShape2, inputs, outputs = [
   createAnchorId("output")
 ] }) => ({
   type,
   name,
   icon,
-  component: GateComponent(Symbol2),
+  // NOTE: Preact interprets captitalized properties as React components.
+  // Be careful not to name component factories with a capital letter.
+  component: () => {
+    return /* @__PURE__ */ React8.createElement("div", {
+      className: "flex w-full justify-center items-center"
+    }, /* @__PURE__ */ React8.createElement(Symbol, null));
+  },
   createShape: createShape2,
   getAnchors: (shape) => createAnchors2({
     shape,
@@ -1077,57 +1071,50 @@ var defineShape = ({ type, name, icon, Symbol: Symbol2, createShape: createShape
     outputs
   })
 });
-var Symbol = (pathConstructor, inputs) => {
-  var _effect = _useSignals8();
-  try {
-    return ({
-      width = 64,
-      height = 32,
-      // TODO(burdon): Same as line color.
-      className = "fill-neutral-200 dark:fill-neutral-800 stroke-neutral-500",
-      strokeWidth = 1
-    }) => {
-      const startX = width * 0.25;
-      const endX = width * 0.75;
-      const centerY = height / 2;
-      const paths = pathConstructor({
-        startX,
-        endX,
-        height
-      });
-      return /* @__PURE__ */ React8.createElement("svg", {
-        viewBox: `0 0 ${width} ${height}`,
-        className: "w-full h-full"
-      }, getAnchorPoints({
-        x: 0,
-        y: centerY
-      }, inputs).map(({ x, y }, i) => /* @__PURE__ */ React8.createElement("line", {
-        key: i,
-        x1: x,
-        y1: y,
-        x2: startX * 1.3,
-        y2: y,
-        strokeWidth,
-        className
-      })), /* @__PURE__ */ React8.createElement("line", {
-        x1: endX,
-        y1: centerY,
-        x2: width,
-        y2: centerY,
-        strokeWidth,
-        className
-      }), paths.map((path, i) => /* @__PURE__ */ React8.createElement("path", {
-        key: i,
-        d: path,
-        strokeWidth,
-        className
-      })));
-    };
-  } finally {
-    _effect.f();
-  }
-};
-var AndSymbol = Symbol(({ startX, endX, height }) => {
+var createSymbol = (pathConstructor, inputs) => ({
+  width = 64,
+  height = 32,
+  // TODO(burdon): Same as line color.
+  className = "fill-neutral-200 dark:fill-neutral-800 stroke-neutral-500",
+  strokeWidth = 1
+}) => {
+  const startX = width * 0.25;
+  const endX = width * 0.75;
+  const centerY = height / 2;
+  const paths = pathConstructor({
+    startX,
+    endX,
+    height
+  });
+  return /* @__PURE__ */ React8.createElement("svg", {
+    viewBox: `0 0 ${width} ${height}`,
+    className: "w-full h-full"
+  }, getAnchorPoints({
+    x: 0,
+    y: centerY
+  }, inputs).map(({ x, y }, i) => /* @__PURE__ */ React8.createElement("line", {
+    key: i,
+    x1: x,
+    y1: y,
+    x2: startX * 1.3,
+    y2: y,
+    strokeWidth,
+    className
+  })), /* @__PURE__ */ React8.createElement("line", {
+    x1: endX,
+    y1: centerY,
+    x2: width,
+    y2: centerY,
+    strokeWidth,
+    className
+  }), paths.map((path, i) => /* @__PURE__ */ React8.createElement("path", {
+    key: i,
+    d: path,
+    strokeWidth,
+    className
+  })));
+};
+var AndSymbol = createSymbol(({ startX, endX, height }) => {
   const arcRadius = (endX - startX) / 2;
   return [
     `
@@ -1150,14 +1137,14 @@ var andShape = defineShape({
   type: "and",
   name: "AND",
   icon: "ph--intersection--regular",
-  Symbol: AndSymbol,
+  symbol: AndSymbol,
   createShape: createAnd,
   inputs: [
     "input.a",
     "input.b"
   ]
 });
-var OrSymbol = Symbol(({ startX, endX, height }) => {
+var OrSymbol = createSymbol(({ startX, endX, height }) => {
   const arcRadius = (endX - startX) / 2;
   return [
     `
@@ -1181,14 +1168,14 @@ var orShape = defineShape({
   type: "or",
   name: "OR",
   icon: "ph--union--regular",
-  Symbol: OrSymbol,
+  symbol: OrSymbol,
   createShape: createOr,
   inputs: [
     "input.a",
     "input.b"
   ]
 });
-var NotSymbol = Symbol(({ startX, endX, height }) => {
+var NotSymbol = createSymbol(({ startX, endX, height }) => {
   return [
     `
     M ${startX},${height * 0.1}
@@ -1215,7 +1202,7 @@ var notShape = defineShape({
   type: "not",
   name: "NOT",
   icon: "ph--x--regular",
-  Symbol: NotSymbol,
+  symbol: NotSymbol,
   createShape: createNot,
   inputs: [
     createAnchorId("input")
@@ -1223,7 +1210,7 @@ var notShape = defineShape({
 });
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Chat.tsx
-import { useSignals as _useSignals9 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals8 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema8 } from "effect";
 import React9, { useRef as useRef2 } from "react";
 import { DEFAULT_OUTPUT as DEFAULT_OUTPUT3 } from "@dxos/conductor";
@@ -1233,7 +1220,7 @@ var ChatShape = Schema8.extend(ComputeShape, Schema8.Struct({
   type: Schema8.Literal("chat")
 }));
 var TextInputComponent = ({ shape, title, ...props }) => {
-  var _effect = _useSignals9();
+  var _effect = _useSignals8();
   try {
     const { runtime } = useComputeNodeState(shape);
     const inputRef = useRef2(null);
@@ -1284,7 +1271,7 @@ var chatShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Constant.tsx
-import { useSignals as _useSignals10 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals9 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema9 } from "effect";
 import React10, { useCallback as useCallback2, useRef as useRef3, useState as useState5 } from "react";
 import { ComputeValueType as ComputeValueType2 } from "@dxos/conductor";
@@ -1308,7 +1295,7 @@ var inferType = (value) => {
   }
 };
 var ConstantComponent = ({ shape, title, chat, ...props }) => {
-  var _effect = _useSignals10();
+  var _effect = _useSignals9();
   try {
     const { node } = useComputeNodeState(shape);
     const [type, setType] = useState5(inferType(node.value) ?? ComputeValueType2.literals[0]);
@@ -1387,7 +1374,7 @@ var constantShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Database.tsx
-import { useSignals as _useSignals11 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals10 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema10 } from "effect";
 import React11 from "react";
 import { createAnchorMap as createAnchorMap5 } from "@dxos/react-ui-canvas-editor";
@@ -1403,7 +1390,7 @@ var createDatabase = (props) => createShape({
   ...props
 });
 var DatabaseComponent = ({ shape }) => {
-  var _effect = _useSignals11();
+  var _effect = _useSignals10();
   try {
     return /* @__PURE__ */ React11.createElement(Box, {
       shape
@@ -1427,7 +1414,7 @@ var databaseShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Function.tsx
-import { useSignals as _useSignals12 } from "@preact-signals/safe-react/tracking";
+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";
@@ -1448,7 +1435,7 @@ var createFunction = (props) => createShape({
   ...props
 });
 var TextInputComponent2 = ({ shape, title, ...props }) => {
-  var _effect = _useSignals12();
+  var _effect = _useSignals11();
   try {
     const client = useClient();
     const { node, runtime } = useComputeNodeState(shape);
@@ -1512,7 +1499,7 @@ var functionShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Gpt.tsx
-import { useSignals as _useSignals13 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals12 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema12 } from "effect";
 import React13, { useEffect as useEffect4, useState as useState6 } from "react";
 import { GptInput, GptOutput } from "@dxos/conductor";
@@ -1528,7 +1515,7 @@ var createGpt = (props) => createShape({
   ...props
 });
 var GptComponent = ({ shape }) => {
-  var _effect = _useSignals13();
+  var _effect = _useSignals12();
   try {
     const { meta, runtime } = useComputeNodeState(shape);
     const [text, setText] = useState6("");
@@ -1588,7 +1575,7 @@ var gptShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Json.tsx
-import { useSignals as _useSignals14 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals13 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema13 } from "effect";
 import React14 from "react";
 import { DEFAULT_INPUT as DEFAULT_INPUT4, DefaultOutput, JsonTransformInput } from "@dxos/conductor";
@@ -1601,7 +1588,7 @@ var JsonTransformShape = Schema13.extend(ComputeShape, Schema13.Struct({
   type: Schema13.Literal("json-transform")
 }));
 var JsonComponent = ({ shape, ...props }) => {
-  var _effect = _useSignals14();
+  var _effect = _useSignals13();
   try {
     const { runtime } = useComputeNodeState(shape);
     const input = runtime.inputs[DEFAULT_INPUT4];
@@ -1617,7 +1604,7 @@ var JsonComponent = ({ shape, ...props }) => {
   }
 };
 var JsonTransformComponent = ({ shape, ...props }) => {
-  var _effect = _useSignals14();
+  var _effect = _useSignals13();
   try {
     return /* @__PURE__ */ React14.createElement(Box, {
       shape
@@ -1671,7 +1658,7 @@ var jsonTransformShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Logic.tsx
-import { useSignals as _useSignals15 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals14 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema14 } from "effect";
 import React15 from "react";
 import { IfElseInput, IfElseOutput, IfInput, IfOutput } from "@dxos/conductor";
@@ -1682,7 +1669,7 @@ var IfElseShape = Schema14.extend(ComputeShape, Schema14.Struct({
   type: Schema14.Literal("if-else")
 }));
 var IfComponent = ({ shape, ...props }) => {
-  var _effect = _useSignals15();
+  var _effect = _useSignals14();
   try {
     return /* @__PURE__ */ React15.createElement(FunctionBody, {
       shape,
@@ -1694,7 +1681,7 @@ var IfComponent = ({ shape, ...props }) => {
   }
 };
 var IfElseComponent = ({ shape, ...props }) => {
-  var _effect = _useSignals15();
+  var _effect = _useSignals14();
   try {
     return /* @__PURE__ */ React15.createElement(FunctionBody, {
       shape,
@@ -1739,7 +1726,7 @@ var ifElseShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Queue.tsx
-import { useSignals as _useSignals16 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals15 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema15 } from "effect";
 import React16, { Fragment } from "react";
 import { DEFAULT_OUTPUT as DEFAULT_OUTPUT4, QueueInput, QueueOutput } from "@dxos/conductor";
@@ -1756,7 +1743,7 @@ var createQueue = (props) => createShape({
   ...props
 });
 var QueueComponent = ({ shape }) => {
-  var _effect = _useSignals16();
+  var _effect = _useSignals15();
   try {
     const { runtime } = useComputeNodeState(shape);
     const items = runtime.outputs[DEFAULT_OUTPUT4]?.type === "executed" ? runtime.outputs[DEFAULT_OUTPUT4].value : [];
@@ -1783,7 +1770,7 @@ var QueueComponent = ({ shape }) => {
   }
 };
 var QueueItem = ({ classNames, item }) => {
-  var _effect = _useSignals16();
+  var _effect = _useSignals15();
   try {
     if (typeof item !== "object") {
       return /* @__PURE__ */ React16.createElement("div", {
@@ -1812,7 +1799,7 @@ var queueShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/RNG.tsx
-import { useSignals as _useSignals17 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals16 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema16 } from "effect";
 import React17, { useEffect as useEffect5, useState as useState7 } from "react";
 import { DEFAULT_OUTPUT as DEFAULT_OUTPUT5 } from "@dxos/conductor";
@@ -1842,7 +1829,7 @@ var icons = [
 ];
 var pickIcon = () => icons[Math.floor(Math.random() * icons.length)];
 var RandomComponent = ({ shape }) => {
-  var _effect = _useSignals17();
+  var _effect = _useSignals16();
   try {
     const { runtime } = useComputeNodeState(shape);
     const [spin, setSpin] = useState7(false);
@@ -1894,7 +1881,7 @@ var randomShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Scope.tsx
-import { useSignals as _useSignals18 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals17 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema17 } from "effect";
 import React18 from "react";
 import { DEFAULT_INPUT as DEFAULT_INPUT5 } from "@dxos/conductor";
@@ -1913,7 +1900,7 @@ var createScope = (props) => createShape({
   ...props
 });
 var ScopeComponent = ({ shape }) => {
-  var _effect = _useSignals18();
+  var _effect = _useSignals17();
   try {
     const { runtime } = useComputeNodeState(shape);
     const input = runtime.inputs[DEFAULT_INPUT5];
@@ -1948,7 +1935,7 @@ var scopeShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Surface.tsx
-import { useSignals as _useSignals19 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals18 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema18 } from "effect";
 import React19 from "react";
 import { Surface } from "@dxos/app-framework";
@@ -1966,7 +1953,7 @@ var createSurface = (props) => createShape({
   ...props
 });
 var SurfaceComponent = ({ shape }) => {
-  var _effect = _useSignals19();
+  var _effect = _useSignals18();
   try {
     const { runtime } = useComputeNodeState(shape);
     const input = runtime.inputs[DEFAULT_INPUT6];
@@ -2006,7 +1993,7 @@ var surfaceShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Switch.tsx
-import { useSignals as _useSignals20 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals19 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema19 } from "effect";
 import React20, { useEffect as useEffect6, useState as useState8 } from "react";
 import { DEFAULT_OUTPUT as DEFAULT_OUTPUT6 } from "@dxos/conductor";
@@ -2024,7 +2011,7 @@ var createSwitch = (props) => createShape({
   ...props
 });
 var SwitchComponent = ({ shape }) => {
-  var _effect = _useSignals20();
+  var _effect = _useSignals19();
   try {
     const { runtime } = useComputeNodeState(shape);
     const [value, setValue] = useState8(false);
@@ -2059,7 +2046,7 @@ var switchShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Table.tsx
-import { useSignals as _useSignals21 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals20 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema20 } from "effect";
 import React21 from "react";
 import { createInputSchema, createOutputSchema, GptMessage } from "@dxos/conductor";
@@ -2077,7 +2064,7 @@ var createTable = (props) => createShape({
   ...props
 });
 var TableComponent = ({ shape }) => {
-  var _effect = _useSignals21();
+  var _effect = _useSignals20();
   try {
     return /* @__PURE__ */ React21.createElement(Box, {
       shape
@@ -2097,7 +2084,7 @@ var tableShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Template.tsx
-import { useSignals as _useSignals22 } from "@preact-signals/safe-react/tracking";
+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";
@@ -2110,7 +2097,7 @@ var TemplateShape = Schema21.extend(ComputeShape, Schema21.Struct({
   valueType: Schema21.optional(ComputeValueType3)
 }));
 var TextInputComponent3 = ({ shape, title, ...props }) => {
-  var _effect = _useSignals22();
+  var _effect = _useSignals21();
   try {
     const { node } = useComputeNodeState(shape);
     const inputRef = useRef5(null);
@@ -2176,7 +2163,7 @@ var templateShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Text.tsx
-import { useSignals as _useSignals23 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals22 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema22 } from "effect";
 import React23 from "react";
 import { DEFAULT_INPUT as DEFAULT_INPUT7 } from "@dxos/conductor";
@@ -2194,7 +2181,7 @@ var createText = (props) => createShape({
   ...props
 });
 var TextComponent = ({ shape }) => {
-  var _effect = _useSignals23();
+  var _effect = _useSignals22();
   try {
     const { runtime } = useComputeNodeState(shape);
     const input = runtime.inputs[DEFAULT_INPUT7];
@@ -2230,7 +2217,7 @@ var textShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Thread.tsx
-import { useSignals as _useSignals24 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals23 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema23 } from "effect";
 import React24, { useEffect as useEffect7, useRef as useRef6 } from "react";
 import { createInputSchema as createInputSchema2, createOutputSchema as createOutputSchema2, GptMessage as GptMessage2 } from "@dxos/conductor";
@@ -2249,7 +2236,7 @@ var createThread = (props) => createShape({
   ...props
 });
 var ThreadComponent = ({ shape }) => {
-  var _effect = _useSignals24();
+  var _effect = _useSignals23();
   try {
     const items = [];
     const scrollRef = useRef6(null);
@@ -2276,7 +2263,7 @@ var ThreadComponent = ({ shape }) => {
   }
 };
 var ThreadItem = ({ classNames, item }) => {
-  var _effect = _useSignals24();
+  var _effect = _useSignals23();
   try {
     if (typeof item !== "object") {
       return /* @__PURE__ */ React24.createElement("div", {
@@ -2304,7 +2291,7 @@ var threadShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/TextToImage.tsx
-import { useSignals as _useSignals25 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals24 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema24 } from "effect";
 import React25 from "react";
 import { createAnchorMap as createAnchorMap12 } from "@dxos/react-ui-canvas-editor";
@@ -2320,7 +2307,7 @@ var createTextToImage = (props) => createShape({
   ...props
 });
 var TextToImageComponent = ({ shape }) => {
-  var _effect = _useSignals25();
+  var _effect = _useSignals24();
   try {
     return /* @__PURE__ */ React25.createElement(Box, {
       shape
@@ -2344,7 +2331,7 @@ var textToImageShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/Trigger.tsx
-import { useSignals as _useSignals26 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals25 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema25 } from "effect";
 import React26, { useEffect as useEffect8 } from "react";
 import { VoidInput as VoidInput3 } from "@dxos/conductor";
@@ -2373,7 +2360,7 @@ var createTrigger = (props) => {
   });
 };
 var TriggerComponent = ({ shape }) => {
-  var _effect = _useSignals26();
+  var _effect = _useSignals25();
   try {
     const space = useSpace();
     const functionTrigger = shape.functionTrigger?.target;
@@ -2418,7 +2405,7 @@ var TriggerComponent = ({ shape }) => {
   }
 };
 var TriggerKindSelect = ({ value, onValueChange }) => {
-  var _effect = _useSignals26();
+  var _effect = _useSignals25();
   try {
     return /* @__PURE__ */ React26.createElement(Select2.Root, {
       value,
@@ -2489,7 +2476,7 @@ var triggerShape = {
 };
 
 // packages/ui/react-ui-canvas-compute/src/shapes/GptRealtime.tsx
-import { useSignals as _useSignals27 } from "@preact-signals/safe-react/tracking";
+import { useSignals as _useSignals26 } from "@preact-signals/safe-react/tracking";
 import { Schema as Schema26 } from "effect";
 import React27, { useState as useState9 } from "react";
 import { log as log2 } from "@dxos/log";
@@ -2508,7 +2495,7 @@ var createGptRealtime = (props) => createShape({
   ...props
 });
 var GptRealtimeComponent = ({ shape }) => {
-  var _effect = _useSignals27();
+  var _effect = _useSignals26();
   try {
     const [isLive, setIsLive] = useState9(false);
     const [isReady, setIsReady] = useState9(false);