@dxos/plugin-debug 0.7.1-staging.8709ba7 → 0.7.2-staging.6d26b2a

package/dist/lib/browser/{DebugGlobal-ZTCBF3XR.mjs → DebugApp-HCHR6GKO.mjs}

@@ -1,15 +1,15 @@
 import {
-  DebugPanel
-} from "./chunk-H3BJHVRD.mjs";
+  Container
+} from "./chunk-GSJS3HEM.mjs";
 
-// packages/plugins/plugin-debug/src/components/DebugGlobal.tsx
+// packages/plugins/plugin-debug/src/components/DebugApp/DebugApp.tsx
 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 } from "@dxos/react-ui";
+import { Button, ToggleGroup, ToggleGroupItem, Toolbar } from "@dxos/react-ui";
 import { getSize, mx as mx2 } from "@dxos/react-ui-theme";
 
-// packages/plugins/plugin-debug/src/components/Tree.tsx
+// packages/plugins/plugin-debug/src/components/DebugApp/Tree.tsx
 import React, { useState } from "react";
 import { SyntaxHighlighter } from "@dxos/react-ui-syntax-highlighter";
 import { mx } from "@dxos/react-ui-theme";
@@ -35,7 +35,7 @@ var Json = ({ data }) => {
 };
 var Tree = ({ data }) => {
   return /* @__PURE__ */ React.createElement("div", {
-    className: "flex overflow-auto ml-2 border-l-2 border-blue-500"
+    className: "p-2"
   }, /* @__PURE__ */ React.createElement(Node, {
     data,
     root: true
@@ -92,8 +92,8 @@ var Box = ({ children, className, ...props }) => {
   }, children);
 };
 
-// packages/plugins/plugin-debug/src/components/DebugGlobal.tsx
-var DebugGlobal = ({ graph }) => {
+// packages/plugins/plugin-debug/src/components/DebugApp/DebugApp.tsx
+var DebugApp = ({ graph }) => {
   const [view, setView] = useState2("graph");
   const [data, setData] = useState2({});
   const client = useClient();
@@ -120,8 +120,10 @@ var DebugGlobal = ({ graph }) => {
       window.open(`https://devtools.dev.dxos.org/?target=${vaultUrl}`);
     }
   };
-  return /* @__PURE__ */ React2.createElement(DebugPanel, {
-    menu: /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(ToggleGroup, {
+  return /* @__PURE__ */ React2.createElement(Container, {
+    toolbar: /* @__PURE__ */ React2.createElement(Toolbar.Root, {
+      classNames: "p-1"
+    }, /* @__PURE__ */ React2.createElement(ToggleGroup, {
       type: "single",
       value: view
     }, /* @__PURE__ */ React2.createElement(ToggleGroupItem, {
@@ -142,9 +144,7 @@ var DebugGlobal = ({ graph }) => {
       title: "Config"
     }, /* @__PURE__ */ React2.createElement(Gear, {
       className: getSize(5)
-    }))), /* @__PURE__ */ React2.createElement("div", {
-      className: "grow"
-    }), /* @__PURE__ */ React2.createElement(Button, {
+    }))), /* @__PURE__ */ React2.createElement(Toolbar.Expander, null), /* @__PURE__ */ React2.createElement(Button, {
       onClick: (event) => handleResetClient(event.shiftKey),
       title: "Reset client"
     }, /* @__PURE__ */ React2.createElement(Warning, {
@@ -164,8 +164,10 @@ var DebugGlobal = ({ graph }) => {
     data
   }));
 };
-var DebugGlobal_default = DebugGlobal;
+
+// packages/plugins/plugin-debug/src/components/DebugApp/index.ts
+var DebugApp_default = DebugApp;
 export {
-  DebugGlobal_default as default
+  DebugApp_default as default
 };
-//# sourceMappingURL=DebugGlobal-ZTCBF3XR.mjs.map
+//# sourceMappingURL=DebugApp-HCHR6GKO.mjs.map

package/dist/lib/browser/DebugApp-HCHR6GKO.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DebugApp/DebugApp.tsx", "../../../src/components/DebugApp/Tree.tsx", "../../../src/components/DebugApp/index.ts"],
+  "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, Toolbar } from '@dxos/react-ui';\nimport { getSize, mx } from '@dxos/react-ui-theme';\n\nimport { Json, Tree } from './Tree';\nimport { Container } from '../Container';\n\nexport const DebugApp: 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    <Container\n      toolbar={\n        <Toolbar.Root classNames='p-1'>\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          <Toolbar.Expander />\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        </Toolbar.Root>\n      }\n    >\n      {view === 'graph' && <Tree data={graph.toJSON()} />}\n      {view === 'config' && <Json data={data.diagnostics?.config} />}\n      {view === 'diagnostics' && <Json data={data} />}\n    </Container>\n  );\n};\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='p-2'>\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", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { DebugApp } from './DebugApp';\n\nexport default DebugApp;\n"],
+  "mappings": "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",
+  "names": ["Gauge", "Graph", "GraphIcon", "Gear", "Toolbox", "Warning", "React", "useEffect", "useState", "useClient", "useConfig", "Button", "ToggleGroup", "ToggleGroupItem", "Toolbar", "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", "DebugApp", "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", "Container", "toolbar", "Toolbar", "Root", "classNames", "ToggleGroup", "type", "value", "ToggleGroupItem", "onClick", "title", "GraphIcon", "className", "getSize", "Gauge", "Gear", "Expander", "Button", "event", "shiftKey", "Warning", "mx", "Toolbox", "weight", "Tree", "toJSON", "Json", "DebugApp"]
+}

package/dist/lib/browser/DebugSpace-ZLGGNDAR.mjs

@@ -0,0 +1,276 @@
+import {
+  DebugContext
+} from "./chunk-LZEK532R.mjs";
+import "./chunk-CAENAAHY.mjs";
+import {
+  Container
+} from "./chunk-GSJS3HEM.mjs";
+
+// packages/plugins/plugin-debug/src/components/DebugSpace/DebugSpace.tsx
+import React2, { useContext, useMemo as useMemo2, useState as useState2 } from "react";
+import { createSpaceObjectGenerator as createSpaceObjectGenerator2 } from "@dxos/echo-generator";
+import { DocumentType } from "@dxos/plugin-markdown/types";
+import { Invitation } from "@dxos/protocols/proto/dxos/client/services";
+import { faker } from "@dxos/random";
+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 { Icon, IconButton as IconButton2, Input, Toolbar as Toolbar2, useFileDownload } from "@dxos/react-ui";
+import { safeParseInt } from "@dxos/util";
+
+// packages/plugins/plugin-debug/src/components/DebugSpace/ObjectCreator.tsx
+import React, { useMemo, useState } from "react";
+import { TestSchemaType, createSpaceObjectGenerator } from "@dxos/echo-generator";
+import { IconButton, Toolbar } from "@dxos/react-ui";
+import { createColumnBuilder, Table } from "@dxos/react-ui-table/deprecated";
+var BATCH_SIZE = 10;
+var ObjectCreator = ({ space, onAddObjects }) => {
+  const generator = useMemo(() => createSpaceObjectGenerator(space), [
+    space
+  ]);
+  const [objects, setObjects] = useState(Object.values(TestSchemaType).map((schema) => ({
+    schema,
+    enabled: true,
+    objects: 10,
+    mutations: {
+      count: 10,
+      mutationSize: 10,
+      maxContentLength: 1e3
+    }
+  })));
+  const handleCreate = async () => {
+    for (const params of objects) {
+      if (!params.enabled) {
+        continue;
+      }
+      let objectsCreated = 0;
+      while (objectsCreated < params.objects) {
+        const objects2 = await generator.createObjects({
+          [params.schema]: Math.min(BATCH_SIZE, params.objects - objectsCreated)
+        });
+        await generator.mutateObjects(objects2, params.mutations);
+        objectsCreated += objects2.length;
+        onAddObjects?.(objects2);
+      }
+    }
+    await space.db.flush();
+  };
+  const handleUpdate = (row, key, value) => {
+    const newObjects = [
+      ...objects
+    ];
+    Object.assign(newObjects.find((object) => object.schema === row.schema), {
+      [key]: value
+    });
+    setObjects(newObjects);
+  };
+  const { helper, builder } = createColumnBuilder();
+  const columns = [
+    helper.accessor("enabled", builder.switch({
+      label: "Live",
+      onUpdate: handleUpdate
+    })),
+    helper.accessor("schema", builder.string({
+      label: "Schema",
+      classNames: "font-mono"
+    })),
+    helper.accessor("objects", builder.number({
+      label: "Objects",
+      onUpdate: handleUpdate
+    })),
+    helper.accessor((obj) => obj.mutations.count, {
+      id: "mutations",
+      ...builder.number({
+        label: "Mutations",
+        onUpdate: handleUpdate
+      })
+    }),
+    helper.accessor((obj) => obj.mutations.mutationSize, {
+      id: "mutationSize",
+      ...builder.number({
+        label: "Mut. Size",
+        onUpdate: handleUpdate
+      })
+    }),
+    helper.accessor((obj) => obj.mutations.maxContentLength, {
+      id: "mutationMaxContentLength",
+      ...builder.number({
+        label: "Length",
+        onUpdate: handleUpdate
+      })
+    })
+  ];
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Table.Root, null, /* @__PURE__ */ React.createElement(Table.Viewport, null, /* @__PURE__ */ React.createElement(Table.Main, {
+    columns,
+    data: objects
+  }))), /* @__PURE__ */ React.createElement(Toolbar.Root, {
+    classNames: "p-2"
+  }, /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--plus--regular",
+    label: "Create",
+    onClick: handleCreate
+  })));
+};
+
+// packages/plugins/plugin-debug/src/components/DebugSpace/DebugSpace.tsx
+var DEFAULT_COUNT = 100;
+var DEFAULT_PERIOD = 500;
+var DEFAULT_JITTER = 50;
+var useRefresh = () => {
+  const [update, setUpdate] = useState2({});
+  return [
+    update,
+    () => setUpdate({})
+  ];
+};
+var CustomInput = ({ icon, ...props }) => {
+  return /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "relative"
+  }, /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement(Input.TextInput, {
+    classNames: "w-[100px] text-right pie-[22px]",
+    size: 5,
+    ...props
+  })), /* @__PURE__ */ React2.createElement(Icon, {
+    icon,
+    size: 3,
+    classNames: "absolute inline-end-1 block-start-1 mt-[6px]"
+  }));
+};
+var DebugSpace = ({ space, onAddObjects }) => {
+  const { connect } = useSpaceInvitation(space?.key);
+  const client = useClient();
+  const [data, setData] = useState2({});
+  const [update, handleUpdate] = useRefresh();
+  useAsyncEffect(async (isMounted) => {
+    const data2 = await client.diagnostics({
+      truncate: true
+    });
+    if (isMounted()) {
+      setData(data2?.diagnostics?.spaces?.find(({ key }) => {
+        return space.key.toHex().startsWith(key);
+      }));
+    }
+  }, [
+    space,
+    update
+  ]);
+  const download = useFileDownload();
+  const handleDownload = async () => {
+    download(new Blob([
+      JSON.stringify(data, void 0, 2)
+    ], {
+      type: "text/plain"
+    }), `${(/* @__PURE__ */ new Date()).toISOString().replace(/\W/g, "-")}.json`);
+  };
+  const [mutationCount, setMutationCount] = useState2(String(DEFAULT_COUNT));
+  const [mutationInterval, setMutationInterval] = useState2(String(DEFAULT_PERIOD));
+  const [mutationJitter, setMutationJitter] = useState2(String(DEFAULT_JITTER));
+  const generator = useMemo2(() => createSpaceObjectGenerator2(space), [
+    space
+  ]);
+  const { running, start, stop } = useContext(DebugContext);
+  const handleToggleRunning = () => {
+    if (running) {
+      stop();
+      handleUpdate();
+    } else {
+      start(async () => {
+        const { objects } = await space.db.query(Filter.schema(DocumentType)).run();
+        if (objects.length) {
+          const object = faker.helpers.arrayElement(objects);
+          await generator.mutateObject(object, {
+            count: 10,
+            mutationSize: 10,
+            maxContentLength: 1e3
+          });
+        }
+      }, {
+        count: safeParseInt(mutationCount) ?? 0,
+        interval: safeParseInt(mutationInterval) ?? 0,
+        jitter: safeParseInt(mutationJitter) ?? 0
+      });
+    }
+  };
+  const handleCreateInvitation = () => {
+    const invitation = space.share({
+      type: Invitation.Type.INTERACTIVE,
+      authMethod: Invitation.AuthMethod.NONE,
+      multiUse: true
+    });
+    connect(invitation);
+    const code = InvitationEncoder.encode(invitation.get());
+    new URL(window.origin).searchParams.set("spaceInvitationCode", code);
+    const url = `${window.origin}?spaceInvitationCode=${code}`;
+    void navigator.clipboard.writeText(url);
+  };
+  const handleCreateEpoch = async () => {
+    await space.internal.createEpoch();
+    handleUpdate();
+  };
+  return /* @__PURE__ */ React2.createElement(Container, {
+    toolbar: /* @__PURE__ */ React2.createElement(Toolbar2.Root, {
+      classNames: "p-1"
+    }, /* @__PURE__ */ React2.createElement(CustomInput, {
+      icon: "ph--flag--regular",
+      autoComplete: "off",
+      placeholder: "Count",
+      value: mutationCount,
+      onChange: ({ target: { value } }) => setMutationCount(value)
+    }), /* @__PURE__ */ React2.createElement(CustomInput, {
+      icon: "ph--timer--regular",
+      autoComplete: "off",
+      placeholder: "Interval",
+      value: mutationInterval,
+      onChange: ({ target: { value } }) => setMutationInterval(value)
+    }), /* @__PURE__ */ React2.createElement(CustomInput, {
+      icon: "ph--plus-minus--regular",
+      autoComplete: "off",
+      placeholder: "Jitter",
+      value: mutationJitter,
+      onChange: ({ target: { value } }) => setMutationJitter(value)
+    }), /* @__PURE__ */ React2.createElement(IconButton2, {
+      icon: running ? "ph--hand-palm--regular" : "ph--play--regular",
+      iconOnly: true,
+      label: "Start/stop",
+      size: 5,
+      onClick: handleToggleRunning
+    }), /* @__PURE__ */ React2.createElement(IconButton2, {
+      icon: "ph--arrow-clockwise--regular",
+      iconOnly: true,
+      label: "Refresh",
+      size: 5,
+      onClick: handleUpdate
+    }), /* @__PURE__ */ React2.createElement(IconButton2, {
+      icon: "ph--download-simple--regular",
+      iconOnly: true,
+      label: "Download",
+      size: 5,
+      onClick: handleDownload
+    }), /* @__PURE__ */ React2.createElement(Toolbar2.Expander, null), /* @__PURE__ */ React2.createElement(IconButton2, {
+      icon: "ph--flag-pennant--regular",
+      iconOnly: true,
+      label: "Create epoch",
+      size: 5,
+      onClick: handleCreateEpoch
+    }), /* @__PURE__ */ React2.createElement(IconButton2, {
+      icon: "ph--user-circle-plus--regular",
+      iconOnly: true,
+      iconClassNames: "text-blue-500",
+      label: "Create Invitation",
+      size: 5,
+      onClick: handleCreateInvitation
+    }))
+  }, /* @__PURE__ */ React2.createElement(ObjectCreator, {
+    space,
+    onAddObjects
+  }));
+};
+
+// packages/plugins/plugin-debug/src/components/DebugSpace/index.ts
+var DebugSpace_default = DebugSpace;
+export {
+  DebugSpace_default as default
+};
+//# sourceMappingURL=DebugSpace-ZLGGNDAR.mjs.map

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

@@ -0,0 +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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",
+  "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/chunk-GSJS3HEM.mjs

@@ -0,0 +1,15 @@
+// packages/plugins/plugin-debug/src/components/Container.tsx
+import React from "react";
+var Container = ({ toolbar, children }) => {
+  return /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex flex-col grow overflow-hidden divide-y divide-separator"
+  }, toolbar, /* @__PURE__ */ React.createElement("div", {
+    className: "flex flex-col grow overflow-auto"
+  }, children));
+};
+
+export {
+  Container
+};
+//# sourceMappingURL=chunk-GSJS3HEM.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/Container.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type PropsWithChildren, type ReactNode } from 'react';\n\n// TODO(burdon): Convert to grid.\nexport const Container = ({ toolbar, children }: PropsWithChildren<{ toolbar: ReactNode }>) => {\n  return (\n    <div role='none' className='flex flex-col grow overflow-hidden divide-y divide-separator'>\n      {toolbar}\n      <div className='flex flex-col grow overflow-auto'>{children}</div>\n    </div>\n  );\n};\n"],
+  "mappings": ";AAIA,OAAOA,WAAuD;AAGvD,IAAMC,YAAY,CAAC,EAAEC,SAASC,SAAQ,MAA6C;AACxF,SACE,sBAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACxBJ,SACD,sBAAA,cAACE,OAAAA;IAAIE,WAAU;KAAoCH,QAAAA,CAAAA;AAGzD;",
+  "names": ["React", "Container", "toolbar", "children", "div", "role", "className"]
+}

