@dxos/plugin-debug 0.6.11-staging.e6894a4 → 0.6.12-main.15a606f

package/dist/lib/browser/{DebugGlobal-H37KGFEG.mjs → DebugGlobal-H56M2VL4.mjs}

@@ -6,14 +6,12 @@ import {
 import { Gauge, Graph as GraphIcon, Gear, Toolbox, Warning } from "@phosphor-icons/react";
 import React2, { useEffect, useState as useState2 } from "react";
 import { useClient, useConfig } from "@dxos/react-client";
-import { Button, ToggleGroup, ToggleGroupItem, useThemeContext } from "@dxos/react-ui";
+import { Button, ToggleGroup, ToggleGroupItem } from "@dxos/react-ui";
 import { getSize, mx as mx2 } from "@dxos/react-ui-theme";
 
 // packages/plugins/experimental/plugin-debug/src/components/Tree.tsx
 import React, { useState } from "react";
-import SyntaxHighlighter from "react-syntax-highlighter";
-import styleDark from "react-syntax-highlighter/dist/esm/styles/hljs/a11y-dark";
-import styleLight from "react-syntax-highlighter/dist/esm/styles/hljs/a11y-light";
+import { SyntaxHighlighter } from "@dxos/react-ui-syntax-highlighter";
 import { mx } from "@dxos/react-ui-theme";
 import { arrayToBuffer } from "@dxos/util";
 var replacer = (key, value) => {
@@ -30,12 +28,9 @@ var replacer = (key, value) => {
   }
   return value;
 };
-var Json = ({ data, theme }) => {
-  const style = theme === "dark" ? styleDark : styleLight;
+var Json = ({ data }) => {
   return /* @__PURE__ */ React.createElement(SyntaxHighlighter, {
-    language: "json",
-    style,
-    className: "w-full"
+    language: "json"
   }, JSON.stringify(data, replacer, 2));
 };
 var Tree = ({ data }) => {
@@ -99,7 +94,6 @@ var Box = ({ children, className, ...props }) => {
 
 // packages/plugins/experimental/plugin-debug/src/components/DebugGlobal.tsx
 var DebugGlobal = ({ graph }) => {
-  const { themeMode } = useThemeContext();
   const [view, setView] = useState2("graph");
   const [data, setData] = useState2({});
   const client = useClient();
@@ -165,10 +159,8 @@ var DebugGlobal = ({ graph }) => {
   }, view === "graph" && /* @__PURE__ */ React2.createElement(Tree, {
     data: graph.toJSON()
   }), view === "config" && /* @__PURE__ */ React2.createElement(Json, {
-    theme: themeMode,
     data: data.diagnostics?.config
   }), view === "diagnostics" && /* @__PURE__ */ React2.createElement(Json, {
-    theme: themeMode,
     data
   }));
 };
@@ -176,4 +168,4 @@ var DebugGlobal_default = DebugGlobal;
 export {
   DebugGlobal_default as default
 };
-//# sourceMappingURL=DebugGlobal-H37KGFEG.mjs.map
+//# sourceMappingURL=DebugGlobal-H56M2VL4.mjs.map

package/dist/lib/browser/DebugGlobal-H56M2VL4.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DebugGlobal.tsx", "../../../src/components/Tree.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Gauge, Graph as GraphIcon, Gear, Toolbox, Warning } from '@phosphor-icons/react';\nimport React, { type FC, useEffect, useState } from 'react';\n\nimport { type Graph } from '@dxos/plugin-graph';\nimport { useClient, useConfig } from '@dxos/react-client';\nimport { Button, ToggleGroup, ToggleGroupItem } from '@dxos/react-ui';\nimport { getSize, mx } from '@dxos/react-ui-theme';\n\nimport { DebugPanel } from './DebugPanel';\nimport { Json, Tree } from './Tree';\n\nconst DebugGlobal: FC<{ graph: Graph }> = ({ graph }) => {\n  const [view, setView] = useState<'config' | 'diagnostics' | 'graph'>('graph');\n  const [data, setData] = useState<any>({});\n  const client = useClient();\n  const config = useConfig();\n  const handleRefresh = async () => {\n    const data = await client.diagnostics({ truncate: true });\n    setData(data);\n  };\n  useEffect(() => {\n    void handleRefresh();\n  }, []);\n\n  const handleResetClient = async (force = false) => {\n    if (!force && !window.confirm('Reset storage?')) {\n      return;\n    }\n\n    // TODO(burdon): Throws exception.\n    await client.reset();\n    window.location.href = window.location.origin;\n  };\n\n  const handleOpenDevtools = () => {\n    const vaultUrl = config.values?.runtime?.client?.remoteSource;\n    if (vaultUrl) {\n      window.open(`https://devtools.dev.dxos.org/?target=${vaultUrl}`);\n    }\n  };\n\n  return (\n    <DebugPanel\n      menu={\n        <>\n          <ToggleGroup type='single' value={view}>\n            <ToggleGroupItem value={'graph'} onClick={() => setView('graph')} title={'Plugin graph'}>\n              <GraphIcon className={getSize(5)} />\n            </ToggleGroupItem>\n            <ToggleGroupItem value={'diagnostics'} onClick={() => setView('diagnostics')} title={'Diagnostics'}>\n              <Gauge className={getSize(5)} />\n            </ToggleGroupItem>\n            <ToggleGroupItem value={'config'} onClick={() => setView('config')} title={'Config'}>\n              <Gear className={getSize(5)} />\n            </ToggleGroupItem>\n          </ToggleGroup>\n\n          <div className='grow' />\n          <Button onClick={(event) => handleResetClient(event.shiftKey)} title='Reset client'>\n            <Warning className={mx(getSize(5), 'text-red-700')} />\n          </Button>\n          <Button onClick={handleOpenDevtools} title='Open Devtools'>\n            <Toolbox weight='duotone' className={mx(getSize(5), 'text-700')} />\n          </Button>\n        </>\n      }\n    >\n      {view === 'graph' && <Tree data={graph.toJSON()} />}\n      {view === 'config' && <Json data={data.diagnostics?.config} />}\n      {view === 'diagnostics' && <Json data={data} />}\n    </DebugPanel>\n  );\n};\n\nexport default DebugGlobal;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC, type HTMLAttributes, useState } from 'react';\n\nimport { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';\nimport { mx } from '@dxos/react-ui-theme';\nimport { arrayToBuffer } from '@dxos/util';\n\n// TODO(burdon): Copied form devtools.\n\nexport const replacer = (key: any, value: any) => {\n  if (typeof value === 'object') {\n    if (value instanceof Uint8Array) {\n      return arrayToBuffer(value).toString('hex');\n    }\n\n    if (value?.type === 'Buffer') {\n      return Buffer.from(value.data).toString('hex');\n    }\n\n    if (key === 'downloaded') {\n      return undefined;\n    }\n  }\n\n  return value;\n};\n\nexport const Json: FC<{ data?: object }> = ({ data }) => {\n  return <SyntaxHighlighter language='json'>{JSON.stringify(data, replacer, 2)}</SyntaxHighlighter>;\n};\n\nexport const Tree: FC<{ data?: object }> = ({ data }) => {\n  return (\n    <div className='flex overflow-auto ml-2 border-l-2 border-blue-500'>\n      <Node data={data} root />\n    </div>\n  );\n};\n\nexport const Node: FC<{ data?: any; root?: boolean }> = ({ data, root }) => {\n  if (typeof data !== 'object' || data === undefined || data === null) {\n    return <Scalar value={data} />;\n  }\n\n  if (Array.isArray(data)) {\n    return (\n      <div className='flex flex-col space-y-2'>\n        {data.map((value, index) => (\n          <KeyValue key={index} label={String(index)} data={value} className='bg-teal-50' />\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div className='flex flex-col space-y-2'>\n      {Object.entries(data).map(([key, value]) => (\n        <KeyValue key={key} label={key} data={value} className='bg-blue-50' />\n      ))}\n    </div>\n  );\n};\n\nexport const KeyValue: FC<{ label: string; data?: any; className?: string }> = ({ label, data, className }) => {\n  const [open, setOpen] = useState(true);\n  if (data === undefined) {\n    return null;\n  }\n\n  return (\n    <div className='flex'>\n      <Box\n        className={mx('border-blue-200 text-sm select-none cursor-pointer', className)}\n        onClick={() => setOpen((open) => !open)}\n      >\n        {label}\n      </Box>\n      {open && <Node data={data} />}\n    </div>\n  );\n};\n\nconst Scalar: FC<{ value: any }> = ({ value }) => {\n  return (\n    <Box className='bg-green-50 border-green-200 rounded-r text-sm font-thin'>\n      {(value === undefined && 'undefined') ||\n        (value === null && 'null') ||\n        (typeof value === 'string' && value) ||\n        JSON.stringify(value)}\n    </Box>\n  );\n};\n\nconst Box: FC<HTMLAttributes<HTMLDivElement>> = ({ children, className, ...props }) => {\n  return (\n    <div className={mx('flex px-2 border border-l-0 font-mono truncate', className)} {...props}>\n      {children}\n    </div>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["Gauge", "Graph", "GraphIcon", "Gear", "Toolbox", "Warning", "React", "useEffect", "useState", "useClient", "useConfig", "Button", "ToggleGroup", "ToggleGroupItem", "getSize", "mx", "React", "useState", "SyntaxHighlighter", "mx", "arrayToBuffer", "replacer", "key", "value", "Uint8Array", "arrayToBuffer", "toString", "type", "Buffer", "from", "data", "undefined", "Json", "SyntaxHighlighter", "language", "JSON", "stringify", "Tree", "div", "className", "Node", "root", "Scalar", "Array", "isArray", "map", "index", "KeyValue", "label", "String", "Object", "entries", "open", "setOpen", "useState", "Box", "mx", "onClick", "children", "props", "DebugGlobal", "graph", "view", "setView", "useState", "data", "setData", "client", "useClient", "config", "useConfig", "handleRefresh", "diagnostics", "truncate", "useEffect", "handleResetClient", "force", "window", "confirm", "reset", "location", "href", "origin", "handleOpenDevtools", "vaultUrl", "values", "runtime", "remoteSource", "open", "React", "DebugPanel", "menu", "ToggleGroup", "type", "value", "ToggleGroupItem", "onClick", "title", "GraphIcon", "className", "getSize", "Gauge", "Gear", "div", "Button", "event", "shiftKey", "Warning", "mx", "Toolbox", "weight", "Tree", "toJSON", "Json"]
+}

package/dist/lib/browser/{DebugSpace-KDKLS264.mjs → DebugSpace-J4YF3H67.mjs}

@@ -1,7 +1,7 @@
 import {
   DebugContext
-} from "./chunk-RYK3J66D.mjs";
-import "./chunk-WEGYHXMB.mjs";
+} from "./chunk-G6OQPL2E.mjs";
+import "./chunk-KXZKF6LX.mjs";
 import {
   DebugPanel
 } from "./chunk-ED5L5YYI.mjs";
@@ -12,10 +12,10 @@ import React2, { useContext, useMemo as useMemo2, useState as useState2 } from "
 import { DocumentType as DocumentType2 } from "@dxos/plugin-markdown/types";
 import { Invitation } from "@dxos/protocols/proto/dxos/client/services";
 import { faker as faker2 } from "@dxos/random";
-import { useAsyncEffect } from "@dxos/react-async";
 import { useClient } from "@dxos/react-client";
 import { Filter, useSpaceInvitation } from "@dxos/react-client/echo";
 import { InvitationEncoder } from "@dxos/react-client/invitations";
+import { useAsyncEffect } from "@dxos/react-hooks";
 import { Button as Button2, Input, useFileDownload } from "@dxos/react-ui";
 import { getSize, mx } from "@dxos/react-ui-theme";
 import { safeParseInt } from "@dxos/util";
@@ -33,9 +33,7 @@ import { SpaceObjectGenerator } from "@dxos/echo-generator";
 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 } from "@dxos/react-client/echo";
@@ -44,12 +42,10 @@ var SchemasNames;
 (function(SchemasNames2) {
   SchemasNames2["document"] = "dxos.org/type/Document";
   SchemasNames2["diagram"] = "dxos.org/type/Diagram";
-  SchemasNames2["sheet"] = "dxos.org/type/SheetType";
 })(SchemasNames || (SchemasNames = {}));
 var SchemasMap = {
   ["dxos.org/type/Document"]: DocumentType,
-  ["dxos.org/type/Diagram"]: DiagramType,
-  ["dxos.org/type/SheetType"]: SheetType
+  ["dxos.org/type/Diagram"]: DiagramType
 };
 var ObjectGenerators = {
   ["dxos.org/type/Document"]: () => {
@@ -77,15 +73,6 @@ var ObjectGenerators = {
         content: {}
       })
     };
-  },
-  ["dxos.org/type/SheetType"]: () => {
-    const name = faker.lorem.sentence({
-      min: 2,
-      max: 3
-    });
-    return createTestSheet({
-      name
-    });
   }
 };
 var MutationsGenerators = {
@@ -105,7 +92,7 @@ var MutationsGenerators = {
           mutationIdx: i
         }, {
           F: __dxlog_file,
-          L: 83,
+          L: 74,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -173,8 +160,6 @@ var MutationsGenerators = {
         await sleep(1);
       }
     }
-  },
-  ["dxos.org/type/SheetType"]: async (object, params) => {
   }
 };
 var createSpaceObjectGenerator = (space) => new SpaceObjectGenerator(space, SchemasMap, ObjectGenerators, MutationsGenerators);
