@dxos/plugin-debug 0.7.4 → 0.7.5-main.937ce75

package/src/DebugPlugin.tsx

@@ -2,9 +2,11 @@
 // Copyright 2023 DXOS.org
 //
 
-import React, { type ReactNode, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 
 import {
+  createIntent,
+  createSurface,
   definePlugin,
   parseGraphPlugin,
   parseIntentPlugin,
@@ -15,7 +17,7 @@ import {
 import { Timer } from '@dxos/async';
 import { Devtools } from '@dxos/devtools';
 import { invariant } from '@dxos/invariant';
-import { type ClientPluginProvides, parseClientPlugin } from '@dxos/plugin-client';
+import { parseClientPlugin } from '@dxos/plugin-client/types';
 import { createExtension, Graph, type Node, toSignal } from '@dxos/plugin-graph';
 import { memoizeQuery, SpaceAction } from '@dxos/plugin-space';
 import { CollectionType } from '@dxos/plugin-space/types';
@@ -26,17 +28,11 @@ import {
   isEchoObject,
   isSpace,
   parseId,
+  type ReactiveEchoObject,
   type ReactiveObject,
   type Space,
   SpaceState,
 } from '@dxos/react-client/echo';
-import { Main } from '@dxos/react-ui';
-import {
-  baseSurface,
-  bottombarBlockPaddingEnd,
-  fixedInsetFlexLayout,
-  topbarBlockPaddingStart,
-} from '@dxos/react-ui-theme';
 
 import {
   DebugApp,
@@ -49,13 +45,19 @@ import {
 } from './components';
 import meta, { DEBUG_PLUGIN } from './meta';
 import translations from './translations';
-import {
-  DebugAction,
-  DebugContext,
-  type DebugPluginProvides,
-  type DebugSettingsProps,
-  DebugSettingsSchema,
-} from './types';
+import { DebugContext, type DebugPluginProvides, type DebugSettingsProps, DebugSettingsSchema } from './types';
+
+type SpaceDebug = {
+  type: string;
+  space: Space;
+};
+
+type GraphDebug = {
+  graph: Graph;
+};
+
+const isSpaceDebug = (data: any): data is SpaceDebug => data.type === `${DEBUG_PLUGIN}/space` && isSpace(data.space);
+const isGraphDebug = (data: any): data is GraphDebug => data.graph instanceof Graph;
 
 export const DebugPlugin = definePlugin<DebugPluginProvides>((context) => {
   const settings = create<DebugSettingsProps>({
@@ -65,7 +67,7 @@ export const DebugPlugin = definePlugin<DebugPluginProvides>((context) => {
 
   return {
     meta,
-    ready: async (plugins) => {
+    ready: async ({ plugins }) => {
       context.init(plugins);
       context.resolvePlugin(parseSettingsPlugin).provides.settingsStore.createStore({
         schema: DebugSettingsSchema,
@@ -182,7 +184,7 @@ export const DebugPlugin = definePlugin<DebugPluginProvides>((context) => {
                 // Not adding the debug node until the root collection is available aligns the behaviour of this
                 // extension with that of the space plugin adding objects. This ensures that the debug node is added at
                 // the same time as objects and prevents order from changing as the nodes are added.
-                const collection = space.properties[CollectionType.typename] as CollectionType | undefined;
+                const collection = space.properties[CollectionType.typename]?.target as CollectionType | undefined;
                 if (!collection) {
                   return;
                 }
@@ -269,121 +271,85 @@ export const DebugPlugin = definePlugin<DebugPluginProvides>((context) => {
           ];
         },
       },
-      intent: {
-        resolver: async (intent, plugins) => {
-          switch (intent.action) {
-            case DebugAction.OPEN_DEVTOOLS: {
-              const clientPlugin = context.getPlugin<ClientPluginProvides>('dxos.org/plugin/client');
-              const client = clientPlugin.provides.client;
-              const vaultUrl = client.config.values?.runtime?.client?.remoteSource ?? 'https://halo.dxos.org';
-
-              // Check if we're serving devtools locally on the usual port.
-              let devtoolsUrl = 'http://localhost:5174';
-              try {
-                // TODO(burdon): Test header to see if this is actually devtools.
-                await fetch(devtoolsUrl);
-              } catch {
-                // Match devtools to running app.
-                const isDev = window.location.href.includes('.dev.') || window.location.href.includes('localhost');
-                devtoolsUrl = `https://devtools${isDev ? '.dev.' : '.'}dxos.org`;
-              }
-
-              window.open(`${devtoolsUrl}?target=${vaultUrl}`, '_blank');
-              return { data: true };
-            }
-          }
-        },
-      },
       surface: {
-        component: ({ name, data, role }) => {
-          switch (role) {
-            case 'settings':
-              return data.plugin === meta.id ? <DebugSettings settings={settings} /> : null;
-            case 'status':
-              return <DebugStatus />;
-            case 'complementary--debug':
-              return isEchoObject(data.subject) ? <DebugObjectPanel object={data.subject} /> : null;
-          }
-
-          const primary = data.active ?? data.object;
-          let component: ReactNode = null;
-          if (role === 'main' || role === 'article') {
-            if (primary === 'devtools' && settings.devtools) {
-              component = <Devtools />;
-            } else if (!primary || typeof primary !== 'object' || !settings.debug) {
-              component = null;
-            } else if (
-              'type' in primary &&
-              primary.type === 'dxos.org/plugin/debug/space' &&
-              'space' in primary &&
-              isSpace(primary.space)
-            ) {
-              const handleCreateObject = (objects: ReactiveObject<any>[]) => {
-                if (!isSpace(primary.space)) {
-                  return;
-                }
+        definitions: () => [
+          createSurface({
+            id: `${DEBUG_PLUGIN}/settings`,
+            role: 'settings',
+            filter: (data): data is any => data.subject === DEBUG_PLUGIN,
+            component: () => <DebugSettings settings={settings} />,
+          }),
+          createSurface({
+            id: `${DEBUG_PLUGIN}/status`,
+            role: 'status',
+            component: () => <DebugStatus />,
+          }),
+          createSurface({
+            id: `${DEBUG_PLUGIN}/complementary`,
+            role: 'complementary--debug',
+            filter: (data): data is { subject: ReactiveEchoObject<any> } => isEchoObject(data.subject),
+            component: ({ data }) => <DebugObjectPanel object={data.subject} />,
+          }),
+          createSurface({
+            id: `${DEBUG_PLUGIN}/devtools`,
+            role: 'article',
+            filter: (data): data is any => data.subject === 'devtools' && !!settings.devtools,
+            component: () => <Devtools />,
+          }),
+          createSurface({
+            id: `${DEBUG_PLUGIN}/space`,
+            role: 'article',
+            filter: (data): data is { subject: SpaceDebug } => isSpaceDebug(data.subject),
+            component: ({ data }) => {
+              const handleCreateObject = useCallback(
+                (objects: ReactiveObject<any>[]) => {
+                  if (!isSpace(data.subject.space)) {
+                    return;
+                  }
 
-                const collection =
-                  primary.space.state.get() === SpaceState.SPACE_READY &&
-                  primary.space.properties[CollectionType.typename];
-                if (!(collection instanceof CollectionType)) {
-                  return;
-                }
+                  const collection =
+                    data.subject.space.state.get() === SpaceState.SPACE_READY &&
+                    data.subject.space.properties[CollectionType.typename]?.target;
+                  if (!(collection instanceof CollectionType)) {
+                    return;
+                  }
 
-                void context.resolvePlugin(parseIntentPlugin).provides.intent.dispatch(
-                  objects.map((object) => ({
-                    action: SpaceAction.ADD_OBJECT,
-                    data: { target: collection, object },
-                  })),
-                );
-              };
+                  objects.forEach((object) => {
+                    void context
+                      .resolvePlugin(parseIntentPlugin)
+                      .provides.intent.dispatchPromise(
+                        createIntent(SpaceAction.AddObject, { target: collection, object }),
+                      );
+                  });
+                },
+                [data.subject.space],
+              );
 
               const deprecated = false;
-              component = deprecated ? (
-                <DebugSpace space={primary.space} onAddObjects={handleCreateObject} />
+              return deprecated ? (
+                <DebugSpace space={data.subject.space} onAddObjects={handleCreateObject} />
               ) : (
-                <SpaceGenerator space={primary.space} onCreateObjects={handleCreateObject} />
+                <SpaceGenerator space={data.subject.space} onCreateObjects={handleCreateObject} />
               );
-            } else if ('graph' in primary && primary.graph instanceof Graph) {
-              component = <DebugApp graph={primary.graph} />;
-            }
-          }
-
-          if (!component) {
-            if (settings.wireframe) {
-              if (role === 'main' || role === 'article' || role === 'section') {
-                const primary = data.active ?? data.object;
-                const isCollection = primary instanceof CollectionType;
-                // TODO(burdon): Move into Container abstraction.
-                if (!isCollection) {
-                  return {
-                    node: (
-                      <Wireframe label={`${role}:${name}`} object={primary} classNames='row-span-2 overflow-hidden' />
-                    ),
-                    disposition: 'hoist',
-                  };
-                }
-              }
-            }
-
-            return null;
-          }
-
-          switch (role) {
-            case 'article':
-              return <>{component}</>;
-            case 'main':
-              return (
-                <Main.Content
-                  classNames={[baseSurface, fixedInsetFlexLayout, topbarBlockPaddingStart, bottombarBlockPaddingEnd]}
-                >
-                  {component}
-                </Main.Content>
-              );
-          }
-
-          return null;
-        },
+            },
+          }),
+          createSurface({
+            id: `${DEBUG_PLUGIN}/graph`,
+            role: 'article',
+            filter: (data): data is { subject: GraphDebug } => isGraphDebug(data.subject),
+            component: ({ data }) => <DebugApp graph={data.subject.graph} />,
+          }),
+          createSurface({
+            id: `${DEBUG_PLUGIN}/wireframe`,
+            role: ['article', 'section'],
+            disposition: 'hoist',
+            filter: (data): data is { subject: ReactiveEchoObject<any> } =>
+              isEchoObject(data.subject) && !!settings.wireframe,
+            component: ({ data, role }) => (
+              <Wireframe label={`${role}:${name}`} object={data.subject} classNames='row-span-2 overflow-hidden' />
+            ),
+          }),
+        ],
       },
     },
   };

package/src/components/DebugApp/DebugApp.tsx

@@ -59,7 +59,7 @@ export const DebugApp: FC<{ graph: Graph }> = ({ graph }) => {
             </ToggleGroupItem>
           </ToggleGroup>
 
-          <Toolbar.Expander />
+          <Toolbar.Separator variant='gap' />
           <Button onClick={(event) => handleResetClient(event.shiftKey)} title='Reset client'>
             <Warning className={mx(getSize(5), 'text-red-700')} />
           </Button>

package/src/components/DebugSpace/DebugSpace.stories.tsx

@@ -5,21 +5,22 @@
 import '@dxos-theme';
 
 import { type Meta } from '@storybook/react';
-import React, { useEffect } from 'react';
+import React from 'react';
 
 import { createSpaceObjectGenerator } from '@dxos/echo-generator';
 import { useSpaces } from '@dxos/react-client/echo';
 import { withClientProvider } from '@dxos/react-client/testing';
+import { useAsyncEffect } from '@dxos/react-hooks';
 import { render, withLayout, withTheme } from '@dxos/storybook-utils';
 
 import { DebugSpace } from './DebugSpace';
 
 const DefaultStory = () => {
   const [space] = useSpaces();
-  useEffect(() => {
+  useAsyncEffect(async () => {
     if (space) {
       const generator = createSpaceObjectGenerator(space);
-      generator.addSchemas();
+      await generator.addSchemas();
     }
   }, [space]);
 

package/src/components/DebugSpace/DebugSpace.tsx

@@ -158,7 +158,7 @@ export const DebugSpace: FC<{
           <IconButton icon='ph--arrow-clockwise--regular' iconOnly label='Refresh' size={5} onClick={handleUpdate} />
           <IconButton icon='ph--download-simple--regular' iconOnly label='Download' size={5} onClick={handleDownload} />
 
-          <Toolbar.Expander />
+          <Toolbar.Separator variant='gap' />
           <IconButton
             icon='ph--flag-pennant--regular'
             iconOnly

package/src/components/DebugSpace/ObjectCreator.stories.tsx

@@ -5,22 +5,23 @@
 import '@dxos-theme';
 
 import { type Meta } from '@storybook/react';
-import React, { useEffect } from 'react';
+import React from 'react';
 
 import { createSpaceObjectGenerator } from '@dxos/echo-generator';
 import { log } from '@dxos/log';
 import { useSpaces } from '@dxos/react-client/echo';
 import { withClientProvider } from '@dxos/react-client/testing';
+import { useAsyncEffect } from '@dxos/react-hooks';
 import { render, withLayout, withTheme } from '@dxos/storybook-utils';
 
 import { ObjectCreator, type ObjectCreatorProps } from './ObjectCreator';
 
 const DefaultStory = () => {
   const [space] = useSpaces();
-  useEffect(() => {
+  useAsyncEffect(async () => {
     if (space) {
       const generator = createSpaceObjectGenerator(space);
-      generator.addSchemas();
+      await generator.addSchemas();
     }
   }, [space]);
 

package/src/components/DebugSurface.tsx

@@ -37,9 +37,9 @@ export const DebugSurface = ({ classNames }: SurfaceDebugProps) => {
   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, name, renderCount }) => (
+        {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'>{name}</span>
+            <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>

package/src/components/SpaceGenerator/ObjectGenerator.tsx

@@ -2,12 +2,12 @@
 // Copyright 2024 DXOS.org
 //
 
-import { type AbstractSchema, type BaseObject } from '@dxos/echo-schema';
-import { create, type ReactiveObject } from '@dxos/live-object';
+import { addressToA1Notation } from '@dxos/compute';
+import { type BaseObject, type TypedObject } from '@dxos/echo-schema';
+import { create, makeRef, type ReactiveObject } from '@dxos/live-object';
 import { DocumentType, TextType } from '@dxos/plugin-markdown/types';
-import { addressToA1Notation, createSheet } from '@dxos/plugin-sheet';
-import { type CellValue } from '@dxos/plugin-sheet/types';
-import { SheetType } from '@dxos/plugin-sheet/types';
+import { createSheet } from '@dxos/plugin-sheet';
+import { SheetType, type CellValue } from '@dxos/plugin-sheet/types';
 import { CanvasType, DiagramType } from '@dxos/plugin-sketch/types';
 import { faker } from '@dxos/random';
 import { Filter, type Space } from '@dxos/react-client/echo';
@@ -40,7 +40,7 @@ export const staticGenerators = new Map<string, ObjectGenerator<any>>([
         const obj = space.db.add(
           create(DocumentType, {
             name: faker.commerce.productName(),
-            content: create(TextType, { content: faker.lorem.sentences(5) }),
+            content: makeRef(create(TextType, { content: faker.lorem.sentences(5) })),
             threads: [],
           }),
         );
@@ -60,7 +60,7 @@ export const staticGenerators = new Map<string, ObjectGenerator<any>>([
         const obj = space.db.add(
           create(DiagramType, {
             name: faker.commerce.productName(),
-            canvas: create(CanvasType, { content: {} }),
+            canvas: makeRef(create(CanvasType, { content: {} })),
           }),
         );
 
@@ -111,28 +111,28 @@ export const staticGenerators = new Map<string, ObjectGenerator<any>>([
   ],
 ]);
 
-export const createGenerator = <T extends BaseObject>(type: AbstractSchema<T>): ObjectGenerator<T> => {
+export const createGenerator = <T extends BaseObject>(type: TypedObject<T>): ObjectGenerator<T> => {
   return async (
     space: Space,
     n: number,
     cb?: (objects: ReactiveObject<any>[]) => void,
   ): Promise<ReactiveObject<T>[]> => {
     // Find or create mutable schema.
-    const mutableSchema = await space.db.schemaRegistry.query();
     const schema =
-      mutableSchema.find((schema) => schema.typename === type.typename) ?? space.db.schemaRegistry.addSchema(type);
+      (await space.db.schemaRegistry.query({ typename: type.typename }).firstOrUndefined()) ??
+      (await space.db.schemaRegistry.register([type]))[0];
 
     // Create objects.
-    const generate = createAsyncGenerator(generator, schema.schema, { db: space.db });
+    const generate = createAsyncGenerator(generator, schema.getSchemaSnapshot(), { db: space.db });
     const objects = await generate.createObjects(n);
 
     // Find or create table and view.
     const { objects: tables } = await space.db.query(Filter.schema(TableType)).run();
-    const table = tables.find((table) => table.view?.query?.type === type.typename);
+    const table = tables.find((table) => table.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 table = space.db.add(create(TableType, { name, view }));
+      const table = space.db.add(create(TableType, { name, view: makeRef(view) }));
       cb?.([table]);
     }
 

package/src/components/SpaceGenerator/SpaceGenerator.tsx

@@ -43,7 +43,7 @@ export const SpaceGenerator = ({ space, onCreateObjects }: SpaceGeneratorProps)
   // Query space to get info.
   const updateInfo = async () => {
     // Create schema map.
-    const mutableSchema = await space.db.schemaRegistry.query();
+    const echoSchema = await space.db.schemaRegistry.query().run();
     const staticSchema = space.db.graph.schemaRegistry.schemas;
 
     // Create object map.
@@ -62,7 +62,7 @@ export const SpaceGenerator = ({ space, onCreateObjects }: SpaceGeneratorProps)
     setInfo({
       schema: {
         static: staticSchema.length,
-        mutable: mutableSchema.length,
+        mutable: echoSchema.length,
       },
       objects: objectMap,
     });
@@ -86,7 +86,7 @@ export const SpaceGenerator = ({ space, onCreateObjects }: SpaceGeneratorProps)
     <div role='none' className='flex flex-col divide-y divide-separator'>
       <Toolbar.Root classNames='p-1'>
         <IconButton icon='ph--arrow-clockwise--regular' iconOnly label='Refresh' onClick={updateInfo} />
-        <Toolbar.Expander />
+        <Toolbar.Separator variant='gap' />
         <div className='flex'>
           <Input.Root>
             <Input.TextInput

package/src/components/SpaceGenerator/draw-util.ts

@@ -86,20 +86,21 @@ export const drawGraph = async (
   editor: Editor,
   graph: Graph<PlainObject, PlainObject>,
 ): Promise<SerializedStore<TLRecord>> => {
-  const grid = 40;
+  const gridSize = 40;
   const nodeSize = 80;
 
-  const snap = (n: number) => Math.round(n / grid) * grid;
+  const snap = (n: number) => Math.round(n / gridSize) * gridSize;
 
+  // TODO(burdon): Util.
   type Intersection<Types extends readonly unknown[]> = Types extends [infer First, ...infer Rest]
     ? First & Intersection<Rest>
     : unknown;
 
   const defaultOptions: Intersection<[D3ForceLayoutOptions, GridLayoutOptions, RadialLayoutOptions]> = {
     center: [0, 0],
-    width: grid * 20,
-    height: grid * 20,
-    linkDistance: grid * 2,
+    width: gridSize * 20,
+    height: gridSize * 20,
+    linkDistance: gridSize * 2,
     nodeSize,
     nodeSpacing: nodeSize,
     preventOverlap: true,
@@ -129,7 +130,7 @@ export const drawGraph = async (
       layout = new RadialLayout({
         ...defaultOptions,
         focusNode: graph.getAllNodes()[0],
-        unitRadius: grid * 2,
+        unitRadius: gridSize * 2,
       });
     }
   }

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

@@ -6,7 +6,6 @@ import { type Context, createContext } from 'react';
 
 import type {
   GraphBuilderProvides,
-  IntentResolverProvides,
   SettingsProvides,
   SurfaceProvides,
   TranslationsProvides,
@@ -15,13 +14,6 @@ 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;
   start: (cb: TimerCallback, options: TimerOptions) => void;
@@ -45,7 +37,6 @@ export const DebugSettingsSchema = S.mutable(
 export interface DebugSettingsProps extends S.Schema.Type<typeof DebugSettingsSchema> {}
 
 export type DebugPluginProvides = SurfaceProvides &
-  IntentResolverProvides &
   GraphBuilderProvides &
   SettingsProvides<DebugSettingsProps> &
   TranslationsProvides &

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"]
-}