@dxos/plugin-debug 0.7.5-labs.e27f9b9 → 0.7.5-labs.f400bbc

package/dist/lib/browser/{DebugSpace-4JHYA7FG.mjs → DebugSpace-BTMTVZ6C.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-GSJS3HEM.mjs";
 import {
   DebugContext
-} from "./chunk-P7GHHMDB.mjs";
+} from "./chunk-UASI2CRI.mjs";
 
 // packages/plugins/plugin-debug/src/components/DebugSpace/DebugSpace.tsx
 import React2, { useContext, useMemo as useMemo2, useState as useState2 } from "react";
@@ -274,4 +274,4 @@ var DebugSpace_default = DebugSpace;
 export {
   DebugSpace_default as default
 };
-//# sourceMappingURL=DebugSpace-4JHYA7FG.mjs.map
+//# sourceMappingURL=DebugSpace-BTMTVZ6C.mjs.map

package/dist/lib/browser/{SpaceGenerator-4VO7E5P2.mjs → SpaceGenerator-BPZGOSH4.mjs}

@@ -1,13 +1,19 @@
 // packages/plugins/plugin-debug/src/components/SpaceGenerator/SpaceGenerator.tsx
 import React2, { useCallback, useMemo, useState } from "react";
+import { createIntent, useIntentDispatcher } from "@dxos/app-framework";
 import { ComputeGraph as ComputeGraph2 } from "@dxos/conductor";
+import { toEffectSchema } from "@dxos/echo-schema";
+import { create as create3 } from "@dxos/live-object";
+import { log } from "@dxos/log";
 import { DocumentType as DocumentType2 } from "@dxos/plugin-markdown/types";
 import { SheetType as SheetType2 } from "@dxos/plugin-sheet/types";
 import { DiagramType as DiagramType2 } from "@dxos/plugin-sketch/types";
+import { SpaceAction } from "@dxos/plugin-space/types";
 import { useClient } from "@dxos/react-client";
 import { getTypename } from "@dxos/react-client/echo";
 import { IconButton as IconButton2, Input, Toolbar, useAsyncEffect } from "@dxos/react-ui";
 import { SyntaxHighlighter } from "@dxos/react-ui-syntax-highlighter";
+import { initializeTable, TableType as TableType3 } from "@dxos/react-ui-table";
 import { Testing } from "@dxos/schema/testing";
 import { jsonKeyReplacer, sortKeys } from "@dxos/util";
 
@@ -15,7 +21,7 @@ import { jsonKeyReplacer, sortKeys } from "@dxos/util";
 import { addressToA1Notation } from "@dxos/compute";
 import { ComputeGraph, ComputeGraphModel, DEFAULT_OUTPUT, NODE_INPUT, NODE_OUTPUT } from "@dxos/conductor";
 import { ObjectId } from "@dxos/echo-schema";
-import { DXN, SpaceId } from "@dxos/keys";
+import { DXN } from "@dxos/keys";
 import { create, makeRef } from "@dxos/live-object";
 import { DocumentType } from "@dxos/plugin-markdown/types";
 import { createSheet } from "@dxos/plugin-sheet/types";
