@dxos/plugin-debug 0.8.4-main.3c1ae3b → 0.8.4-main.3eb6e50203

package/dist/lib/browser/DebugGraph-6VMEOKEV.mjs

@@ -0,0 +1,15 @@
+// src/components/DebugGraph.tsx
+import React from "react";
+import { Tree } from "@dxos/devtools";
+import { Graph } from "@dxos/plugin-graph";
+var DebugGraph = ({ graph, root }) => {
+  return /* @__PURE__ */ React.createElement(Tree, {
+    data: Graph.toJSON(graph, root)
+  });
+};
+var DebugGraph_default = DebugGraph;
+export {
+  DebugGraph,
+  DebugGraph_default as default
+};
+//# sourceMappingURL=DebugGraph-6VMEOKEV.mjs.map

package/dist/lib/browser/DebugGraph-6VMEOKEV.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DebugGraph.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nimport { Tree } from '@dxos/devtools';\nimport { Graph } from '@dxos/plugin-graph';\n\nexport type DebugGraphProps = { graph: Graph.Graph; root: string };\nexport const DebugGraph: FC<DebugGraphProps> = ({ graph, root }) => {\n  return <Tree data={Graph.toJSON(graph, root)} />;\n};\n\nexport default DebugGraph;\n"],
+  "mappings": ";AAIA,OAAOA,WAAwB;AAE/B,SAASC,YAAY;AACrB,SAASC,aAAa;AAGf,IAAMC,aAAkC,CAAC,EAAEC,OAAOC,KAAI,MAAE;AAC7D,SAAO,sBAAA,cAACC,MAAAA;IAAKC,MAAMC,MAAMC,OAAOL,OAAOC,IAAAA;;AACzC;AAEA,IAAA,qBAAeF;",
+  "names": ["React", "Tree", "Graph", "DebugGraph", "graph", "root", "Tree", "data", "Graph", "toJSON"]
+}

package/dist/lib/browser/DevtoolsOverviewContainer-2C6XMJ3L.mjs

@@ -0,0 +1,19 @@
+// src/components/DevtoolsOverviewContainer.tsx
+import React from "react";
+import { Surface } from "@dxos/app-framework/ui";
+import { StatsPanel, useStats } from "@dxos/devtools";
+var DevtoolsOverviewContainer = () => {
+  const [stats, refreshStats] = useStats();
+  return /* @__PURE__ */ React.createElement(StatsPanel, {
+    stats,
+    onRefresh: refreshStats
+  }, /* @__PURE__ */ React.createElement(Surface.Surface, {
+    role: "devtools-overview"
+  }));
+};
+var DevtoolsOverviewContainer_default = DevtoolsOverviewContainer;
+export {
+  DevtoolsOverviewContainer,
+  DevtoolsOverviewContainer_default as default
+};
+//# sourceMappingURL=DevtoolsOverviewContainer-2C6XMJ3L.mjs.map

package/dist/lib/browser/DevtoolsOverviewContainer-2C6XMJ3L.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DevtoolsOverviewContainer.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { StatsPanel, useStats } from '@dxos/devtools';\n\nexport const DevtoolsOverviewContainer = () => {\n  const [stats, refreshStats] = useStats();\n\n  return (\n    <StatsPanel stats={stats} onRefresh={refreshStats}>\n      <Surface.Surface role='devtools-overview' />\n    </StatsPanel>\n  );\n};\n\nexport default DevtoolsOverviewContainer;\n"],
+  "mappings": ";AAIA,OAAOA,WAAW;AAElB,SAASC,eAAe;AACxB,SAASC,YAAYC,gBAAgB;AAE9B,IAAMC,4BAA4B,MAAA;AACvC,QAAM,CAACC,OAAOC,YAAAA,IAAgBC,SAAAA;AAE9B,SACE,sBAAA,cAACC,YAAAA;IAAWH;IAAcI,WAAWH;KACnC,sBAAA,cAACI,QAAQA,SAAO;IAACC,MAAK;;AAG5B;AAEA,IAAA,oCAAeP;",
+  "names": ["React", "Surface", "StatsPanel", "useStats", "DevtoolsOverviewContainer", "stats", "refreshStats", "useStats", "StatsPanel", "onRefresh", "Surface", "role"]
+}

package/dist/lib/browser/{SpaceGenerator-GYCIEMMO.mjs → SpaceGenerator-W3LJORYT.mjs}

@@ -1,27 +1,25 @@
 // src/components/SpaceGenerator/SpaceGenerator.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
 import React2, { useCallback, useMemo, useState } from "react";
