@dxos/plugin-debug 0.7.5-main.9d26e3a → 0.7.5-main.b19bfc8

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/translations.ts

@@ -31,6 +31,34 @@ export default [
           'Warning: Swapping the storage adapter will make your data unavailable.',
         'settings space fragmentation': 'Enable AM space fragmentation',
         'open debug panel label': 'Show Debug',
+        'client label': 'Client',
+        'config label': 'Config',
+        'storage label': 'Storage',
+        'logs label': 'Logs',
+        'diagnostics label': 'Diagnostics',
+        'tracing label': 'Tracing',
+        'halo label': 'HALO',
+        'identity label': 'Identity',
+        'devices label': 'Devices',
+        'keyring label': 'Keyring',
+        'credentials label': 'Credentials',
+        'echo label': 'ECHO',
+        'spaces label': 'Spaces',
+        'space label': 'Space',
+        'feeds label': 'Feeds',
+        'objects label': 'Objects',
+        'automerge label': 'Automerge',
+        'members label': 'Members',
+        'metadata label': 'Metadata',
+        'mesh label': 'Mesh',
+        'signal label': 'Signal',
+        'swarm label': 'Swarm',
+        'network label': 'Network',
+        'agent label': 'Agent',
+        'dashboard label': 'Dashboard',
+        'search label': 'Search',
+        'edge label': 'Edge',
+        'workflows label': 'Workflows',
       },
     },
   },

package/src/types.ts

@@ -4,15 +4,8 @@
 
 import { type Context, createContext } from 'react';
 
