@dxos/plugin-explorer 0.8.1 → 0.8.2-main.10c050d

package/dist/types/src/components/Graph/graph-model.d.ts

@@ -1,39 +0,0 @@
-import { type GraphData, GraphModel } from '@dxos/gem-spore';
-import { type ReactiveEchoObject, type Space } from '@dxos/react-client/echo';
-export type SpaceGraphModelOptions = {
-    schema?: boolean;
-};
-type SchemaGraphNode = {
-    id: string;
-    type: 'schema';
-    data: {
-        typename: string;
-    };
-};
-type ObjectGraphNode = {
-    id: string;
-    type: 'object';
-    data: {
-        typename: string;
-        object: ReactiveEchoObject<any>;
-    };
-};
-export type EchoGraphNode = SchemaGraphNode | ObjectGraphNode;
-/**
- * Converts ECHO objects to a graph.
- */
-export declare class SpaceGraphModel extends GraphModel<EchoGraphNode> {
-    private readonly _options;
-    private readonly _graph;
-    private _schema?;
-    private _schemaSubscription?;
-    private _objects?;
-    private _objectsSubscription?;
-    constructor(_options?: SpaceGraphModelOptions);
-    get graph(): GraphData<EchoGraphNode>;
-    get objects(): ReactiveEchoObject<any>[];
-    open(space: Space, objectId?: string): Promise<this>;
-    close(): this;
-}
-export {};
-//# sourceMappingURL=graph-model.d.ts.map

package/dist/types/src/components/Graph/graph-model.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"graph-model.d.ts","sourceRoot":"","sources":["../../../../../src/components/Graph/graph-model.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,SAAS,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7D,OAAO,EAAU,KAAK,kBAAkB,EAAE,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEtF,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAIF,KAAK,eAAe,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;CAC5B,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC;CAC7D,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,eAAe,GAAG,eAAe,CAAC;AAE9D;;GAEG;AACH,qBAAa,eAAgB,SAAQ,UAAU,CAAC,aAAa,CAAC;IAWhD,OAAO,CAAC,QAAQ,CAAC,QAAQ;IAVrC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAGrB;IAEF,OAAO,CAAC,OAAO,CAAC,CAAe;IAC/B,OAAO,CAAC,mBAAmB,CAAC,CAAY;IACxC,OAAO,CAAC,QAAQ,CAAC,CAA4B;IAC7C,OAAO,CAAC,oBAAoB,CAAC,CAAY;gBAEZ,QAAQ,GAAE,sBAA2B;IAIlE,IAAa,KAAK,IAAI,SAAS,CAAC,aAAa,CAAC,CAE7C;IAED,IAAI,OAAO,IAAI,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAEvC;IASK,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,EAAE,MAAM;IAgH1C,KAAK;CAQN"}

package/dist/types/src/components/Tree/types.d.ts

@@ -1,8 +0,0 @@
-import { type GraphModel } from '@dxos/gem-spore';
-export type TreeNode = {
-    id: string;
-    label?: string;
-    children?: TreeNode[];
-};
-export declare const mapGraphToTreeData: <N>(model: GraphModel<N>, maxDepth?: number) => TreeNode | undefined;
-//# sourceMappingURL=types.d.ts.map

package/dist/types/src/components/Tree/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/types.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,UAAU,CAAC,CAAC,CAAC,wBAAiB,QAAQ,GAAG,SA0BrF,CAAC"}

package/src/components/Graph/Graph.stories.tsx

