@dxos/plugin-explorer 0.8.2-main.fbd8ed0 → 0.8.2-staging.42af850

package/dist/lib/node/ExplorerContainer-4RMWCWRX.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/ExplorerContainer.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { useGlobalSearch } from '@dxos/plugin-search';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { Graph } from './Graph';\nimport { type ViewType } from '../types';\n\nconst ExplorerContainer = ({ view, role }: { view: ViewType; role: string }) => {\n  const space = getSpace(view);\n  const { match } = useGlobalSearch();\n\n  if (!space) {\n    return null;\n  }\n\n  return (\n    <StackItem.Content size={role === 'section' ? 'square' : 'intrinsic'}>\n      <Graph space={space} match={match} />\n    </StackItem.Content>\n  );\n};\n\nexport default ExplorerContainer;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAAkB;AAElB,2BAAgC;AAChC,kBAAyB;AACzB,4BAA0B;AAK1B,IAAMA,oBAAoB,CAAC,EAAEC,MAAMC,KAAI,MAAoC;AACzE,QAAMC,YAAQC,sBAASH,IAAAA;AACvB,QAAM,EAAEI,MAAK,QAAKC,sCAAAA;AAElB,MAAI,CAACH,OAAO;AACV,WAAO;EACT;AAEA,SACE,6BAAAI,QAAA,cAACC,gCAAUC,SAAO;IAACC,MAAMR,SAAS,YAAY,WAAW;KACvD,6BAAAK,QAAA,cAACI,6BAAAA;IAAMR;IAAcE;;AAG3B;AAEA,IAAA,4BAAeL;",
-  "names": ["ExplorerContainer", "view", "role", "space", "getSpace", "match", "useGlobalSearch", "React", "StackItem", "Content", "size", "Graph"]
-}

package/dist/lib/node/chunk-4ZUNNUQD.cjs