@@ -201,14 +186,6 @@ var ObjectCreator = ({ space, onAddObjects }) => {
       mutationsCount: 10,
       mutationSize: 10,
       maxContentLength: 1e3
-    },
-    {
-      enabled: true,
-      schema: SchemasNames.sheet,
-      objectsCount: 10,
-      mutationsCount: 10,
-      mutationSize: 10,
-      maxContentLength: 1e3
     }
   ]);
   const handleCreate = async () => {
@@ -433,4 +410,4 @@ var DebugSpace_default = DebugSpace;
 export {
   DebugSpace_default as default
 };
-//# sourceMappingURL=DebugSpace-KDKLS264.mjs.map
+//# sourceMappingURL=DebugSpace-J4YF3H67.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "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\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 { TLDrawStoreAdapter } from '@dxos/plugin-sketch/sdk';\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}\n\nexport const SchemasMap: TestSchemaMap<SchemasNames> = {\n  [SchemasNames.document]: DocumentType,\n  [SchemasNames.diagram]: DiagramType,\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\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\nexport const createSpaceObjectGenerator = (space: Space) =>\n  new SpaceObjectGenerator(space, SchemasMap, ObjectGenerators, MutationsGenerators);\n"],
+  "mappings": ";;;;;;;;;AAIA,SACEA,gBACAC,gBACAC,MACAC,aACAC,UACAC,MACAC,WACAC,OACAC,sBACK;AACP,OAAOC,UAAkBC,YAAYC,WAAAA,UAASC,YAAAA,iBAAgB;AAG9D,SAASC,gBAAAA,qBAAoB;AAC7B,SAASC,kBAAkB;AAC3B,SAASC,SAAAA,cAAa;AACtB,SAASC,iBAAiB;AAC1B,SAASC,QAAoBC,0BAA0B;AACvD,SAASC,yBAAyB;AAClC,SAASC,sBAAsB;AAC/B,SAASC,UAAAA,SAAQC,OAAOC,uBAAuB;AAC/C,SAASC,SAASC,UAAU;AAC5B,SAASC,oBAAoB;;;ACvB7B,OAAOC,SAAkBC,SAASC,gBAAgB;AAIlD,SAASC,QAAQC,uBAAuB;AACxC,SAASC,qBAA0CC,aAAa;;;ACLhE,SACEC,eACAC,qBACAC,mBACAC,cACAC,cAEK;AAEP,SAASC,aAAa;AACtB,SAASC,QAAQC,SAAS;AAC1B,SACEC,4BAIK;AACP,SAASC,cAAc;AACvB,SAASC,WAAW;AACpB,SAASC,cAAcC,gBAAgB;AACvC,SAASC,0BAA0B;AACnC,SAASC,YAAYC,aAAaC,qBAAqB;AACvD,SAASC,aAAa;AACtB,SAASC,yBAAqC;;;UAGlCC,eAAAA;;;GAAAA,iBAAAA,eAAAA,CAAAA,EAAAA;AAKL,IAAMC,aAA0C;EACrD,CAAA,wBAAA,GAAyBT;EACzB,CAAA,uBAAA,GAAwBI;AAC1B;AAEO,IAAMM,mBAAmD;EAC9D,CAAA,wBAAA,GAAyB,MAAA;AACvB,UAAMC,OAAOL,MAAMM,MAAMC,SAAS;MAAEC,KAAK;MAAGC,KAAK;IAAE,CAAA;AACnD,WAAO;MAAEJ;MAAMK,SAASlB,OAAOG,UAAU;QAAEe,SAAS;MAAG,CAAA;MAAIC,SAAS,CAAA;IAAG;EACzE;EAEA,CAAA,uBAAA,GAAwB,MAAA;AACtB,UAAMN,OAAOL,MAAMM,MAAMC,SAAS;MAAEC,KAAK;MAAGC,KAAK;IAAE,CAAA;AACnD,WAAO;MACLJ;MACAO,QAAQpB,OAAOK,YAAY;QAAEgB,QAAQd;QAAeW,SAAS,CAAC;MAAE,CAAA;IAClE;EACF;AACF;AAEO,IAAMI,sBAAsD;EACjE,CAAA,wBAAA,GAAyB,OAAOC,QAAQC,WAAAA;AACtC,UAAMC,WAAWhB,kBAAgCc,OAAOL,SAAS;MAAC;KAAU;AAE5E,aAASQ,IAAI,GAAGA,IAAIF,OAAOG,OAAOD,KAAK;AACrC,YAAME,SAASL,OAAOL,SAASA,SAASU,UAAU;AAClDH,eAASI,OAAOC,OAAO,CAACC,QAAAA;AACtBjC,UAAEkC,OACAD,KACAN,SAASQ,KAAKC,MAAK,GACnB,GACAV,OAAOW,oBAAoBP,SAAS,IAAIJ,OAAOY,cAC/C5B,MAAM6B,OAAOC,YAAY;UAAEV,QAAQJ,OAAOY,eAAe;QAAE,CAAA,IAAK,GAAA;MAEpE,CAAA;AAGA,UAAIV,IAAI,QAAQ,KAAKA,MAAMF,OAAOG,QAAQ,GAAG;AAC3C1B,YAAIsC,KAAK,aAAa;UAAEC,aAAad;QAAE,GAAA;;;;;;AACvC,cAAM9B,MAAM,CAAA;MACd;IACF;EACF;EAEA,CAAA,uBAAA,GAAwB,OAAO2B,QAAQC,WAAAA;AACrC,UAAMiB,QAAQ,IAAIrC,mBAAAA;AAClB,UAAMqC,MAAMC,KAAKjC,kBAA8Bc,OAAOH,QAAQ;MAAC;KAAU,CAAA;AACzE,UAAMuB,MAAM,IAAIhD,OAAO;MACrB8C,OAAOA,MAAMA;MACbG,YAAYnD;MACZoD,cAAcrD;MACdsD,OAAOpD;MACPqD,cAAc,MAAMC,SAASC,qBAAqB,MAAA,EAAQ,CAAA;IAC5D,CAAA;AAKA,UAAMC,IAAI;AACV,UAAMC,IAAI;AACV,UAAMC,KAAK;AACX,UAAMC,KAAK;AAEX,aAAS3B,IAAI,GAAGA,IAAIF,OAAOG,OAAOD,KAAK;AACrC,YAAM4B,IAAI5B;AACV,YAAM6B,KAAK7B,IAAI;AACf,YAAM8B,IAAIJ,KAAKD,IAAIG,IAAIJ,IAAIO,KAAKC,IAAIJ,CAAAA;AACpC,YAAMK,IAAIN,KAAKF,IAAIG,IAAIJ,IAAIO,KAAKG,IAAIN,CAAAA;AACpC,YAAMO,KAAKT,KAAKD,IAAII,KAAKL,IAAIO,KAAKC,IAAIH,EAAAA;AACtC,YAAMO,KAAKT,KAAKF,IAAII,KAAKL,IAAIO,KAAKG,IAAIL,EAAAA;AAEtCZ,UAAIoB,YAAY;QACdC,IAAIzE,cAAAA;QACJ0E,UAAU;QACVC,MAAM,CAAC;QACPC,SAAS;QACTC,UAAU;QACVC,OAAO;UACLC,cAAc;UACdC,gBAAgB;UAChBC,MAAM;UACNC,OAAO;UACPC,MAAM;UACNC,OAAO;YAAEnB;YAAGG;UAAE;UACdiB,KAAK;YAAEpB,GAAGK;YAAIF,GAAGG;UAAG;UACpBe,MAAM;UACNC,MAAM;UACNC,YAAY;UACZC,eAAe;UACfC,OAAO;UACPC,MAAM;QACR;QACAC,UAAU;QACVC,MAAM;QACNC,UAAU;QACV7B,GAAG;QACHG,GAAG;MACL,CAAA;AAGA,UAAIjC,IAAI,QAAQ,GAAG;AACjB,cAAM9B,MAAM,CAAA;MACd;IACF;EACF;AACF;AAEO,IAAM0F,6BAA6B,CAACC,UACzC,IAAIxF,qBAAqBwF,OAAO5E,YAAYC,kBAAkBU,mBAAAA;;;ADzHhE,IAAMkE,8BAA8B;AAE7B,IAAMC,gBAGR,CAAC,EAAEC,OAAOC,aAAY,MAAE;AAC3B,QAAMC,YAAYC,QAAQ,MAAMC,2BAA2BJ,KAAAA,GAAQ;IAACA;GAAM;AAE1E,QAAM,CAACK,iBAAiBC,kBAAAA,IAAsBC,SAAgC;IAC5E;MACEC,SAAS;MACTC,QAAQC,aAAaC;MACrBC,cAAc;MACdC,gBAAgB;MAChBC,cAAc;MACdC,kBAAkB;IACpB;IACA;MACEP,SAAS;MACTC,QAAQC,aAAaM;MACrBJ,cAAc;MACdC,gBAAgB;MAChBC,cAAc;MACdC,kBAAkB;IACpB;GACD;AAED,QAAME,eAAe,YAAA;AACnB,eAAWC,UAAUb,iBAAiB;AACpC,UAAI,CAACa,OAAOV,SAAS;AACnB;MACF;AACA,UAAIW,iBAAiB;AACrB,aAAOA,iBAAiBD,OAAON,cAAc;AAC3C,cAAMQ,UAAW,MAAMlB,UAAUmB,cAAc;UAC7C,CAACH,OAAOT,MAAM,GAAGa,KAAKC,IAAIzB,6BAA6BoB,OAAON,eAAeO,cAAAA;QAC/E,CAAA;AAEA,cAAMjB,UAAUsB,cAAcJ,SAAS;UACrCK,OAAOP,OAAOL;UACdC,cAAcI,OAAOJ;UACrBC,kBAAkBG,OAAOH;QAC3B,CAAA;AACAI,0BAAkBC,QAAQM;AAC1BzB,uBAAemB,OAAAA;MACjB;IACF;AACA,UAAMpB,MAAM2B,GAAGC,MAAK;EACtB;AACA,QAAMC,oBAAoB,CAACC,KAA0BC,KAAaC,UAAAA;AAChE,UAAMC,aAAa;SAAI5B;;AACvB6B,WAAOC,OAAOF,WAAWG,KAAK,CAACC,WAAWA,OAAO5B,WAAWqB,IAAIrB,MAAM,GAAI;MAAE,CAACsB,GAAAA,GAAMC;IAAM,CAAA;AACzF1B,uBAAmB2B,UAAAA;EACrB;AAEA,QAAM,EAAEK,QAAQC,QAAO,IAAKC,oBAAAA;AAC5B,QAAMC,UAAiD;IACrDH,OAAOI,SAAS,WAAWH,QAAQI,OAAO;MAAEC,OAAO;MAAWC,UAAUhB;IAAkB,CAAA,CAAA;IAC1FS,OAAOI,SAAS,UAAUH,QAAQO,OAAO;MAAEC,YAAY;MAAaH,OAAO;IAAS,CAAA,CAAA;IACpFN,OAAOI,SAAS,gBAAgBH,QAAQS,OAAO;MAAEJ,OAAO;MAAWC,UAAUhB;IAAkB,CAAA,CAAA;IAC/FS,OAAOI,SAAS,kBAAkBH,QAAQS,OAAO;MAAEJ,OAAO;MAAaC,UAAUhB;IAAkB,CAAA,CAAA;IACnGS,OAAOI,SAAS,gBAAgBH,QAAQS,OAAO;MAAEJ,OAAO;MAAaC,UAAUhB;IAAkB,CAAA,CAAA;IACjGS,OAAOI,SAAS,oBAAoBH,QAAQS,OAAO;MAAEJ,OAAO;MAAUC,UAAUhB;IAAkB,CAAA,CAAA;;AAGpG,SACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACoB,iBAAAA;IAAgBC,SAAS;KACxB,sBAAA,cAACC,MAAMC,MAAI,MACT,sBAAA,cAACD,MAAME,UAAQ,MACb,sBAAA,cAACF,MAAMG,MAAI;IAAsBb;IAAkBc,MAAMlD;SAI/D,sBAAA,cAACmD,QAAAA;IAAOC,SAASxC;KAAc,QAAA,CAAA;AAGrC;;;ADjEA,IAAMyC,gBAAgB;AACtB,IAAMC,iBAAiB;AACvB,IAAMC,iBAAiB;AAGvB,IAAMC,aAAa,MAAA;AACjB,QAAM,CAACC,QAAQC,SAAAA,IAAaC,UAAS,CAAC,CAAA;AACtC,SAAO;IAACF;IAAQ,MAAMC,UAAU,CAAC,CAAA;;AACnC;AAEA,IAAME,aAGD,CAAC,EAAEC,OAAOC,aAAY,MAAE;AAC3B,QAAM,EAAEC,QAAO,IAAKC,mBAAmBH,OAAOI,GAAAA;AAC9C,QAAMC,SAASC,UAAAA;AACf,QAAM,CAACC,MAAMC,OAAAA,IAAWV,UAAc,CAAC,CAAA;AAEvC,QAAM,CAACF,QAAQa,YAAAA,IAAgBd,WAAAA;AAC/Be,iBACE,OAAOC,cAAAA;AACL,UAAMJ,QAAO,MAAMF,OAAOO,YAAY;MAAEC,UAAU;IAAK,CAAA;AACvD,QAAIF,UAAAA,GAAa;AACfH,cACED,OAAMK,aAAaE,QAAQC,KAAK,CAAC,EAAEX,IAAG,MAAO;AAC3C,eAAOJ,MAAMI,IAAIY,MAAK,EAAGC,WAAWb,GAAAA;MACtC,CAAA,CAAA;IAEJ;EACF,GACA;IAACJ;IAAOJ;GAAO;AAGjB,QAAMsB,WAAWC,gBAAAA;AACjB,QAAMC,aAAa,YAAA;AACjBF,aACE,IAAIG,KAAK;MAACC,KAAKC,UAAUhB,MAAMiB,QAAW,CAAA;OAAK;MAAEC,MAAM;IAAa,CAAA,GACpE,IAAG,oBAAIC,KAAAA,GAAOC,YAAW,EAAGC,QAAQ,OAAO,GAAA,CAAA,OAAW;EAE1D;AAEA,QAAM,CAACC,eAAeC,gBAAAA,IAAoBhC,UAASiC,OAAOvC,aAAAA,CAAAA;AAC1D,QAAM,CAACwC,kBAAkBC,mBAAAA,IAAuBnC,UAASiC,OAAOtC,cAAAA,CAAAA;AAChE,QAAM,CAACyC,gBAAgBC,iBAAAA,IAAqBrC,UAASiC,OAAOrC,cAAAA,CAAAA;AAE5D,QAAM0C,YAAYC,SAAQ,MAAMC,2BAA2BtC,KAAAA,GAAQ;IAACA;GAAM;AAG1E,QAAM,EAAEuC,SAASC,OAAOC,KAAI,IAAKC,WAAWC,YAAAA;AAC5C,QAAMC,sBAAsB,MAAA;AAC1B,QAAIL,SAAS;AACXE,WAAAA;AACAhC,mBAAAA;IACF,OAAO;AACL+B,YACE,YAAA;AACE,cAAM,EAAEK,QAAO,IAAK,MAAM7C,MAAM8C,GAAGC,MAAMC,OAAOC,OAAOC,aAAAA,CAAAA,EAAeC,IAAG;AACzE,YAAIN,QAAQO,QAAQ;AAClB,gBAAMC,SAASC,OAAMC,QAAQC,aAAaX,OAAAA;AAC1C,gBAAMT,UAAUqB,aAAaJ,QAAQ;YAAEK,OAAO;YAAIC,cAAc;YAAIC,kBAAkB;UAAK,CAAA;QAC7F;MACF,GACA;QACEF,OAAOG,aAAahC,aAAAA,KAAkB;QACtCiC,UAAUD,aAAa7B,gBAAAA,KAAqB;QAC5C+B,QAAQF,aAAa3B,cAAAA,KAAmB;MAC1C,CAAA;IAEJ;EACF;AAEA,QAAM8B,yBAAyB,MAAA;AAC7B,UAAMC,aAAajE,MAAMkE,MAAM;MAC7BzC,MAAM0C,WAAWC,KAAKC;MACtBC,YAAYH,WAAWI,WAAWC;MAClCC,UAAU;IACZ,CAAA;AAIAvE,YAAQ+D,UAAAA;AACR,UAAMS,OAAOC,kBAAkBC,OAAOX,WAAWY,IAAG,CAAA;AACpD,QAAIC,IAAIC,OAAOC,MAAM,EAAEC,aAAaC,IAAI,uBAAuBR,IAAAA;AAC/D,UAAMS,MAAM,GAAGJ,OAAOC,MAAM,wBAAwBN,IAAAA;AACpD,SAAKU,UAAUC,UAAUC,UAAUH,GAAAA;EACrC;AAEA,QAAMI,oBAAoB,YAAA;AACxB,UAAMvF,MAAMwF,SAASC,YAAW;AAChChF,iBAAAA;EACF;AAEA,SACE,gBAAAiF,OAAA,cAACC,YAAAA;IACCC,MACE,gBAAAF,OAAA,cAAAA,OAAA,UAAA,MACE,gBAAAA,OAAA,cAACG,OAAAA;MAAIC,WAAU;MAAWC,OAAM;OAC9B,gBAAAL,OAAA,cAACM,MAAMC,MAAI,MACT,gBAAAP,OAAA,cAACM,MAAME,WAAS;MACdC,cAAa;MACbC,MAAM;MACNC,YAAW;MACXC,aAAY;MACZC,OAAO1E;MACP2E,UAAU,CAAC,EAAEC,QAAQ,EAAEF,MAAK,EAAE,MAAOzE,iBAAiByE,KAAAA;SAG1D,gBAAAb,OAAA,cAACgB,MAAAA;MAAKZ,WAAWa,GAAG,gDAAgDC,QAAQ,CAAA,CAAA;SAE9E,gBAAAlB,OAAA,cAACG,OAAAA;MAAIC,WAAU;MAAWC,OAAM;OAC9B,gBAAAL,OAAA,cAACM,MAAMC,MAAI,MACT,gBAAAP,OAAA,cAACM,MAAME,WAAS;MACdC,cAAa;MACbC,MAAM;MACNC,YAAW;MACXC,aAAY;MACZC,OAAOvE;MACPwE,UAAU,CAAC,EAAEC,QAAQ,EAAEF,MAAK,EAAE,MAAOtE,oBAAoBsE,KAAAA;SAG7D,gBAAAb,OAAA,cAACmB,OAAAA;MAAMf,WAAWa,GAAG,gDAAgDC,QAAQ,CAAA,CAAA;SAE/E,gBAAAlB,OAAA,cAACG,OAAAA;MAAIC,WAAU;MAAWC,OAAM;OAC9B,gBAAAL,OAAA,cAACM,MAAMC,MAAI,MACT,gBAAAP,OAAA,cAACM,MAAME,WAAS;MACdC,cAAa;MACbC,MAAM;MACNC,YAAW;MACXC,aAAY;MACZC,OAAOrE;MACPsE,UAAU,CAAC,EAAEC,QAAQ,EAAEF,MAAK,EAAE,MAAOpE,kBAAkBoE,KAAAA;SAG3D,gBAAAb,OAAA,cAACoB,WAAAA;MAAUhB,WAAWa,GAAG,gDAAgDC,QAAQ,CAAA,CAAA;SAEnF,gBAAAlB,OAAA,cAACqB,SAAAA;MAAOC,SAASpE;OACdL,UAAU,gBAAAmD,OAAA,cAACuB,UAAAA;MAASnB,WAAWc,QAAQ,CAAA;SAAS,gBAAAlB,OAAA,cAACwB,MAAAA;MAAKpB,WAAWc,QAAQ,CAAA;SAE5E,gBAAAlB,OAAA,cAACqB,SAAAA;MAAOC,SAASvG;OACf,gBAAAiF,OAAA,cAACyB,gBAAAA;MAAerB,WAAWc,QAAQ,CAAA;SAErC,gBAAAlB,OAAA,cAACqB,SAAAA;MAAOC,SAAS5F;OACf,gBAAAsE,OAAA,cAAC0B,gBAAAA;MAAetB,WAAWc,QAAQ,CAAA;SAGrC,gBAAAlB,OAAA,cAACG,OAAAA;MAAIC,WAAU;QACf,gBAAAJ,OAAA,cAACqB,SAAAA;MAAOC,SAASzB;MAAmBQ,OAAM;OACxC,gBAAAL,OAAA,cAAC2B,aAAAA;MAAYvB,WAAWa,GAAGC,QAAQ,CAAA,CAAA;SAErC,gBAAAlB,OAAA,cAACqB,SAAAA;MAAOC,SAAShD;MAAwB+B,OAAM;OAC7C,gBAAAL,OAAA,cAAC4B,gBAAAA;MAAexB,WAAWa,GAAGC,QAAQ,CAAA,GAAI,eAAA;;KAKhD,gBAAAlB,OAAA,cAAC6B,eAAAA;IAAcvH;IAAcC;;AAGnC;AAEA,IAAA,qBAAeF;",
+  "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", "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", "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/{chunk-RYK3J66D.mjs → chunk-G6OQPL2E.mjs}

@@ -1,6 +1,6 @@
 import {
   DEBUG_PLUGIN
-} from "./chunk-WEGYHXMB.mjs";
+} from "./chunk-KXZKF6LX.mjs";
 
 // packages/plugins/experimental/plugin-debug/src/types.ts
 import { createContext } from "react";