@@ -1,62 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type Meta } from '@storybook/react';
-import React, { useEffect, useState } from 'react';
-
-import { createSpaceObjectGenerator, TestSchemaType } from '@dxos/echo-generator';
-import { faker } from '@dxos/random';
-import { useClient } from '@dxos/react-client';
-import { create } from '@dxos/react-client/echo';
-import { type Space } from '@dxos/react-client/echo';
-import { ClientRepeater } from '@dxos/react-client/testing';
-import { withLayout, withTheme } from '@dxos/storybook-utils';
-
-import { Graph } from './Graph';
-import { ViewType } from '../../types';
-
-faker.seed(1);
-
-const Story = () => {
-  const client = useClient();
-  const [space, setSpace] = useState<Space>();
-  const [view, setView] = useState<ViewType>();
-  useEffect(() => {
-    const space = client.spaces.default;
-    const generator = createSpaceObjectGenerator(space);
-    queueMicrotask(async () => {
-      await generator.addSchemas();
-      await generator.createObjects({
-        [TestSchemaType.organization]: 20,
-        [TestSchemaType.contact]: 50,
-      });
-    });
-
-    const view = space.db.add(create(ViewType, { name: '', type: '' }));
-    setSpace(space);
-    setView(view);
-  }, []);
-
-  if (!space || !view) {
-    return null;
-  }
-
-  return <Graph space={space} />;
-};
-
-const meta: Meta = {
-  title: 'plugins/plugin-explorer/Graph',
-  component: Graph,
-  render: () => <ClientRepeater component={Story} createSpace types={[ViewType]} />,
-  decorators: [withTheme, withLayout({ fullscreen: true })],
-  parameters: {
-    layout: 'fullscreen',
-  },
-};
-
-export default meta;
-
-export const Default = {};

package/src/components/Graph/graph-model.ts