package/dist/lib/browser/index.mjs

@@ -387,8 +387,8 @@ var Wireframe = ({ classNames, label, object }) => {
 };
 
 // packages/plugins/plugin-debug/src/components/index.ts
-var DebugGlobal = lazy(() => import("./DebugGlobal-ZTCBF3XR.mjs"));
-var DebugSpace = lazy(() => import("./DebugSpace-6TGT3H4I.mjs"));
+var DebugApp = lazy(() => import("./DebugApp-HCHR6GKO.mjs"));
+var DebugSpace = lazy(() => import("./DebugSpace-ZLGGNDAR.mjs"));
 
 // packages/plugins/plugin-debug/src/translations.ts
 var translations_default = [
@@ -625,7 +625,9 @@ var DebugPlugin = definePlugin((context) => {
                 }
                 const object = toSignal((onChange) => {
                   const timeout = setTimeout(async () => {
-                    await space?.db.loadObjectById(objectId);
+                    await space?.db.query({
+                      id: objectId
+                    }).first();
                     onChange();
                   });
                   return () => clearTimeout(timeout);
@@ -692,7 +694,7 @@ var DebugPlugin = definePlugin((context) => {
               }) : null;
           }
           const primary = data.active ?? data.object;
-          let component;
+          let component = null;
           if (role === "main" || role === "article") {
             if (primary === "devtools" && settings.devtools) {
               component = /* @__PURE__ */ React5.createElement(Devtools, null);
@@ -719,11 +721,9 @@ var DebugPlugin = definePlugin((context) => {
                 }
               });
             } else if ("graph" in primary && primary.graph instanceof Graph) {
-              component = /* @__PURE__ */ React5.createElement(DebugGlobal, {
+              component = /* @__PURE__ */ React5.createElement(DebugApp, {
                 graph: primary.graph
               });
-            } else {
-              component = null;
             }
           }
           if (!component) {
@@ -747,10 +747,7 @@ var DebugPlugin = definePlugin((context) => {
           }
           switch (role) {
             case "article":
-              return /* @__PURE__ */ React5.createElement("div", {
-                role: "none",
-                className: "row-span-2 rounded-t-md overflow-x-auto"
-              }, component);
+              return /* @__PURE__ */ React5.createElement(React5.Fragment, null, component);
             case "main":
               return /* @__PURE__ */ React5.createElement(Main.Content, {
                 classNames: [