-import { useIntentDispatcher } from "@dxos/app-framework/react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
 import { ComputeGraph as ComputeGraph2 } from "@dxos/conductor";
 import { Filter as Filter3, Obj as Obj2 } from "@dxos/echo";
 import { Markdown as Markdown3 } from "@dxos/plugin-markdown/types";
 import { Sheet as Sheet2 } from "@dxos/plugin-sheet/types";
 import { Diagram as Diagram2 } from "@dxos/plugin-sketch/types";
 import { useClient } from "@dxos/react-client";
-import { IconButton as IconButton2, Input, Toolbar, useAsyncEffect } from "@dxos/react-ui";
+import { IconButton as IconButton2, Input, Layout, ScrollArea, Toolbar, useAsyncEffect } from "@dxos/react-ui";
 import { SyntaxHighlighter } from "@dxos/react-ui-syntax-highlighter";
 import { Organization as Organization2, Person as Person2, Task } from "@dxos/types";
 import { jsonKeyReplacer, sortKeys } from "@dxos/util";
 
 // src/components/SpaceGenerator/ObjectGenerator.tsx
-import { createIntent } from "@dxos/app-framework";
 import { addressToA1Notation } from "@dxos/compute";
 import { ComputeGraph, ComputeGraphModel, DEFAULT_OUTPUT, NODE_INPUT, NODE_OUTPUT } from "@dxos/conductor";
 import { DXN, Filter, Key } from "@dxos/echo";
 import { Markdown } from "@dxos/plugin-markdown/types";
 import { Sheet } from "@dxos/plugin-sheet/types";
 import { Diagram } from "@dxos/plugin-sketch/types";
-import { SpaceAction } from "@dxos/plugin-space/types";
+import { SpaceOperation } from "@dxos/plugin-space/types";
 import { faker } from "@dxos/random";
 import { View, getTypenameFromQuery } from "@dxos/schema";
 import { createAsyncGenerator } from "@dxos/schema/testing";
@@ -30,7 +28,7 @@ var generator = faker;
 var findViewByTypename = async (views, typename) => {
   return views.find((view) => getTypenameFromQuery(view.query.ast) === typename);
 };