@@ -21,4 +21,4 @@ export {
   DebugAction,
   DebugContext
 };
-//# sourceMappingURL=chunk-RYK3J66D.mjs.map
+//# sourceMappingURL=chunk-G6OQPL2E.mjs.map

package/dist/lib/browser/{chunk-WEGYHXMB.mjs → chunk-KXZKF6LX.mjs}

@@ -1,6 +1,4 @@
 // packages/plugins/experimental/plugin-debug/src/meta.tsx
-import { Bug } from "@phosphor-icons/react";
-import React from "react";
 import { pluginMeta } from "@dxos/app-framework";
 var DEBUG_PLUGIN = "dxos.org/plugin/debug";
 var meta_default = pluginMeta({
@@ -10,12 +8,11 @@ var meta_default = pluginMeta({
   tags: [
     "experimental"
   ],
-  iconComponent: (props) => /* @__PURE__ */ React.createElement(Bug, props),
-  iconSymbol: "ph--bug--regular"
+  icon: "ph--bug--regular"
 });
 
 export {
   DEBUG_PLUGIN,
   meta_default
 };
-//# sourceMappingURL=chunk-WEGYHXMB.mjs.map
+//# sourceMappingURL=chunk-KXZKF6LX.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { pluginMeta } from '@dxos/app-framework';\n\nexport const DEBUG_PLUGIN = 'dxos.org/plugin/debug';\n\nexport default pluginMeta({\n  id: DEBUG_PLUGIN,\n  name: 'Debug',\n  description: 'DXOS debugging tools.',\n  tags: ['experimental'],\n  icon: 'ph--bug--regular',\n});\n"],
+  "mappings": ";AAIA,SAASA,kBAAkB;AAEpB,IAAMC,eAAe;AAE5B,IAAA,eAAeC,WAAW;EACxBC,IAAIF;EACJG,MAAM;EACNC,aAAa;EACbC,MAAM;IAAC;;EACPC,MAAM;AACR,CAAA;",
+  "names": ["pluginMeta", "DEBUG_PLUGIN", "pluginMeta", "id", "name", "description", "tags", "icon"]
+}

package/dist/lib/browser/index.mjs

@@ -1,17 +1,17 @@
 import {
   DebugAction,
   DebugContext
-} from "./chunk-RYK3J66D.mjs";
+} from "./chunk-G6OQPL2E.mjs";
 import {
   DEBUG_PLUGIN,
   meta_default
-} from "./chunk-WEGYHXMB.mjs";
+} from "./chunk-KXZKF6LX.mjs";
 
 // packages/plugins/experimental/plugin-debug/src/DebugPlugin.tsx