-import type {
-  GraphBuilderProvides,
-  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';
 
 export type DebugContextType = {
   running: boolean;
@@ -28,7 +21,6 @@ export const DebugContext: Context<DebugContextType> = createContext<DebugContex
 
 export const DebugSettingsSchema = S.mutable(
   S.Struct({
-    devtools: S.optional(S.Boolean),
     debug: S.optional(S.Boolean),
     wireframe: S.optional(S.Boolean),
   }),
@@ -36,8 +28,54 @@ export const DebugSettingsSchema = S.mutable(
 
 export interface DebugSettingsProps extends S.Schema.Type<typeof DebugSettingsSchema> {}
 
-export type DebugPluginProvides = SurfaceProvides &
-  GraphBuilderProvides &
-  SettingsProvides<DebugSettingsProps> &
-  TranslationsProvides &
-  PanelProvides;
+export namespace Devtools {
+  // TODO(wittjosiah): Cannot use slashes in ids until we have a router which decouples ids from url paths.
+  export const id = 'dxos.org.plugin.debug.devtools';
+
+  export namespace Client {
+    export const id = `${Devtools.id}.client`;
+    export const Config = `${Devtools.Client.id}.config`;
+    export const Storage = `${Devtools.Client.id}.storage`;
+    export const Logs = `${Devtools.Client.id}.logs`;
+    export const Diagnostics = `${Devtools.Client.id}.diagnostics`;
+    export const Tracing = `${Devtools.Client.id}.tracing`;
+  }
+
+  export namespace Halo {
+    export const id = `${Devtools.id}.halo`;
+    export const Identity = `${Devtools.Halo.id}.identity`;
+    export const Devices = `${Devtools.Halo.id}.devices`;
+    export const Keyring = `${Devtools.Halo.id}.keyring`;
+    export const Credentials = `${Devtools.Halo.id}.credentials`;
+  }
+
+  export namespace Echo {
+    export const id = `${Devtools.id}.echo`;
+    export const Spaces = `${Devtools.Echo.id}.spaces`;
+    export const Space = `${Devtools.Echo.id}.space`;
+    export const Feeds = `${Devtools.Echo.id}.feeds`;
+    export const Objects = `${Devtools.Echo.id}.objects`;
+    export const Automerge = `${Devtools.Echo.id}.automerge`;
+    export const Members = `${Devtools.Echo.id}.members`;
+    export const Metadata = `${Devtools.Echo.id}.metadata`;
+  }
+
+  export namespace Mesh {
+    export const id = `${Devtools.id}.mesh`;
+    export const Signal = `${Devtools.Mesh.id}.signal`;
+    export const Swarm = `${Devtools.Mesh.id}.swarm`;
+    export const Network = `${Devtools.Mesh.id}.network`;
+  }
+
+  export namespace Agent {
+    export const id = `${Devtools.id}.agent`;
+    export const Dashboard = `${Devtools.Agent.id}.dashboard`;
+    export const Search = `${Devtools.Agent.id}.search`;
+  }
+
+  export namespace Edge {
+    export const id = `${Devtools.id}.edge`;
+    export const Dashboard = `${Devtools.Edge.id}.dashboard`;
+    export const Workflows = `${Devtools.Edge.id}.workflows`;
+  }
+}

package/dist/lib/browser/SpaceGenerator-Y2NXBQVR.mjs

@@ -1,277 +0,0 @@
-// packages/plugins/plugin-debug/src/components/SpaceGenerator/SpaceGenerator.tsx
-import React2, { useCallback, useMemo, useState } from "react";
-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 { 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 { Testing } from "@dxos/schema/testing";
-import { jsonKeyReplacer, sortKeys } from "@dxos/util";
-
-// packages/plugins/plugin-debug/src/components/SpaceGenerator/ObjectGenerator.tsx
-import { addressToA1Notation } from "@dxos/compute";
-import { create, makeRef } from "@dxos/live-object";
-import { DocumentType, TextType } from "@dxos/plugin-markdown/types";
-import { createSheet } from "@dxos/plugin-sheet";
-import { SheetType } from "@dxos/plugin-sheet/types";
-import { CanvasType, DiagramType } from "@dxos/plugin-sketch/types";
-import { faker } from "@dxos/random";
-import { Filter } from "@dxos/react-client/echo";
-import { TableType } from "@dxos/react-ui-table";
-import { createView } from "@dxos/schema";
-import { createAsyncGenerator } from "@dxos/schema/testing";
-import { range } from "@dxos/util";
-var generator = faker;
-var staticGenerators = /* @__PURE__ */ new Map([
-  [
-    DocumentType.typename,
-    async (space, n, cb) => {
-      const objects = range(n).map(() => {
-        const obj = space.db.add(create(DocumentType, {
-          name: faker.commerce.productName(),
-          content: makeRef(create(TextType, {
-            content: faker.lorem.sentences(5)
-          })),
-          threads: []
-        }));
-        return obj;
-      });
-      cb?.(objects);
-      return objects;
-    }
-  ],
-  [
-    DiagramType.typename,
-    async (space, n, cb) => {
-      const objects = range(n).map(() => {
-        const obj = space.db.add(create(DiagramType, {
-          name: faker.commerce.productName(),
-          canvas: makeRef(create(CanvasType, {
-            content: {}
-          }))
-        }));
-        return obj;
-      });
-      cb?.(objects);
-      return objects;
-    }
-  ],
-  // TODO(burdon): Create unit tests.
-  [
-    SheetType.typename,
-    async (space, n, cb) => {
-      const objects = range(n).map(() => {
-        const cells = {};
-        const year = (/* @__PURE__ */ new Date()).getFullYear();
-        const cols = 4;
-        const rows = 16;
-        for (let col = 1; col <= cols; col++) {
-          for (let row = 1; row <= rows; row++) {
-            const cell = addressToA1Notation({
-              col,
-              row
-            });
-            if (row === 1) {
-              cells[cell] = {
-                value: `${year} Q${col}`
-              };
-            } else if (row === rows) {
-              const from = addressToA1Notation({
-                col,
-                row: 2
-              });
-              const to = addressToA1Notation({
-                col,
-                row: rows - 1
-              });
-              cells[cell] = {
-                value: `=SUM(${from}:${to})`
-              };
-            } else if (row > 2 && row < rows - 1) {
-              cells[cell] = {
-                value: Math.floor(Math.random() * 1e4)
-              };
-            }
-          }
-        }
-        return space.db.add(createSheet({
-          name: faker.commerce.productName(),
-          cells
-        }));
-      });
-      cb?.(objects);
-      return objects;
-    }
-  ]
-]);
-var createGenerator = (type) => {
-  return async (space, n, cb) => {
-    const schema = await space.db.schemaRegistry.query({
-      typename: type.typename
-    }).firstOrUndefined() ?? (await space.db.schemaRegistry.register([
-      type
-    ]))[0];
-    const generate = createAsyncGenerator(generator, schema.getSchemaSnapshot(), {
-      db: space.db
-    });
-    const objects = await generate.createObjects(n);
-    const { objects: tables } = await space.db.query(Filter.schema(TableType)).run();
-    const table = tables.find((table2) => table2.view?.target?.query?.type === type.typename);
-    if (!table) {
-      const name = type.typename.split("/").pop() ?? type.typename;
-      const view = createView({
-        name,
-        typename: type.typename,
-        jsonSchema: schema.jsonSchema
-      });
-      const table2 = space.db.add(create(TableType, {
-        name,
-        view: makeRef(view)
-      }));
-      cb?.([
-        table2
-      ]);
-    }
-    return objects;
-  };
-};
-
-// packages/plugins/plugin-debug/src/components/SpaceGenerator/SchemaTable.tsx
-import React from "react";
-import { IconButton } from "@dxos/react-ui";
-var SchemaTable = ({ types, objects = {}, label, onClick }) => {
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "grid grid-cols-[1fr_80px_40px] gap-1 overflow-hidden"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "grid grid-cols-subgrid col-span-3"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "px-2 text-sm text-primary-500"
-  }, label), /* @__PURE__ */ React.createElement("div", {
-    className: "px-2 text-xs text-subdued text-right"
-  }, "count")), 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: "px-2 text-sm font-mono text-green-500"
-  }, type.typename), /* @__PURE__ */ React.createElement("div", {
-    className: "px-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)
-  }))));
-};
-
-// packages/plugins/plugin-debug/src/components/SpaceGenerator/SpaceGenerator.tsx
-var SpaceGenerator = ({ space, onCreateObjects }) => {
-  const client = useClient();
-  const staticTypes = [
-    DocumentType2,
-    DiagramType2,
-    SheetType2
-  ];
-  const mutableTypes = [
-    Testing.OrgType,
-    Testing.ProjectType,
-    Testing.ContactType
-  ];
-  const [count, setCount] = useState(1);
-  const [info, setInfo] = useState({});
-  const typeMap = useMemo(() => {
-    client.addTypes(staticTypes);
-    const mutableGenerators = new Map(mutableTypes.map((type) => [
-      type.typename,
-      createGenerator(type)
-    ]));
-    return new Map([
-      ...staticGenerators,
-      ...mutableGenerators
-    ]);
-  }, [
-    client,
-    mutableTypes
-  ]);
-  const updateInfo = async () => {
-    const echoSchema = await space.db.schemaRegistry.query().run();
-    const staticSchema = space.db.graph.schemaRegistry.schemas;
-    const { objects } = await space.db.query().run();
-    const objectMap = sortKeys(objects.reduce((map, obj) => {
-      const type = 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
-  ]);
-  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("div", {
-    role: "none",
-    className: "flex flex-col divide-y divide-separator"
-  }, /* @__PURE__ */ React2.createElement(Toolbar.Root, {
-    classNames: "p-1"
-  }, /* @__PURE__ */ React2.createElement(IconButton2, {
-    icon: "ph--arrow-clockwise--regular",
-    iconOnly: true,
-    label: "Refresh",
-    onClick: updateInfo
-  }), /* @__PURE__ */ React2.createElement(Toolbar.Expander, null), /* @__PURE__ */ React2.createElement("div", {
-    className: "flex"
-  }, /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement(Input.TextInput, {
-    type: "number",
-    min: 1,
-    max: 100,
-    placeholder: "Count",
-    classNames: "w-[80px]",
-    value: count,
-    onChange: (ev) => setCount(parseInt(ev.target.value))
-  })))), /* @__PURE__ */ React2.createElement(SchemaTable, {
-    types: staticTypes,
-    objects: info.objects,
-    label: "Static Types",
-    onClick: handleCreateData
-  }), /* @__PURE__ */ React2.createElement(SchemaTable, {
-    types: mutableTypes,
-    objects: info.objects,
-    label: "Mutable Types",
-    onClick: handleCreateData
-  }), /* @__PURE__ */ React2.createElement(SyntaxHighlighter, {
-    classNames: "flex text-xs",
-    language: "json"
-  }, JSON.stringify({
-    space,
-    ...info
-  }, jsonKeyReplacer({
-    truncate: true
-  }), 2)));
-};
-
-// packages/plugins/plugin-debug/src/components/SpaceGenerator/index.ts
-var SpaceGenerator_default = SpaceGenerator;
-export {
-  SpaceGenerator_default as default
-};
-//# sourceMappingURL=SpaceGenerator-Y2NXBQVR.mjs.map

package/dist/lib/browser/SpaceGenerator-Y2NXBQVR.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/SpaceGenerator/SpaceGenerator.tsx", "../../../src/components/SpaceGenerator/ObjectGenerator.tsx", "../../../src/components/SpaceGenerator/SchemaTable.tsx", "../../../src/components/SpaceGenerator/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport { type ReactiveObject } from '@dxos/live-object';\nimport { DocumentType } from '@dxos/plugin-markdown/types';\nimport { SheetType } from '@dxos/plugin-sheet/types';\nimport { DiagramType } from '@dxos/plugin-sketch/types';\nimport { useClient } from '@dxos/react-client';\nimport { getTypename, type Space } from '@dxos/react-client/echo';\nimport { IconButton, Input, Toolbar, useAsyncEffect } from '@dxos/react-ui';\nimport { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';\nimport { Testing } from '@dxos/schema/testing';\nimport { jsonKeyReplacer, sortKeys } from '@dxos/util';\n\nimport { type ObjectGenerator, createGenerator, staticGenerators } from './ObjectGenerator';\nimport { SchemaTable } from './SchemaTable';\n\nexport type SpaceGeneratorProps = {\n  space: Space;\n  onCreateObjects?: (objects: ReactiveObject<any>[]) => void;\n};\n\nexport const SpaceGenerator = ({ space, onCreateObjects }: SpaceGeneratorProps) => {\n  const client = useClient();\n  const staticTypes = [DocumentType, DiagramType, SheetType]; // TODO(burdon): Make extensible.\n  const mutableTypes = [Testing.OrgType, Testing.ProjectType, Testing.ContactType];\n  const [count, setCount] = useState(1);\n  const [info, setInfo] = useState<any>({});\n\n  // Create type generators.\n  const typeMap = useMemo(() => {\n    client.addTypes(staticTypes);\n    const mutableGenerators = new Map<string, ObjectGenerator<any>>(\n      mutableTypes.map((type) => [type.typename, createGenerator(type)]),\n    );\n\n    return new Map([...staticGenerators, ...mutableGenerators]);\n  }, [client, mutableTypes]);\n\n  // Query space to get info.\n  const updateInfo = async () => {\n    // Create schema map.\n    const echoSchema = await space.db.schemaRegistry.query().run();\n    const staticSchema = space.db.graph.schemaRegistry.schemas;\n\n    // Create object map.\n    const { objects } = await space.db.query().run();\n    const objectMap = sortKeys(\n      objects.reduce<Record<string, number>>((map, obj) => {\n        const type = getTypename(obj);\n        if (type) {\n          const count = map[type] ?? 0;\n          map[type] = count + 1;\n        }\n        return map;\n      }, {}),\n    );\n\n    setInfo({\n      schema: {\n        static: staticSchema.length,\n        mutable: echoSchema.length,\n      },\n      objects: objectMap,\n    });\n  };\n\n  useAsyncEffect(updateInfo, [space]);\n\n  const handleCreateData = useCallback(\n    async (typename: string) => {\n      const constructor = typeMap.get(typename);\n      if (constructor) {\n        // TODO(burdon): Input to specify number of objects.\n        await constructor(space, count, onCreateObjects);\n        await updateInfo();\n      }\n    },\n    [typeMap, count],\n  );\n\n  return (\n    <div role='none' className='flex flex-col divide-y divide-separator'>\n      <Toolbar.Root classNames='p-1'>\n        <IconButton icon='ph--arrow-clockwise--regular' iconOnly label='Refresh' onClick={updateInfo} />\n        <Toolbar.Expander />\n        <div className='flex'>\n          <Input.Root>\n            <Input.TextInput\n              type='number'\n              min={1}\n              max={100}\n              placeholder={'Count'}\n              classNames='w-[80px]'\n              value={count}\n              onChange={(ev) => setCount(parseInt(ev.target.value))}\n            />\n          </Input.Root>\n        </div>\n      </Toolbar.Root>\n\n      <SchemaTable types={staticTypes} objects={info.objects} label='Static Types' onClick={handleCreateData} />\n      <SchemaTable types={mutableTypes} objects={info.objects} label='Mutable Types' onClick={handleCreateData} />\n\n      <SyntaxHighlighter classNames='flex text-xs' language='json'>\n        {JSON.stringify({ space, ...info }, jsonKeyReplacer({ truncate: true }), 2)}\n      </SyntaxHighlighter>\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { addressToA1Notation } from '@dxos/compute';\nimport { type BaseObject, type TypedObject } from '@dxos/echo-schema';\nimport { create, makeRef, type ReactiveObject } from '@dxos/live-object';\nimport { DocumentType, TextType } from '@dxos/plugin-markdown/types';\nimport { createSheet } from '@dxos/plugin-sheet';\nimport { SheetType, type CellValue } from '@dxos/plugin-sheet/types';\nimport { CanvasType, DiagramType } from '@dxos/plugin-sketch/types';\nimport { faker } from '@dxos/random';\nimport { Filter, type Space } from '@dxos/react-client/echo';\nimport { TableType } from '@dxos/react-ui-table';\nimport { createView } from '@dxos/schema';\nimport { createAsyncGenerator, type ValueGenerator } from '@dxos/schema/testing';\nimport { range } from '@dxos/util';\n\nconst generator: ValueGenerator = faker as any;\n\n// TODO(burdon): Add objects to collections.\n// TODO(burdon): Create docs.\n// TODO(burdon): Create sketches.\n// TODO(burdon): Create sheets.\n// TODO(burdon): Create comments.\n// TODO(burdon): Reuse in testbench-app.\n// TODO(burdon): Mutator running in background (factor out): from echo-generator.\n\nexport type ObjectGenerator<T extends BaseObject> = (\n  space: Space,\n  n: number,\n  cb?: (objects: ReactiveObject<any>[]) => void,\n) => Promise<ReactiveObject<T>[]>;\n\nexport const staticGenerators = new Map<string, ObjectGenerator<any>>([\n  [\n    DocumentType.typename,\n    async (space, n, cb) => {\n      const objects = range(n).map(() => {\n        const obj = space.db.add(\n          create(DocumentType, {\n            name: faker.commerce.productName(),\n            content: makeRef(create(TextType, { content: faker.lorem.sentences(5) })),\n            threads: [],\n          }),\n        );\n\n        return obj;\n      });\n\n      cb?.(objects);\n      return objects;\n    },\n  ],\n  [\n    DiagramType.typename,\n    async (space, n, cb) => {\n      const objects = range(n).map(() => {\n        // TODO(burdon): Generate diagram.\n        const obj = space.db.add(\n          create(DiagramType, {\n            name: faker.commerce.productName(),\n            canvas: makeRef(create(CanvasType, { content: {} })),\n          }),\n        );\n\n        return obj;\n      });\n\n      cb?.(objects);\n      return objects;\n    },\n  ],\n  // TODO(burdon): Create unit tests.\n  [\n    SheetType.typename,\n    async (space, n, cb) => {\n      const objects = range(n).map(() => {\n        const cells: Record<string, CellValue> = {};\n        const year = new Date().getFullYear();\n        const cols = 4;\n        const rows = 16;\n        for (let col = 1; col <= cols; col++) {\n          for (let row = 1; row <= rows; row++) {\n            const cell = addressToA1Notation({ col, row });\n            if (row === 1) {\n              cells[cell] = { value: `${year} Q${col}` };\n            } else if (row === rows) {\n              const from = addressToA1Notation({ col, row: 2 });\n              const to = addressToA1Notation({ col, row: rows - 1 });\n              cells[cell] = { value: `=SUM(${from}:${to})` };\n            } else if (row > 2 && row < rows - 1) {\n              cells[cell] = { value: Math.floor(Math.random() * 10_000) };\n            }\n          }\n        }\n\n        // TODO(burdon): Set width.\n        // TODO(burdon): Set formatting for columns.\n        return space.db.add(\n          createSheet({\n            name: faker.commerce.productName(),\n            cells,\n          }),\n        );\n      });\n\n      cb?.(objects);\n      return objects;\n    },\n  ],\n]);\n\nexport const createGenerator = <T extends BaseObject>(type: TypedObject<T>): ObjectGenerator<T> => {\n  return async (\n    space: Space,\n    n: number,\n    cb?: (objects: ReactiveObject<any>[]) => void,\n  ): Promise<ReactiveObject<T>[]> => {\n    // Find or create mutable schema.\n    const schema =\n      (await space.db.schemaRegistry.query({ typename: type.typename }).firstOrUndefined()) ??\n      (await space.db.schemaRegistry.register([type]))[0];\n\n    // Create objects.\n    const generate = createAsyncGenerator(generator, schema.getSchemaSnapshot(), { db: space.db });\n    const objects = await generate.createObjects(n);\n\n    // Find or create table and view.\n    const { objects: tables } = await space.db.query(Filter.schema(TableType)).run();\n    const table = tables.find((table) => table.view?.target?.query?.type === type.typename);\n    if (!table) {\n      const name = type.typename.split('/').pop() ?? type.typename;\n      const view = createView({ name, typename: type.typename, jsonSchema: schema.jsonSchema });\n      const table = space.db.add(create(TableType, { name, view: makeRef(view) }));\n      cb?.([table]);\n    }\n\n    return objects;\n  };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { IconButton } from '@dxos/react-ui';\n\nexport type SchemaTableProps = {\n  types: any[];\n  objects?: Record<string, number | undefined>;\n  label: string;\n  onClick: (typename: string) => void;\n};\n\nexport const SchemaTable = ({ types, objects = {}, label, onClick }: SchemaTableProps) => {\n  return (\n    <div className='grid grid-cols-[1fr_80px_40px] gap-1 overflow-hidden'>\n      <div className='grid grid-cols-subgrid col-span-3'>\n        <div className='px-2 text-sm text-primary-500'>{label}</div>\n        <div className='px-2 text-xs text-subdued text-right'>count</div>\n      </div>\n      {types.map((type) => (\n        <div key={type.typename} className='grid grid-cols-subgrid col-span-3 items-center'>\n          <div className='px-2 text-sm font-mono text-green-500'>{type.typename}</div>\n          <div className='px-2 text-right font-mono'>{objects[type.typename] ?? 0}</div>\n          <IconButton\n            variant='ghost'\n            icon='ph--plus--regular'\n            iconOnly\n            label='Create data'\n            onClick={() => onClick(type.typename)}\n          />\n        </div>\n      ))}\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { SpaceGenerator } from './SpaceGenerator';\n\nexport default SpaceGenerator;\n"],
-  "mappings": "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",
-  "names": ["React", "useCallback", "useMemo", "useState", "DocumentType", "SheetType", "DiagramType", "useClient", "getTypename", "IconButton", "Input", "Toolbar", "useAsyncEffect", "SyntaxHighlighter", "Testing", "jsonKeyReplacer", "sortKeys", "addressToA1Notation", "create", "makeRef", "DocumentType", "TextType", "createSheet", "SheetType", "CanvasType", "DiagramType", "faker", "Filter", "TableType", "createView", "createAsyncGenerator", "range", "generator", "faker", "staticGenerators", "Map", "DocumentType", "typename", "space", "n", "cb", "objects", "range", "map", "obj", "db", "add", "create", "name", "commerce", "productName", "content", "makeRef", "TextType", "lorem", "sentences", "threads", "DiagramType", "canvas", "CanvasType", "SheetType", "cells", "year", "Date", "getFullYear", "cols", "rows", "col", "row", "cell", "addressToA1Notation", "value", "from", "to", "Math", "floor", "random", "createSheet", "createGenerator", "type", "schema", "schemaRegistry", "query", "firstOrUndefined", "register", "generate", "createAsyncGenerator", "getSchemaSnapshot", "createObjects", "tables", "Filter", "TableType", "run", "table", "find", "view", "target", "split", "pop", "createView", "jsonSchema", "React", "IconButton", "SchemaTable", "types", "objects", "label", "onClick", "div", "className", "map", "type", "key", "typename", "IconButton", "variant", "icon", "iconOnly", "SpaceGenerator", "space", "onCreateObjects", "client", "useClient", "staticTypes", "DocumentType", "DiagramType", "SheetType", "mutableTypes", "Testing", "OrgType", "ProjectType", "ContactType", "count", "setCount", "useState", "info", "setInfo", "typeMap", "useMemo", "addTypes", "mutableGenerators", "Map", "map", "type", "typename", "createGenerator", "staticGenerators", "updateInfo", "echoSchema", "db", "schemaRegistry", "query", "run", "staticSchema", "graph", "schemas", "objects", "objectMap", "sortKeys", "reduce", "obj", "getTypename", "schema", "static", "length", "mutable", "useAsyncEffect", "handleCreateData", "useCallback", "constructor", "get", "React", "div", "role", "className", "Toolbar", "Root", "classNames", "IconButton", "icon", "iconOnly", "label", "onClick", "Expander", "Input", "TextInput", "min", "max", "placeholder", "value", "onChange", "ev", "parseInt", "target", "SchemaTable", "types", "SyntaxHighlighter", "language", "JSON", "stringify", "jsonKeyReplacer", "truncate", "SpaceGenerator"]
-}

package/dist/lib/browser/chunk-6CGQHKET.mjs

@@ -1,21 +0,0 @@
-// packages/plugins/plugin-debug/src/types.ts
-import { createContext } from "react";
-import { S } from "@dxos/echo-schema";
-var DebugContext = createContext({
-  running: false,
-  start: () => {
-  },
-  stop: () => {
-  }
-});
-var DebugSettingsSchema = S.mutable(S.Struct({
-  devtools: S.optional(S.Boolean),
-  debug: S.optional(S.Boolean),
-  wireframe: S.optional(S.Boolean)
-}));
-
-export {
-  DebugContext,
-  DebugSettingsSchema
-};
-//# sourceMappingURL=chunk-6CGQHKET.mjs.map

package/dist/lib/browser/chunk-6CGQHKET.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Context, createContext } from 'react';\n\nimport type {\n  GraphBuilderProvides,\n  SettingsProvides,\n  SurfaceProvides,\n  TranslationsProvides,\n} from '@dxos/app-framework';\nimport type { TimerCallback, TimerOptions } from '@dxos/async';\nimport { S } from '@dxos/echo-schema';\nimport { type PanelProvides } from '@dxos/plugin-deck/types';\n\nexport type DebugContextType = {\n  running: boolean;\n  start: (cb: TimerCallback, options: TimerOptions) => void;\n  stop: () => void;\n};\n\nexport const DebugContext: Context<DebugContextType> = createContext<DebugContextType>({\n  running: false,\n  start: () => {},\n  stop: () => {},\n});\n\nexport const DebugSettingsSchema = S.mutable(\n  S.Struct({\n    devtools: S.optional(S.Boolean),\n    debug: S.optional(S.Boolean),\n    wireframe: S.optional(S.Boolean),\n  }),\n);\n\nexport interface DebugSettingsProps extends S.Schema.Type<typeof DebugSettingsSchema> {}\n\nexport type DebugPluginProvides = SurfaceProvides &\n  GraphBuilderProvides &\n  SettingsProvides<DebugSettingsProps> &\n  TranslationsProvides &\n  PanelProvides;\n"],
-  "mappings": ";AAIA,SAAuBA,qBAAqB;AAS5C,SAASC,SAAS;AASX,IAAMC,eAA0CC,cAAgC;EACrFC,SAAS;EACTC,OAAO,MAAA;EAAO;EACdC,MAAM,MAAA;EAAO;AACf,CAAA;AAEO,IAAMC,sBAAsBC,EAAEC,QACnCD,EAAEE,OAAO;EACPC,UAAUH,EAAEI,SAASJ,EAAEK,OAAO;EAC9BC,OAAON,EAAEI,SAASJ,EAAEK,OAAO;EAC3BE,WAAWP,EAAEI,SAASJ,EAAEK,OAAO;AACjC,CAAA,CAAA;",
-  "names": ["createContext", "S", "DebugContext", "createContext", "running", "start", "stop", "DebugSettingsSchema", "S", "mutable", "Struct", "devtools", "optional", "Boolean", "debug", "wireframe"]
-}

