@dxos/plugin-debug 0.7.4 → 0.7.5-labs.401163d

package/src/components/SpaceGenerator/presets.ts

@@ -0,0 +1,493 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { type ComputeGraphModel, EmailTriggerOutput, NODE_INPUT } from '@dxos/conductor';
+import { AST, ObjectId, S, toJsonSchema } from '@dxos/echo-schema';
+import { FunctionTrigger, TriggerKind, type TriggerType } from '@dxos/functions/types';
+import { invariant } from '@dxos/invariant';
+import { DXN, SpaceId } from '@dxos/keys';
+import { create, makeRef } from '@dxos/live-object';
+import { Filter, type Space } from '@dxos/react-client/echo';
+import {
+  type ComputeShape,
+  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 } from '@dxos/react-ui-table';
+import { range } from '@dxos/util';
+
+import { type ObjectGenerator } from './ObjectGenerator';
+
+export enum PresetName {
+  EMAIL_TABLE = 'email-table',
+  GPT_QUEUE = 'webhook-gpt-queue',
+  CHAT_GPT = 'chat-gpt-text',
+  EMAIL_WITH_SUMMARY = 'email-gptSummary-table',
+  OBJECT_CHANGE_QUEUE = 'objectChange-queue',
+  FOREX_FUNCTION_CALL = 'forex-function-call',
+  TIMER_TICK_QUEUE = 'timerTick-queue',
+  DISCORD_MESSAGES = 'discord-messages',
+}
+
+export const presets = {
+  schemas: [CanvasBoardType, FunctionTrigger],
+  types: Object.values(PresetName).map((name) => ({ typename: name })),
+  items: [
+    [
+      PresetName.GPT_QUEUE,
+      async (space, n, cb) => {
+        const objects = range(n, () => {
+          const canvasModel = CanvasGraphModel.create<ComputeShape>();
+
+          let functionTrigger: FunctionTrigger | undefined;
+          canvasModel.builder.call((builder) => {
+            const gpt = canvasModel.createNode(createGpt(position({ x: 0, y: -14 })));
+            const triggerShape = createTrigger({ triggerKind: TriggerKind.Webhook, ...position({ x: -18, y: -2 }) });
+            const trigger = canvasModel.createNode(triggerShape);
+            const text = canvasModel.createNode(createText(position({ x: 19, y: 3, width: 10, height: 10 })));
+            const { queueId } = setupQueue(canvasModel);
+            const append = canvasModel.createNode(createAppend(position({ x: 10, y: 6 })));
+
+            builder
+              .createEdge({ source: trigger.id, target: gpt.id, input: 'prompt', output: 'bodyText' })
+              .createEdge({ source: gpt.id, target: text.id, output: 'text' })
+              .createEdge({ source: queueId.id, target: append.id, input: 'id' })
+              .createEdge({ source: gpt.id, target: append.id, output: 'messages', input: 'items' });
+
+            functionTrigger = triggerShape.functionTrigger!.target!;
+          });
+
+          const computeModel = createComputeGraph(canvasModel);
+
+          attachTrigger(functionTrigger, computeModel);
+
+          return addToSpace(PresetName.GPT_QUEUE, space, canvasModel, computeModel);
+        });
+        cb?.(objects);
+        return objects;
+      },
+    ],
+
+    [
+      PresetName.OBJECT_CHANGE_QUEUE,
+      async (space, n, cb) => {
+        const objects = range(n, () => {
+          const { canvasModel, computeModel } = createQueueSinkPreset(
+            TriggerKind.Subscription,
+            (triggerSpec) => (triggerSpec.filter = { type: 'dxn:type:dxos.org/type/Chess' }),
+            'type',
+          );
+          return addToSpace(PresetName.OBJECT_CHANGE_QUEUE, space, canvasModel, computeModel);
+        });
+        cb?.(objects);
+        return objects;
+      },
+    ],
+
+    [
+      PresetName.TIMER_TICK_QUEUE,
+      async (space, n, cb) => {
+        const objects = range(n, () => {
+          const { canvasModel, computeModel } = createQueueSinkPreset(
+            TriggerKind.Timer,
+            (triggerSpec) => (triggerSpec.cron = '*/5 * * * * *'),
+            'result',
+          );
+          return addToSpace(PresetName.TIMER_TICK_QUEUE, space, canvasModel, computeModel);
+        });
+        cb?.(objects);
+        return objects;
+      },
+    ],
+
+    [
+      PresetName.EMAIL_TABLE,
+      async (space, n, cb) => {
+        const objects = range(n, () => {
+          const canvasModel = CanvasGraphModel.create<ComputeShape>();
+
+          const results = space.db.query(Filter.schema(TableType)).runSync();
+          const emailTable = results.find((r) => r.object?.view?.target?.query?.type?.endsWith('Email'));
+          invariant(emailTable, 'Email table not found.');
+
+          const template = canvasModel.createNode(
+            createTemplate({
+              valueType: 'object',
+              ...rawPosition({ centerX: -80, centerY: -64, width: 320, height: 320 }),
+            }),
+          );
+          const templateContent = ['{'];
+
+          let functionTrigger: FunctionTrigger | undefined;
+          canvasModel.builder.call((builder) => {
+            const triggerShape = createTrigger({ triggerKind: TriggerKind.Email, ...position({ x: -18, y: -2 }) });
+            const trigger = canvasModel.createNode(triggerShape);
+
+            const tableId = canvasModel.createNode(
+              createConstant({
+                value: DXN.fromLocalObjectId(emailTable.id).toString(),
+                ...position({ x: -18, y: 5, width: 8, height: 6 }),
+              }),
+            );
+
+            const appendToTable = canvasModel.createNode(createAppend(position({ x: 10, y: 6 })));
+
+            const properties = AST.getPropertySignatures(EmailTriggerOutput.ast);
+            for (let i = 0; i < properties.length; i++) {
+              const propName = properties[i].name.toString();
+              builder.createEdge({ source: trigger.id, target: template.id, input: propName, output: propName });
+              templateContent.push(`  "${propName}": "{{${propName}}}"` + (i === properties.length - 1 ? '' : ','));
+            }
+            templateContent.push('}');
+
+            builder
+              .createEdge({ source: tableId.id, target: appendToTable.id, input: 'id' })
+              .createEdge({ source: template.id, target: appendToTable.id, input: 'items' });
+
+            functionTrigger = triggerShape.functionTrigger!.target!;
+          });
+
+          const computeModel = createComputeGraph(canvasModel);
+
+          const templateComputeNode = computeModel.nodes.find((n) => n.id === template.node);
+          invariant(templateComputeNode, 'Template compute node was not created.');
+          templateComputeNode.value = templateContent.join('\n');
+          templateComputeNode.inputSchema = toJsonSchema(EmailTriggerOutput);
+
+          attachTrigger(functionTrigger, computeModel);
+
+          return addToSpace(PresetName.EMAIL_TABLE, space, canvasModel, computeModel);
+        });
+        cb?.(objects);
+        return objects;
+      },
+    ],
+
+    [
+      PresetName.CHAT_GPT,
+      async (space, n, cb) => {
+        const objects = range(n, () => {
+          const canvasModel = CanvasGraphModel.create<ComputeShape>();
+
+          canvasModel.builder.call((builder) => {
+            const gpt = canvasModel.createNode(createGpt(position({ x: 0, y: -14 })));
+            const chat = canvasModel.createNode(createChat(position({ x: -18, y: -2 })));
+            const text = canvasModel.createNode(createText(position({ x: 19, y: 3, width: 10, height: 10 })));
+            const { queueId } = setupQueue(canvasModel);
+
+            const append = canvasModel.createNode(createAppend(position({ x: 10, y: 6 })));
+
+            builder
+              .createEdge({ source: chat.id, target: gpt.id, input: 'prompt' })
+              .createEdge({ source: gpt.id, target: text.id, output: 'text' })
+              .createEdge({ source: queueId.id, target: append.id, input: 'id' })
+              .createEdge({ source: gpt.id, target: append.id, output: 'messages', input: 'items' });
+          });
+
+          const computeModel = createComputeGraph(canvasModel);
+
+          return addToSpace(PresetName.CHAT_GPT, space, canvasModel, computeModel);
+        });
+        cb?.(objects);
+        return objects;
+      },
+    ],
+
+    [
+      PresetName.EMAIL_WITH_SUMMARY,
+      async (space, n, cb) => {
+        const objects = range(n, () => {
+          const canvasModel = CanvasGraphModel.create<ComputeShape>();
+
+          const results = space.db.query(Filter.schema(TableType)).runSync();
+          const emailTable = results.find((r) => r.object?.view?.target?.query?.type?.endsWith('Email'));
+          invariant(emailTable, 'Email table not found.');
+
+          const template = canvasModel.createNode(
+            createTemplate({
+              valueType: 'object',
+              ...rawPosition({ centerX: 192, centerY: -176, width: 320, height: 320 }),
+            }),
+          );
+          const templateContent = ['{'];
+
+          let functionTrigger: FunctionTrigger | undefined;
+          canvasModel.builder.call((builder) => {
+            const gpt = canvasModel.createNode(
+              createGpt(rawPosition({ centerX: -400, centerY: -112, width: 256, height: 202 })),
+            );
+            const systemPrompt = canvasModel.createNode(
+              createConstant({
+                value: "use one word to describe content category. don't write anything else",
+                ...rawPosition({ centerX: -800, centerY: -160, width: 192, height: 128 }),
+              }),
+            );
+            const triggerShape = createTrigger({
+              triggerKind: TriggerKind.Email,
+              ...rawPosition({ centerX: -736, centerY: -384, width: 182, height: 192 }),
+            });
+            const trigger = canvasModel.createNode(triggerShape);
+
+            const { queueId } = setupQueue(canvasModel, {
+              idPosition: { centerX: -720, centerY: 224, width: 192, height: 256 },
+              queuePosition: { centerX: -144, centerY: 416, width: 320, height: 448 },
+            });
+            const appendToQueue = canvasModel.createNode(
+              createAppend(rawPosition({ centerX: -80, centerY: 96, width: 122, height: 128 })),
+            );
+
+            const tableId = canvasModel.createNode(
+              createConstant({
+                value: DXN.fromLocalObjectId(emailTable.id).toString(),
+                ...rawPosition({ centerX: -112, centerY: -544, width: 192, height: 256 }),
+              }),
+            );
+
+            const appendToTable = canvasModel.createNode(
+              createAppend(rawPosition({ centerX: 560, centerY: -416, width: 128, height: 122 })),
+            );
+
+            templateContent.push('  "category": "{{text}}",');
+            builder.createEdge({ source: gpt.id, target: template.id, input: 'text', output: 'text' });
+
+            const properties = AST.getPropertySignatures(EmailTriggerOutput.ast);
+            for (let i = 0; i < properties.length; i++) {
+              const propName = properties[i].name.toString();
+              builder.createEdge({ source: trigger.id, target: template.id, input: propName, output: propName });
+              templateContent.push(`  "${propName}": "{{${propName}}}"` + (i === properties.length - 1 ? '' : ','));
+            }
+            templateContent.push('}');
+
+            builder
+              .createEdge({ source: tableId.id, target: appendToTable.id, input: 'id' })
+              .createEdge({ source: queueId.id, target: appendToQueue.id, input: 'id' })
+              .createEdge({ source: gpt.id, target: appendToQueue.id, output: 'messages', input: 'items' })
+              .createEdge({ source: systemPrompt.id, target: gpt.id, input: 'systemPrompt' })
+              .createEdge({ source: trigger.id, target: gpt.id, input: 'prompt', output: 'body' })
+              .createEdge({ source: template.id, target: appendToTable.id, input: 'items' });
+
+            functionTrigger = triggerShape.functionTrigger!.target!;
+          });
+
+          const computeModel = createComputeGraph(canvasModel);
+
+          const templateComputeNode = computeModel.nodes.find((n) => n.id === template.node);
+          invariant(templateComputeNode, 'Template compute node was not created.');
+          templateComputeNode.value = templateContent.join('\n');
+          const extendedSchema = S.extend(EmailTriggerOutput, S.Struct({ text: S.String }));
+          templateComputeNode.inputSchema = toJsonSchema(extendedSchema);
+
+          attachTrigger(functionTrigger, computeModel);
+
+          return addToSpace(PresetName.EMAIL_WITH_SUMMARY, space, canvasModel, computeModel);
+        });
+        cb?.(objects);
+        return objects;
+      },
+    ],
+    [
+      PresetName.FOREX_FUNCTION_CALL,
+      async (space, n, cb) => {
+        const objects = range(n, () => {
+          const canvasModel = CanvasGraphModel.create<ComputeShape>();
+
+          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(PresetName.FOREX_FUNCTION_CALL, space, canvasModel, computeModel);
+        });
+        cb?.(objects);
+        return objects;
+      },
+    ],
+    [
+      PresetName.DISCORD_MESSAGES,
+      async (space, n, cb) => {
+        const objects = range(n, () => {
+          const canvasModel = CanvasGraphModel.create<ComputeShape>();
+
+          let functionTrigger: FunctionTrigger | undefined;
+          canvasModel.builder.call((builder) => {
+            const triggerShape = createTrigger({ triggerKind: TriggerKind.Timer, ...position({ x: -10, y: -5 }) });
+            const trigger = canvasModel.createNode(triggerShape);
+            // DXOS dev-null channel.
+            const channelId = canvasModel.createNode(
+              createConstant({ value: '1088569858767212554', ...position({ x: -10, y: 0 }) }),
+            );
+            const queueId = canvasModel.createNode(
+              createConstant({
+                value: new DXN(DXN.kind.QUEUE, ['data', SpaceId.random(), ObjectId.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(PresetName.DISCORD_MESSAGES, space, canvasModel, computeModel);
+        });
+        cb?.(objects);
+        return objects;
+      },
+    ],
+  ] as [PresetName, ObjectGenerator<any>][],
+};
+
+const createQueueSinkPreset = <SpecType extends TriggerKind>(
+  triggerKind: SpecType,
+  initSpec: (spec: Extract<TriggerType, { type: SpecType }>) => void,
+  triggerOutputName: string,
+) => {
+  const canvasModel = CanvasGraphModel.create<ComputeShape>();
+
+  const template = canvasModel.createNode(
+    createTemplate({
+      valueType: 'object',
+      ...rawPosition({ centerX: -64, centerY: -79, width: 320, height: 320 }),
+    }),
+  );
+
+  let functionTrigger: FunctionTrigger | undefined;
+  canvasModel.builder.call((builder) => {
+    const triggerShape = createTrigger({
+      triggerKind,
+      ...rawPosition({ centerX: -578, centerY: -187, height: 320, width: 320 }),
+    });
+    const trigger = canvasModel.createNode(triggerShape);
+    const { queueId } = setupQueue(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.');
+    initSpec(triggerSpec as any);
+  });
+
+  const computeModel = createComputeGraph(canvasModel);
+
+  const templateComputeNode = computeModel.nodes.find((n) => n.id === template.node);
+  invariant(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 };
+};
+
+const addToSpace = (name: string, space: Space, canvas: CanvasGraphModel, compute: ComputeGraphModel) => {
+  return space.db.add(
+    create(CanvasBoardType, {
+      name,
+      computeGraph: makeRef(compute.root),
+      layout: canvas.graph,
+    }),
+  );
+};
+
+const setupQueue = (
+  canvasModel: CanvasGraphModel,
+  args?: { idPosition?: RawPositionInput; queuePosition?: RawPositionInput },
+) => {
+  const queueId = canvasModel.createNode(
+    createConstant({
+      value: new DXN(DXN.kind.QUEUE, ['data', SpaceId.random(), ObjectId.random()]).toString(),
+      ...(args?.idPosition ? rawPosition(args.idPosition) : position({ x: -18, y: 5, width: 8, height: 6 })),
+    }),
+  );
+  const queue = canvasModel.createNode(
+    createQueue(
+      args?.queuePosition ? rawPosition(args.queuePosition) : position({ x: -3, y: 3, width: 14, height: 10 }),
+    ),
+  );
+  canvasModel.createEdge({ source: queueId.id, target: queue.id });
+  return { queue, queueId };
+};
+
+const attachTrigger = (functionTrigger: FunctionTrigger | undefined, computeModel: ComputeGraphModel) => {
+  invariant(functionTrigger);
+  functionTrigger.function = DXN.fromLocalObjectId(computeModel.root.id).toString();
+  functionTrigger.meta ??= {};
+  const inputNode = computeModel.nodes.find((node) => node.type === NODE_INPUT)!;
+  functionTrigger.meta.computeNodeId = inputNode.id;
+};
+
+type RawPositionInput = { centerX: number; centerY: number; width: number; height: number };
+
+const rawPosition = (args: RawPositionInput) => {
+  return { center: { x: args.centerX, y: args.centerY }, size: { width: args.width, height: args.height } };
+};
+
+const position = (rect: { x: number; y: number; width?: number; height?: number }) => {
+  const snap = 32;
+  const [center, size] = rectToPoints({ width: 0, height: 0, ...rect });
+  const { x, y, width, height } = pointsToRect([pointMultiply(center, snap), pointMultiply(size, snap)]);
+  if (width && height) {
+    return { center: { x, y }, size: width && height ? { width, height } : undefined };
+  } else {
+    return { center: { x, y } };
+  }
+};

package/src/components/Wireframe.tsx

@@ -5,7 +5,7 @@
 import React from 'react';
 import { useResizeDetector } from 'react-resize-detector';
 
-import { fullyQualifiedId } from '@dxos/react-client/echo';
+import { fullyQualifiedId, type ReactiveEchoObject } from '@dxos/react-client/echo';
 import { type ThemedClassName } from '@dxos/react-ui';
 import { useAttendableAttributes } from '@dxos/react-ui-attention';
 import { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';
@@ -14,7 +14,7 @@ import { mx } from '@dxos/react-ui-theme';
 // TODO(burdon): Create generic container with wireframe mode.
 export type WireframeProps = ThemedClassName<{
   label?: string;
-  object?: any;
+  object: ReactiveEchoObject<any>;
 }>;
 
 // TODO(burdon): Make focusable and attendable with input.

package/src/index.ts

@@ -2,8 +2,5 @@
 // Copyright 2023 DXOS.org
 //
 
-import { DebugPlugin } from './DebugPlugin';
-
 export * from './DebugPlugin';
-
-export default DebugPlugin;
+export * from './meta';

package/src/meta.ts

@@ -6,11 +6,13 @@ import { type PluginMeta } from '@dxos/app-framework';
 
 export const DEBUG_PLUGIN = 'dxos.org/plugin/debug';
 
-export default {
+export const meta = {
   id: DEBUG_PLUGIN,
   name: 'Debug',
-  description: 'DXOS debugging tools.',
+  description:
+    'The debug plugin is useful for troubleshooting inside of Composer. You can also use the Debug plugin to create test data inside of sheets or tables or explore pre-built automations. Non-technical users will likely not spend much time here, but this plugin is invaluable for developers and technical users.',
   icon: 'ph--bug--regular',
   source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-debug',
   tags: ['experimental'],
+  screenshots: ['https://dxos.network/plugin-details-debug-dark.png'],
 } satisfies PluginMeta;

package/src/types.ts

@@ -4,23 +4,8 @@
 
 import { type Context, createContext } from 'react';
 
-import type {
-  GraphBuilderProvides,
-  IntentResolverProvides,
-  SettingsProvides,
-  SurfaceProvides,
-  TranslationsProvides,
-} from '@dxos/app-framework';
 import type { TimerCallback, TimerOptions } from '@dxos/async';
 import { S } from '@dxos/echo-schema';
-import { type PanelProvides } from '@dxos/plugin-deck/types';
-
-import { DEBUG_PLUGIN } from './meta';
-
-const DEBUG_ACTION = `${DEBUG_PLUGIN}/action`;
-export enum DebugAction {
-  OPEN_DEVTOOLS = `${DEBUG_ACTION}/open-devtools`,
-}
 
 export type DebugContextType = {
   running: boolean;
@@ -43,10 +28,3 @@ export const DebugSettingsSchema = S.mutable(
 );
 
 export interface DebugSettingsProps extends S.Schema.Type<typeof DebugSettingsSchema> {}
-
-export type DebugPluginProvides = SurfaceProvides &
-  IntentResolverProvides &
-  GraphBuilderProvides &
-  SettingsProvides<DebugSettingsProps> &
-  TranslationsProvides &
-  PanelProvides;

package/dist/lib/browser/DebugSpace-DHKEAMIC.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/DebugSpace/DebugSpace.tsx", "../../../src/components/DebugSpace/ObjectCreator.tsx", "../../../src/components/DebugSpace/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC, useContext, useMemo, useState } from 'react';\n\nimport { createSpaceObjectGenerator } from '@dxos/echo-generator';\nimport { type ReactiveObject } from '@dxos/live-object';\nimport { DocumentType } from '@dxos/plugin-markdown/types';\nimport { Invitation } from '@dxos/protocols/proto/dxos/client/services';\nimport { faker } from '@dxos/random';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, type Space, useSpaceInvitation } from '@dxos/react-client/echo';\nimport { InvitationEncoder } from '@dxos/react-client/invitations';\nimport { useAsyncEffect } from '@dxos/react-hooks';\nimport { Icon, IconButton, Input, type IconProps, type TextInputProps, Toolbar, useFileDownload } from '@dxos/react-ui';\nimport { safeParseInt } from '@dxos/util';\n\nimport { ObjectCreator } from './ObjectCreator';\nimport { DebugContext } from '../../types';\nimport { Container } from '../Container';\n\nconst DEFAULT_COUNT = 100;\nconst DEFAULT_PERIOD = 500;\nconst DEFAULT_JITTER = 50;\n\nconst useRefresh = (): [any, () => void] => {\n  const [update, setUpdate] = useState({});\n  return [update, () => setUpdate({})];\n};\n\nconst CustomInput = ({ icon, ...props }: Pick<IconProps, 'icon'> & TextInputProps) => {\n  return (\n    <div role='none' className='relative'>\n      <Input.Root>\n        <Input.TextInput classNames='w-[100px] text-right pie-[22px]' size={5} {...props} />\n      </Input.Root>\n      <Icon icon={icon} size={3} classNames='absolute inline-end-1 block-start-1 mt-[6px]' />\n    </div>\n  );\n};\n\nexport const DebugSpace: FC<{\n  space: Space;\n  onAddObjects?: (objects: ReactiveObject<any>[]) => void;\n}> = ({ space, onAddObjects }) => {\n  const { connect } = useSpaceInvitation(space?.key);\n  const client = useClient();\n  const [data, setData] = useState<any>({});\n\n  const [update, handleUpdate] = useRefresh();\n  useAsyncEffect(\n    async (isMounted) => {\n      const data = await client.diagnostics({ truncate: true });\n      if (isMounted()) {\n        setData(\n          data?.diagnostics?.spaces?.find(({ key }: any) => {\n            return space.key.toHex().startsWith(key);\n          }),\n        );\n      }\n    },\n    [space, update],\n  );\n\n  const download = useFileDownload();\n  const handleDownload = async () => {\n    download(\n      new Blob([JSON.stringify(data, undefined, 2)], { type: 'text/plain' }),\n      `${new Date().toISOString().replace(/\\W/g, '-')}.json`,\n    );\n  };\n\n  const [mutationCount, setMutationCount] = useState(String(DEFAULT_COUNT));\n  const [mutationInterval, setMutationInterval] = useState(String(DEFAULT_PERIOD));\n  const [mutationJitter, setMutationJitter] = useState(String(DEFAULT_JITTER));\n\n  const generator = useMemo(() => createSpaceObjectGenerator(space), [space]);\n\n  // TODO(burdon): Note: this is shared across all spaces!\n  const { running, start, stop } = useContext(DebugContext);\n  const handleToggleRunning = () => {\n    if (running) {\n      stop();\n      handleUpdate();\n    } else {\n      start(\n        async () => {\n          const { objects } = await space.db.query(Filter.schema(DocumentType)).run();\n          if (objects.length) {\n            const object = faker.helpers.arrayElement(objects);\n            await generator.mutateObject(object, { count: 10, mutationSize: 10, maxContentLength: 1000 });\n          }\n        },\n        {\n          count: safeParseInt(mutationCount) ?? 0,\n          interval: safeParseInt(mutationInterval) ?? 0,\n          jitter: safeParseInt(mutationJitter) ?? 0,\n        },\n      );\n    }\n  };\n\n  const handleCreateInvitation = () => {\n    const invitation = space.share({\n      type: Invitation.Type.INTERACTIVE,\n      authMethod: Invitation.AuthMethod.NONE,\n      multiUse: true,\n    });\n\n    // TODO(burdon): Refactor.\n    // TODO(burdon): Unsubscribe?\n    connect(invitation);\n    const code = InvitationEncoder.encode(invitation.get());\n    new URL(window.origin).searchParams.set('spaceInvitationCode', code);\n    const url = `${window.origin}?spaceInvitationCode=${code}`;\n    void navigator.clipboard.writeText(url);\n  };\n\n  const handleCreateEpoch = async () => {\n    await space.internal.createEpoch();\n    handleUpdate();\n  };\n\n  return (\n    <Container\n      toolbar={\n        <Toolbar.Root classNames='p-1'>\n          <CustomInput\n            icon='ph--flag--regular'\n            autoComplete='off'\n            placeholder='Count'\n            value={mutationCount}\n            onChange={({ target: { value } }) => setMutationCount(value)}\n          />\n          <CustomInput\n            icon='ph--timer--regular'\n            autoComplete='off'\n            placeholder='Interval'\n            value={mutationInterval}\n            onChange={({ target: { value } }) => setMutationInterval(value)}\n          />\n          <CustomInput\n            icon='ph--plus-minus--regular'\n            autoComplete='off'\n            placeholder='Jitter'\n            value={mutationJitter}\n            onChange={({ target: { value } }) => setMutationJitter(value)}\n          />\n\n          <IconButton\n            icon={running ? 'ph--pause-circle--regular' : 'ph--play-circle--regular'}\n            iconOnly\n            label='Start/stop'\n            size={5}\n            onClick={handleToggleRunning}\n          />\n          <IconButton icon='ph--arrow-clockwise--regular' iconOnly label='Refresh' size={5} onClick={handleUpdate} />\n          <IconButton icon='ph--download-simple--regular' iconOnly label='Download' size={5} onClick={handleDownload} />\n\n          <Toolbar.Expander />\n          <IconButton\n            icon='ph--flag-pennant--regular'\n            iconOnly\n            label='Create epoch'\n            size={5}\n            onClick={handleCreateEpoch}\n          />\n          <IconButton\n            icon='ph--user-circle-plus--regular'\n            iconOnly\n            iconClassNames='text-blue-500'\n            label='Create Invitation'\n            size={5}\n            onClick={handleCreateInvitation}\n          />\n        </Toolbar.Root>\n      }\n    >\n      <ObjectCreator space={space} onAddObjects={onAddObjects} />\n    </Container>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useMemo, useState } from 'react';\n\nimport { type MutationsProviderParams, TestSchemaType, createSpaceObjectGenerator } from '@dxos/echo-generator';\nimport { type ReactiveEchoObject, type ReactiveObject, type Space } from '@dxos/react-client/echo';\nimport { IconButton, Toolbar } from '@dxos/react-ui';\nimport { createColumnBuilder, type TableColumnDef, Table } from '@dxos/react-ui-table/deprecated';\n\nconst BATCH_SIZE = 10;\n\nexport type CreateObjectsParams = {\n  schema: string;\n  enabled: boolean;\n  objects: number;\n  mutations: Pick<MutationsProviderParams, 'count' | 'mutationSize' | 'maxContentLength'>;\n};\n\nexport type ObjectCreatorProps = {\n  space: Space;\n  onAddObjects?: (objects: ReactiveObject<any>[]) => void;\n};\n\nexport const ObjectCreator = ({ space, onAddObjects }: ObjectCreatorProps) => {\n  const generator = useMemo(() => createSpaceObjectGenerator(space), [space]);\n\n  const [objects, setObjects] = useState<CreateObjectsParams[]>(\n    Object.values(TestSchemaType).map((schema) => ({\n      schema,\n      enabled: true,\n      objects: 10,\n      mutations: {\n        count: 10,\n        mutationSize: 10,\n        maxContentLength: 1000,\n      },\n    })),\n  );\n\n  const handleCreate = async () => {\n    for (const params of objects) {\n      if (!params.enabled) {\n        continue;\n      }\n\n      let objectsCreated = 0;\n      while (objectsCreated < params.objects) {\n        const objects = (await generator.createObjects({\n          [params.schema]: Math.min(BATCH_SIZE, params.objects - objectsCreated),\n        })) as ReactiveEchoObject<any>[];\n\n        await generator.mutateObjects(objects, params.mutations);\n        objectsCreated += objects.length;\n        onAddObjects?.(objects);\n      }\n    }\n\n    await space.db.flush();\n  };\n\n  const handleUpdate = (row: CreateObjectsParams, key: string, value: any) => {\n    const newObjects = [...objects];\n    Object.assign(newObjects.find((object) => object.schema === row.schema)!, { [key]: value });\n    setObjects(newObjects);\n  };\n\n  const { helper, builder } = createColumnBuilder<CreateObjectsParams>();\n  const columns: TableColumnDef<CreateObjectsParams>[] = [\n    helper.accessor('enabled', builder.switch({ label: 'Live', onUpdate: handleUpdate })),\n    helper.accessor('schema', builder.string({ label: 'Schema', classNames: 'font-mono' })),\n    helper.accessor('objects', builder.number({ label: 'Objects', onUpdate: handleUpdate })),\n    helper.accessor((obj) => obj.mutations.count, {\n      id: 'mutations',\n      ...builder.number({ label: 'Mutations', onUpdate: handleUpdate }),\n    }),\n    helper.accessor((obj) => obj.mutations.mutationSize, {\n      id: 'mutationSize',\n      ...builder.number({ label: 'Mut. Size', onUpdate: handleUpdate }),\n    }),\n    helper.accessor((obj) => obj.mutations.maxContentLength, {\n      id: 'mutationMaxContentLength',\n      ...builder.number({ label: 'Length', onUpdate: handleUpdate }),\n    }),\n  ];\n\n  return (\n    <>\n      <Table.Root>\n        <Table.Viewport>\n          <Table.Main<CreateObjectsParams> columns={columns} data={objects} />\n        </Table.Viewport>\n      </Table.Root>\n      <Toolbar.Root classNames='p-1'>\n        <IconButton icon='ph--plus--regular' label='Create' onClick={handleCreate} />\n      </Toolbar.Root>\n    </>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { DebugSpace } from './DebugSpace';\n\nexport default DebugSpace;\n"],
-  "mappings": "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",
-  "names": ["React", "useContext", "useMemo", "useState", "createSpaceObjectGenerator", "DocumentType", "Invitation", "faker", "useClient", "Filter", "useSpaceInvitation", "InvitationEncoder", "useAsyncEffect", "Icon", "IconButton", "Input", "Toolbar", "useFileDownload", "safeParseInt", "React", "useMemo", "useState", "TestSchemaType", "createSpaceObjectGenerator", "IconButton", "Toolbar", "createColumnBuilder", "Table", "BATCH_SIZE", "ObjectCreator", "space", "onAddObjects", "generator", "useMemo", "createSpaceObjectGenerator", "objects", "setObjects", "useState", "Object", "values", "TestSchemaType", "map", "schema", "enabled", "mutations", "count", "mutationSize", "maxContentLength", "handleCreate", "params", "objectsCreated", "createObjects", "Math", "min", "mutateObjects", "length", "db", "flush", "handleUpdate", "row", "key", "value", "newObjects", "assign", "find", "object", "helper", "builder", "createColumnBuilder", "columns", "accessor", "switch", "label", "onUpdate", "string", "classNames", "number", "obj", "id", "Table", "Root", "Viewport", "Main", "data", "Toolbar", "IconButton", "icon", "onClick", "DEFAULT_COUNT", "DEFAULT_PERIOD", "DEFAULT_JITTER", "useRefresh", "update", "setUpdate", "useState", "CustomInput", "icon", "props", "React", "div", "role", "className", "Input", "Root", "TextInput", "classNames", "size", "Icon", "DebugSpace", "space", "onAddObjects", "connect", "useSpaceInvitation", "key", "client", "useClient", "data", "setData", "handleUpdate", "useAsyncEffect", "isMounted", "diagnostics", "truncate", "spaces", "find", "toHex", "startsWith", "download", "useFileDownload", "handleDownload", "Blob", "JSON", "stringify", "undefined", "type", "Date", "toISOString", "replace", "mutationCount", "setMutationCount", "String", "mutationInterval", "setMutationInterval", "mutationJitter", "setMutationJitter", "generator", "useMemo", "createSpaceObjectGenerator", "running", "start", "stop", "useContext", "DebugContext", "handleToggleRunning", "objects", "db", "query", "Filter", "schema", "DocumentType", "run", "length", "object", "faker", "helpers", "arrayElement", "mutateObject", "count", "mutationSize", "maxContentLength", "safeParseInt", "interval", "jitter", "handleCreateInvitation", "invitation", "share", "Invitation", "Type", "INTERACTIVE", "authMethod", "AuthMethod", "NONE", "multiUse", "code", "InvitationEncoder", "encode", "get", "URL", "window", "origin", "searchParams", "set", "url", "navigator", "clipboard", "writeText", "handleCreateEpoch", "internal", "createEpoch", "Container", "toolbar", "Toolbar", "autoComplete", "placeholder", "value", "onChange", "target", "IconButton", "iconOnly", "label", "onClick", "Expander", "iconClassNames", "ObjectCreator", "DebugSpace"]
-}