-import { Bug, Hammer } from "@phosphor-icons/react";
 import React5, { useEffect as useEffect3, useState as useState3 } from "react";
 import { getPlugin, parseGraphPlugin as parseGraphPlugin2, parseIntentPlugin, resolvePlugin } from "@dxos/app-framework";
 import { Timer } from "@dxos/async";
+import { Devtools } from "@dxos/devtools";
 import { LocalStorageStore } from "@dxos/local-storage";
 import { createExtension, Graph } from "@dxos/plugin-graph";
 import { SpaceAction } from "@dxos/plugin-space";
@@ -362,9 +362,8 @@ var Wireframe = ({ label, data, className }) => {
 };
 
 // packages/plugins/experimental/plugin-debug/src/components/index.ts
-var DebugGlobal = React4.lazy(() => import("./DebugGlobal-H37KGFEG.mjs"));
-var DebugSpace = React4.lazy(() => import("./DebugSpace-KDKLS264.mjs"));
-var DevtoolsMain = React4.lazy(() => import("./DevtoolsMain-DTAWVF22.mjs"));
+var DebugGlobal = React4.lazy(() => import("./DebugGlobal-H56M2VL4.mjs"));
+var DebugSpace = React4.lazy(() => import("./DebugSpace-J4YF3H67.mjs"));
 
 // packages/plugins/experimental/plugin-debug/src/translations.ts
 var translations_default = [
@@ -483,8 +482,7 @@ var DebugPlugin = () => {
                         ns: DEBUG_PLUGIN
                       }
                     ],
