@dxos/plugin-debug 0.6.13 → 0.6.14-main.69511f5

package/src/components/DebugSettings.tsx

@@ -8,9 +8,9 @@ import React, { useEffect, useState } from 'react';
 import { parseFileManagerPlugin, useResolvePlugin } from '@dxos/app-framework';
 import { type ConfigProto, defs, SaveConfig, Storage } from '@dxos/config';
 import { log } from '@dxos/log';
-import { SettingsValue } from '@dxos/plugin-settings';
 import { useClient } from '@dxos/react-client';
 import { useTranslation, Button, Toast, Input, useFileDownload, Select } from '@dxos/react-ui';
+import { FormInput } from '@dxos/react-ui-data';
 import { getSize, mx } from '@dxos/react-ui-theme';
 import { setDeep } from '@dxos/util';
 
@@ -80,25 +80,25 @@ export const DebugSettings = ({ settings }: { settings: DebugSettingsProps }) =>
 
   return (
     <>
-      <SettingsValue label={t('settings show debug panel')}>
+      <FormInput label={t('settings show debug panel')}>
         <Input.Switch checked={settings.debug} onCheckedChange={(checked) => (settings.debug = !!checked)} />
-      </SettingsValue>
-      <SettingsValue label={t('settings show devtools panel')}>
+      </FormInput>
+      <FormInput label={t('settings show devtools panel')}>
         <Input.Switch checked={settings.devtools} onCheckedChange={(checked) => (settings.devtools = !!checked)} />
-      </SettingsValue>
-      <SettingsValue label={t('settings wireframe')}>
+      </FormInput>
+      <FormInput label={t('settings wireframe')}>
         <Input.Switch checked={settings.wireframe} onCheckedChange={(checked) => (settings.wireframe = !!checked)} />
-      </SettingsValue>
-      <SettingsValue label={t('settings download diagnostics')}>
+      </FormInput>
+      <FormInput label={t('settings download diagnostics')}>
         <Button onClick={handleDownload}>
           <DownloadSimple className={getSize(5)} />
         </Button>
-      </SettingsValue>
-      <SettingsValue label={t('settings repair')}>
+      </FormInput>
+      <FormInput label={t('settings repair')}>
         <Button onClick={handleRepair}>
           <FirstAidKit className={getSize(5)} />
         </Button>
-      </SettingsValue>
+      </FormInput>
 
       {/* TODO(burdon): Move to layout? */}
       {toast && (
@@ -113,7 +113,7 @@ export const DebugSettings = ({ settings }: { settings: DebugSettingsProps }) =>
         </Toast.Root>
       )}
 
-      <SettingsValue label={t('settings choose storage adaptor')}>
+      <FormInput label={t('settings choose storage adaptor')}>
         <Select.Root
           value={
             Object.entries(StorageAdapters).find(
@@ -144,7 +144,7 @@ export const DebugSettings = ({ settings }: { settings: DebugSettingsProps }) =>
             </Select.Content>
           </Select.Portal>
         </Select.Root>
-      </SettingsValue>
+      </FormInput>
     </>
   );
 };

package/src/components/DebugSpace.stories.tsx

@@ -4,6 +4,7 @@
 
 import '@dxos-theme';
 
+import { type Meta } from '@storybook/react';
 import React, { useEffect } from 'react';
 
 import { createSpaceObjectGenerator } from '@dxos/echo-generator';
@@ -28,8 +29,10 @@ const Story = () => {
   return <DebugSpace space={space} />;
 };
 
-export default {
-  title: 'plugin-debug/DebugSpace',
+export const Default = {};
+
+const meta: Meta = {
+  title: 'plugins/plugin-debug/DebugSpace',
   component: DebugSpace,
   render: () => <ClientRepeater component={Story} createSpace />,
   parameters: {
@@ -37,4 +40,4 @@ export default {
   },
 };
 
-export const Default = {};
+export default meta;

package/src/components/DebugStatus.tsx

@@ -2,7 +2,6 @@
 // Copyright 2023 DXOS.org
 //
 
-import { ChartBar, Circle, Lightning, LightningSlash } from '@phosphor-icons/react';
 import React, { useEffect, useRef, useState } from 'react';
 
 import { firstIdInPart, parseGraphPlugin, parseNavigationPlugin, useResolvePlugin } from '@dxos/app-framework';
@@ -13,7 +12,8 @@ import { getActiveSpace } from '@dxos/plugin-space';
 import { StatusBar } from '@dxos/plugin-status-bar';
 import { ConnectionState } from '@dxos/protocols/proto/dxos/client/services';
 import { useNetworkStatus } from '@dxos/react-client/mesh';
-import { getSize, mx } from '@dxos/react-ui-theme';
+import { Icon } from '@dxos/react-ui';
+import { mx } from '@dxos/react-ui-theme';
 
 const styles = {
   success: 'text-sky-300 dark:text-green-700',
@@ -97,13 +97,13 @@ const ErrorIndicator = () => {
   if (errorRef.current) {
     return (
       <StatusBar.Button title={errorRef.current.message} onClick={handleReset}>
-        <Circle weight='fill' className={mx(styles.error, getSize(3))} />
+        <Icon icon='ph--warning-circle--duotone' size={4} classNames={styles.error} />
       </StatusBar.Button>
     );
   } else {
     return (
       <StatusBar.Item title='No errors.'>
-        <Circle weight='fill' className={getSize(3)} />
+        <Icon icon='ph--check--regular' size={4} />
       </StatusBar.Item>
     );
   }
@@ -122,21 +122,22 @@ const SwarmIndicator = () => {
   if (state === 0) {
     return (
       <StatusBar.Item title='Connected to swarm.'>
-        <Lightning className={getSize(4)} />
+        <Icon icon='ph--lightning--regular' size={4} />
       </StatusBar.Item>
     );
   } else {
     return (
       <StatusBar.Item title='Disconnected from swarm.'>
-        <LightningSlash className={mx(styles.warning, getSize(4))} />
+        <Icon icon='ph--lightning-slash--regular' size={4} classNames={styles.warning} />
       </StatusBar.Item>
     );
   }
 };
 
 /**
- * Space saving indicator.
+ * Data saving indicator.
  */
+// TODO(burdon): Merge with SaveStatus.
 const SavingIndicator = () => {
   const [state, _setState] = useState(0);
   const navigationPlugin = useResolvePlugin(parseNavigationPlugin);
@@ -167,20 +168,20 @@ const SavingIndicator = () => {
     case 2:
       return (
         <StatusBar.Item title='Edit not saved.'>
-          <Circle weight='fill' className={mx(styles.warning, getSize(3))} />
+          <Icon icon='ph--circle--duotone' size={4} classNames={styles.warning} />
         </StatusBar.Item>
       );
     case 1:
       return (
         <StatusBar.Item title='Saving...'>
-          <Circle weight='fill' className={mx(styles.success, getSize(3))} />
+          <Icon icon='ph--circle--duotone' size={4} classNames={styles.success} />
         </StatusBar.Item>
       );
     case 0:
     default:
       return (
         <StatusBar.Item title='Modified indicator.'>
-          <Circle weight='fill' className={getSize(3)} />
+          <Icon icon='ph--circle--duotone' size={4} />
         </StatusBar.Item>
       );
   }
@@ -193,10 +194,16 @@ const PerformanceIndicator = () => {
   return (
     <>
       <StatusBar.Button onClick={() => setVisible((visible) => !visible)} title='Performance panels'>
-        <ChartBar />
+        <Icon icon='ph--chart-bar--regular' size={4} />
       </StatusBar.Button>
       {visible && (
-        <div className='z-20 absolute bottom-[24px] w-[450px] border-l border-y border-separator'>
+        <div
+          className={mx(
+            'z-20 absolute bottom-[--statusbar-size] right-4 w-[450px]',
+            'overflow-x-hidden overflow-y-auto scrollbar-thin',
+            'border-x border-y border-separator',
+          )}
+        >
           <StatsPanel stats={stats} onRefresh={refreshStats} />
         </div>
       )}
@@ -204,7 +211,7 @@ const PerformanceIndicator = () => {
   );
 };
 
-const indicators = [PerformanceIndicator, SavingIndicator, ErrorIndicator, SwarmIndicator];
+const indicators = [SavingIndicator, SwarmIndicator, PerformanceIndicator, ErrorIndicator];
 
 export const DebugStatus = () => {
   return (

package/src/components/ObjectCreator.stories.tsx

@@ -4,15 +4,16 @@
 
 import '@dxos-theme';
 
-import React, { type FC, useEffect } from 'react';
+import { type Meta } from '@storybook/react';
+import React, { useEffect } from 'react';
 
 import { createSpaceObjectGenerator } from '@dxos/echo-generator';
 import { type ReactiveObject, useSpaces } from '@dxos/react-client/echo';
 import { ClientRepeater } from '@dxos/react-client/testing';
 
-import { ObjectCreator } from './ObjectCreator';
+import { ObjectCreator, type ObjectCreatorProps } from './ObjectCreator';
 
-const Story: FC = () => {
+const Story = () => {
   const [space] = useSpaces();
   useEffect(() => {
     if (space) {
@@ -21,19 +22,21 @@ const Story: FC = () => {
     }
   }, [space]);
 
-  const handleCreate = (objects: ReactiveObject<any>[]) => {
-    console.log('Created:', objects);
-  };
-
   if (!space) {
     return null;
   }
 
+  const handleCreate: ObjectCreatorProps['onAddObjects'] = (objects: ReactiveObject<any>[]) => {
+    console.log('Created:', objects);
+  };
+
   return <ObjectCreator space={space} onAddObjects={handleCreate} />;
 };
 
-export default {
-  title: 'plugin-debug/SchemaList',
+export const Default = {};
+
+const meta: Meta = {
+  title: 'plugins/plugin-debug/SchemaList',
   component: ObjectCreator,
   render: () => <ClientRepeater component={Story} createSpace />,
   parameters: {
@@ -41,4 +44,4 @@ export default {
   },
 };
 
-export const Default = {};
+export default meta;

package/src/components/ObjectCreator.tsx

@@ -2,11 +2,10 @@
 // Copyright 2023 DXOS.org
 //
 
-import React, { type FC, useMemo, useState } from 'react';
+import React, { useMemo, useState } from 'react';
 
-import { type EchoReactiveObject, type ReactiveObject } from '@dxos/echo-schema';
-import { type Space } from '@dxos/react-client/echo';
-import { Button, DensityProvider } from '@dxos/react-ui';
+import { type EchoReactiveObject, type ReactiveObject, type Space } from '@dxos/react-client/echo';
+import { Button } from '@dxos/react-ui';
 import { createColumnBuilder, type TableColumnDef, Table } from '@dxos/react-ui-table';
 
 import { SchemasNames, createSpaceObjectGenerator } from '../scaffolding';
@@ -22,10 +21,12 @@ export type CreateObjectsParams = {
 
 const CREATE_OBJECTS_IN_ONE_CHUNK = 10;
 
-export const ObjectCreator: FC<{
+export type ObjectCreatorProps = {
   space: Space;
   onAddObjects?: (objects: ReactiveObject<any>[]) => void;
-}> = ({ space, onAddObjects }) => {
+};
+
+export const ObjectCreator = ({ space, onAddObjects }: ObjectCreatorProps) => {
   const generator = useMemo(() => createSpaceObjectGenerator(space), [space]);
 
   const [objectsToCreate, setObjectsToCreate] = useState<CreateObjectsParams[]>([
@@ -45,14 +46,6 @@ export const ObjectCreator: FC<{
       mutationSize: 10,
       maxContentLength: 1000,
     },
-    {
-      enabled: true,
-      schema: SchemasNames.sheet,
-      objectsCount: 10,
-      mutationsCount: 10,
-      mutationSize: 10,
-      maxContentLength: 1000,
-    },
   ]);
 
   const handleCreate = async () => {
@@ -95,13 +88,11 @@ export const ObjectCreator: FC<{
 
   return (
     <>
-      <DensityProvider density={'fine'}>
-        <Table.Root>
-          <Table.Viewport>
-            <Table.Main<CreateObjectsParams> columns={columns} data={objectsToCreate} />
-          </Table.Viewport>
-        </Table.Root>
-      </DensityProvider>
+      <Table.Root>
+        <Table.Viewport>
+          <Table.Main<CreateObjectsParams> columns={columns} data={objectsToCreate} />
+        </Table.Viewport>
+      </Table.Root>
       <Button onClick={handleCreate}>Create</Button>
     </>
   );

package/src/components/SurfaceDebug.tsx

@@ -0,0 +1,55 @@
+//
+// 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 SurfaceDebug = ({ 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, name, 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 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>
+  );
+};

package/src/components/Wireframe.tsx

@@ -5,27 +5,36 @@
 import React from 'react';
 import { useResizeDetector } from 'react-resize-detector';
 
-import { createAttendableAttributes } from '@dxos/react-ui-attention';
+import { fullyQualifiedId } 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';
 import { mx } from '@dxos/react-ui-theme';
 
+// TODO(burdon): Create generic container with wireframe mode.
+export type WireframeProps = ThemedClassName<{
+  label?: string;
+  object?: any;
+}>;
+
 // TODO(burdon): Make focusable and attendable with input.
-export const Wireframe = ({ label, data, className }: { label?: string; data?: any; className?: string }) => {
-  const attendableAttrs = createAttendableAttributes(data);
+export const Wireframe = ({ classNames, label, object }: WireframeProps) => {
+  const attendableAttrs = useAttendableAttributes(fullyQualifiedId(object));
   const { width, height, ref } = useResizeDetector();
   return (
-    <div ref={ref} className={mx('relative grow min-bs-96', className)} {...attendableAttrs}>
-      <div className='absolute inset-2 flex flex-col overflow-hidden font-mono'>
+    <div ref={ref} className={mx('relative grow min-bs-96', classNames)} {...attendableAttrs}>
+      <div className='absolute inset-2 flex flex-col gap-2 overflow-hidden font-mono'>
         <div className='flex justify-between'>
           <div>{label}</div>
           <div>{`[${width}x${height}]`}</div>
         </div>
-        <div className='flex grow overflow-auto'>
-          {data && (
-            <pre className='text-neutral-500 text-sm whitespace-pre-line'>{JSON.stringify(data, undefined, 1)}</pre>
-          )}
-        </div>
+        {object && (
+          <SyntaxHighlighter language='json' classNames='flex w-full text-xs opacity-75 rounded'>
+            {JSON.stringify(object, undefined, 2)}
+          </SyntaxHighlighter>
+        )}
       </div>
-      <svg width={width} height={height} className='bg-transparent [&>*]:stroke-neutral-500'>
+      <svg width={width} height={height} className='bg-transparent [&>*]:text-subdued'>
         <rect x={0} y={0} width={width} height={height} strokeWidth={1} fill='none' />
         <line x1={0} y1={0} x2={width} y2={height} strokeWidth={1} />
         <line x1={0} y1={height} x2={width} y2={0} strokeWidth={1} />

package/src/components/index.ts

@@ -2,13 +2,12 @@
 // Copyright 2023 DXOS.org
 //
 
-import React from 'react';
+import { lazy } from 'react';
 
-// Lazily load components for content surfaces.
-export const DebugGlobal = React.lazy(() => import('./DebugGlobal'));
-export const DebugSpace = React.lazy(() => import('./DebugSpace'));
-export const DevtoolsMain = React.lazy(() => import('./DevtoolsMain'));
+export const DebugGlobal = lazy(() => import('./DebugGlobal'));
+export const DebugSpace = lazy(() => import('./DebugSpace'));
 
+export * from './DebugObjectPanel';
 export * from './DebugSettings';
 export * from './DebugStatus';
 export * from './Wireframe';

package/src/meta.ts

@@ -0,0 +1,15 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { type PluginMeta } from '@dxos/app-framework';
+
+export const DEBUG_PLUGIN = 'dxos.org/plugin/debug';
+
+export default {
+  id: DEBUG_PLUGIN,
+  name: 'Debug',
+  description: 'DXOS debugging tools.',
+  tags: ['experimental'],
+  icon: 'ph--bug--regular',
+} satisfies PluginMeta;

package/src/scaffolding/generator.ts

@@ -22,24 +22,22 @@ import {
 import { create } from '@dxos/echo-schema';
 import { log } from '@dxos/log';
 import { DocumentType, TextType } from '@dxos/plugin-markdown/types';
-import { createTestSheet } from '@dxos/plugin-sheet/testing';
-import { SheetType } from '@dxos/plugin-sheet/types';
-import { TLDrawStoreAdapter } from '@dxos/plugin-sketch';
+import { TLDrawStoreAdapter } from '@dxos/plugin-sketch/sdk';
 import { CanvasType, DiagramType, TLDRAW_SCHEMA } from '@dxos/plugin-sketch/types';
 import { faker } from '@dxos/random';
 import { createDocAccessor, type Space } from '@dxos/react-client/echo';
 
-// TODO(wittjosiah): Remove? Just use typenames.
+// TODO(burdon): Move to echo-generator.
+
+// TODO(wittjosiah): Remove? Just use DXNs.
 export enum SchemasNames {
   document = 'dxos.org/type/Document',
   diagram = 'dxos.org/type/Diagram',
-  sheet = 'dxos.org/type/SheetType',
 }
 
 export const SchemasMap: TestSchemaMap<SchemasNames> = {
   [SchemasNames.document]: DocumentType,
   [SchemasNames.diagram]: DiagramType,
-  [SchemasNames.sheet]: SheetType,
 };
 
 export const ObjectGenerators: TestGeneratorMap<SchemasNames> = {
@@ -55,11 +53,6 @@ export const ObjectGenerators: TestGeneratorMap<SchemasNames> = {
       canvas: create(CanvasType, { schema: TLDRAW_SCHEMA, content: {} }),
     };
   },
-
-  [SchemasNames.sheet]: () => {
-    const name = faker.lorem.sentence({ min: 2, max: 3 });
-    return createTestSheet({ name });
-  },
 };
 
 export const MutationsGenerators: TestMutationsMap<SchemasNames> = {
@@ -147,10 +140,6 @@ export const MutationsGenerators: TestMutationsMap<SchemasNames> = {
       }
     }
   },
-
-  [SchemasNames.sheet]: async (object, params) => {
-    // TODO: Implement.
-  },
 };
 
 export const createSpaceObjectGenerator = (space: Space) =>

package/src/types.ts

@@ -12,6 +12,7 @@ import type {
   TranslationsProvides,
 } from '@dxos/app-framework';
 import type { TimerCallback, TimerOptions } from '@dxos/async';
+import { S } from '@dxos/echo-schema';
 
 import { DEBUG_PLUGIN } from './meta';
 
@@ -32,11 +33,15 @@ export const DebugContext: Context<DebugContextType> = createContext<DebugContex
   stop: () => {},
 });
 
-export type DebugSettingsProps = {
-  devtools?: boolean;
-  debug?: boolean;
-  wireframe?: boolean;
-};
+export const DebugSettingsSchema = S.mutable(
+  S.Struct({
+    devtools: S.optional(S.Boolean),
+    debug: S.optional(S.Boolean),
+    wireframe: S.optional(S.Boolean),
+  }),
+);
+
+export interface DebugSettingsProps extends S.Schema.Type<typeof DebugSettingsSchema> {}
 
 export type DebugPluginProvides = SurfaceProvides &
   IntentResolverProvides &

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/DebugSpace.tsx", "../../../src/components/ObjectCreator.tsx", "../../../src/scaffolding/generator.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport {\n  ArrowClockwise,\n  DownloadSimple,\n  Flag,\n  FlagPennant,\n  HandPalm,\n  Play,\n  PlusMinus,\n  Timer,\n  UserCirclePlus,\n} from '@phosphor-icons/react';\nimport React, { type FC, useContext, useMemo, useState } from 'react';\n\nimport { type ReactiveObject } from '@dxos/echo-schema';\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 { Button, Input, useFileDownload } from '@dxos/react-ui';\nimport { getSize, mx } from '@dxos/react-ui-theme';\nimport { safeParseInt } from '@dxos/util';\n\nimport { DebugPanel } from './DebugPanel';\nimport { ObjectCreator } from './ObjectCreator';\nimport { createSpaceObjectGenerator } from '../scaffolding';\nimport { DebugContext } from '../types';\n\nconst DEFAULT_COUNT = 100;\nconst DEFAULT_PERIOD = 500;\nconst DEFAULT_JITTER = 50;\n\n// TODO(burdon): Factor out.\nconst useRefresh = (): [any, () => void] => {\n  const [update, setUpdate] = useState({});\n  return [update, () => setUpdate({})];\n};\n\nconst 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 handleCopy = 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    <DebugPanel\n      menu={\n        <>\n          <div className='relative' title='mutation count'>\n            <Input.Root>\n              <Input.TextInput\n                autoComplete='off'\n                size={5}\n                classNames='w-[100px] text-right pie-[22px]'\n                placeholder='Count'\n                value={mutationCount}\n                onChange={({ target: { value } }) => setMutationCount(value)}\n              />\n            </Input.Root>\n            <Flag className={mx('absolute inline-end-1 block-start-1 mt-[6px]', getSize(3))} />\n          </div>\n          <div className='relative' title='mutation period'>\n            <Input.Root>\n              <Input.TextInput\n                autoComplete='off'\n                size={5}\n                classNames='w-[100px] text-right pie-[22px]'\n                placeholder='Interval'\n                value={mutationInterval}\n                onChange={({ target: { value } }) => setMutationInterval(value)}\n              />\n            </Input.Root>\n            <Timer className={mx('absolute inline-end-1 block-start-1 mt-[6px]', getSize(3))} />\n          </div>\n          <div className='relative' title='mutation jitter'>\n            <Input.Root>\n              <Input.TextInput\n                autoComplete='off'\n                size={5}\n                classNames='w-[100px] text-right pie-[22px]'\n                placeholder='Jitter'\n                value={mutationJitter}\n                onChange={({ target: { value } }) => setMutationJitter(value)}\n              />\n            </Input.Root>\n            <PlusMinus className={mx('absolute inline-end-1 block-start-1 mt-[6px]', getSize(3))} />\n          </div>\n          <Button onClick={handleToggleRunning}>\n            {running ? <HandPalm className={getSize(5)} /> : <Play className={getSize(5)} />}\n          </Button>\n          <Button onClick={handleUpdate}>\n            <ArrowClockwise className={getSize(5)} />\n          </Button>\n          <Button onClick={handleCopy}>\n            <DownloadSimple className={getSize(5)} />\n          </Button>\n\n          <div className='grow' />\n          <Button onClick={handleCreateEpoch} title='Create epoch'>\n            <FlagPennant className={mx(getSize(5))} />\n          </Button>\n          <Button onClick={handleCreateInvitation} title='Create Space invitation'>\n            <UserCirclePlus className={mx(getSize(5), 'text-blue-500')} />\n          </Button>\n        </>\n      }\n    >\n      <ObjectCreator space={space} onAddObjects={onAddObjects} />\n    </DebugPanel>\n  );\n};\n\nexport default DebugSpace;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC, useMemo, useState } from 'react';\n\nimport { type EchoReactiveObject, type ReactiveObject } from '@dxos/echo-schema';\nimport { type Space } from '@dxos/react-client/echo';\nimport { Button, DensityProvider } from '@dxos/react-ui';\nimport { createColumnBuilder, type TableColumnDef, Table } from '@dxos/react-ui-table';\n\nimport { SchemasNames, createSpaceObjectGenerator } from '../scaffolding';\n\nexport type CreateObjectsParams = {\n  enabled: boolean;\n  schema: SchemasNames;\n  objectsCount: number;\n  mutationsCount: number;\n  maxContentLength: number;\n  mutationSize: number;\n};\n\nconst CREATE_OBJECTS_IN_ONE_CHUNK = 10;\n\nexport const ObjectCreator: FC<{\n  space: Space;\n  onAddObjects?: (objects: ReactiveObject<any>[]) => void;\n}> = ({ space, onAddObjects }) => {\n  const generator = useMemo(() => createSpaceObjectGenerator(space), [space]);\n\n  const [objectsToCreate, setObjectsToCreate] = useState<CreateObjectsParams[]>([\n    {\n      enabled: true,\n      schema: SchemasNames.document,\n      objectsCount: 10,\n      mutationsCount: 10,\n      mutationSize: 10,\n      maxContentLength: 1000,\n    },\n    {\n      enabled: true,\n      schema: SchemasNames.diagram,\n      objectsCount: 10,\n      mutationsCount: 10,\n      mutationSize: 10,\n      maxContentLength: 1000,\n    },\n    {\n      enabled: true,\n      schema: SchemasNames.sheet,\n      objectsCount: 10,\n      mutationsCount: 10,\n      mutationSize: 10,\n      maxContentLength: 1000,\n    },\n  ]);\n\n  const handleCreate = async () => {\n    for (const params of objectsToCreate) {\n      if (!params.enabled) {\n        continue;\n      }\n      let objectsCreated = 0;\n      while (objectsCreated < params.objectsCount) {\n        const objects = (await generator.createObjects({\n          [params.schema]: Math.min(CREATE_OBJECTS_IN_ONE_CHUNK, params.objectsCount - objectsCreated),\n        })) as EchoReactiveObject<any>[];\n\n        await generator.mutateObjects(objects, {\n          count: params.mutationsCount,\n          mutationSize: params.mutationSize,\n          maxContentLength: params.maxContentLength,\n        });\n        objectsCreated += objects.length;\n        onAddObjects?.(objects);\n      }\n    }\n    await space.db.flush();\n  };\n  const handleChangeOnRow = (row: CreateObjectsParams, key: string, value: any) => {\n    const newObjects = [...objectsToCreate];\n    Object.assign(newObjects.find((object) => object.schema === row.schema)!, { [key]: value });\n    setObjectsToCreate(newObjects);\n  };\n\n  const { helper, builder } = createColumnBuilder<CreateObjectsParams>();\n  const columns: TableColumnDef<CreateObjectsParams>[] = [\n    helper.accessor('enabled', builder.switch({ label: 'Enabled', onUpdate: handleChangeOnRow })),\n    helper.accessor('schema', builder.string({ classNames: 'font-mono', label: 'Schema' })),\n    helper.accessor('objectsCount', builder.number({ label: 'Objects', onUpdate: handleChangeOnRow })),\n    helper.accessor('mutationsCount', builder.number({ label: 'Mutations', onUpdate: handleChangeOnRow })),\n    helper.accessor('mutationSize', builder.number({ label: 'Mut. Size', onUpdate: handleChangeOnRow })),\n    helper.accessor('maxContentLength', builder.number({ label: 'Length', onUpdate: handleChangeOnRow })),\n  ];\n\n  return (\n    <>\n      <DensityProvider density={'fine'}>\n        <Table.Root>\n          <Table.Viewport>\n            <Table.Main<CreateObjectsParams> columns={columns} data={objectsToCreate} />\n          </Table.Viewport>\n        </Table.Root>\n      </DensityProvider>\n      <Button onClick={handleCreate}>Create</Button>\n    </>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport {\n  createShapeId,\n  defaultBindingUtils,\n  defaultShapeUtils,\n  defaultTools,\n  Editor,\n  type TLParentId,\n} from '@tldraw/tldraw';\n\nimport { sleep } from '@dxos/async';\nimport { next as A } from '@dxos/automerge/automerge';\nimport {\n  SpaceObjectGenerator,\n  type TestGeneratorMap,\n  type TestMutationsMap,\n  type TestSchemaMap,\n} from '@dxos/echo-generator';\nimport { create } from '@dxos/echo-schema';\nimport { log } from '@dxos/log';\nimport { DocumentType, TextType } from '@dxos/plugin-markdown/types';\nimport { createTestSheet } from '@dxos/plugin-sheet/testing';\nimport { SheetType } from '@dxos/plugin-sheet/types';\nimport { TLDrawStoreAdapter } from '@dxos/plugin-sketch';\nimport { CanvasType, DiagramType, TLDRAW_SCHEMA } from '@dxos/plugin-sketch/types';\nimport { faker } from '@dxos/random';\nimport { createDocAccessor, type Space } from '@dxos/react-client/echo';\n\n// TODO(wittjosiah): Remove? Just use typenames.\nexport enum SchemasNames {\n  document = 'dxos.org/type/Document',\n  diagram = 'dxos.org/type/Diagram',\n  sheet = 'dxos.org/type/SheetType',\n}\n\nexport const SchemasMap: TestSchemaMap<SchemasNames> = {\n  [SchemasNames.document]: DocumentType,\n  [SchemasNames.diagram]: DiagramType,\n  [SchemasNames.sheet]: SheetType,\n};\n\nexport const ObjectGenerators: TestGeneratorMap<SchemasNames> = {\n  [SchemasNames.document]: () => {\n    const name = faker.lorem.sentence({ min: 2, max: 3 });\n    return { name, content: create(TextType, { content: '' }), threads: [] };\n  },\n\n  [SchemasNames.diagram]: () => {\n    const name = faker.lorem.sentence({ min: 2, max: 3 });\n    return {\n      name,\n      canvas: create(CanvasType, { schema: TLDRAW_SCHEMA, content: {} }),\n    };\n  },\n\n  [SchemasNames.sheet]: () => {\n    const name = faker.lorem.sentence({ min: 2, max: 3 });\n    return createTestSheet({ name });\n  },\n};\n\nexport const MutationsGenerators: TestMutationsMap<SchemasNames> = {\n  [SchemasNames.document]: async (object, params) => {\n    const accessor = createDocAccessor<DocumentType>(object.content, ['content']);\n\n    for (let i = 0; i < params.count; i++) {\n      const length = object.content?.content?.length ?? 0;\n      accessor.handle.change((doc) => {\n        A.splice(\n          doc,\n          accessor.path.slice(),\n          0,\n          params.maxContentLength >= length ? 0 : params.mutationSize,\n          faker.string.hexadecimal({ length: params.mutationSize - 1 }) + ' ',\n        );\n      });\n\n      // Release the event loop.\n      if (i % 100 === 0 || i === params.count - 1) {\n        log.info('Mutation:', { mutationIdx: i });\n        await sleep(1);\n      }\n    }\n  },\n\n  [SchemasNames.diagram]: async (object, params) => {\n    const store = new TLDrawStoreAdapter();\n    await store.open(createDocAccessor<CanvasType>(object.canvas, ['content']));\n    const app = new Editor({\n      store: store.store!,\n      shapeUtils: defaultShapeUtils,\n      bindingUtils: defaultBindingUtils,\n      tools: defaultTools,\n      getContainer: () => document.getElementsByTagName('body')[0],\n    });\n\n    //\n    // Draw spiral.\n    //\n    const r = 100;\n    const a = 0.05;\n    const cx = 200;\n    const cy = 200;\n\n    for (let i = 0; i < params.count; i++) {\n      const t = i;\n      const t1 = i + 1;\n      const x = cx + a * t * r * Math.cos(t);\n      const y = cy + a * t * r * Math.sin(t);\n      const x1 = cx + a * t1 * r * Math.cos(t1);\n      const y1 = cy + a * t1 * r * Math.sin(t1);\n\n      app.createShape({\n        id: createShapeId(),\n        isLocked: false,\n        meta: {},\n        opacity: 1,\n        parentId: 'page:page' as TLParentId,\n        props: {\n          arrowheadEnd: 'none',\n          arrowheadStart: 'none',\n          bend: 0,\n          color: 'black',\n          dash: 'draw',\n          start: { x, y },\n          end: { x: x1, y: y1 },\n          fill: 'none',\n          font: 'draw',\n          labelColor: 'black',\n          labelPosition: 0.5,\n          scale: 1,\n          size: 'm',\n        },\n        rotation: 0,\n        type: 'arrow',\n        typeName: 'shape',\n        x: 0,\n        y: 0,\n      });\n\n      // Release the event loop.\n      if (i % 100 === 0) {\n        await sleep(1);\n      }\n    }\n  },\n\n  [SchemasNames.sheet]: async (object, params) => {\n    // TODO: Implement.\n  },\n};\n\nexport const createSpaceObjectGenerator = (space: Space) =>\n  new SpaceObjectGenerator(space, SchemasMap, ObjectGenerators, MutationsGenerators);\n"],
-  "mappings": "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",
-  "names": ["ArrowClockwise", "DownloadSimple", "Flag", "FlagPennant", "HandPalm", "Play", "PlusMinus", "Timer", "UserCirclePlus", "React", "useContext", "useMemo", "useState", "DocumentType", "Invitation", "faker", "useClient", "Filter", "useSpaceInvitation", "InvitationEncoder", "useAsyncEffect", "Button", "Input", "useFileDownload", "getSize", "mx", "safeParseInt", "React", "useMemo", "useState", "Button", "DensityProvider", "createColumnBuilder", "Table", "createShapeId", "defaultBindingUtils", "defaultShapeUtils", "defaultTools", "Editor", "sleep", "next", "A", "SpaceObjectGenerator", "create", "log", "DocumentType", "TextType", "createTestSheet", "SheetType", "TLDrawStoreAdapter", "CanvasType", "DiagramType", "TLDRAW_SCHEMA", "faker", "createDocAccessor", "SchemasNames", "SchemasMap", "ObjectGenerators", "name", "lorem", "sentence", "min", "max", "content", "threads", "canvas", "schema", "MutationsGenerators", "object", "params", "accessor", "i", "count", "length", "handle", "change", "doc", "splice", "path", "slice", "maxContentLength", "mutationSize", "string", "hexadecimal", "info", "mutationIdx", "store", "open", "app", "shapeUtils", "bindingUtils", "tools", "getContainer", "document", "getElementsByTagName", "r", "a", "cx", "cy", "t", "t1", "x", "Math", "cos", "y", "sin", "x1", "y1", "createShape", "id", "isLocked", "meta", "opacity", "parentId", "props", "arrowheadEnd", "arrowheadStart", "bend", "color", "dash", "start", "end", "fill", "font", "labelColor", "labelPosition", "scale", "size", "rotation", "type", "typeName", "createSpaceObjectGenerator", "space", "CREATE_OBJECTS_IN_ONE_CHUNK", "ObjectCreator", "space", "onAddObjects", "generator", "useMemo", "createSpaceObjectGenerator", "objectsToCreate", "setObjectsToCreate", "useState", "enabled", "schema", "SchemasNames", "document", "objectsCount", "mutationsCount", "mutationSize", "maxContentLength", "diagram", "sheet", "handleCreate", "params", "objectsCreated", "objects", "createObjects", "Math", "min", "mutateObjects", "count", "length", "db", "flush", "handleChangeOnRow", "row", "key", "value", "newObjects", "Object", "assign", "find", "object", "helper", "builder", "createColumnBuilder", "columns", "accessor", "switch", "label", "onUpdate", "string", "classNames", "number", "DensityProvider", "density", "Table", "Root", "Viewport", "Main", "data", "Button", "onClick", "DEFAULT_COUNT", "DEFAULT_PERIOD", "DEFAULT_JITTER", "useRefresh", "update", "setUpdate", "useState", "DebugSpace", "space", "onAddObjects", "connect", "useSpaceInvitation", "key", "client", "useClient", "data", "setData", "handleUpdate", "useAsyncEffect", "isMounted", "diagnostics", "truncate", "spaces", "find", "toHex", "startsWith", "download", "useFileDownload", "handleCopy", "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", "React", "DebugPanel", "menu", "div", "className", "title", "Input", "Root", "TextInput", "autoComplete", "size", "classNames", "placeholder", "value", "onChange", "target", "Flag", "mx", "getSize", "Timer", "PlusMinus", "Button", "onClick", "HandPalm", "Play", "ArrowClockwise", "DownloadSimple", "FlagPennant", "UserCirclePlus", "ObjectCreator"]
-}

package/dist/lib/browser/DevtoolsMain-RWT3FLJ6.mjs

@@ -1,15 +0,0 @@
-// packages/plugins/experimental/plugin-debug/src/components/DevtoolsMain.tsx
-import React from "react";
-import { Devtools } from "@dxos/devtools";
-import { useClient } from "@dxos/react-client";
-var DevtoolsMain = () => {
-  const client = useClient();
-  return /* @__PURE__ */ React.createElement(Devtools, {
-    client
-  });
-};
-var DevtoolsMain_default = DevtoolsMain;
-export {
-  DevtoolsMain_default as default
-};
-//# sourceMappingURL=DevtoolsMain-RWT3FLJ6.mjs.map

package/dist/lib/browser/DevtoolsMain-RWT3FLJ6.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/DevtoolsMain.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Devtools } from '@dxos/devtools';\nimport { useClient } from '@dxos/react-client';\n\nconst DevtoolsMain = () => {\n  const client = useClient();\n  return <Devtools client={client} />;\n};\n\nexport default DevtoolsMain;\n"],
-  "mappings": ";AAIA,OAAOA,WAAW;AAElB,SAASC,gBAAgB;AACzB,SAASC,iBAAiB;AAE1B,IAAMC,eAAe,MAAA;AACnB,QAAMC,SAASC,UAAAA;AACf,SAAO,sBAAA,cAACC,UAAAA;IAASF;;AACnB;AAEA,IAAA,uBAAeD;",
-  "names": ["React", "Devtools", "useClient", "DevtoolsMain", "client", "useClient", "Devtools"]
-}