-var createGenerator = (client, dispatch, schema) => {
+var createGenerator = (client, invokePromise, schema) => {
   return async (space, n) => {
     const typename = schema.typename;
     const views = await space.db.query(Filter.type(View.View)).run();
@@ -39,17 +37,17 @@ var createGenerator = (client, dispatch, schema) => {
       typename
     }).runSync()[0];
     if (!view && !staticSchema) {
-      await dispatch(createIntent(SpaceAction.AddSchema, {
-        space,
+      await invokePromise(SpaceOperation.AddSchema, {
+        db: space.db,
         schema,
         show: false
-      }));
+      });
     } else if (!view && staticSchema) {
-      await dispatch(createIntent(SpaceAction.UseStaticSchema, {
-        space,
+      await invokePromise(SpaceOperation.UseStaticSchema, {
+        db: space.db,
         typename,
         show: false
-      }));
+      });
     }
     const generate = createAsyncGenerator(generator, schema, {
       db: space.db
@@ -207,9 +205,9 @@ import { gmail } from "@dxos/plugin-inbox";
 import { Mailbox } from "@dxos/plugin-inbox/types";
 import { Markdown as Markdown2 } from "@dxos/plugin-markdown/types";
 import { createAppend, createChat, createComputeGraph, createConstant, createFunction, createGpt, createQueue, createRandom, createSurface, createTemplate, createText, createTrigger } from "@dxos/react-ui-canvas-compute";
-import { CanvasBoardType, CanvasGraphModel, pointMultiply, pointsToRect, rectToPoints } from "@dxos/react-ui-canvas-editor";
+import { CanvasBoard, CanvasGraphModel, pointMultiply, pointsToRect, rectToPoints } from "@dxos/react-ui-canvas-editor";
 import { View as View2 } from "@dxos/schema";
-import { Message, Organization, Person, Project } from "@dxos/types";
+import { Message, Organization, Person, Pipeline } from "@dxos/types";
 import { range as range2, trim } from "@dxos/util";
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-debug/src/components/SpaceGenerator/presets.ts";
 var PresetName = /* @__PURE__ */ (function(PresetName2) {
@@ -225,7 +223,7 @@ var PresetName = /* @__PURE__ */ (function(PresetName2) {
 })({});
 var generator2 = () => ({
   schemas: [
-    CanvasBoardType,
+    CanvasBoard.CanvasBoard,
     Trigger.Trigger
   ],
   types: Object.values(PresetName).map((name) => ({
@@ -248,9 +246,11 @@ var generator2 = () => ({
             label: "Investor"
           }));
           const tagDxn = Obj.getDXN(tag).toString();
-          Obj.getMeta(doc).tags = [
-            tagDxn
-          ];
+          Obj.change(doc, (d) => {
+            Obj.getMeta(d).tags = [
+              tagDxn
+            ];
+          });
           space.db.add(Obj.make(Person.Person, {
             fullName: "Rich",
             organization: Ref.make(org)
@@ -297,7 +297,7 @@ var generator2 = () => ({
             },
             function: Ref.make(serializeFunction(gmail.sync)),
             input: {
-              mailboxId: Obj.getDXN(mailbox).toString()
+              mailbox: Ref.make(mailbox)
             }
           }));
           space.db.add(Trigger.make({
@@ -368,7 +368,7 @@ var generator2 = () => ({
             query: notesQuery,
             jsonSchema: Type.toJsonSchema(Markdown2.Document)
           });
-          return space.db.add(Project.make({
+          return space.db.add(Pipeline.make({
             name: "Investor Research",
             columns: [
               {
@@ -862,20 +862,22 @@ var createQueueSinkPreset = (space, triggerKind, initSpec, triggerOutputName) =>
     const triggerSpec = functionTrigger.spec;
     invariant(triggerSpec && triggerSpec.kind === triggerKind, "No trigger spec.", {
       F: __dxlog_file,
-      L: 675,
+      L: 756,
       S: void 0,
       A: [
         "triggerSpec && triggerSpec.kind === triggerKind",
         "'No trigger spec.'"
       ]
     });
-    initSpec(triggerSpec);
+    Obj.change(functionTrigger, (ft) => {
+      initSpec(ft.spec);
+    });
   });
   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: 682,
+    L: 765,
     S: void 0,
     A: [
       "templateComputeNode",
@@ -899,7 +901,7 @@ var createQueueSinkPreset = (space, triggerKind, initSpec, triggerOutputName) =>
   };
 };
 var addToSpace = (name, space, canvas, compute) => {
-  return space.db.add(Obj.make(CanvasBoardType, {
+  return space.db.add(Obj.make(CanvasBoard.CanvasBoard, {
     name,
     computeGraph: Ref.make(compute.root),
     layout: canvas.graph
@@ -937,16 +939,18 @@ var setupQueue = (space, canvasModel, args) => {
 var attachTrigger = (functionTrigger, computeModel) => {
   invariant(functionTrigger, void 0, {
     F: __dxlog_file,
-    L: 721,
+    L: 805,
     S: void 0,
     A: [
       "functionTrigger",
       ""
     ]
   });
-  functionTrigger.function = Ref.make(computeModel.root);
   const inputNode = computeModel.nodes.find((node) => node.type === NODE_INPUT2);
-  functionTrigger.inputNodeId = inputNode.id;
+  Obj.change(functionTrigger, (t) => {
+    t.function = Ref.make(computeModel.root);
+    t.inputNodeId = inputNode.id;
+  });
 };
 var rawPosition = (args) => {
   return {
@@ -993,161 +997,151 @@ var position = (rect) => {
 };
 
 // src/components/SpaceGenerator/SchemaTable.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import React from "react";
 import { IconButton } from "@dxos/react-ui";
 var SchemaTable = ({ types, objects = {}, label, onClick }) => {
-  var _effect = _useSignals();
-  try {
-    return /* @__PURE__ */ React.createElement("div", {
-      className: "grid grid-cols-[1fr_80px_40px] gap-1 overflow-none"
-    }, /* @__PURE__ */ React.createElement("h2", {
-      className: "p-2"
-    }, label), types.map((type) => /* @__PURE__ */ React.createElement("div", {
-      key: type.typename,
-      className: "grid grid-cols-subgrid col-span-3 items-center"
-    }, /* @__PURE__ */ React.createElement("div", {
-      className: "pli-2 text-sm font-mono text-subdued"
-    }, type.typename), /* @__PURE__ */ React.createElement("div", {
-      className: "pli-2 text-right font-mono"
-    }, objects[type.typename] ?? 0), /* @__PURE__ */ React.createElement(IconButton, {
-      variant: "ghost",
-      icon: "ph--plus--regular",
-      iconOnly: true,
-      label: "Create data",
-      onClick: () => onClick(type.typename)
-    }))));
-  } finally {
-    _effect.f();
-  }
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "grid grid-cols-[1fr_80px_40px] gap-1 overflow-none"
+  }, /* @__PURE__ */ React.createElement("h2", {
+    className: "p-2"
+  }, label), types.map((type) => /* @__PURE__ */ React.createElement("div", {
+    key: type.typename,
+    className: "grid grid-cols-subgrid col-span-3 items-center"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "pli-2 text-sm font-mono text-subdued"
+  }, type.typename), /* @__PURE__ */ React.createElement("div", {
+    className: "pli-2 text-right font-mono"
+  }, objects[type.typename] ?? 0), /* @__PURE__ */ React.createElement(IconButton, {
+    variant: "ghost",
+    icon: "ph--plus--regular",
+    iconOnly: true,
+    label: "Create data",
+    onClick: () => onClick(type.typename)
+  }))));
 };
 
 // src/components/SpaceGenerator/SpaceGenerator.tsx
 var SpaceGenerator = ({ space, onCreateObjects }) => {
-  var _effect = _useSignals2();
-  try {
-    const { dispatchPromise: dispatch } = useIntentDispatcher();
-    const client = useClient();
-    const staticTypes = [
-      Markdown3.Document,
-      Diagram2.Diagram,
-      Sheet2.Sheet,
-      ComputeGraph2
-    ];
-    const recordTypes = [
-      Organization2.Organization,
-      Person2.Person,
-      Task.Task
-    ];
-    const [count, setCount] = useState(1);
-    const [info, setInfo] = useState({});
-    const presets = useMemo(() => generator2(), []);
-    useAsyncEffect(async () => {
-      await client.addTypes([
-        ...staticTypes,
-        ...recordTypes,
-        ...presets.schemas
-      ]);
-    }, [
-      client
-    ]);
-    const typeMap = useMemo(() => {
-      const recordGenerators = new Map(recordTypes.map((type) => [
-        type.typename,
-        createGenerator(client, dispatch, type)
-      ]));
-      return new Map([
-        ...staticGenerators,
-        ...presets.items,
-        ...recordGenerators
-      ]);
-    }, [
-      client,
-      recordTypes
+  const { invokePromise } = useOperationInvoker();
+  const client = useClient();
+  const staticTypes = [
+    Markdown3.Document,
+    Diagram2.Diagram,
+    Sheet2.Sheet,
+    ComputeGraph2
+  ];
+  const recordTypes = [
+    Organization2.Organization,
+    Person2.Person,
+    Task.Task
+  ];
+  const [count, setCount] = useState(1);
+  const [info, setInfo] = useState({});
+  const presets = useMemo(() => generator2(), []);
+  useAsyncEffect(async () => {
+    await client.addTypes([
+      ...staticTypes,
+      ...recordTypes,
+      ...presets.schemas
     ]);
-    const updateInfo = async () => {
-      const echoSchema = await space.db.schemaRegistry.query().run();
-      const staticSchema = space.db.graph.schemaRegistry.schemas;
-      const objects = await space.db.query(Filter3.everything()).run();
-      const objectMap = sortKeys(objects.reduce((map, obj) => {
-        const type = Obj2.getTypename(obj);
-        if (type) {
-          const count2 = map[type] ?? 0;
-          map[type] = count2 + 1;
-        }
-        return map;
-      }, {}));
-      setInfo({
-        schema: {
-          static: staticSchema.length,
-          mutable: echoSchema.length
-        },
-        objects: objectMap
-      });
-    };
-    useAsyncEffect(updateInfo, [
-      space
+  }, [
+    client
+  ]);
+  const typeMap = useMemo(() => {
+    const recordGenerators = new Map(recordTypes.map((type) => [
+      type.typename,
+      createGenerator(client, invokePromise, type)
+    ]));
+    return new Map([
+      ...staticGenerators,
+      ...presets.items,
+      ...recordGenerators
     ]);
-    const handleCreateData = useCallback(async (typename) => {
-      const constructor = typeMap.get(typename);
-      if (constructor) {
-        await constructor(space, count, onCreateObjects);
-        await updateInfo();
+  }, [
+    client,
+    recordTypes,
+    invokePromise
+  ]);
+  const updateInfo = async () => {
+    const echoSchema = await space.db.schemaRegistry.query().run();
+    const staticSchema = await space.db.graph.schemaRegistry.query().run();
+    const objects = await space.db.query(Filter3.everything()).run();
+    const objectMap = sortKeys(objects.reduce((map, obj) => {
+      const type = Obj2.getTypename(obj);
+      if (type) {
+        const count2 = map[type] ?? 0;
+        map[type] = count2 + 1;
       }
-    }, [
-      typeMap,
-      count
-    ]);
-    return /* @__PURE__ */ React2.createElement("div", {
-      role: "none",
-      className: "flex flex-col grow overflow-hidden"
-    }, /* @__PURE__ */ React2.createElement(Toolbar.Root, {
-      classNames: "border-be border-subduedSeparator"
-    }, /* @__PURE__ */ React2.createElement(IconButton2, {
-      icon: "ph--arrow-clockwise--regular",
-      iconOnly: true,
-      label: "Refresh",
-      onClick: updateInfo
-    }), /* @__PURE__ */ React2.createElement(Toolbar.Separator, {
-      variant: "gap"
-    }), /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement(Input.TextInput, {
-      type: "number",
-      min: 1,
-      max: 100,
-      placeholder: "Count",
-      classNames: "!w-[4rem] !text-right",
-      size: 8,
-      value: count,
-      onChange: (ev) => setCount(parseInt(ev.target.value))
-    }))), /* @__PURE__ */ React2.createElement("div", {
-      className: "flex flex-col overflow-y-auto divide-y divide-separator"
-    }, /* @__PURE__ */ React2.createElement(SchemaTable, {
-      types: staticTypes,
-      objects: info.objects,
-      label: "Static Types",
-      onClick: handleCreateData
-    }), /* @__PURE__ */ React2.createElement(SchemaTable, {
-      types: recordTypes,
-      objects: info.objects,
-      label: "Record Types",
-      onClick: handleCreateData
-    }), /* @__PURE__ */ React2.createElement(SchemaTable, {
-      types: presets.types,
-      objects: info.objects,
-      label: "Presets",
-      onClick: handleCreateData
-    }), /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(SyntaxHighlighter, {
-      language: "json",
-      classNames: "text-xs"
-    }, JSON.stringify({
-      space,
-      ...info
-    }, jsonKeyReplacer({
-      truncate: true
-    }), 2)))));
-  } finally {
-    _effect.f();
-  }
+      return map;
+    }, {}));
+    setInfo({
+      schema: {
+        static: staticSchema.length,
+        mutable: echoSchema.length
+      },
+      objects: objectMap
+    });
+  };
+  useAsyncEffect(updateInfo, [
+    space
+  ]);
+  const handleCreateData = useCallback(async (typename) => {
+    const constructor = typeMap.get(typename);
+    if (constructor) {
+      await constructor(space, count, onCreateObjects);
+      await updateInfo();
+    }
+  }, [
+    typeMap,
+    count
+  ]);
+  return /* @__PURE__ */ React2.createElement(Layout.Main, {
+    toolbar: true
+  }, /* @__PURE__ */ React2.createElement(Toolbar.Root, null, /* @__PURE__ */ React2.createElement(IconButton2, {
+    icon: "ph--arrow-clockwise--regular",
+    iconOnly: true,
+    label: "Refresh",
+    onClick: updateInfo
+  }), /* @__PURE__ */ React2.createElement(Toolbar.Separator, {
+    variant: "gap"
+  }), /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement(Input.TextInput, {
+    type: "number",
+    placeholder: "Count",
+    classNames: "is-[4rem] text-right",
+    min: 1,
+    max: 100,
+    size: 8,
+    value: count,
+    onChange: (event) => setCount(parseInt(event.target.value))
+  }))), /* @__PURE__ */ React2.createElement(ScrollArea.Root, {
+    thin: true,
+    orientation: "vertical"
+  }, /* @__PURE__ */ React2.createElement(ScrollArea.Viewport, {
+    classNames: "gap-4 divide-y divide-subduedSeparator"
+  }, /* @__PURE__ */ React2.createElement(SchemaTable, {
+    types: staticTypes,
+    objects: info.objects,
+    label: "Static Types",
+    onClick: handleCreateData
+  }), /* @__PURE__ */ React2.createElement(SchemaTable, {
+    types: recordTypes,
+    objects: info.objects,
+    label: "Record Types",
+    onClick: handleCreateData
+  }), /* @__PURE__ */ React2.createElement(SchemaTable, {
+    types: presets.types,
+    objects: info.objects,
+    label: "Presets",
+    onClick: handleCreateData
+  }), /* @__PURE__ */ React2.createElement(SyntaxHighlighter, {
+    language: "json",
+    classNames: "text-xs"
+  }, JSON.stringify({
+    space,
+    ...info
+  }, jsonKeyReplacer({
+    truncate: true
+  }), 2)))));
 };
 
 // src/components/SpaceGenerator/index.ts
@@ -1155,4 +1149,4 @@ var SpaceGenerator_default = SpaceGenerator;
 export {
   SpaceGenerator_default as default
 };
-//# sourceMappingURL=SpaceGenerator-GYCIEMMO.mjs.map
+//# sourceMappingURL=SpaceGenerator-W3LJORYT.mjs.map