@dxos/plugin-debug 0.7.1 → 0.7.2-main.f1adc9f

package/src/components/DebugSpace/index.ts

@@ -0,0 +1,7 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { DebugSpace } from './DebugSpace';
+
+export default DebugSpace;

package/src/components/{SurfaceDebug.tsx → DebugSurface.tsx}

@@ -16,7 +16,7 @@ export type SurfaceDebugProps = ThemedClassName<{}>;
  * Show surface info.
  * NOTE: Remove from @dxos/app-framework if removing this.
  */
-export const SurfaceDebug = ({ classNames }: SurfaceDebugProps) => {
+export const DebugSurface = ({ classNames }: SurfaceDebugProps) => {
   const context = useSurfaceRoot();
   const [surfaces, setSurfaces] = useState<DebugInfo[]>([]);
   const renderMap = useMemo(() => new Map<string, { last: number; delta: number }>(), []);

package/src/components/SpaceGenerator/SpaceGenerator.stories.tsx

@@ -0,0 +1,37 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import '@dxos-theme';
+
+import { type Meta } from '@storybook/react';
+import React from 'react';
+
+import { useSpaces } from '@dxos/react-client/echo';
+import { withClientProvider } from '@dxos/react-client/testing';
+import { render, withLayout, withTheme } from '@dxos/storybook-utils';
+
+import { SpaceGenerator } from './SpaceGenerator';
+
+const DefaultStory = () => {
+  const [space] = useSpaces();
+  if (!space) {
+    return null;
+  }
+
+  return <SpaceGenerator space={space} />;
+};
+
+const meta: Meta = {
+  title: 'plugins/plugin-debug/SpaceGenerator',
+  component: SpaceGenerator,
+  render: render(DefaultStory),
+  decorators: [withClientProvider({ createSpace: true }), withLayout({ tooltips: true }), withTheme],
+  parameters: {
+    layout: 'fullscreen',
+  },
+};
+
+export default meta;
+
+export const Default = {};

package/src/components/SpaceGenerator/SpaceGenerator.tsx

@@ -0,0 +1,169 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import React, { useCallback, useMemo, useState } from 'react';
+
+import { create, type ReactiveObject, type BaseObject } from '@dxos/echo-schema';
+import { DocumentType } from '@dxos/plugin-markdown/types';
+import { SheetType } from '@dxos/plugin-sheet/types';
+import { DiagramType } from '@dxos/plugin-sketch/types';
+import { faker } from '@dxos/random';
+import { useClient } from '@dxos/react-client';
+import { Filter, getTypename, type Space } from '@dxos/react-client/echo';
+import { IconButton, Toolbar, useAsyncEffect } from '@dxos/react-ui';
+import { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';
+import { TableType } from '@dxos/react-ui-table';
+import { createView } from '@dxos/schema';
+import { createAsyncGenerator, Test, type ValueGenerator } from '@dxos/schema/testing';
+import { jsonKeyReplacer, sortKeys } from '@dxos/util';
+
+const generator: ValueGenerator = faker as any;
+
+// TODO(burdon): Create docs.
+// TODO(burdon): Create sketches.
+// TODO(burdon): Create sheets.
+// TODO(burdon): Create comments.
+
+export type SpaceGeneratorProps = {
+  space: Space;
+  onAddObjects?: (objects: ReactiveObject<any>[]) => void;
+};
+
+// TODO(burdon): Reuse in testbench-app.
+// TODO(burdon): Mutator running in background (factor out): from echo-generator.
+export const SpaceGenerator = ({ space, onAddObjects }: SpaceGeneratorProps) => {
+  const client = useClient();
+  const staticTypes = [DocumentType, DiagramType, SheetType]; // TODO(burdon): Make extensible.
+  const mutableTypes = [Test.OrgType, Test.ProjectType, Test.ContactType];
+  const [info, setInfo] = useState<any>({});
+
+  // Create type generators.
+  const typeMap = useMemo(() => {
+    client.addTypes([DiagramType, TableType, SheetType]);
+
+    return new Map<string, (n: number) => Promise<BaseObject<any>>>(
+      mutableTypes.map((type) => {
+        return [
+          type.typename,
+          async (n: number) => {
+            // Find or create mutable schema.
+            const mutableSchema = await space.db.schemaRegistry.query();
+            const schema =
+              mutableSchema.find((schema) => schema.typename === type.typename) ??
+              space.db.schemaRegistry.addSchema(type);
+
+            // Create objects.
+            const generate = createAsyncGenerator(generator, schema.schema, space.db);
+            const objects = await generate.createObjects(n);
+
+            // Find or create table and view.
+            const { objects: tables } = await space.db.query(Filter.schema(TableType)).run();
+            const table = tables.find((table) => table.view?.query?.typename === type.typename);
+            if (!table) {
+              const name = type.typename.split('/').pop() ?? type.typename;
+              const table = space.db.add(
+                create(TableType, {
+                  name,
+                  view: createView({
+                    name,
+                    typename: type.typename,
+                    jsonSchema: schema.jsonSchema,
+                  }),
+                }),
+              );
+
+              // Add to UX.
+              onAddObjects?.([table]);
+            }
+
+            return objects;
+          },
+        ];
+      }),
+    );
+  }, [client, mutableTypes]);
+
+  // Query space to get info.
+  const updateInfo = async () => {
+    // Create schema map.
+    const mutableSchema = await space.db.schemaRegistry.query();
+    const staticSchema = space.db.graph.schemaRegistry.schemas;
+
+    // Create object map.
+    const { objects } = await space.db.query().run();
+    const objectMap = sortKeys(
+      objects.reduce<Record<string, number>>((map, obj) => {
+        const type = getTypename(obj);
+        if (type) {
+          const count = map[type] ?? 0;
+          map[type] = count + 1;
+        }
+        return map;
+      }, {}),
+    );
+
+    setInfo({
+      schema: {
+        static: staticSchema.length,
+        mutable: mutableSchema.length,
+      },
+      objects: objectMap,
+    });
+  };
+
+  useAsyncEffect(updateInfo, [space]);
+
+  const handleCreateData = useCallback(
+    async (typename: string) => {
+      await typeMap.get(typename)?.(10);
+      await updateInfo();
+    },
+    [typeMap],
+  );
+
+  return (
+    <div role='none' className='flex flex-col divide-y divide-separator'>
+      <Toolbar.Root classNames='p-1'>
+        <IconButton icon='ph--arrow-clockwise--regular' iconOnly label='Refresh' onClick={updateInfo} />
+      </Toolbar.Root>
+
+      <SchemaTable types={staticTypes} objects={info.objects} label='Static Types' onClick={handleCreateData} />
+      <SchemaTable types={mutableTypes} objects={info.objects} label='Mutable Types' onClick={handleCreateData} />
+
+      <SyntaxHighlighter classNames='flex text-xs' language='json'>
+        {JSON.stringify({ space, ...info }, jsonKeyReplacer({ truncate: true }), 2)}
+      </SyntaxHighlighter>
+    </div>
+  );
+};
+
+type SchemaTableProps = {
+  types: any[];
+  objects?: Record<string, number | undefined>;
+  label: string;
+  onClick: (typename: string) => void;
+};
+
+const SchemaTable = ({ types, objects = {}, label, onClick }: SchemaTableProps) => {
+  return (
+    <div className='grid grid-cols-[1fr_80px_40px] gap-1 overflow-hidden'>
+      <div className='grid grid-cols-subgrid col-span-3'>
+        <div className='px-2 py-1 text-sm text-primary-500'>{label}</div>
+      </div>
+      {types.map((type) => (
+        <div key={type.typename} className='grid grid-cols-subgrid col-span-3 items-center'>
+          <div className='px-2 py-1 text-sm font-mono text-green-500'>{type.typename}</div>
+          <div className='px-2 py-1 text-right font-mono'>{objects[type.typename] ?? 0}</div>
+          <IconButton
+            variant='ghost'
+            icon='ph--plus--regular'
+            iconOnly
+            label='Create data'
+            onClick={() => onClick(type.typename)}
+          />
+        </div>
+      ))}
+    </div>
+  );
+};

package/src/components/SpaceGenerator/index.ts

@@ -0,0 +1,7 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { SpaceGenerator } from './SpaceGenerator';
+
+export default SpaceGenerator;

package/src/components/index.ts

@@ -4,8 +4,9 @@
 
 import { lazy } from 'react';
 
-export const DebugGlobal = lazy(() => import('./DebugGlobal'));
+export const DebugApp = lazy(() => import('./DebugApp'));
 export const DebugSpace = lazy(() => import('./DebugSpace'));
+export const SpaceGenerator = lazy(() => import('./SpaceGenerator'));
 
 export * from './DebugObjectPanel';
 export * from './DebugSettings';

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

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