@@ -1,237 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_4ZUNNUQD_exports = {};
-__export(chunk_4ZUNNUQD_exports, {
-  Graph: () => Graph,
-  SpaceGraphModel: () => SpaceGraphModel
-});
-module.exports = __toCommonJS(chunk_4ZUNNUQD_exports);
-var import_effect = require("effect");
-var import_echo_schema = require("@dxos/echo-schema");
-var import_gem_spore = require("@dxos/gem-spore");
-var import_log = require("@dxos/log");
-var import_types = require("@dxos/plugin-space/types");
-var import_echo = require("@dxos/react-client/echo");
-var import_d3 = require("d3");
-var import_force_graph = __toESM(require("force-graph"));
-var import_react = __toESM(require("react"));
-var import_react_resize_detector = require("react-resize-detector");
-var import_plugin_search = require("@dxos/plugin-search");
-var import_react_ui = require("@dxos/react-ui");
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-explorer/src/components/Graph/graph-model.ts";
-var SpaceGraphModel = class extends import_gem_spore.GraphModel {
-  constructor(_options = {}) {
-    super();
-    this._options = _options;
-    this._graph = {
-      nodes: [],
-      links: []
-    };
-  }
-  get graph() {
-    return this._graph;
-  }
-  get objects() {
-    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, objectId) {
-    if (!this._schemaSubscription) {
-      const schemaaQuery = space.db.schemaRegistry.query({});
-      const schemas = await schemaaQuery.run();
-      const onSchemaUpdate = ({ results }) => this._schema = results;
-      this._schemaSubscription = schemaaQuery.subscribe(onSchemaUpdate);
-      onSchemaUpdate({
-        results: schemas
-      });
-      this._objectsSubscription = space.db.query(import_echo.Filter.not(import_echo.Filter.or(import_echo.Filter.type(import_echo_schema.StoredSchema), import_echo.Filter.type(import_types.CollectionType)))).subscribe(({ objects }) => {
-        this._objects = objects;
-        const currentNodes = this._graph.nodes;
-        this._graph.nodes = [];
-        this._graph.links = [];
-        const addSchema = (typename) => {
-          const current = currentNodes.find((node) => node.id === typename);
-          if (typename) {
-            this._graph.nodes.push({
-              ...current,
-              id: typename,
-              type: "schema",
-              data: {
-                typename
-              }
-            });
-          }
-        };
-        space.db.graph.schemaRegistry.schemas.forEach((schema) => {
-          const typename = (0, import_echo_schema.getSchemaDXN)(schema)?.typename;
-          if (typename) {
-            addSchema(typename);
-          }
-        });
-        this._schema?.forEach((schema) => {
-          const typename = (0, import_echo_schema.getSchemaDXN)(schema)?.typename;
-          if (typename) {
-            addSchema(typename);
-          }
-        });
-        this._objects.forEach((object) => {
-          const schema = (0, import_echo_schema.getSchema)(object);
-          if (schema) {
-            const typename = (0, import_echo_schema.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
-                }
-              });
-              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 {
-                import_log.log.info("schema node not found", {
-                  typename
-                }, {
-                  F: __dxlog_file,
-                  L: 148,
-                  S: this,
-                  C: (f, a) => f(...a)
-                });
-              }
-              import_effect.SchemaAST.getPropertySignatures(schema.ast).forEach((prop) => {
-                if (!import_echo_schema.SchemaValidator.hasTypeAnnotation(schema, prop.name.toString(), import_echo_schema.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 = void 0;
-    this._objectsSubscription?.();
-    this._objectsSubscription = void 0;
-    return this;
-  }
-};
-var Graph = ({ space, match }) => {
-  const { ref, width, height } = (0, import_react_resize_detector.useResizeDetector)({
-    refreshRate: 200
-  });
-  const rootRef = (0, import_react.useRef)(null);
-  const forceGraph = (0, import_react.useRef)();
-  const [model] = (0, import_react_ui.useAsyncState)(async () => space ? new SpaceGraphModel({
-    schema: true
-  }).open(space) : void 0, [
-    space
-  ]);
-  const filteredRef = (0, import_react.useRef)();
-  filteredRef.current = (0, import_plugin_search.filterObjectsSync)(model?.objects ?? [], match);
-  (0, import_react.useEffect)(() => {
-    if (rootRef.current) {
-      forceGraph.current = new import_force_graph.default(rootRef.current).nodeRelSize(6).nodeLabel((node) => {
-        if (node.type === "schema") {
-          return node.data.typename;
-        }
-        return node.id;
-      }).nodeAutoColorBy((node) => node.type === "schema" ? "schema" : node.data.typename).linkColor(() => "rgba(255,255,255,0.25)");
-    }
-    return () => {
-      forceGraph.current?.pauseAnimation().graphData({
-        nodes: [],
-        links: []
-      });
-      forceGraph.current = void 0;
-    };
-  }, []);
-  (0, import_react.useEffect)(() => {
-    if (forceGraph.current && width && height && model) {
-      forceGraph.current.pauseAnimation().width(width).height(height).onEngineStop(() => {
-        handleZoomToFit();
-      }).d3Force("link", (0, import_d3.forceLink)().distance(160).strength(0.5)).d3Force("charge", (0, import_d3.forceManyBody)().strength(-30)).graphData(model.graph).warmupTicks(100).cooldownTime(1e3).resumeAnimation();
-    }
-  }, [
-    model,
-    width,
-    height
-  ]);
-  const handleZoomToFit = () => {
-    forceGraph.current?.zoomToFit(400, 40);
-  };
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    ref,
-    className: "relative grow",
-    onClick: handleZoomToFit
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    ref: rootRef,
-    className: "absolute inset-0"
-  }));
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Graph,
-  SpaceGraphModel
-});
-//# sourceMappingURL=chunk-4ZUNNUQD.cjs.map

package/dist/lib/node/chunk-4ZUNNUQD.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/Graph/graph-model.ts", "../../../src/components/Graph/Graph.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { SchemaAST } from 'effect';\n\nimport { type CleanupFn } from '@dxos/async';\nimport {\n  getSchema,\n  getSchemaDXN,\n  type EchoSchema,\n  ReferenceAnnotationId,\n  SchemaValidator,\n  StoredSchema,\n} from '@dxos/echo-schema';\nimport { type GraphData, GraphModel } from '@dxos/gem-spore';\nimport { log } from '@dxos/log';\nimport { CollectionType } from '@dxos/plugin-space/types';\nimport { Filter, type AnyLiveObject, type Space } from '@dxos/react-client/echo';\n\nexport type SpaceGraphModelOptions = {\n  schema?: boolean;\n};\n\n// TODO(burdon): Convert to common/graph.\n\ntype SchemaGraphNode = {\n  id: string;\n  type: 'schema';\n  data: { typename: string };\n};\n\ntype ObjectGraphNode = {\n  id: string;\n  type: 'object';\n  data: { typename: string; object: AnyLiveObject<any> };\n};\n\nexport type EchoGraphNode = SchemaGraphNode | ObjectGraphNode;\n\n/**\n * Converts ECHO objects to a graph.\n */\nexport class SpaceGraphModel extends GraphModel<EchoGraphNode> {\n  private readonly _graph: GraphData<EchoGraphNode> = {\n    nodes: [],\n    links: [],\n  };\n\n  private _schema?: EchoSchema[];\n  private _schemaSubscription?: CleanupFn;\n  private _objects?: AnyLiveObject<any>[];\n  private _objectsSubscription?: CleanupFn;\n\n  constructor(private readonly _options: SpaceGraphModelOptions = {}) {\n    super();\n  }\n\n  override get graph(): GraphData<EchoGraphNode> {\n    return this._graph;\n  }\n\n  get objects(): AnyLiveObject<any>[] {\n    return this._objects ?? [];\n  }\n\n  // TODO(burdon): Alternative diagram types:\n  // - https://observablehq.com/@d3/radial-tree/2\n  // - https://observablehq.com/@d3/disjoint-force-directed-graph/2\n  // - https://observablehq.com/@mbostock/tadpoles\n  // - https://observablehq.com/@d3/psr-b1919-21\n  // - https://vasturiano.github.io/react-force-graph/example/basic (3D)\n\n  async open(space: Space, objectId?: string) {\n    // TODO(burdon): Factor out graph builder to lib (use common/graph abstraction).\n    if (!this._schemaSubscription) {\n      // TODO(burdon): Normalize unsubscribe callbacks and merge handlers.\n      // TODO(burdon): Trigger initial subscription update.\n      // TODO(burdon): Normalize subscription cb for objects, schema, etc.\n\n      const schemaaQuery = space.db.schemaRegistry.query({});\n      const schemas = await schemaaQuery.run();\n      const onSchemaUpdate = ({ results }: { results: EchoSchema[] }) => (this._schema = results);\n      this._schemaSubscription = schemaaQuery.subscribe(onSchemaUpdate);\n      onSchemaUpdate({ results: schemas });\n\n      this._objectsSubscription = space.db\n        // TODO(burdon): ERROR: Cannot mix type and or filters.\n        .query(Filter.not(Filter.or(Filter.type(StoredSchema), Filter.type(CollectionType))))\n        .subscribe(\n          ({ objects }) => {\n            this._objects = objects;\n\n            // Merge with current nodes.\n            const currentNodes = this._graph.nodes;\n\n            this._graph.nodes = [];\n            this._graph.links = [];\n\n            const addSchema = (typename: string) => {\n              const current = currentNodes.find((node) => node.id === typename);\n              if (typename) {\n                this._graph.nodes.push({\n                  ...current,\n                  id: typename,\n                  type: 'schema',\n                  data: { typename },\n                });\n              }\n            };\n\n            // Runtime schema.\n            space.db.graph.schemaRegistry.schemas.forEach((schema) => {\n              const typename = getSchemaDXN(schema)?.typename;\n              if (typename) {\n                addSchema(typename);\n              }\n            });\n\n            // Database Schema.\n            this._schema?.forEach((schema) => {\n              const typename = getSchemaDXN(schema)?.typename;\n              if (typename) {\n                addSchema(typename);\n              }\n            });\n\n            // Database Objects.\n            this._objects.forEach((object) => {\n              const schema = getSchema(object);\n              if (schema) {\n                const typename = getSchemaDXN(schema)?.typename;\n                if (typename) {\n                  const current = currentNodes.find((node) => node.id === object.id);\n                  this._graph.nodes.push({ ...current, id: object.id, type: 'object', data: { typename, object } });\n\n                  // Link to schema.\n                  const schemaNode = this._graph.nodes.find(\n                    (node) => node.type === 'schema' && node.data.typename === typename,\n                  );\n                  if (schemaNode) {\n                    this._graph.links.push({\n                      id: `${object.id}-${schemaNode.id}`,\n                      source: object.id,\n                      target: schemaNode.id,\n                    });\n                  } else {\n                    log.info('schema node not found', { typename });\n                  }\n\n                  // Link ot refs.\n                  // TODO(burdon): This isn't working.\n                  SchemaAST.getPropertySignatures(schema.ast).forEach((prop) => {\n                    if (!SchemaValidator.hasTypeAnnotation(schema, prop.name.toString(), ReferenceAnnotationId)) {\n                      return;\n                    }\n\n                    const value = object[String(prop.name)];\n                    if (value) {\n                      const refs = Array.isArray(value) ? value : [value];\n                      for (const ref of refs) {\n                        if (objects.findIndex((obj) => obj.id === ref.id) !== -1) {\n                          this._graph.links.push({\n                            id: `${object.id}-${String(prop.name)}-${ref.id}`,\n                            source: object.id,\n                            target: ref.id,\n                          });\n                        }\n                      }\n                    }\n                  });\n                }\n              }\n            });\n\n            this.triggerUpdate();\n          },\n          { fire: true },\n        );\n    }\n\n    this.setSelected(objectId);\n    return this;\n  }\n\n  close() {\n    this._schemaSubscription?.();\n    this._schemaSubscription = undefined;\n    this._objectsSubscription?.();\n    this._objectsSubscription = undefined;\n\n    return this;\n  }\n}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { forceLink, forceManyBody } from 'd3';\nimport ForceGraph from 'force-graph';\nimport React, { type FC, useEffect, useRef } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { type Space } from '@dxos/client/echo';\nimport { filterObjectsSync, type SearchResult } from '@dxos/plugin-search';\nimport { useAsyncState } from '@dxos/react-ui';\n\nimport { SpaceGraphModel } from './graph-model';\n\nexport type GraphProps = {\n  space: Space;\n  match?: RegExp;\n};\n\nexport const Graph: FC<GraphProps> = ({ space, match }) => {\n  const { ref, width, height } = useResizeDetector({ refreshRate: 200 });\n  const rootRef = useRef<HTMLDivElement>(null);\n  const forceGraph = useRef<ForceGraph>();\n\n  const [model] = useAsyncState(\n    async () => (space ? new SpaceGraphModel({ schema: true }).open(space) : undefined),\n    [space],\n  );\n\n  const filteredRef = useRef<SearchResult[]>();\n  filteredRef.current = filterObjectsSync(model?.objects ?? [], match);\n\n  useEffect(() => {\n    if (rootRef.current) {\n      // https://github.com/vasturiano/force-graph\n      // https://github.com/vasturiano/3d-force-graph\n      forceGraph.current = new ForceGraph(rootRef.current)\n        .nodeRelSize(6)\n        .nodeLabel((node: any) => {\n          if (node.type === 'schema') {\n            return node.data.typename;\n          }\n\n          return node.id;\n        })\n        .nodeAutoColorBy((node: any) => (node.type === 'schema' ? 'schema' : node.data.typename))\n        .linkColor(() => 'rgba(255,255,255,0.25)');\n    }\n\n    return () => {\n      forceGraph.current?.pauseAnimation().graphData({ nodes: [], links: [] });\n      forceGraph.current = undefined;\n    };\n  }, []);\n\n  useEffect(() => {\n    if (forceGraph.current && width && height && model) {\n      forceGraph.current\n        .pauseAnimation()\n        .width(width)\n        .height(height)\n        .onEngineStop(() => {\n          handleZoomToFit();\n        })\n\n        // https://github.com/vasturiano/force-graph?tab=readme-ov-file#force-engine-d3-force-configuration\n        // .d3Force('center', forceCenter().strength(0.9))\n        .d3Force('link', forceLink().distance(160).strength(0.5))\n        .d3Force('charge', forceManyBody().strength(-30))\n        // .d3AlphaDecay(0.0228)\n        // .d3VelocityDecay(0.4)\n\n        .graphData(model.graph)\n        .warmupTicks(100)\n        .cooldownTime(1000)\n        .resumeAnimation();\n    }\n  }, [model, width, height]);\n\n  const handleZoomToFit = () => {\n    forceGraph.current?.zoomToFit(400, 40);\n  };\n\n  return (\n    <div ref={ref} className='relative grow' onClick={handleZoomToFit}>\n      <div ref={rootRef} className='absolute inset-0' />\n    </div>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["SpaceGraphModel", "GraphModel", "constructor", "_options", "_graph", "nodes", "links", "graph", "objects", "_objects", "open", "space", "objectId", "_schemaSubscription", "schemaaQuery", "db", "schemaRegistry", "query", "schemas", "run", "onSchemaUpdate", "results", "_schema", "subscribe", "_objectsSubscription", "Filter", "not", "or", "type", "StoredSchema", "CollectionType", "currentNodes", "addSchema", "typename", "current", "find", "node", "id", "push", "data", "forEach", "schema", "getSchemaDXN", "object", "getSchema", "schemaNode", "source", "target", "log", "info", "SchemaAST", "getPropertySignatures", "ast", "prop", "SchemaValidator", "hasTypeAnnotation", "name", "toString", "ReferenceAnnotationId", "value", "String", "refs", "Array", "isArray", "ref", "findIndex", "obj", "triggerUpdate", "fire", "setSelected", "close", "undefined", "Graph", "match", "width", "height", "useResizeDetector", "refreshRate", "rootRef", "useRef", "forceGraph", "model", "useAsyncState", "filteredRef", "filterObjectsSync", "useEffect", "ForceGraph", "nodeRelSize", "nodeLabel", "nodeAutoColorBy", "linkColor", "pauseAnimation", "graphData", "onEngineStop", "handleZoomToFit", "d3Force", "forceLink", "distance", "strength", "forceManyBody", "warmupTicks", "cooldownTime", "resumeAnimation", "zoomToFit", "React", "div", "className", "onClick"]
-}

package/dist/lib/node-esm/ExplorerContainer-3GOCCL7Q.mjs

@@ -1,28 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  Graph
-} from "./chunk-BJZBPCC3.mjs";
-
-// packages/plugins/plugin-explorer/src/components/ExplorerContainer.tsx
-import React from "react";
-import { useGlobalSearch } from "@dxos/plugin-search";
-import { getSpace } from "@dxos/react-client/echo";
-import { StackItem } from "@dxos/react-ui-stack";
-var ExplorerContainer = ({ view, role }) => {
-  const space = getSpace(view);
-  const { match } = useGlobalSearch();
-  if (!space) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(StackItem.Content, {
-    size: role === "section" ? "square" : "intrinsic"
-  }, /* @__PURE__ */ React.createElement(Graph, {
-    space,
-    match
-  }));
-};
-var ExplorerContainer_default = ExplorerContainer;
-export {
-  ExplorerContainer_default as default
-};
-//# sourceMappingURL=ExplorerContainer-3GOCCL7Q.mjs.map

package/dist/lib/node-esm/ExplorerContainer-3GOCCL7Q.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/ExplorerContainer.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { useGlobalSearch } from '@dxos/plugin-search';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { Graph } from './Graph';\nimport { type ViewType } from '../types';\n\nconst ExplorerContainer = ({ view, role }: { view: ViewType; role: string }) => {\n  const space = getSpace(view);\n  const { match } = useGlobalSearch();\n\n  if (!space) {\n    return null;\n  }\n\n  return (\n    <StackItem.Content size={role === 'section' ? 'square' : 'intrinsic'}>\n      <Graph space={space} match={match} />\n    </StackItem.Content>\n  );\n};\n\nexport default ExplorerContainer;\n"],
-  "mappings": ";;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,uBAAuB;AAChC,SAASC,gBAAgB;AACzB,SAASC,iBAAiB;AAK1B,IAAMC,oBAAoB,CAAC,EAAEC,MAAMC,KAAI,MAAoC;AACzE,QAAMC,QAAQC,SAASH,IAAAA;AACvB,QAAM,EAAEI,MAAK,IAAKC,gBAAAA;AAElB,MAAI,CAACH,OAAO;AACV,WAAO;EACT;AAEA,SACE,sBAAA,cAACI,UAAUC,SAAO;IAACC,MAAMP,SAAS,YAAY,WAAW;KACvD,sBAAA,cAACQ,OAAAA;IAAMP;IAAcE;;AAG3B;AAEA,IAAA,4BAAeL;",
-  "names": ["React", "useGlobalSearch", "getSpace", "StackItem", "ExplorerContainer", "view", "role", "space", "getSpace", "match", "useGlobalSearch", "StackItem", "Content", "size", "Graph"]
-}

package/dist/lib/node-esm/chunk-BJZBPCC3.mjs

@@ -1,208 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-
-// packages/plugins/plugin-explorer/src/components/Graph/graph-model.ts
-import { SchemaAST } from "effect";
-import { getSchema, getSchemaDXN, ReferenceAnnotationId, SchemaValidator, StoredSchema } from "@dxos/echo-schema";
-import { GraphModel } from "@dxos/gem-spore";
-import { log } from "@dxos/log";
-import { CollectionType } from "@dxos/plugin-space/types";
-import { Filter } from "@dxos/react-client/echo";
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-explorer/src/components/Graph/graph-model.ts";
-var SpaceGraphModel = class extends GraphModel {
-  constructor(_options = {}) {
-    super();
-    this._options = _options;
-    this._graph = {
-      nodes: [],
-      links: []
-    };
-  }
-  get graph() {
-    return this._graph;
-  }
-  get objects() {
-    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, objectId) {
-    if (!this._schemaSubscription) {
-      const schemaaQuery = space.db.schemaRegistry.query({});
-      const schemas = await schemaaQuery.run();
-      const onSchemaUpdate = ({ results }) => this._schema = results;
-      this._schemaSubscription = schemaaQuery.subscribe(onSchemaUpdate);
-      onSchemaUpdate({
-        results: schemas
-      });
-      this._objectsSubscription = space.db.query(Filter.not(Filter.or(Filter.type(StoredSchema), Filter.type(CollectionType)))).subscribe(({ objects }) => {
-        this._objects = objects;
-        const currentNodes = this._graph.nodes;
-        this._graph.nodes = [];
-        this._graph.links = [];
-        const addSchema = (typename) => {
-          const current = currentNodes.find((node) => node.id === typename);
-          if (typename) {
-            this._graph.nodes.push({
-              ...current,
-              id: typename,
-              type: "schema",
-              data: {
-                typename
-              }
-            });
-          }
-        };
-        space.db.graph.schemaRegistry.schemas.forEach((schema) => {
-          const typename = getSchemaDXN(schema)?.typename;
-          if (typename) {
-            addSchema(typename);
-          }
-        });
-        this._schema?.forEach((schema) => {
-          const typename = getSchemaDXN(schema)?.typename;
-          if (typename) {
-            addSchema(typename);
-          }
-        });
-        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
-                }
-              });
-              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
-                }, {
-                  F: __dxlog_file,
-                  L: 148,
-                  S: this,
-                  C: (f, a) => f(...a)
-                });
-              }
-              SchemaAST.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 = void 0;
-    this._objectsSubscription?.();
-    this._objectsSubscription = void 0;
-    return this;
-  }
-};
-
-// packages/plugins/plugin-explorer/src/components/Graph/Graph.tsx
-import { forceLink, forceManyBody } from "d3";
-import ForceGraph from "force-graph";
-import React, { useEffect, useRef } from "react";
-import { useResizeDetector } from "react-resize-detector";
-import { filterObjectsSync } from "@dxos/plugin-search";
-import { useAsyncState } from "@dxos/react-ui";
-var Graph = ({ space, match }) => {
-  const { ref, width, height } = useResizeDetector({
-    refreshRate: 200
-  });
-  const rootRef = useRef(null);
-  const forceGraph = useRef();
-  const [model] = useAsyncState(async () => space ? new SpaceGraphModel({
-    schema: true
-  }).open(space) : void 0, [
-    space
-  ]);
-  const filteredRef = useRef();
-  filteredRef.current = filterObjectsSync(model?.objects ?? [], match);
-  useEffect(() => {
-    if (rootRef.current) {
-      forceGraph.current = new ForceGraph(rootRef.current).nodeRelSize(6).nodeLabel((node) => {
-        if (node.type === "schema") {
-          return node.data.typename;
-        }
-        return node.id;
-      }).nodeAutoColorBy((node) => node.type === "schema" ? "schema" : node.data.typename).linkColor(() => "rgba(255,255,255,0.25)");
-    }
-    return () => {
-      forceGraph.current?.pauseAnimation().graphData({
-        nodes: [],
-        links: []
-      });
-      forceGraph.current = void 0;
-    };
-  }, []);
-  useEffect(() => {
-    if (forceGraph.current && width && height && model) {
-      forceGraph.current.pauseAnimation().width(width).height(height).onEngineStop(() => {
-        handleZoomToFit();
-      }).d3Force("link", forceLink().distance(160).strength(0.5)).d3Force("charge", forceManyBody().strength(-30)).graphData(model.graph).warmupTicks(100).cooldownTime(1e3).resumeAnimation();
-    }
-  }, [
-    model,
-    width,
-    height
-  ]);
-  const handleZoomToFit = () => {
-    forceGraph.current?.zoomToFit(400, 40);
-  };
-  return /* @__PURE__ */ React.createElement("div", {
-    ref,
-    className: "relative grow",
-    onClick: handleZoomToFit
-  }, /* @__PURE__ */ React.createElement("div", {
-    ref: rootRef,
-    className: "absolute inset-0"
-  }));
-};
-
-export {
-  SpaceGraphModel,
-  Graph
-};
-//# sourceMappingURL=chunk-BJZBPCC3.mjs.map