@@ -1,193 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { type CleanupFn } from '@dxos/async';
-import {
-  getSchema,
-  getSchemaDXN,
-  AST,
-  type EchoSchema,
-  ReferenceAnnotationId,
-  SchemaValidator,
-  StoredSchema,
-} from '@dxos/echo-schema';
-import { type GraphData, GraphModel } from '@dxos/gem-spore';
-import { log } from '@dxos/log';
-import { CollectionType } from '@dxos/plugin-space/types';
-import { Filter, type ReactiveEchoObject, type Space } from '@dxos/react-client/echo';
-
-export type SpaceGraphModelOptions = {
-  schema?: boolean;
-};
-
-// TODO(burdon): Convert to common/graph.
-
-type SchemaGraphNode = {
-  id: string;
-  type: 'schema';
-  data: { typename: string };
-};
-
-type ObjectGraphNode = {
-  id: string;
-  type: 'object';
-  data: { typename: string; object: ReactiveEchoObject<any> };
-};
-
-export type EchoGraphNode = SchemaGraphNode | ObjectGraphNode;
-
-/**
- * Converts ECHO objects to a graph.
- */
-export class SpaceGraphModel extends GraphModel<EchoGraphNode> {
-  private readonly _graph: GraphData<EchoGraphNode> = {
-    nodes: [],
-    links: [],
-  };
-
-  private _schema?: EchoSchema[];
-  private _schemaSubscription?: CleanupFn;
-  private _objects?: ReactiveEchoObject<any>[];
-  private _objectsSubscription?: CleanupFn;
-
-  constructor(private readonly _options: SpaceGraphModelOptions = {}) {
-    super();
-  }
-
-  override get graph(): GraphData<EchoGraphNode> {
-    return this._graph;
-  }
-
-  get objects(): ReactiveEchoObject<any>[] {
-    return this._objects ?? [];
-  }
-
-  // TODO(burdon): Alternative diagram types:
-  // - https://observablehq.com/@d3/radial-tree/2
-  // - https://observablehq.com/@d3/disjoint-force-directed-graph/2
-  // - https://observablehq.com/@mbostock/tadpoles
-  // - https://observablehq.com/@d3/psr-b1919-21
-  // - https://vasturiano.github.io/react-force-graph/example/basic (3D)
-
-  async open(space: Space, objectId?: string) {
-    // TODO(burdon): Factor out graph builder to lib (use common/graph abstraction).
-    if (!this._schemaSubscription) {
-      // TODO(burdon): Normalize unsubscribe callbacks and merge handlers.
-      // TODO(burdon): Trigger initial subscription update.
-      // TODO(burdon): Normalize subscription cb for objects, schema, etc.
-
-      const schemaaQuery = space.db.schemaRegistry.query({});
-      const schemas = await schemaaQuery.run();
-      const onSchemaUpdate = ({ results }: { results: EchoSchema[] }) => (this._schema = results);
-      this._schemaSubscription = schemaaQuery.subscribe(onSchemaUpdate);
-      onSchemaUpdate({ results: schemas });
-
-      this._objectsSubscription = space.db
-        // TODO(burdon): ERROR: Cannot mix type and or filters.
-        .query(Filter.not(Filter.or(Filter.schema(StoredSchema), Filter.schema(CollectionType))))
-        .subscribe(
-          ({ objects }) => {
-            this._objects = objects;
-
-            // Merge with current nodes.
-            const currentNodes = this._graph.nodes;
-
-            this._graph.nodes = [];
-            this._graph.links = [];
-
-            const addSchema = (typename: string) => {
-              const current = currentNodes.find((node) => node.id === typename);
-              if (typename) {
-                this._graph.nodes.push({
-                  ...current,
-                  id: typename,
-                  type: 'schema',
-                  data: { typename },
-                });
-              }
-            };
-
-            // Runtime schema.
-            space.db.graph.schemaRegistry.schemas.forEach((schema) => {
-              const typename = getSchemaDXN(schema)?.typename;
-              if (typename) {
-                addSchema(typename);
-              }
-            });
-
-            // Database Schema.
-            this._schema?.forEach((schema) => {
-              const typename = getSchemaDXN(schema)?.typename;
-              if (typename) {
-                addSchema(typename);
-              }
-            });
-
-            // Database Objects.
-            this._objects.forEach((object) => {
-              const schema = getSchema(object);
-              if (schema) {
-                const typename = getSchemaDXN(schema)?.typename;
-                if (typename) {
-                  const current = currentNodes.find((node) => node.id === object.id);
-                  this._graph.nodes.push({ ...current, id: object.id, type: 'object', data: { typename, object } });
-
-                  // Link to schema.
-                  const schemaNode = this._graph.nodes.find(
-                    (node) => node.type === 'schema' && node.data.typename === typename,
-                  );
-                  if (schemaNode) {
-                    this._graph.links.push({
-                      id: `${object.id}-${schemaNode.id}`,
-                      source: object.id,
-                      target: schemaNode.id,
-                    });
-                  } else {
-                    log.info('schema node not found', { typename });
-                  }
-
-                  // Link ot refs.
-                  // TODO(burdon): This isn't working.
-                  AST.getPropertySignatures(schema.ast).forEach((prop) => {
-                    if (!SchemaValidator.hasTypeAnnotation(schema, prop.name.toString(), ReferenceAnnotationId)) {
-                      return;
-                    }
-
-                    const value = object[String(prop.name)];
-                    if (value) {
-                      const refs = Array.isArray(value) ? value : [value];
-                      for (const ref of refs) {
-                        if (objects.findIndex((obj) => obj.id === ref.id) !== -1) {
-                          this._graph.links.push({
-                            id: `${object.id}-${String(prop.name)}-${ref.id}`,
-                            source: object.id,
-                            target: ref.id,
-                          });
-                        }
-                      }
-                    }
-                  });
-                }
-              }
-            });
-
-            this.triggerUpdate();
-          },
-          { fire: true },
-        );
-    }
-
-    this.setSelected(objectId);
-    return this;
-  }
-
-  close() {
-    this._schemaSubscription?.();
-    this._schemaSubscription = undefined;
-    this._objectsSubscription?.();
-    this._objectsSubscription = undefined;
-
-    return this;
-  }
-}

package/src/components/Tree/types.ts

@@ -1,40 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-// TODO(burdon): Convert to common/graph.
-import { type GraphModel } from '@dxos/gem-spore';
-
-export type TreeNode = {
-  id: string;
-  label?: string;
-  children?: TreeNode[];
-};
-
-export const mapGraphToTreeData = <N>(model: GraphModel<N>, maxDepth = 8): TreeNode | undefined => {
-  const mapNode = (node: N, depth = 0): TreeNode => {
-    const treeNode: TreeNode = {
-      id: model.idAccessor(node),
-      label: model.idAccessor(node).slice(0, 8),
-    };
-
-    const links = model.graph.links.filter((link) => link.source === treeNode.id);
-    if (depth < maxDepth) {
-      treeNode.children = links.map((link) =>
-        mapNode(model.graph.nodes.find((node) => model.idAccessor(node) === link.target)!, depth + 1),
-      );
-    }
-
-    return treeNode;
-  };
-
-  let data: TreeNode | undefined;
-  if (model.selected) {
-    const node = model.graph.nodes.find((node) => model.idAccessor(node) === model.selected);
-    if (node) {
-      data = mapNode(node);
-    }
-  }
-
-  return data;
-};