@@ -124,7 +130,7 @@ var staticGenerators = /* @__PURE__ */ new Map([
           type: "constant",
           value: new DXN(DXN.kind.QUEUE, [
             "data",
-            SpaceId.random(),
+            space.id,
             ObjectId.random()
           ]).toString()
         }).createNode({
@@ -236,10 +242,10 @@ import { EmailTriggerOutput, NODE_INPUT as NODE_INPUT2 } from "@dxos/conductor";
 import { AST, ObjectId as ObjectId2, S, toJsonSchema } from "@dxos/echo-schema";
 import { FunctionTrigger, TriggerKind } from "@dxos/functions/types";
 import { invariant } from "@dxos/invariant";
-import { DXN as DXN2, SpaceId as SpaceId2 } from "@dxos/keys";
+import { DXN as DXN2 } from "@dxos/keys";
 import { create as create2, makeRef as makeRef2 } from "@dxos/live-object";
 import { Filter as Filter2 } from "@dxos/react-client/echo";
-import { createAppend, createChat, createComputeGraph, createConstant, createGpt, createQueue, createTemplate, createText, createTrigger } from "@dxos/react-ui-canvas-compute";
+import { createAppend, createChat, createComputeGraph, createConstant, createFunction, createGpt, createQueue, createSurface, createRandom, createTemplate, createText, createTrigger } from "@dxos/react-ui-canvas-compute";
 import { CanvasBoardType, CanvasGraphModel, pointMultiply, pointsToRect, rectToPoints } from "@dxos/react-ui-canvas-editor";
 import { TableType as TableType2 } from "@dxos/react-ui-table";
 import { range as range2 } from "@dxos/util";
@@ -250,6 +256,11 @@ var PresetName;
   PresetName2["GPT_QUEUE"] = "webhook-gpt-queue";
   PresetName2["CHAT_GPT"] = "chat-gpt-text";
   PresetName2["EMAIL_WITH_SUMMARY"] = "email-gptSummary-table";
+  PresetName2["OBJECT_CHANGE_QUEUE"] = "objectChange-queue";
+  PresetName2["FOREX_FUNCTION_CALL"] = "forex-function-call";
+  PresetName2["TIMER_TICK_QUEUE"] = "timerTick-queue";
+  PresetName2["DISCORD_MESSAGES"] = "discord-messages";
+  PresetName2["KANBAN_QUEUE"] = "kanban-queue";
 })(PresetName || (PresetName = {}));
 var presets = {
   schemas: [
@@ -272,6 +283,7 @@ var presets = {
               y: -14
             })));
             const triggerShape = createTrigger({
+              spaceId: space.id,
               triggerKind: TriggerKind.Webhook,
               ...position({
                 x: -18,
@@ -285,7 +297,7 @@ var presets = {
               width: 10,
               height: 10
             })));
-            const { queueId } = setupQueue(canvasModel);
+            const { queueId } = setupQueue(space, canvasModel);
             const append = canvasModel.createNode(createAppend(position({
               x: 10,
               y: 6
@@ -294,7 +306,7 @@ var presets = {
               source: trigger.id,
               target: gpt.id,
               input: "prompt",
-              output: "body"
+              output: "bodyText"
             }).createEdge({
               source: gpt.id,
               target: text.id,
@@ -319,6 +331,30 @@ var presets = {
         return objects;
       }
     ],
+    [
+      "objectChange-queue",
+      async (space, n, cb) => {
+        const objects = range2(n, () => {
+          const { canvasModel, computeModel } = createQueueSinkPreset(space, TriggerKind.Subscription, (triggerSpec) => triggerSpec.filter = {
+            type: "dxn:type:dxos.org/type/Chess"
+          }, "type");
+          return addToSpace("objectChange-queue", space, canvasModel, computeModel);
+        });
+        cb?.(objects);
+        return objects;
+      }
+    ],
+    [
+      "timerTick-queue",
+      async (space, n, cb) => {
+        const objects = range2(n, () => {
+          const { canvasModel, computeModel } = createQueueSinkPreset(space, TriggerKind.Timer, (triggerSpec) => triggerSpec.cron = "*/5 * * * * *", "result");
+          return addToSpace("timerTick-queue", space, canvasModel, computeModel);
+        });
+        cb?.(objects);
+        return objects;
+      }
+    ],
     [
       "email-table",
       async (space, n, cb) => {
@@ -328,7 +364,7 @@ var presets = {
           const emailTable = results.find((r) => r.object?.view?.target?.query?.type?.endsWith("Email"));
           invariant(emailTable, "Email table not found.", {
             F: __dxlog_file,
-            L: 90,
+            L: 136,
             S: void 0,
             A: [
               "emailTable",
@@ -350,6 +386,7 @@ var presets = {
           let functionTrigger;
           canvasModel.builder.call((builder) => {
             const triggerShape = createTrigger({
+              spaceId: space.id,
               triggerKind: TriggerKind.Email,
               ...position({
                 x: -18,
@@ -397,7 +434,7 @@ var presets = {
           const templateComputeNode = computeModel.nodes.find((n2) => n2.id === template.node);
           invariant(templateComputeNode, "Template compute node was not created.", {
             F: __dxlog_file,
-            L: 132,
+            L: 182,
             S: void 0,
             A: [
               "templateComputeNode",
@@ -433,7 +470,7 @@ var presets = {
               width: 10,
               height: 10
             })));
-            const { queueId } = setupQueue(canvasModel);
+            const { queueId } = setupQueue(space, canvasModel);
             const append = canvasModel.createNode(createAppend(position({
               x: 10,
               y: 6
@@ -473,7 +510,7 @@ var presets = {
           const emailTable = results.find((r) => r.object?.view?.target?.query?.type?.endsWith("Email"));
           invariant(emailTable, "Email table not found.", {
             F: __dxlog_file,
-            L: 183,
+            L: 233,
             S: void 0,
             A: [
               "emailTable",
@@ -510,6 +547,7 @@ var presets = {
               })
             }));
             const triggerShape = createTrigger({
+              spaceId: space.id,
               triggerKind: TriggerKind.Email,
               ...rawPosition({
                 centerX: -736,
@@ -519,7 +557,7 @@ var presets = {
               })
             });
             const trigger = canvasModel.createNode(triggerShape);
-            const { queueId } = setupQueue(canvasModel, {
+            const { queueId } = setupQueue(space, canvasModel, {
               idPosition: {
                 centerX: -720,
                 centerY: 224,
@@ -606,7 +644,7 @@ var presets = {
           const templateComputeNode = computeModel.nodes.find((n2) => n2.id === template.node);
           invariant(templateComputeNode, "Template compute node was not created.", {
             F: __dxlog_file,
-            L: 254,
+            L: 305,
             S: void 0,
             A: [
               "templateComputeNode",
@@ -624,9 +662,295 @@ var presets = {
         cb?.(objects);
         return objects;
       }
+    ],
+    [
+      "forex-function-call",
+      async (space, n, cb) => {
+        const objects = range2(n, () => {
+          const canvasModel = CanvasGraphModel.create();
+          canvasModel.builder.call((builder) => {
+            const sourceCurrency = canvasModel.createNode(createConstant({
+              value: "USD",
+              ...position({
+                x: -10,
+                y: -5
+              })
+            }));
+            const targetCurrency = canvasModel.createNode(createConstant({
+              value: "EUR",
+              ...position({
+                x: -10,
+                y: 5
+              })
+            }));
+            const converter = canvasModel.createNode(createFunction(position({
+              x: 0,
+              y: 0
+            })));
+            const view = canvasModel.createNode(createSurface(position({
+              x: 12,
+              y: 0
+            })));
+            builder.createEdge({
+              source: sourceCurrency.id,
+              target: converter.id,
+              input: "from"
+            }).createEdge({
+              source: targetCurrency.id,
+              target: converter.id,
+              input: "to"
+            }).createEdge({
+              source: converter.id,
+              target: view.id,
+              output: "rate"
+            });
+          });
+          const computeModel = createComputeGraph(canvasModel);
+          return addToSpace("forex-function-call", space, canvasModel, computeModel);
+        });
+        cb?.(objects);
+        return objects;
+      }
+    ],
+    [
+      "discord-messages",
+      async (space, n, cb) => {
+        const objects = range2(n, () => {
+          const canvasModel = CanvasGraphModel.create();
+          let functionTrigger;
+          canvasModel.builder.call((builder) => {
+            const triggerShape = createTrigger({
+              spaceId: space.id,
+              triggerKind: TriggerKind.Timer,
+              ...position({
+                x: -10,
+                y: -5
+              })
+            });
+            const trigger = canvasModel.createNode(triggerShape);
+            const channelId = canvasModel.createNode(createConstant({
+              value: "1088569858767212554",
+              ...position({
+                x: -10,
+                y: 0
+              })
+            }));
+            const queueId = canvasModel.createNode(createConstant({
+              value: new DXN2(DXN2.kind.QUEUE, [
+                "data",
+                space.id,
+                ObjectId2.random()
+              ]).toString(),
+              ...position({
+                x: -10,
+                y: 5
+              })
+            }));
+            const converter = canvasModel.createNode(createFunction(position({
+              x: 0,
+              y: 0
+            })));
+            const view = canvasModel.createNode(createText(position({
+              x: 12,
+              y: 0
+            })));
+            const queue = canvasModel.createNode(createQueue(position({
+              x: 0,
+              y: 12
+            })));
+            builder.createEdge({
+              source: trigger.id,
+              target: converter.id,
+              input: "tick"
+            }).createEdge({
+              source: channelId.id,
+              target: converter.id,
+              input: "channelId"
+            }).createEdge({
+              source: queueId.id,
+              target: converter.id,
+              input: "queueId"
+            }).createEdge({
+              source: converter.id,
+              target: view.id,
+              output: "newMessages"
+            }).createEdge({
+              source: queueId.id,
+              target: queue.id,
+              input: "input"
+            });
+            functionTrigger = triggerShape.functionTrigger.target;
+          });
+          const computeModel = createComputeGraph(canvasModel);
+          attachTrigger(functionTrigger, computeModel);
+          return addToSpace("discord-messages", space, canvasModel, computeModel);
+        });
+        cb?.(objects);
+        return objects;
+      }
+    ],
+    [
+      "kanban-queue",
+      async (space, n, cb) => {
+        const objects = range2(n, () => {
+          const canvasModel = CanvasGraphModel.create();
+          const results = space.db.query(Filter2.schema(TableType2)).runSync();
+          const messages = results.find((r) => r.object?.view?.target?.query?.type?.endsWith("Message"));
+          invariant(messages, "Table not found.", {
+            F: __dxlog_file,
+            L: 411,
+            S: void 0,
+            A: [
+              "messages",
+              "'Table not found.'"
+            ]
+          });
+          let functionTrigger;
+          canvasModel.builder.call((builder) => {
+            const triggerShape = createTrigger({
+              spaceId: space.id,
+              triggerKind: TriggerKind.Queue,
+              ...position({
+                x: -10,
+                y: -5
+              })
+            });
+            const trigger = canvasModel.createNode(triggerShape);
+            const tableId = canvasModel.createNode(createConstant({
+              value: DXN2.fromLocalObjectId(messages.id).toString(),
+              ...position({
+                x: -10,
+                y: 5
+              })
+            }));
+            const appendToTable = canvasModel.createNode(createAppend(position({
+              x: 10,
+              y: 0
+            })));
+            builder.createEdge({
+              source: tableId.id,
+              target: appendToTable.id,
+              input: "id"
+            }).createEdge({
+              source: trigger.id,
+              target: appendToTable.id,
+              input: "items",
+              output: "item"
+            });
+            functionTrigger = triggerShape.functionTrigger.target;
+          });
+          const computeModel = createComputeGraph(canvasModel);
+          attachTrigger(functionTrigger, computeModel);
+          return addToSpace("kanban-queue", space, canvasModel, computeModel);
+        });
+        cb?.(objects);
+        return objects;
+      }
     ]
   ]
 };
+var createQueueSinkPreset = (space, triggerKind, initSpec, triggerOutputName) => {
+  const canvasModel = CanvasGraphModel.create();
+  const template = canvasModel.createNode(createTemplate({
+    valueType: "object",
+    ...rawPosition({
+      centerX: -64,
+      centerY: -79,
+      width: 320,
+      height: 320
+    })
+  }));
+  let functionTrigger;
+  canvasModel.builder.call((builder) => {
+    const triggerShape = createTrigger({
+      spaceId: space.id,
+      triggerKind,
+      ...rawPosition({
+        centerX: -578,
+        centerY: -187,
+        height: 320,
+        width: 320
+      })
+    });
+    const trigger = canvasModel.createNode(triggerShape);
+    const { queueId } = setupQueue(space, canvasModel, {
+      queuePosition: {
+        centerX: -80,
+        centerY: 378,
+        width: 320,
+        height: 448
+      }
+    });
+    const append = canvasModel.createNode(createAppend(rawPosition({
+      centerX: 320,
+      centerY: 192,
+      width: 128,
+      height: 122
+    })));
+    const random = canvasModel.createNode(createRandom(rawPosition({
+      centerX: -509,
+      centerY: -30,
+      width: 64,
+      height: 64
+    })));
+    builder.createEdge({
+      source: queueId.id,
+      target: append.id,
+      input: "id"
+    }).createEdge({
+      source: template.id,
+      target: append.id,
+      input: "items"
+    }).createEdge({
+      source: trigger.id,
+      target: template.id,
+      output: triggerOutputName,
+      input: "type"
+    }).createEdge({
+      source: random.id,
+      target: template.id,
+      input: "changeId"
+    });
+    functionTrigger = triggerShape.functionTrigger.target;
+    const triggerSpec = functionTrigger.spec;
+    invariant(triggerSpec && triggerSpec.type === triggerKind, "No trigger spec.", {
+      F: __dxlog_file,
+      L: 494,
+      S: void 0,
+      A: [
+        "triggerSpec && triggerSpec.type === triggerKind",
+        "'No trigger spec.'"
+      ]
+    });
+    initSpec(triggerSpec);
+  });
+  const computeModel = createComputeGraph(canvasModel);
+  const templateComputeNode = computeModel.nodes.find((n) => n.id === template.node);
+  invariant(templateComputeNode, "Template compute node was not created.", {
+    F: __dxlog_file,
+    L: 501,
+    S: void 0,
+    A: [
+      "templateComputeNode",
+      "'Template compute node was not created.'"
+    ]
+  });
+  templateComputeNode.value = [
+    "{",
+    '  "@type": "{{type}}",',
+    '  "id": "@{{changeId}}"',
+    "}"
+  ].join("\n");
+  templateComputeNode.inputSchema = toJsonSchema(S.Struct({
+    type: S.String,
+    changeId: S.String
+  }));
+  attachTrigger(functionTrigger, computeModel);
+  return {
+    canvasModel,
+    computeModel
+  };
+};
 var addToSpace = (name, space, canvas, compute) => {
   return space.db.add(create2(CanvasBoardType, {
     name,
@@ -634,11 +958,11 @@ var addToSpace = (name, space, canvas, compute) => {
     layout: canvas.graph
   }));
 };
-var setupQueue = (canvasModel, args) => {
+var setupQueue = (space, canvasModel, args) => {
   const queueId = canvasModel.createNode(createConstant({
     value: new DXN2(DXN2.kind.QUEUE, [
       "data",
-      SpaceId2.random(),
+      space.id,
       ObjectId2.random()
     ]).toString(),
     ...args?.idPosition ? rawPosition(args.idPosition) : position({
@@ -666,7 +990,7 @@ var setupQueue = (canvasModel, args) => {
 var attachTrigger = (functionTrigger, computeModel) => {
   invariant(functionTrigger, void 0, {
     F: __dxlog_file,
-    L: 300,
+    L: 541,
     S: void 0,
     A: [
       "functionTrigger",
@@ -723,7 +1047,9 @@ var position = (rect) => {
 };
 
 // packages/plugins/plugin-debug/src/components/SpaceGenerator/SpaceGenerator.tsx
+var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-debug/src/components/SpaceGenerator/SpaceGenerator.tsx";
 var SpaceGenerator = ({ space, onCreateObjects }) => {
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
   const client = useClient();
   const staticTypes = [
     DocumentType2,
@@ -735,7 +1061,8 @@ var SpaceGenerator = ({ space, onCreateObjects }) => {
     Testing.OrgType,
     Testing.ProjectType,
     Testing.ContactType,
-    Testing.EmailType
+    Testing.EmailType,
+    Testing.MessageType
   ];
   const [count, setCount] = useState(1);
   const [info, setInfo] = useState({});
@@ -790,6 +1117,66 @@ var SpaceGenerator = ({ space, onCreateObjects }) => {
     typeMap,
     count
   ]);
+  const handleLoadTables = useCallback(async () => {
+    const input = document.createElement("input");
+    input.type = "file";
+    input.accept = ".json";
+    input.onchange = async (e) => {
+      const file = e.target.files?.[0];
+      if (!file) {
+        return;
+      }
+      try {
+        const content = await file.text();
+        const data = JSON.parse(content);
+        const schemas = await space.db.schemaRegistry.register(data.schemas.map(toEffectSchema));
+        await Promise.all(schemas.map(async (schema) => {
+          const parts = schema.typename.split("/");
+          const name = parts[parts.length - 1];
+          const table = create3(TableType3, {
+            name,
+            threads: []
+          });
+          await initializeTable({
+            space,
+            table,
+            initialSchema: schema.typename
+          });
+          await dispatch(createIntent(SpaceAction.AddObject, {
+            target: space,
+            object: table
+          }));
+          return table;
+        }));
+        await Promise.all(data.objects.map(async ({ id, "@type": typename, ...fields }) => {
+          const schema = schemas.find((s) => `dxn:type:${s.typename}:${s.version}` === typename);
+          if (!schema) {
+            log.warn("Missing schema for object", {
+              id,
+              typename
+            }, {
+              F: __dxlog_file2,
+              L: 131,
+              S: void 0,
+              C: (f, a) => f(...a)
+            });
+            return;
+          }
+          const object = create3(schema, fields);
+          space.db.add(object);
+          return object;
+        }));
+      } catch (err) {
+        log.catch(err, void 0, {
+          F: __dxlog_file2,
+          L: 140,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+      }
+    };
+    input.click();
+  }, []);
   return /* @__PURE__ */ React2.createElement("div", {
     role: "none",
     className: "flex flex-col divide-y divide-separator"
@@ -800,6 +1187,11 @@ var SpaceGenerator = ({ space, onCreateObjects }) => {
     iconOnly: true,
     label: "Refresh",
     onClick: updateInfo
+  }), /* @__PURE__ */ React2.createElement(IconButton2, {
+    icon: "ph--file-arrow-up--regular",
+    iconOnly: true,
+    label: "Load tables from JSON",
+    onClick: handleLoadTables
   }), /* @__PURE__ */ React2.createElement(Toolbar.Separator, {
     variant: "gap"
   }), /* @__PURE__ */ React2.createElement("div", {
@@ -843,4 +1235,4 @@ var SpaceGenerator_default = SpaceGenerator;
 export {
   SpaceGenerator_default as default
 };
-//# sourceMappingURL=SpaceGenerator-4VO7E5P2.mjs.map
+//# sourceMappingURL=SpaceGenerator-BPZGOSH4.mjs.map