package/dist/lib/browser/chunk-CAENAAHY.mjs

@@ -1,18 +0,0 @@
-// packages/plugins/plugin-debug/src/meta.ts
-var DEBUG_PLUGIN = "dxos.org/plugin/debug";
-var meta_default = {
-  id: DEBUG_PLUGIN,
-  name: "Debug",
-  description: "DXOS debugging tools.",
-  icon: "ph--bug--regular",
-  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-debug",
-  tags: [
-    "experimental"
-  ]
-};
-
-export {
-  DEBUG_PLUGIN,
-  meta_default
-};
-//# sourceMappingURL=chunk-CAENAAHY.mjs.map

package/dist/lib/browser/chunk-CAENAAHY.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const DEBUG_PLUGIN = 'dxos.org/plugin/debug';\n\nexport default {\n  id: DEBUG_PLUGIN,\n  name: 'Debug',\n  description: 'DXOS debugging tools.',\n  icon: 'ph--bug--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-debug',\n  tags: ['experimental'],\n} satisfies PluginMeta;\n"],
-  "mappings": ";AAMO,IAAMA,eAAe;AAE5B,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;EACNC,aAAa;EACbC,MAAM;EACNC,QAAQ;EACRC,MAAM;IAAC;;AACT;",
-  "names": ["DEBUG_PLUGIN", "id", "name", "description", "icon", "source", "tags"]
-}