package/dist/lib/node-esm/chunk-BJZBPCC3.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/Graph/graph-model.ts", "../../../src/components/Graph/Graph.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { SchemaAST } from 'effect';\n\nimport { type CleanupFn } from '@dxos/async';\nimport {\n  getSchema,\n  getSchemaDXN,\n  type EchoSchema,\n  ReferenceAnnotationId,\n  SchemaValidator,\n  StoredSchema,\n} from '@dxos/echo-schema';\nimport { type GraphData, GraphModel } from '@dxos/gem-spore';\nimport { log } from '@dxos/log';\nimport { CollectionType } from '@dxos/plugin-space/types';\nimport { Filter, type AnyLiveObject, type Space } from '@dxos/react-client/echo';\n\nexport type SpaceGraphModelOptions = {\n  schema?: boolean;\n};\n\n// TODO(burdon): Convert to common/graph.\n\ntype SchemaGraphNode = {\n  id: string;\n  type: 'schema';\n  data: { typename: string };\n};\n\ntype ObjectGraphNode = {\n  id: string;\n  type: 'object';\n  data: { typename: string; object: AnyLiveObject<any> };\n};\n\nexport type EchoGraphNode = SchemaGraphNode | ObjectGraphNode;\n\n/**\n * Converts ECHO objects to a graph.\n */\nexport class SpaceGraphModel extends GraphModel<EchoGraphNode> {\n  private readonly _graph: GraphData<EchoGraphNode> = {\n    nodes: [],\n    links: [],\n  };\n\n  private _schema?: EchoSchema[];\n  private _schemaSubscription?: CleanupFn;\n  private _objects?: AnyLiveObject<any>[];\n  private _objectsSubscription?: CleanupFn;\n\n  constructor(private readonly _options: SpaceGraphModelOptions = {}) {\n    super();\n  }\n\n  override get graph(): GraphData<EchoGraphNode> {\n    return this._graph;\n  }\n\n  get objects(): AnyLiveObject<any>[] {\n    return this._objects ?? [];\n  }\n\n  // TODO(burdon): Alternative diagram types:\n  // - https://observablehq.com/@d3/radial-tree/2\n  // - https://observablehq.com/@d3/disjoint-force-directed-graph/2\n  // - https://observablehq.com/@mbostock/tadpoles\n  // - https://observablehq.com/@d3/psr-b1919-21\n  // - https://vasturiano.github.io/react-force-graph/example/basic (3D)\n\n  async open(space: Space, objectId?: string) {\n    // TODO(burdon): Factor out graph builder to lib (use common/graph abstraction).\n    if (!this._schemaSubscription) {\n      // TODO(burdon): Normalize unsubscribe callbacks and merge handlers.\n      // TODO(burdon): Trigger initial subscription update.\n      // TODO(burdon): Normalize subscription cb for objects, schema, etc.\n\n      const schemaaQuery = space.db.schemaRegistry.query({});\n      const schemas = await schemaaQuery.run();\n      const onSchemaUpdate = ({ results }: { results: EchoSchema[] }) => (this._schema = results);\n      this._schemaSubscription = schemaaQuery.subscribe(onSchemaUpdate);\n      onSchemaUpdate({ results: schemas });\n\n      this._objectsSubscription = space.db\n        // TODO(burdon): ERROR: Cannot mix type and or filters.\n        .query(Filter.not(Filter.or(Filter.type(StoredSchema), Filter.type(CollectionType))))\n        .subscribe(\n          ({ objects }) => {\n            this._objects = objects;\n\n            // Merge with current nodes.\n            const currentNodes = this._graph.nodes;\n\n            this._graph.nodes = [];\n            this._graph.links = [];\n\n            const addSchema = (typename: string) => {\n              const current = currentNodes.find((node) => node.id === typename);\n              if (typename) {\n                this._graph.nodes.push({\n                  ...current,\n                  id: typename,\n                  type: 'schema',\n                  data: { typename },\n                });\n              }\n            };\n\n            // Runtime schema.\n            space.db.graph.schemaRegistry.schemas.forEach((schema) => {\n              const typename = getSchemaDXN(schema)?.typename;\n              if (typename) {\n                addSchema(typename);\n              }\n            });\n\n            // Database Schema.\n            this._schema?.forEach((schema) => {\n              const typename = getSchemaDXN(schema)?.typename;\n              if (typename) {\n                addSchema(typename);\n              }\n            });\n\n            // Database Objects.\n            this._objects.forEach((object) => {\n              const schema = getSchema(object);\n              if (schema) {\n                const typename = getSchemaDXN(schema)?.typename;\n                if (typename) {\n                  const current = currentNodes.find((node) => node.id === object.id);\n                  this._graph.nodes.push({ ...current, id: object.id, type: 'object', data: { typename, object } });\n\n                  // Link to schema.\n                  const schemaNode = this._graph.nodes.find(\n                    (node) => node.type === 'schema' && node.data.typename === typename,\n                  );\n                  if (schemaNode) {\n                    this._graph.links.push({\n                      id: `${object.id}-${schemaNode.id}`,\n                      source: object.id,\n                      target: schemaNode.id,\n                    });\n                  } else {\n                    log.info('schema node not found', { typename });\n                  }\n\n                  // Link ot refs.\n                  // TODO(burdon): This isn't working.\n                  SchemaAST.getPropertySignatures(schema.ast).forEach((prop) => {\n                    if (!SchemaValidator.hasTypeAnnotation(schema, prop.name.toString(), ReferenceAnnotationId)) {\n                      return;\n                    }\n\n                    const value = object[String(prop.name)];\n                    if (value) {\n                      const refs = Array.isArray(value) ? value : [value];\n                      for (const ref of refs) {\n                        if (objects.findIndex((obj) => obj.id === ref.id) !== -1) {\n                          this._graph.links.push({\n                            id: `${object.id}-${String(prop.name)}-${ref.id}`,\n                            source: object.id,\n                            target: ref.id,\n                          });\n                        }\n                      }\n                    }\n                  });\n                }\n              }\n            });\n\n            this.triggerUpdate();\n          },\n          { fire: true },\n        );\n    }\n\n    this.setSelected(objectId);\n    return this;\n  }\n\n  close() {\n    this._schemaSubscription?.();\n    this._schemaSubscription = undefined;\n    this._objectsSubscription?.();\n    this._objectsSubscription = undefined;\n\n    return this;\n  }\n}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { forceLink, forceManyBody } from 'd3';\nimport ForceGraph from 'force-graph';\nimport React, { type FC, useEffect, useRef } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { type Space } from '@dxos/client/echo';\nimport { filterObjectsSync, type SearchResult } from '@dxos/plugin-search';\nimport { useAsyncState } from '@dxos/react-ui';\n\nimport { SpaceGraphModel } from './graph-model';\n\nexport type GraphProps = {\n  space: Space;\n  match?: RegExp;\n};\n\nexport const Graph: FC<GraphProps> = ({ space, match }) => {\n  const { ref, width, height } = useResizeDetector({ refreshRate: 200 });\n  const rootRef = useRef<HTMLDivElement>(null);\n  const forceGraph = useRef<ForceGraph>();\n\n  const [model] = useAsyncState(\n    async () => (space ? new SpaceGraphModel({ schema: true }).open(space) : undefined),\n    [space],\n  );\n\n  const filteredRef = useRef<SearchResult[]>();\n  filteredRef.current = filterObjectsSync(model?.objects ?? [], match);\n\n  useEffect(() => {\n    if (rootRef.current) {\n      // https://github.com/vasturiano/force-graph\n      // https://github.com/vasturiano/3d-force-graph\n      forceGraph.current = new ForceGraph(rootRef.current)\n        .nodeRelSize(6)\n        .nodeLabel((node: any) => {\n          if (node.type === 'schema') {\n            return node.data.typename;\n          }\n\n          return node.id;\n        })\n        .nodeAutoColorBy((node: any) => (node.type === 'schema' ? 'schema' : node.data.typename))\n        .linkColor(() => 'rgba(255,255,255,0.25)');\n    }\n\n    return () => {\n      forceGraph.current?.pauseAnimation().graphData({ nodes: [], links: [] });\n      forceGraph.current = undefined;\n    };\n  }, []);\n\n  useEffect(() => {\n    if (forceGraph.current && width && height && model) {\n      forceGraph.current\n        .pauseAnimation()\n        .width(width)\n        .height(height)\n        .onEngineStop(() => {\n          handleZoomToFit();\n        })\n\n        // https://github.com/vasturiano/force-graph?tab=readme-ov-file#force-engine-d3-force-configuration\n        // .d3Force('center', forceCenter().strength(0.9))\n        .d3Force('link', forceLink().distance(160).strength(0.5))\n        .d3Force('charge', forceManyBody().strength(-30))\n        // .d3AlphaDecay(0.0228)\n        // .d3VelocityDecay(0.4)\n\n        .graphData(model.graph)\n        .warmupTicks(100)\n        .cooldownTime(1000)\n        .resumeAnimation();\n    }\n  }, [model, width, height]);\n\n  const handleZoomToFit = () => {\n    forceGraph.current?.zoomToFit(400, 40);\n  };\n\n  return (\n    <div ref={ref} className='relative grow' onClick={handleZoomToFit}>\n      <div ref={rootRef} className='absolute inset-0' />\n    </div>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["SchemaAST", "getSchema", "getSchemaDXN", "ReferenceAnnotationId", "SchemaValidator", "StoredSchema", "GraphModel", "log", "CollectionType", "Filter", "SpaceGraphModel", "constructor", "_options", "_graph", "nodes", "links", "graph", "objects", "_objects", "open", "space", "objectId", "_schemaSubscription", "schemaaQuery", "db", "schemaRegistry", "query", "schemas", "run", "onSchemaUpdate", "results", "_schema", "subscribe", "_objectsSubscription", "not", "or", "type", "currentNodes", "addSchema", "typename", "current", "find", "node", "id", "push", "data", "forEach", "schema", "object", "schemaNode", "source", "target", "info", "getPropertySignatures", "ast", "prop", "hasTypeAnnotation", "name", "toString", "value", "String", "refs", "Array", "isArray", "ref", "findIndex", "obj", "triggerUpdate", "fire", "setSelected", "close", "undefined", "forceLink", "forceManyBody", "ForceGraph", "React", "useEffect", "useRef", "useResizeDetector", "filterObjectsSync", "useAsyncState", "Graph", "space", "match", "ref", "width", "height", "useResizeDetector", "refreshRate", "rootRef", "useRef", "forceGraph", "model", "useAsyncState", "SpaceGraphModel", "schema", "open", "undefined", "filteredRef", "current", "filterObjectsSync", "objects", "useEffect", "ForceGraph", "nodeRelSize", "nodeLabel", "node", "type", "data", "typename", "id", "nodeAutoColorBy", "linkColor", "pauseAnimation", "graphData", "nodes", "links", "onEngineStop", "handleZoomToFit", "d3Force", "forceLink", "distance", "strength", "forceManyBody", "graph", "warmupTicks", "cooldownTime", "resumeAnimation", "zoomToFit", "div", "className", "onClick"]
-}

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