-                    icon: (props) => /* @__PURE__ */ React5.createElement(Hammer, props),
-                    iconSymbol: "ph--hammer--regular"
+                    icon: "ph--hammer--regular"
                   }
                 }
               ]
@@ -507,8 +505,7 @@ var DebugPlugin = () => {
                         ns: DEBUG_PLUGIN
                       }
                     ],
-                    icon: (props) => /* @__PURE__ */ React5.createElement(Bug, props),
-                    iconSymbol: "ph--bug--regular"
+                    icon: "ph--bug--regular"
                   }
                 }
               ]
@@ -533,8 +530,7 @@ var DebugPlugin = () => {
                           ns: DEBUG_PLUGIN
                         }
                       ],
-                      icon: (props) => /* @__PURE__ */ React5.createElement(Bug, props),
-                      iconSymbol: "ph--bug--regular"
+                      icon: "ph--bug--regular"
                     }
                   }
                 ];
@@ -579,7 +575,7 @@ var DebugPlugin = () => {
           let component;
           if (role === "main" || role === "article") {
             if (primary === "devtools" && settings.values.devtools) {
-              component = /* @__PURE__ */ React5.createElement(DevtoolsMain, null);
+              component = /* @__PURE__ */ React5.createElement(Devtools, null);
             } else if (!primary || typeof primary !== "object" || !settings.values.debug) {
               component = null;
             } else if ("space" in primary && isSpace(primary.space)) {