package/dist/lib/browser/meta.mjs

@@ -1,9 +0,0 @@
-import {
-  DEBUG_PLUGIN,
-  meta_default
-} from "./chunk-CAENAAHY.mjs";
-export {
-  DEBUG_PLUGIN,
-  meta_default as default
-};
-//# sourceMappingURL=meta.mjs.map

package/dist/lib/browser/meta.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/types/src/components/DebugSurface.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { type ThemedClassName } from '@dxos/react-ui';
-export type SurfaceDebugProps = ThemedClassName<{}>;
-/**
- * Show surface info.
- * NOTE: Remove from @dxos/app-framework if removing this.
- */
-export declare const DebugSurface: ({ classNames }: SurfaceDebugProps) => React.JSX.Element;
-//# sourceMappingURL=DebugSurface.d.ts.map

package/dist/types/src/components/DebugSurface.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DebugSurface.d.ts","sourceRoot":"","sources":["../../../../src/components/DebugSurface.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAgB,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKpE,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,EAAE,CAAC,CAAC;AAEpD;;;GAGG;AACH,eAAO,MAAM,YAAY,mBAAoB,iBAAiB,sBAoC7D,CAAC"}

package/src/components/DebugSurface.tsx

@@ -1,55 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import React, { useMemo, useState } from 'react';
-
-import { type DebugInfo, useSurfaceRoot } from '@dxos/app-framework';
-import { Button, Icon, type ThemedClassName } from '@dxos/react-ui';
-import { mx } from '@dxos/react-ui-theme';
-
-// TODO(burdon): Move to debug panel.
-
-export type SurfaceDebugProps = ThemedClassName<{}>;
-
-/**
- * Show surface info.
- * NOTE: Remove from @dxos/app-framework if removing this.
- */
-export const DebugSurface = ({ classNames }: SurfaceDebugProps) => {
-  const context = useSurfaceRoot();
-  const [surfaces, setSurfaces] = useState<DebugInfo[]>([]);
-  const renderMap = useMemo(() => new Map<string, { last: number; delta: number }>(), []);
-  const handleRefresh = () => {
-    if (context.debugInfo) {
-      setSurfaces(
-        Array.from(context.debugInfo.values())
-          .sort(({ created: a }, { created: b }) => a - b)
-          .map((surface) => {
-            const state = renderMap.get(surface.id) ?? { last: 0, delta: 0 };
-            renderMap.set(surface.id, { last: surface.renderCount, delta: surface.renderCount - state.last });
-            return surface;
-          }),
-      );
-    }
-  };
-
-  return (
-    <div className={mx('flex flex-col border border-separator overflow-hidden bg-modalSurface', classNames)}>
-      <div className='flex flex-col h-full w-full p-2'>
-        {surfaces.map(({ id, role, renderCount }) => (
-          <div key={id} className='grid grid-cols-[1fr_3rem_3rem] items-center text-xs font-mono whitespace-nowrap'>
-            <span className='px-1 truncate'>{role}</span>
-            <span className='px-1 text-right'>{renderCount}</span>
-            <span className='px-1 text-right'>{renderMap.get(id)?.delta}</span>
-          </div>
-        ))}
-      </div>
-      <div className='flex justify-center text-sm items-center'>
-        <Button onClick={handleRefresh}>
-          <Icon icon='ph--arrow-clockwise--regular' size={4} />
-        </Button>
-      </div>
-    </div>
-  );
-};