@dxos/plugin-debug 0.6.8-main.046e6cf

package/LICENSE

@@ -0,0 +1,8 @@
+MIT License 
+Copyright (c) 2022 DXOS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,15 @@
+# @dxos/plugin-kanban
+
+Surface plugin for kanban entities.
+
+## DXOS Resources
+
+- [Website](https://dxos.org)
+- [Developer Documentation](https://docs.dxos.org)
+- Talk to us on [Discord](https://dxos.org/discord)
+
+## Contributions
+
+Your ideas, issues, and code are most welcome. Please take a look at our [community code of conduct](https://github.com/dxos/dxos/blob/main/CODE_OF_CONDUCT.md), the [issue guide](https://github.com/dxos/dxos/blob/main/CONTRIBUTING.md#submitting-issues), and the [PR contribution guide](https://github.com/dxos/dxos/blob/main/CONTRIBUTING.md#submitting-prs).
+
+License: [MIT](./LICENSE) Copyright 2023 © DXOS

package/dist/lib/browser/DebugGlobal-H37KGFEG.mjs

@@ -0,0 +1,179 @@
+import {
+  DebugPanel
+} from "./chunk-ED5L5YYI.mjs";
+
+// packages/plugins/experimental/plugin-debug/src/components/DebugGlobal.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, useThemeContext } from "@dxos/react-ui";
+import { getSize, mx as mx2 } from "@dxos/react-ui-theme";
+
+// packages/plugins/experimental/plugin-debug/src/components/Tree.tsx
+import React, { useState } from "react";
+import SyntaxHighlighter from "react-syntax-highlighter";
+import styleDark from "react-syntax-highlighter/dist/esm/styles/hljs/a11y-dark";
+import styleLight from "react-syntax-highlighter/dist/esm/styles/hljs/a11y-light";
+import { mx } from "@dxos/react-ui-theme";
+import { arrayToBuffer } from "@dxos/util";
+var replacer = (key, value) => {
+  if (typeof value === "object") {
+    if (value instanceof Uint8Array) {
+      return arrayToBuffer(value).toString("hex");
+    }
+    if (value?.type === "Buffer") {
+      return Buffer.from(value.data).toString("hex");
+    }
+    if (key === "downloaded") {
+      return void 0;
+    }
+  }
+  return value;
+};
+var Json = ({ data, theme }) => {
+  const style = theme === "dark" ? styleDark : styleLight;
+  return /* @__PURE__ */ React.createElement(SyntaxHighlighter, {
+    language: "json",
+    style,
+    className: "w-full"
+  }, JSON.stringify(data, replacer, 2));
+};
+var Tree = ({ data }) => {
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "flex overflow-auto ml-2 border-l-2 border-blue-500"
+  }, /* @__PURE__ */ React.createElement(Node, {
+    data,
+    root: true
+  }));
+};
+var Node = ({ data, root }) => {
+  if (typeof data !== "object" || data === void 0 || data === null) {
+    return /* @__PURE__ */ React.createElement(Scalar, {
+      value: data
+    });
+  }
+  if (Array.isArray(data)) {
+    return /* @__PURE__ */ React.createElement("div", {
+      className: "flex flex-col space-y-2"
+    }, data.map((value, index) => /* @__PURE__ */ React.createElement(KeyValue, {
+      key: index,
+      label: String(index),
+      data: value,
+      className: "bg-teal-50"
+    })));
+  }
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "flex flex-col space-y-2"
+  }, Object.entries(data).map(([key, value]) => /* @__PURE__ */ React.createElement(KeyValue, {
+    key,
+    label: key,
+    data: value,
+    className: "bg-blue-50"
+  })));
+};
+var KeyValue = ({ label, data, className }) => {
+  const [open, setOpen] = useState(true);
+  if (data === void 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "flex"
+  }, /* @__PURE__ */ React.createElement(Box, {
+    className: mx("border-blue-200 text-sm select-none cursor-pointer", className),
+    onClick: () => setOpen((open2) => !open2)
+  }, label), open && /* @__PURE__ */ React.createElement(Node, {
+    data
+  }));
+};
+var Scalar = ({ value }) => {
+  return /* @__PURE__ */ React.createElement(Box, {
+    className: "bg-green-50 border-green-200 rounded-r text-sm font-thin"
+  }, value === void 0 && "undefined" || value === null && "null" || typeof value === "string" && value || JSON.stringify(value));
+};
+var Box = ({ children, className, ...props }) => {
+  return /* @__PURE__ */ React.createElement("div", {
+    className: mx("flex px-2 border border-l-0 font-mono truncate", className),
+    ...props
+  }, children);
+};
+
+// packages/plugins/experimental/plugin-debug/src/components/DebugGlobal.tsx
+var DebugGlobal = ({ graph }) => {
+  const { themeMode } = useThemeContext();
+  const [view, setView] = useState2("graph");
+  const [data, setData] = useState2({});
+  const client = useClient();
+  const config = useConfig();
+  const handleRefresh = async () => {
+    const data2 = await client.diagnostics({
+      truncate: true
+    });
+    setData(data2);
+  };
+  useEffect(() => {
+    void handleRefresh();
+  }, []);
+  const handleResetClient = async (force = false) => {
+    if (!force && !window.confirm("Reset storage?")) {
+      return;
+    }
+    await client.reset();
+    window.location.href = window.location.origin;
+  };
+  const handleOpenDevtools = () => {
+    const vaultUrl = config.values?.runtime?.client?.remoteSource;
+    if (vaultUrl) {
+      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, {
+      type: "single",
+      value: view
+    }, /* @__PURE__ */ React2.createElement(ToggleGroupItem, {
+      value: "graph",
+      onClick: () => setView("graph"),
+      title: "Plugin graph"
+    }, /* @__PURE__ */ React2.createElement(GraphIcon, {
+      className: getSize(5)
+    })), /* @__PURE__ */ React2.createElement(ToggleGroupItem, {
+      value: "diagnostics",
+      onClick: () => setView("diagnostics"),
+      title: "Diagnostics"
+    }, /* @__PURE__ */ React2.createElement(Gauge, {
+      className: getSize(5)
+    })), /* @__PURE__ */ React2.createElement(ToggleGroupItem, {
+      value: "config",
+      onClick: () => setView("config"),
+      title: "Config"
+    }, /* @__PURE__ */ React2.createElement(Gear, {
+      className: getSize(5)
+    }))), /* @__PURE__ */ React2.createElement("div", {
+      className: "grow"
+    }), /* @__PURE__ */ React2.createElement(Button, {
+      onClick: (event) => handleResetClient(event.shiftKey),
+      title: "Reset client"
+    }, /* @__PURE__ */ React2.createElement(Warning, {
+      className: mx2(getSize(5), "text-red-700")
+    })), /* @__PURE__ */ React2.createElement(Button, {
+      onClick: handleOpenDevtools,
+      title: "Open Devtools"
+    }, /* @__PURE__ */ React2.createElement(Toolbox, {
+      weight: "duotone",
+      className: mx2(getSize(5), "text-700")
+    })))
+  }, view === "graph" && /* @__PURE__ */ React2.createElement(Tree, {
+    data: graph.toJSON()
+  }), view === "config" && /* @__PURE__ */ React2.createElement(Json, {
+    theme: themeMode,
+    data: data.diagnostics?.config
+  }), view === "diagnostics" && /* @__PURE__ */ React2.createElement(Json, {
+    theme: themeMode,
+    data
+  }));
+};
+var DebugGlobal_default = DebugGlobal;
+export {
+  DebugGlobal_default as default
+};
+//# sourceMappingURL=DebugGlobal-H37KGFEG.mjs.map

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

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

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

