@dxos/plugin-debug 0.7.2 → 0.7.3-staging.0905f03

package/dist/lib/browser/{DebugSpace-ZLGGNDAR.mjs → DebugSpace-DHKEAMIC.mjs}

@@ -105,7 +105,7 @@ var ObjectCreator = ({ space, onAddObjects }) => {
     columns,
     data: objects
   }))), /* @__PURE__ */ React.createElement(Toolbar.Root, {
-    classNames: "p-2"
+    classNames: "p-1"
   }, /* @__PURE__ */ React.createElement(IconButton, {
     icon: "ph--plus--regular",
     label: "Create",
@@ -231,7 +231,7 @@ var DebugSpace = ({ space, onAddObjects }) => {
       value: mutationJitter,
       onChange: ({ target: { value } }) => setMutationJitter(value)
     }), /* @__PURE__ */ React2.createElement(IconButton2, {
-      icon: running ? "ph--hand-palm--regular" : "ph--play--regular",
+      icon: running ? "ph--pause-circle--regular" : "ph--play-circle--regular",
       iconOnly: true,
       label: "Start/stop",
       size: 5,
@@ -273,4 +273,4 @@ var DebugSpace_default = DebugSpace;
 export {
   DebugSpace_default as default
 };
-//# sourceMappingURL=DebugSpace-ZLGGNDAR.mjs.map
+//# sourceMappingURL=DebugSpace-DHKEAMIC.mjs.map

package/dist/lib/browser/{DebugSpace-ZLGGNDAR.mjs.map → DebugSpace-DHKEAMIC.mjs.map}

@@ -1,7 +1,7 @@
 {
   "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/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 { 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--hand-palm--regular' : 'ph--play--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-2'>\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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",
+  "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"]
 }

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/SpaceGenerator/SpaceGenerator.tsx", "../../../src/components/SpaceGenerator/ObjectGenerator.tsx", "../../../src/components/SpaceGenerator/SchemaTable.tsx", "../../../src/components/SpaceGenerator/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport { type ReactiveObject } from '@dxos/live-object';\nimport { DocumentType } from '@dxos/plugin-markdown/types';\nimport { SheetType } from '@dxos/plugin-sheet/types';\nimport { DiagramType } from '@dxos/plugin-sketch/types';\nimport { useClient } from '@dxos/react-client';\nimport { getTypename, type Space } from '@dxos/react-client/echo';\nimport { IconButton, Input, Toolbar, useAsyncEffect } from '@dxos/react-ui';\nimport { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';\nimport { Testing } from '@dxos/schema/testing';\nimport { jsonKeyReplacer, sortKeys } from '@dxos/util';\n\nimport { type ObjectGenerator, createGenerator, staticGenerators } from './ObjectGenerator';\nimport { SchemaTable } from './SchemaTable';\n\nexport type SpaceGeneratorProps = {\n  space: Space;\n  onCreateObjects?: (objects: ReactiveObject<any>[]) => void;\n};\n\nexport const SpaceGenerator = ({ space, onCreateObjects }: SpaceGeneratorProps) => {\n  const client = useClient();\n  const staticTypes = [DocumentType, DiagramType, SheetType]; // TODO(burdon): Make extensible.\n  const mutableTypes = [Testing.OrgType, Testing.ProjectType, Testing.ContactType];\n  const [count, setCount] = useState(1);\n  const [info, setInfo] = useState<any>({});\n\n  // Create type generators.\n  const typeMap = useMemo(() => {\n    client.addTypes(staticTypes);\n    const mutableGenerators = new Map<string, ObjectGenerator<any>>(\n      mutableTypes.map((type) => [type.typename, createGenerator(type)]),\n    );\n\n    return new Map([...staticGenerators, ...mutableGenerators]);\n  }, [client, mutableTypes]);\n\n  // Query space to get info.\n  const updateInfo = async () => {\n    // Create schema map.\n    const mutableSchema = await space.db.schemaRegistry.query();\n    const staticSchema = space.db.graph.schemaRegistry.schemas;\n\n    // Create object map.\n    const { objects } = await space.db.query().run();\n    const objectMap = sortKeys(\n      objects.reduce<Record<string, number>>((map, obj) => {\n        const type = getTypename(obj);\n        if (type) {\n          const count = map[type] ?? 0;\n          map[type] = count + 1;\n        }\n        return map;\n      }, {}),\n    );\n\n    setInfo({\n      schema: {\n        static: staticSchema.length,\n        mutable: mutableSchema.length,\n      },\n      objects: objectMap,\n    });\n  };\n\n  useAsyncEffect(updateInfo, [space]);\n\n  const handleCreateData = useCallback(\n    async (typename: string) => {\n      const constructor = typeMap.get(typename);\n      if (constructor) {\n        // TODO(burdon): Input to specify number of objects.\n        await constructor(space, count, onCreateObjects);\n        await updateInfo();\n      }\n    },\n    [typeMap, count],\n  );\n\n  return (\n    <div role='none' className='flex flex-col divide-y divide-separator'>\n      <Toolbar.Root classNames='p-1'>\n        <IconButton icon='ph--arrow-clockwise--regular' iconOnly label='Refresh' onClick={updateInfo} />\n        <Toolbar.Expander />\n        <div className='flex'>\n          <Input.Root>\n            <Input.TextInput\n              type='number'\n              min={1}\n              max={100}\n              placeholder={'Count'}\n              classNames='w-[80px]'\n              value={count}\n              onChange={(ev) => setCount(parseInt(ev.target.value))}\n            />\n          </Input.Root>\n        </div>\n      </Toolbar.Root>\n\n      <SchemaTable types={staticTypes} objects={info.objects} label='Static Types' onClick={handleCreateData} />\n      <SchemaTable types={mutableTypes} objects={info.objects} label='Mutable Types' onClick={handleCreateData} />\n\n      <SyntaxHighlighter classNames='flex text-xs' language='json'>\n        {JSON.stringify({ space, ...info }, jsonKeyReplacer({ truncate: true }), 2)}\n      </SyntaxHighlighter>\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type AbstractSchema, type BaseObject } from '@dxos/echo-schema';\nimport { create, type ReactiveObject } from '@dxos/live-object';\nimport { DocumentType, TextType } from '@dxos/plugin-markdown/types';\nimport { addressToA1Notation, createSheet } from '@dxos/plugin-sheet';\nimport { type CellValue } from '@dxos/plugin-sheet/types';\nimport { SheetType } from '@dxos/plugin-sheet/types';\nimport { CanvasType, DiagramType } from '@dxos/plugin-sketch/types';\nimport { faker } from '@dxos/random';\nimport { Filter, type Space } from '@dxos/react-client/echo';\nimport { TableType } from '@dxos/react-ui-table';\nimport { createView } from '@dxos/schema';\nimport { createAsyncGenerator, type ValueGenerator } from '@dxos/schema/testing';\nimport { range } from '@dxos/util';\n\nconst generator: ValueGenerator = faker as any;\n\n// TODO(burdon): Add objects to collections.\n// TODO(burdon): Create docs.\n// TODO(burdon): Create sketches.\n// TODO(burdon): Create sheets.\n// TODO(burdon): Create comments.\n// TODO(burdon): Reuse in testbench-app.\n// TODO(burdon): Mutator running in background (factor out): from echo-generator.\n\nexport type ObjectGenerator<T extends BaseObject> = (\n  space: Space,\n  n: number,\n  cb?: (objects: ReactiveObject<any>[]) => void,\n) => Promise<ReactiveObject<T>[]>;\n\nexport const staticGenerators = new Map<string, ObjectGenerator<any>>([\n  [\n    DocumentType.typename,\n    async (space, n, cb) => {\n      const objects = range(n).map(() => {\n        const obj = space.db.add(\n          create(DocumentType, {\n            name: faker.commerce.productName(),\n            content: create(TextType, { content: faker.lorem.sentences(5) }),\n            threads: [],\n          }),\n        );\n\n        return obj;\n      });\n\n      cb?.(objects);\n      return objects;\n    },\n  ],\n  [\n    DiagramType.typename,\n    async (space, n, cb) => {\n      const objects = range(n).map(() => {\n        // TODO(burdon): Generate diagram.\n        const obj = space.db.add(\n          create(DiagramType, {\n            name: faker.commerce.productName(),\n            canvas: create(CanvasType, { content: {} }),\n          }),\n        );\n\n        return obj;\n      });\n\n      cb?.(objects);\n      return objects;\n    },\n  ],\n  // TODO(burdon): Create unit tests.\n  [\n    SheetType.typename,\n    async (space, n, cb) => {\n      const objects = range(n).map(() => {\n        const cells: Record<string, CellValue> = {};\n        const year = new Date().getFullYear();\n        const cols = 4;\n        const rows = 16;\n        for (let col = 1; col <= cols; col++) {\n          for (let row = 1; row <= rows; row++) {\n            const cell = addressToA1Notation({ col, row });\n            if (row === 1) {\n              cells[cell] = { value: `${year} Q${col}` };\n            } else if (row === rows) {\n              const from = addressToA1Notation({ col, row: 2 });\n              const to = addressToA1Notation({ col, row: rows - 1 });\n              cells[cell] = { value: `=SUM(${from}:${to})` };\n            } else if (row > 2 && row < rows - 1) {\n              cells[cell] = { value: Math.floor(Math.random() * 10_000) };\n            }\n          }\n        }\n\n        // TODO(burdon): Set width.\n        // TODO(burdon): Set formatting for columns.\n        return space.db.add(\n          createSheet({\n            name: faker.commerce.productName(),\n            cells,\n          }),\n        );\n      });\n\n      cb?.(objects);\n      return objects;\n    },\n  ],\n]);\n\nexport const createGenerator = <T extends BaseObject>(type: AbstractSchema<T>): ObjectGenerator<T> => {\n  return async (\n    space: Space,\n    n: number,\n    cb?: (objects: ReactiveObject<any>[]) => void,\n  ): Promise<ReactiveObject<T>[]> => {\n    // Find or create mutable schema.\n    const mutableSchema = await space.db.schemaRegistry.query();\n    const schema =\n      mutableSchema.find((schema) => schema.typename === type.typename) ?? space.db.schemaRegistry.addSchema(type);\n\n    // Create objects.\n    const generate = createAsyncGenerator(generator, schema.schema, { db: space.db });\n    const objects = await generate.createObjects(n);\n\n    // Find or create table and view.\n    const { objects: tables } = await space.db.query(Filter.schema(TableType)).run();\n    const table = tables.find((table) => table.view?.query?.type === type.typename);\n    if (!table) {\n      const name = type.typename.split('/').pop() ?? type.typename;\n      const view = createView({ name, typename: type.typename, jsonSchema: schema.jsonSchema });\n      const table = space.db.add(create(TableType, { name, view }));\n      cb?.([table]);\n    }\n\n    return objects;\n  };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { IconButton } from '@dxos/react-ui';\n\nexport type SchemaTableProps = {\n  types: any[];\n  objects?: Record<string, number | undefined>;\n  label: string;\n  onClick: (typename: string) => void;\n};\n\nexport const SchemaTable = ({ types, objects = {}, label, onClick }: SchemaTableProps) => {\n  return (\n    <div className='grid grid-cols-[1fr_80px_40px] gap-1 overflow-hidden'>\n      <div className='grid grid-cols-subgrid col-span-3'>\n        <div className='px-2 text-sm text-primary-500'>{label}</div>\n        <div className='px-2 text-xs text-subdued text-right'>count</div>\n      </div>\n      {types.map((type) => (\n        <div key={type.typename} className='grid grid-cols-subgrid col-span-3 items-center'>\n          <div className='px-2 text-sm font-mono text-green-500'>{type.typename}</div>\n          <div className='px-2 text-right font-mono'>{objects[type.typename] ?? 0}</div>\n          <IconButton\n            variant='ghost'\n            icon='ph--plus--regular'\n            iconOnly\n            label='Create data'\n            onClick={() => onClick(type.typename)}\n          />\n        </div>\n      ))}\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { SpaceGenerator } from './SpaceGenerator';\n\nexport default SpaceGenerator;\n"],
+  "mappings": ";AAIA,OAAOA,UAASC,aAAaC,SAASC,gBAAgB;AAGtD,SAASC,gBAAAA,qBAAoB;AAC7B,SAASC,aAAAA,kBAAiB;AAC1B,SAASC,eAAAA,oBAAmB;AAC5B,SAASC,iBAAiB;AAC1B,SAASC,mBAA+B;AACxC,SAASC,cAAAA,aAAYC,OAAOC,SAASC,sBAAsB;AAC3D,SAASC,yBAAyB;AAClC,SAASC,eAAe;AACxB,SAASC,iBAAiBC,gBAAgB;;;ACV1C,SAASC,cAAmC;AAC5C,SAASC,cAAcC,gBAAgB;AACvC,SAASC,qBAAqBC,mBAAmB;AAEjD,SAASC,iBAAiB;AAC1B,SAASC,YAAYC,mBAAmB;AACxC,SAASC,aAAa;AACtB,SAASC,cAA0B;AACnC,SAASC,iBAAiB;AAC1B,SAASC,kBAAkB;AAC3B,SAASC,4BAAiD;AAC1D,SAASC,aAAa;AAEtB,IAAMC,YAA4BC;AAgB3B,IAAMC,mBAAmB,oBAAIC,IAAkC;EACpE;IACEC,aAAaC;IACb,OAAOC,OAAOC,GAAGC,OAAAA;AACf,YAAMC,UAAUC,MAAMH,CAAAA,EAAGI,IAAI,MAAA;AAC3B,cAAMC,MAAMN,MAAMO,GAAGC,IACnBC,OAAOX,cAAc;UACnBY,MAAMf,MAAMgB,SAASC,YAAW;UAChCC,SAASJ,OAAOK,UAAU;YAAED,SAASlB,MAAMoB,MAAMC,UAAU,CAAA;UAAG,CAAA;UAC9DC,SAAS,CAAA;QACX,CAAA,CAAA;AAGF,eAAOX;MACT,CAAA;AAEAJ,WAAKC,OAAAA;AACL,aAAOA;IACT;;EAEF;IACEe,YAAYnB;IACZ,OAAOC,OAAOC,GAAGC,OAAAA;AACf,YAAMC,UAAUC,MAAMH,CAAAA,EAAGI,IAAI,MAAA;AAE3B,cAAMC,MAAMN,MAAMO,GAAGC,IACnBC,OAAOS,aAAa;UAClBR,MAAMf,MAAMgB,SAASC,YAAW;UAChCO,QAAQV,OAAOW,YAAY;YAAEP,SAAS,CAAC;UAAE,CAAA;QAC3C,CAAA,CAAA;AAGF,eAAOP;MACT,CAAA;AAEAJ,WAAKC,OAAAA;AACL,aAAOA;IACT;;;EAGF;IACEkB,UAAUtB;IACV,OAAOC,OAAOC,GAAGC,OAAAA;AACf,YAAMC,UAAUC,MAAMH,CAAAA,EAAGI,IAAI,MAAA;AAC3B,cAAMiB,QAAmC,CAAC;AAC1C,cAAMC,QAAO,oBAAIC,KAAAA,GAAOC,YAAW;AACnC,cAAMC,OAAO;AACb,cAAMC,OAAO;AACb,iBAASC,MAAM,GAAGA,OAAOF,MAAME,OAAO;AACpC,mBAASC,MAAM,GAAGA,OAAOF,MAAME,OAAO;AACpC,kBAAMC,OAAOC,oBAAoB;cAAEH;cAAKC;YAAI,CAAA;AAC5C,gBAAIA,QAAQ,GAAG;AACbP,oBAAMQ,IAAAA,IAAQ;gBAAEE,OAAO,GAAGT,IAAAA,KAASK,GAAAA;cAAM;YAC3C,WAAWC,QAAQF,MAAM;AACvB,oBAAMM,OAAOF,oBAAoB;gBAAEH;gBAAKC,KAAK;cAAE,CAAA;AAC/C,oBAAMK,KAAKH,oBAAoB;gBAAEH;gBAAKC,KAAKF,OAAO;cAAE,CAAA;AACpDL,oBAAMQ,IAAAA,IAAQ;gBAAEE,OAAO,QAAQC,IAAAA,IAAQC,EAAAA;cAAM;YAC/C,WAAWL,MAAM,KAAKA,MAAMF,OAAO,GAAG;AACpCL,oBAAMQ,IAAAA,IAAQ;gBAAEE,OAAOG,KAAKC,MAAMD,KAAKE,OAAM,IAAK,GAAA;cAAQ;YAC5D;UACF;QACF;AAIA,eAAOrC,MAAMO,GAAGC,IACd8B,YAAY;UACV5B,MAAMf,MAAMgB,SAASC,YAAW;UAChCU;QACF,CAAA,CAAA;MAEJ,CAAA;AAEApB,WAAKC,OAAAA;AACL,aAAOA;IACT;;CAEH;AAEM,IAAMoC,kBAAkB,CAAuBC,SAAAA;AACpD,SAAO,OACLxC,OACAC,GACAC,OAAAA;AAGA,UAAMuC,gBAAgB,MAAMzC,MAAMO,GAAGmC,eAAeC,MAAK;AACzD,UAAMC,SACJH,cAAcI,KAAK,CAACD,YAAWA,QAAO7C,aAAayC,KAAKzC,QAAQ,KAAKC,MAAMO,GAAGmC,eAAeI,UAAUN,IAAAA;AAGzG,UAAMO,WAAWC,qBAAqBtD,WAAWkD,OAAOA,QAAQ;MAAErC,IAAIP,MAAMO;IAAG,CAAA;AAC/E,UAAMJ,UAAU,MAAM4C,SAASE,cAAchD,CAAAA;AAG7C,UAAM,EAAEE,SAAS+C,OAAM,IAAK,MAAMlD,MAAMO,GAAGoC,MAAMQ,OAAOP,OAAOQ,SAAAA,CAAAA,EAAYC,IAAG;AAC9E,UAAMC,QAAQJ,OAAOL,KAAK,CAACS,WAAUA,OAAMC,MAAMZ,OAAOH,SAASA,KAAKzC,QAAQ;AAC9E,QAAI,CAACuD,OAAO;AACV,YAAM5C,OAAO8B,KAAKzC,SAASyD,MAAM,GAAA,EAAKC,IAAG,KAAMjB,KAAKzC;AACpD,YAAMwD,OAAOG,WAAW;QAAEhD;QAAMX,UAAUyC,KAAKzC;QAAU4D,YAAYf,OAAOe;MAAW,CAAA;AACvF,YAAML,SAAQtD,MAAMO,GAAGC,IAAIC,OAAO2C,WAAW;QAAE1C;QAAM6C;MAAK,CAAA,CAAA;AAC1DrD,WAAK;QAACoD;OAAM;IACd;AAEA,WAAOnD;EACT;AACF;;;ACxIA,OAAOyD,WAAW;AAElB,SAASC,kBAAkB;AASpB,IAAMC,cAAc,CAAC,EAAEC,OAAOC,UAAU,CAAC,GAAGC,OAAOC,QAAO,MAAoB;AACnF,SACE,sBAAA,cAACC,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACD,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACD,OAAAA;IAAIC,WAAU;KAAiCH,KAAAA,GAChD,sBAAA,cAACE,OAAAA;IAAIC,WAAU;KAAuC,OAAA,CAAA,GAEvDL,MAAMM,IAAI,CAACC,SACV,sBAAA,cAACH,OAAAA;IAAII,KAAKD,KAAKE;IAAUJ,WAAU;KACjC,sBAAA,cAACD,OAAAA;IAAIC,WAAU;KAAyCE,KAAKE,QAAQ,GACrE,sBAAA,cAACL,OAAAA;IAAIC,WAAU;KAA6BJ,QAAQM,KAAKE,QAAQ,KAAK,CAAA,GACtE,sBAAA,cAACC,YAAAA;IACCC,SAAQ;IACRC,MAAK;IACLC,UAAAA;IACAX,OAAM;IACNC,SAAS,MAAMA,QAAQI,KAAKE,QAAQ;;AAMhD;;;AFZO,IAAMK,iBAAiB,CAAC,EAAEC,OAAOC,gBAAe,MAAuB;AAC5E,QAAMC,SAASC,UAAAA;AACf,QAAMC,cAAc;IAACC;IAAcC;IAAaC;;AAChD,QAAMC,eAAe;IAACC,QAAQC;IAASD,QAAQE;IAAaF,QAAQG;;AACpE,QAAM,CAACC,OAAOC,QAAAA,IAAYC,SAAS,CAAA;AACnC,QAAM,CAACC,MAAMC,OAAAA,IAAWF,SAAc,CAAC,CAAA;AAGvC,QAAMG,UAAUC,QAAQ,MAAA;AACtBjB,WAAOkB,SAAShB,WAAAA;AAChB,UAAMiB,oBAAoB,IAAIC,IAC5Bd,aAAae,IAAI,CAACC,SAAS;MAACA,KAAKC;MAAUC,gBAAgBF,IAAAA;KAAM,CAAA;AAGnE,WAAO,IAAIF,IAAI;SAAIK;SAAqBN;KAAkB;EAC5D,GAAG;IAACnB;IAAQM;GAAa;AAGzB,QAAMoB,aAAa,YAAA;AAEjB,UAAMC,gBAAgB,MAAM7B,MAAM8B,GAAGC,eAAeC,MAAK;AACzD,UAAMC,eAAejC,MAAM8B,GAAGI,MAAMH,eAAeI;AAGnD,UAAM,EAAEC,QAAO,IAAK,MAAMpC,MAAM8B,GAAGE,MAAK,EAAGK,IAAG;AAC9C,UAAMC,YAAYC,SAChBH,QAAQI,OAA+B,CAACjB,KAAKkB,QAAAA;AAC3C,YAAMjB,OAAOkB,YAAYD,GAAAA;AACzB,UAAIjB,MAAM;AACR,cAAMX,SAAQU,IAAIC,IAAAA,KAAS;AAC3BD,YAAIC,IAAAA,IAAQX,SAAQ;MACtB;AACA,aAAOU;IACT,GAAG,CAAC,CAAA,CAAA;AAGNN,YAAQ;MACN0B,QAAQ;QACNC,QAAQX,aAAaY;QACrBC,SAASjB,cAAcgB;MACzB;MACAT,SAASE;IACX,CAAA;EACF;AAEAS,iBAAenB,YAAY;IAAC5B;GAAM;AAElC,QAAMgD,mBAAmBC,YACvB,OAAOxB,aAAAA;AACL,UAAMyB,cAAchC,QAAQiC,IAAI1B,QAAAA;AAChC,QAAIyB,aAAa;AAEf,YAAMA,YAAYlD,OAAOa,OAAOZ,eAAAA;AAChC,YAAM2B,WAAAA;IACR;EACF,GACA;IAACV;IAASL;GAAM;AAGlB,SACE,gBAAAuC,OAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,gBAAAH,OAAA,cAACI,QAAQC,MAAI;IAACC,YAAW;KACvB,gBAAAN,OAAA,cAACO,aAAAA;IAAWC,MAAK;IAA+BC,UAAAA;IAASC,OAAM;IAAUC,SAASnC;MAClF,gBAAAwB,OAAA,cAACI,QAAQQ,UAAQ,IAAA,GACjB,gBAAAZ,OAAA,cAACC,OAAAA;IAAIE,WAAU;KACb,gBAAAH,OAAA,cAACa,MAAMR,MAAI,MACT,gBAAAL,OAAA,cAACa,MAAMC,WAAS;IACd1C,MAAK;IACL2C,KAAK;IACLC,KAAK;IACLC,aAAa;IACbX,YAAW;IACXY,OAAOzD;IACP0D,UAAU,CAACC,OAAO1D,SAAS2D,SAASD,GAAGE,OAAOJ,KAAK,CAAA;SAM3D,gBAAAlB,OAAA,cAACuB,aAAAA;IAAYC,OAAOxE;IAAagC,SAASpB,KAAKoB;IAAS0B,OAAM;IAAeC,SAASf;MACtF,gBAAAI,OAAA,cAACuB,aAAAA;IAAYC,OAAOpE;IAAc4B,SAASpB,KAAKoB;IAAS0B,OAAM;IAAgBC,SAASf;MAExF,gBAAAI,OAAA,cAACyB,mBAAAA;IAAkBnB,YAAW;IAAeoB,UAAS;KACnDC,KAAKC,UAAU;IAAEhF;IAAO,GAAGgB;EAAK,GAAGiE,gBAAgB;IAAEC,UAAU;EAAK,CAAA,GAAI,CAAA,CAAA,CAAA;AAIjF;;;AG1GA,IAAA,yBAAeC;",
+  "names": ["React", "useCallback", "useMemo", "useState", "DocumentType", "SheetType", "DiagramType", "useClient", "getTypename", "IconButton", "Input", "Toolbar", "useAsyncEffect", "SyntaxHighlighter", "Testing", "jsonKeyReplacer", "sortKeys", "create", "DocumentType", "TextType", "addressToA1Notation", "createSheet", "SheetType", "CanvasType", "DiagramType", "faker", "Filter", "TableType", "createView", "createAsyncGenerator", "range", "generator", "faker", "staticGenerators", "Map", "DocumentType", "typename", "space", "n", "cb", "objects", "range", "map", "obj", "db", "add", "create", "name", "commerce", "productName", "content", "TextType", "lorem", "sentences", "threads", "DiagramType", "canvas", "CanvasType", "SheetType", "cells", "year", "Date", "getFullYear", "cols", "rows", "col", "row", "cell", "addressToA1Notation", "value", "from", "to", "Math", "floor", "random", "createSheet", "createGenerator", "type", "mutableSchema", "schemaRegistry", "query", "schema", "find", "addSchema", "generate", "createAsyncGenerator", "createObjects", "tables", "Filter", "TableType", "run", "table", "view", "split", "pop", "createView", "jsonSchema", "React", "IconButton", "SchemaTable", "types", "objects", "label", "onClick", "div", "className", "map", "type", "key", "typename", "IconButton", "variant", "icon", "iconOnly", "SpaceGenerator", "space", "onCreateObjects", "client", "useClient", "staticTypes", "DocumentType", "DiagramType", "SheetType", "mutableTypes", "Testing", "OrgType", "ProjectType", "ContactType", "count", "setCount", "useState", "info", "setInfo", "typeMap", "useMemo", "addTypes", "mutableGenerators", "Map", "map", "type", "typename", "createGenerator", "staticGenerators", "updateInfo", "mutableSchema", "db", "schemaRegistry", "query", "staticSchema", "graph", "schemas", "objects", "run", "objectMap", "sortKeys", "reduce", "obj", "getTypename", "schema", "static", "length", "mutable", "useAsyncEffect", "handleCreateData", "useCallback", "constructor", "get", "React", "div", "role", "className", "Toolbar", "Root", "classNames", "IconButton", "icon", "iconOnly", "label", "onClick", "Expander", "Input", "TextInput", "min", "max", "placeholder", "value", "onChange", "ev", "parseInt", "target", "SchemaTable", "types", "SyntaxHighlighter", "language", "JSON", "stringify", "jsonKeyReplacer", "truncate", "SpaceGenerator"]
+}

package/dist/lib/browser/index.mjs

@@ -16,7 +16,7 @@ import { Devtools } from "@dxos/devtools";
 import { invariant } from "@dxos/invariant";
 import { parseClientPlugin } from "@dxos/plugin-client";
 import { createExtension, Graph, toSignal } from "@dxos/plugin-graph";
-import { SpaceAction } from "@dxos/plugin-space";
+import { memoizeQuery, SpaceAction } from "@dxos/plugin-space";
 import { CollectionType } from "@dxos/plugin-space/types";
 import { create, getTypename, isEchoObject, isSpace, parseId, SpaceState } from "@dxos/react-client/echo";
 import { Main } from "@dxos/react-ui";
@@ -30,7 +30,6 @@ import React from "react";
 import { SyntaxHighlighter } from "@dxos/react-ui-syntax-highlighter";
 var DebugObjectPanel = ({ object }) => {
   return /* @__PURE__ */ React.createElement("div", {
-    role: "form",
     className: "flex flex-col"
   }, /* @__PURE__ */ React.createElement(SyntaxHighlighter, {
     classNames: "flex text-xs",
@@ -388,7 +387,8 @@ var Wireframe = ({ classNames, label, object }) => {
 
 // packages/plugins/plugin-debug/src/components/index.ts
 var DebugApp = lazy(() => import("./DebugApp-HCHR6GKO.mjs"));
-var DebugSpace = lazy(() => import("./DebugSpace-ZLGGNDAR.mjs"));
+var DebugSpace = lazy(() => import("./DebugSpace-DHKEAMIC.mjs"));
+var SpaceGenerator = lazy(() => import("./SpaceGenerator-BQ3645OS.mjs"));
 
 // packages/plugins/plugin-debug/src/translations.ts
 var translations_default = [
@@ -498,7 +498,7 @@ var DebugPlugin = definePlugin((context) => {
           const client = clientPlugin?.provides.client;
           invariant(resolve, void 0, {
             F: __dxlog_file3,
-            L: 111,
+            L: 128,
             S: void 0,
             A: [
               "resolve",
@@ -507,7 +507,7 @@ var DebugPlugin = definePlugin((context) => {
           });
           invariant(client, void 0, {
             F: __dxlog_file3,
-            L: 112,
+            L: 129,
             S: void 0,
             A: [
               "client",
@@ -566,12 +566,21 @@ var DebugPlugin = definePlugin((context) => {
               filter: (node) => !!settings.debug && isSpace(node.data),
               connector: ({ node }) => {
                 const space = node.data;
+                const state = toSignal((onChange) => space.state.subscribe(() => onChange()).unsubscribe, () => space.state.get());
+                if (state !== SpaceState.SPACE_READY) {
+                  return;
+                }
+                const collection = space.properties[CollectionType.typename];
+                if (!collection) {
+                  return;
+                }
                 return [
                   {
                     id: `${space.id}-debug`,
                     type: "dxos.org/plugin/debug/space",
                     data: {
-                      space
+                      space,
+                      type: "dxos.org/plugin/debug/space"
                     },
                     properties: {
                       label: [
@@ -597,7 +606,8 @@ var DebugPlugin = definePlugin((context) => {
                 const icon = "ph--bug--regular";
                 const [subjectId] = id.split("~");
                 const { spaceId, objectId } = parseId(subjectId);
-                const space = client.spaces.get().find((space2) => space2.id === spaceId);
+                const spaces = toSignal((onChange) => client.spaces.subscribe(() => onChange()).unsubscribe, () => client.spaces.get());
+                const space = spaces?.find((space2) => space2.state.get() === SpaceState.SPACE_READY && space2.id === spaceId);
                 if (!objectId) {
                   const label2 = space ? space.properties.name || [
                     "unnamed space label",
@@ -623,15 +633,9 @@ var DebugPlugin = definePlugin((context) => {
                     }
                   };
                 }
-                const object = toSignal((onChange) => {
-                  const timeout = setTimeout(async () => {
-                    await space?.db.query({
-                      id: objectId
-                    }).first();
-                    onChange();
-                  });
-                  return () => clearTimeout(timeout);
-                }, () => space?.db.getObjectById(objectId), subjectId);
+                const [object] = memoizeQuery(space, {
+                  id: objectId
+                });
                 if (!object || !subjectId) {
                   return;
                 }
@@ -700,25 +704,30 @@ var DebugPlugin = definePlugin((context) => {
               component = /* @__PURE__ */ React5.createElement(Devtools, null);
             } else if (!primary || typeof primary !== "object" || !settings.debug) {
               component = null;
-            } else if ("space" in primary && isSpace(primary.space)) {
-              component = /* @__PURE__ */ React5.createElement(DebugSpace, {
-                space: primary.space,
-                onAddObjects: (objects) => {
-                  if (!isSpace(primary.space)) {
-                    return;
-                  }
-                  const collection = primary.space.state.get() === SpaceState.SPACE_READY && primary.space.properties[CollectionType.typename];
-                  if (!(collection instanceof CollectionType)) {
-                    return;
-                  }
-                  void context.resolvePlugin(parseIntentPlugin).provides.intent.dispatch(objects.map((object) => ({
-                    action: SpaceAction.ADD_OBJECT,
-                    data: {
-                      target: collection,
-                      object
-                    }
-                  })));
+            } else if ("type" in primary && primary.type === "dxos.org/plugin/debug/space" && "space" in primary && isSpace(primary.space)) {
+              const handleCreateObject = (objects) => {
+                if (!isSpace(primary.space)) {
+                  return;
+                }
+                const collection = primary.space.state.get() === SpaceState.SPACE_READY && primary.space.properties[CollectionType.typename];
+                if (!(collection instanceof CollectionType)) {
+                  return;
                 }
+                void context.resolvePlugin(parseIntentPlugin).provides.intent.dispatch(objects.map((object) => ({
+                  action: SpaceAction.ADD_OBJECT,
+                  data: {
+                    target: collection,
+                    object
+                  }
+                })));
+              };
+              const deprecated = false;
+              component = deprecated ? /* @__PURE__ */ React5.createElement(DebugSpace, {
+                space: primary.space,
+                onAddObjects: handleCreateObject
+              }) : /* @__PURE__ */ React5.createElement(SpaceGenerator, {
+                space: primary.space,
+                onCreateObjects: handleCreateObject
               });
             } else if ("graph" in primary && primary.graph instanceof Graph) {
               component = /* @__PURE__ */ React5.createElement(DebugApp, {