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

package/src/components/DebugPanel.tsx

@@ -1,29 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { formatDistance } from 'date-fns';
-import React, { type PropsWithChildren, type ReactNode } from 'react';
-
-import { useConfig } from '@dxos/react-client';
-
-export const DebugPanel = ({ menu, children }: PropsWithChildren<{ menu: ReactNode }>) => {
-  const config = useConfig();
-  return (
-    <>
-      <div className='flex shrink-0 p-2 space-x-2'>{menu}</div>
-      <div className='flex flex-col grow px-2 overflow-hidden'>
-        <div className='flex flex-col grow overflow-auto'>{children}</div>
-        {config.values?.runtime?.app?.build?.timestamp && (
-          <div className='p-2 text-sm font-mono'>
-            {config.values?.runtime?.app?.build?.version}
-            {formatDistance(new Date(config.values?.runtime?.app?.build?.timestamp), new Date(), {
-              addSuffix: true,
-              includeSeconds: true,
-            })}
-          </div>
-        )}
-      </div>
-    </>
-  );
-};

package/src/components/ObjectCreator.tsx

@@ -1,99 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { useMemo, useState } from 'react';
-
-import { type EchoReactiveObject, type ReactiveObject, type Space } from '@dxos/react-client/echo';
-import { Button } from '@dxos/react-ui';
-import { createColumnBuilder, type TableColumnDef, Table } from '@dxos/react-ui-table/deprecated';
-
-import { SchemasNames, createSpaceObjectGenerator } from '../scaffolding';
-
-export type CreateObjectsParams = {
-  enabled: boolean;
-  schema: SchemasNames;
-  objectsCount: number;
-  mutationsCount: number;
-  maxContentLength: number;
-  mutationSize: number;
-};
-
-const CREATE_OBJECTS_IN_ONE_CHUNK = 10;
-
-export type ObjectCreatorProps = {
-  space: Space;
-  onAddObjects?: (objects: ReactiveObject<any>[]) => void;
-};
-
-export const ObjectCreator = ({ space, onAddObjects }: ObjectCreatorProps) => {
-  const generator = useMemo(() => createSpaceObjectGenerator(space), [space]);
-
-  const [objectsToCreate, setObjectsToCreate] = useState<CreateObjectsParams[]>([
-    {
-      enabled: true,
-      schema: SchemasNames.document,
-      objectsCount: 10,
-      mutationsCount: 10,
-      mutationSize: 10,
-      maxContentLength: 1000,
-    },
-    {
-      enabled: true,
-      schema: SchemasNames.diagram,
-      objectsCount: 10,
-      mutationsCount: 10,
-      mutationSize: 10,
-      maxContentLength: 1000,
-    },
-  ]);
-
-  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),
-        })) as EchoReactiveObject<any>[];
-
-        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: CreateObjectsParams, key: string, value: any) => {
-    const newObjects = [...objectsToCreate];
-    Object.assign(newObjects.find((object) => object.schema === row.schema)!, { [key]: value });
-    setObjectsToCreate(newObjects);
-  };
-
-  const { helper, builder } = createColumnBuilder<CreateObjectsParams>();
-  const columns: TableColumnDef<CreateObjectsParams>[] = [
-    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 (
-    <>
-      <Table.Root>
-        <Table.Viewport>
-          <Table.Main<CreateObjectsParams> columns={columns} data={objectsToCreate} />
-        </Table.Viewport>
-      </Table.Root>
-      <Button onClick={handleCreate}>Create</Button>
-    </>
-  );
-};

package/src/scaffolding/generator.ts

@@ -1,146 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import {
-  createShapeId,
-  defaultBindingUtils,
-  defaultShapeUtils,
-  defaultTools,
-  Editor,
-  type TLParentId,
-} from '@tldraw/tldraw';
-
-import { sleep } from '@dxos/async';
-import { next as A } from '@dxos/automerge/automerge';
-import {
-  SpaceObjectGenerator,
-  type TestGeneratorMap,
-  type TestMutationsMap,
-  type TestSchemaMap,
-} 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/sdk';
-import { CanvasType, DiagramType, TLDRAW_SCHEMA } from '@dxos/plugin-sketch/types';
-import { faker } from '@dxos/random';
-import { createDocAccessor, type Space } from '@dxos/react-client/echo';
-
-// TODO(burdon): Move to echo-generator.
-
-// TODO(wittjosiah): Remove? Just use DXNs.
-export enum SchemasNames {
-  document = 'dxos.org/type/Document',
-  diagram = 'dxos.org/type/Diagram',
-}
-
-export const SchemasMap: TestSchemaMap<SchemasNames> = {
-  [SchemasNames.document]: DocumentType,
-  [SchemasNames.diagram]: DiagramType,
-};
-
-export const ObjectGenerators: TestGeneratorMap<SchemasNames> = {
-  [SchemasNames.document]: () => {
-    const name = faker.lorem.sentence({ min: 2, max: 3 });
-    return { name, content: create(TextType, { content: '' }), threads: [] };
-  },
-
-  [SchemasNames.diagram]: () => {
-    const name = faker.lorem.sentence({ min: 2, max: 3 });
-    return {
-      name,
-      canvas: create(CanvasType, { schema: TLDRAW_SCHEMA, content: {} }),
-    };
-  },
-};
-
-export const MutationsGenerators: TestMutationsMap<SchemasNames> = {
-  [SchemasNames.document]: async (object, params) => {
-    const accessor = createDocAccessor<DocumentType>(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 }) + ' ',
-        );
-      });
-
-      // Release the event loop.
-      if (i % 100 === 0 || i === params.count - 1) {
-        log.info('Mutation:', { mutationIdx: i });
-        await sleep(1);
-      }
-    }
-  },
-
-  [SchemasNames.diagram]: async (object, params) => {
-    const store = new TLDrawStoreAdapter();
-    await store.open(createDocAccessor<CanvasType>(object.canvas, ['content']));
-    const app = new Editor({
-      store: store.store!,
-      shapeUtils: defaultShapeUtils,
-      bindingUtils: defaultBindingUtils,
-      tools: defaultTools,
-      getContainer: () => document.getElementsByTagName('body')[0],
-    });
-
-    //
-    // Draw spiral.
-    //
-    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' as TLParentId,
-        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,
-      });
-
-      // Release the event loop.
-      if (i % 100 === 0) {
-        await sleep(1);
-      }
-    }
-  },
-};
-
-export const createSpaceObjectGenerator = (space: Space) =>
-  new SpaceObjectGenerator(space, SchemasMap, ObjectGenerators, MutationsGenerators);

package/src/scaffolding/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-export * from './generator';