@@ -0,0 +1,407 @@
+import {
+  DebugContext
+} from "./chunk-RYK3J66D.mjs";
+import "./chunk-WEGYHXMB.mjs";
+import {
+  DebugPanel
+} from "./chunk-ED5L5YYI.mjs";
+
+// packages/plugins/experimental/plugin-debug/src/components/DebugSpace.tsx
+import { ArrowClockwise, DownloadSimple, Flag, FlagPennant, HandPalm, Play, PlusMinus, Timer, UserCirclePlus } from "@phosphor-icons/react";
+import React2, { useContext, useMemo as useMemo2, useState as useState2 } from "react";
+import { DocumentType as DocumentType2 } from "@dxos/plugin-markdown/types";
+import { Invitation } from "@dxos/protocols/proto/dxos/client/services";
+import { faker as faker2 } from "@dxos/random";
+import { useAsyncEffect } from "@dxos/react-async";
+import { useClient } from "@dxos/react-client";
+import { Filter, useSpaceInvitation } from "@dxos/react-client/echo";
+import { InvitationEncoder } from "@dxos/react-client/invitations";
+import { Button as Button2, Input, useFileDownload } from "@dxos/react-ui";
+import { getSize, mx } from "@dxos/react-ui-theme";
+import { safeParseInt } from "@dxos/util";
+
+// packages/plugins/experimental/plugin-debug/src/components/ObjectCreator.tsx
+import React, { useMemo, useState } from "react";
+import { Button, DensityProvider } from "@dxos/react-ui";
+import { createColumnBuilder, Table } from "@dxos/react-ui-table";
+
+// packages/plugins/experimental/plugin-debug/src/scaffolding/generator.ts
+import { createShapeId, defaultBindingUtils, defaultShapeUtils, defaultTools, Editor } from "@tldraw/tldraw";
+import { sleep } from "@dxos/async";
+import { next as A } from "@dxos/automerge/automerge";
+import { SpaceObjectGenerator } from "@dxos/echo-generator";
+import { create } from "@dxos/echo-schema";
+import { log } from "@dxos/log";
+import { DocumentType, TextType } from "@dxos/plugin-markdown/types";
+import { TLDrawStoreAdapter } from "@dxos/plugin-sketch";
+import { CanvasType, DiagramType, TLDRAW_SCHEMA } from "@dxos/plugin-sketch/types";
+import { faker } from "@dxos/random";
+import { createDocAccessor } from "@dxos/react-client/echo";
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-debug/src/scaffolding/generator.ts";
+var SchemasNames;
+(function(SchemasNames2) {
+  SchemasNames2["document"] = "dxos.org/type/Document";
+  SchemasNames2["diagram"] = "dxos.org/type/Diagram";
+})(SchemasNames || (SchemasNames = {}));
+var SchemasMap = {
+  ["dxos.org/type/Document"]: DocumentType,
+  ["dxos.org/type/Diagram"]: DiagramType
+};
+var ObjectGenerators = {
+  ["dxos.org/type/Document"]: () => {
+    const name = faker.lorem.sentence();
+    return {
+      name,
+      content: create(TextType, {
+        content: ""
+      }),
+      threads: []
+    };
+  },
+  ["dxos.org/type/Diagram"]: () => {
+    const name = faker.lorem.sentence();
+    return {
+      name,
+      canvas: create(CanvasType, {
+        schema: TLDRAW_SCHEMA,
+        content: {}
+      })
+    };
+  }
+};
+var MutationsGenerators = {
+  ["dxos.org/type/Document"]: async (object, params) => {
+    const accessor = createDocAccessor(object.content, [
+      "content"
+    ]);
+    for (let i = 0; i < params.count; i++) {
+      const length = object.content?.content?.length ?? 0;
+      accessor.handle.change((doc) => {
+        A.splice(doc, accessor.path.slice(), 0, params.maxContentLength >= length ? 0 : params.mutationSize, faker.string.hexadecimal({
+          length: params.mutationSize - 1
+        }) + " ");
+      });
+      if (i % 100 === 0 || i === params.count - 1) {
+        log.info("Mutation:", {
+          mutationIdx: i
+        }, {
+          F: __dxlog_file,
+          L: 73,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+        await sleep(1);
+      }
+    }
+  },
+  ["dxos.org/type/Diagram"]: async (object, params) => {
+    const store = new TLDrawStoreAdapter();
+    await store.open(createDocAccessor(object.canvas, [
+      "content"
+    ]));
+    const app = new Editor({
+      store: store.store,
+      shapeUtils: defaultShapeUtils,
+      bindingUtils: defaultBindingUtils,
+      tools: defaultTools,
+      getContainer: () => document.getElementsByTagName("body")[0]
+    });
+    const r = 100;
+    const a = 0.05;
+    const cx = 200;
+    const cy = 200;
+    for (let i = 0; i < params.count; i++) {
+      const t = i;
+      const t1 = i + 1;
+      const x = cx + a * t * r * Math.cos(t);
+      const y = cy + a * t * r * Math.sin(t);
+      const x1 = cx + a * t1 * r * Math.cos(t1);
+      const y1 = cy + a * t1 * r * Math.sin(t1);
+      app.createShape({
+        id: createShapeId(),
+        isLocked: false,
+        meta: {},
+        opacity: 1,
+        parentId: "page:page",
+        props: {
+          arrowheadEnd: "none",
+          arrowheadStart: "none",
+          bend: 0,
+          color: "black",
+          dash: "draw",
+          start: {
+            x,
+            y
+          },
+          end: {
+            x: x1,
+            y: y1
+          },
+          fill: "none",
+          font: "draw",
+          labelColor: "black",
+          labelPosition: 0.5,
+          scale: 1,
+          size: "m"
+        },
+        rotation: 0,
+        type: "arrow",
+        typeName: "shape",
+        x: 0,
+        y: 0
+      });
+      if (i % 100 === 0) {
+        await sleep(1);
+      }
+    }
+  }
+};
+var createSpaceObjectGenerator = (space) => new SpaceObjectGenerator(space, SchemasMap, ObjectGenerators, MutationsGenerators);
+
+// packages/plugins/experimental/plugin-debug/src/components/ObjectCreator.tsx
+var CREATE_OBJECTS_IN_ONE_CHUNK = 10;
+var ObjectCreator = ({ space, onAddObjects }) => {
+  const generator = useMemo(() => createSpaceObjectGenerator(space), [
+    space
+  ]);
+  const [objectsToCreate, setObjectsToCreate] = useState([
+    {
+      enabled: true,
+      schema: SchemasNames.document,
+      objectsCount: 10,
+      mutationsCount: 10,
+      mutationSize: 10,
+      maxContentLength: 1e3
+    },
+    {
+      enabled: true,
+      schema: SchemasNames.diagram,
+      objectsCount: 10,
+      mutationsCount: 10,
+      mutationSize: 10,
+      maxContentLength: 1e3
+    }
+  ]);
+  const handleCreate = async () => {
+    for (const params of objectsToCreate) {
+      if (!params.enabled) {
+        continue;
+      }
+      let objectsCreated = 0;
+      while (objectsCreated < params.objectsCount) {
+        const objects = await generator.createObjects({
+          [params.schema]: Math.min(CREATE_OBJECTS_IN_ONE_CHUNK, params.objectsCount - objectsCreated)
+        });
+        await generator.mutateObjects(objects, {
+          count: params.mutationsCount,
+          mutationSize: params.mutationSize,
+          maxContentLength: params.maxContentLength
+        });
+        objectsCreated += objects.length;
+        onAddObjects?.(objects);
+      }
+    }
+    await space.db.flush();
+  };
+  const handleChangeOnRow = (row, key, value) => {
+    const newObjects = [
+      ...objectsToCreate
+    ];
+    Object.assign(newObjects.find((object) => object.schema === row.schema), {
+      [key]: value
+    });
+    setObjectsToCreate(newObjects);
+  };
+  const { helper, builder } = createColumnBuilder();
+  const columns = [
+    helper.accessor("enabled", builder.switch({
+      label: "Enabled",
+      onUpdate: handleChangeOnRow
+    })),
+    helper.accessor("schema", builder.string({
+      classNames: "font-mono",
+      label: "Schema"
+    })),
+    helper.accessor("objectsCount", builder.number({
+      label: "Objects",
+      onUpdate: handleChangeOnRow
+    })),
+    helper.accessor("mutationsCount", builder.number({
+      label: "Mutations",
+      onUpdate: handleChangeOnRow
+    })),
+    helper.accessor("mutationSize", builder.number({
+      label: "Mut. Size",
+      onUpdate: handleChangeOnRow
+    })),
+    helper.accessor("maxContentLength", builder.number({
+      label: "Length",
+      onUpdate: handleChangeOnRow
+    }))
+  ];
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DensityProvider, {
+    density: "fine"
+  }, /* @__PURE__ */ React.createElement(Table.Root, null, /* @__PURE__ */ React.createElement(Table.Viewport, null, /* @__PURE__ */ React.createElement(Table.Main, {
+    columns,
+    data: objectsToCreate
+  })))), /* @__PURE__ */ React.createElement(Button, {
+    onClick: handleCreate
+  }, "Create"));
+};
+
+// packages/plugins/experimental/plugin-debug/src/components/DebugSpace.tsx
+var DEFAULT_COUNT = 100;
+var DEFAULT_PERIOD = 500;
+var DEFAULT_JITTER = 50;
+var useRefresh = () => {
+  const [update, setUpdate] = useState2({});
+  return [
+    update,
+    () => setUpdate({})
+  ];
+};
+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 handleCopy = 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(() => createSpaceObjectGenerator(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(DocumentType2)).run();
+        if (objects.length) {
+          const object = faker2.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(DebugPanel, {
+    menu: /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", {
+      className: "relative",
+      title: "mutation count"
+    }, /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement(Input.TextInput, {
+      autoComplete: "off",
+      size: 5,
+      classNames: "w-[100px] text-right pie-[22px]",
+      placeholder: "Count",
+      value: mutationCount,
+      onChange: ({ target: { value } }) => setMutationCount(value)
+    })), /* @__PURE__ */ React2.createElement(Flag, {
+      className: mx("absolute inline-end-1 block-start-1 mt-[6px]", getSize(3))
+    })), /* @__PURE__ */ React2.createElement("div", {
+      className: "relative",
+      title: "mutation period"
+    }, /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement(Input.TextInput, {
+      autoComplete: "off",
+      size: 5,
+      classNames: "w-[100px] text-right pie-[22px]",
+      placeholder: "Interval",
+      value: mutationInterval,
+      onChange: ({ target: { value } }) => setMutationInterval(value)
+    })), /* @__PURE__ */ React2.createElement(Timer, {
+      className: mx("absolute inline-end-1 block-start-1 mt-[6px]", getSize(3))
+    })), /* @__PURE__ */ React2.createElement("div", {
+      className: "relative",
+      title: "mutation jitter"
+    }, /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement(Input.TextInput, {
+      autoComplete: "off",
+      size: 5,
+      classNames: "w-[100px] text-right pie-[22px]",
+      placeholder: "Jitter",
+      value: mutationJitter,
+      onChange: ({ target: { value } }) => setMutationJitter(value)
+    })), /* @__PURE__ */ React2.createElement(PlusMinus, {
+      className: mx("absolute inline-end-1 block-start-1 mt-[6px]", getSize(3))
+    })), /* @__PURE__ */ React2.createElement(Button2, {
+      onClick: handleToggleRunning
+    }, running ? /* @__PURE__ */ React2.createElement(HandPalm, {
+      className: getSize(5)
+    }) : /* @__PURE__ */ React2.createElement(Play, {
+      className: getSize(5)
+    })), /* @__PURE__ */ React2.createElement(Button2, {
+      onClick: handleUpdate
+    }, /* @__PURE__ */ React2.createElement(ArrowClockwise, {
+      className: getSize(5)
+    })), /* @__PURE__ */ React2.createElement(Button2, {
+      onClick: handleCopy
+    }, /* @__PURE__ */ React2.createElement(DownloadSimple, {
+      className: getSize(5)
+    })), /* @__PURE__ */ React2.createElement("div", {
+      className: "grow"
+    }), /* @__PURE__ */ React2.createElement(Button2, {
+      onClick: handleCreateEpoch,
+      title: "Create epoch"
+    }, /* @__PURE__ */ React2.createElement(FlagPennant, {
+      className: mx(getSize(5))
+    })), /* @__PURE__ */ React2.createElement(Button2, {
+      onClick: handleCreateInvitation,
+      title: "Create Space invitation"
+    }, /* @__PURE__ */ React2.createElement(UserCirclePlus, {
+      className: mx(getSize(5), "text-blue-500")
+    })))
+  }, /* @__PURE__ */ React2.createElement(ObjectCreator, {
+    space,
+    onAddObjects
+  }));
+};
+var DebugSpace_default = DebugSpace;
+export {
+  DebugSpace_default as default
+};
+//# sourceMappingURL=DebugSpace-ZZ2JLU6F.mjs.map