@@ -1,8 +0,0 @@
-import { type FC } from 'react';
-import { type Space } from '@dxos/client/echo';
-export type GraphProps = {
-    space: Space;
-    match?: RegExp;
-};
-export declare const Graph: FC<GraphProps>;
-//# sourceMappingURL=Graph.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Graph.d.ts","sourceRoot":"","sources":["../../../../../src/components/Graph/Graph.tsx"],"names":[],"mappings":"AAMA,OAAc,EAAE,KAAK,EAAE,EAAqB,MAAM,OAAO,CAAC;AAG1D,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAM/C,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAqEhC,CAAC"}

package/dist/types/src/components/Graph/Graph.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Graph.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Graph/Graph.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AA2C7C,QAAA,MAAM,IAAI,EAAE,IAQX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,IAAK,CAAC"}

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

@@ -1,39 +0,0 @@
-import { type GraphData, GraphModel } from '@dxos/gem-spore';
-import { type AnyLiveObject, 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: AnyLiveObject<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(): AnyLiveObject<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":"AAeA,OAAO,EAAE,KAAK,SAAS,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7D,OAAO,EAAU,KAAK,aAAa,EAAE,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEjF,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,aAAa,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC;CACxD,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,CAAuB;IACxC,OAAO,CAAC,oBAAoB,CAAC,CAAY;gBAEZ,QAAQ,GAAE,sBAA2B;IAIlE,IAAa,KAAK,IAAI,SAAS,CAAC,aAAa,CAAC,CAE7C;IAED,IAAI,OAAO,IAAI,aAAa,CAAC,GAAG,CAAC,EAAE,CAElC;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,EAAE,OAAO,UAAU,CAAC,CAAC,CAAC,EAAE,iBAAY,KAAG,QAAQ,GAAG,SA0BrF,CAAC"}