@dxos/plugin-explorer 0.8.4-main.406dc2a → 0.8.4-main.422d1c7879

package/dist/lib/browser/chunk-NXGP6NTP.mjs

@@ -1,203 +0,0 @@
-// src/components/Graph/D3ForceGraph.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React, { useCallback, useEffect, useMemo, useRef } from "react";
-import { Obj } from "@dxos/echo";
-import { SelectionModel } from "@dxos/graph";
-import { GraphForceProjector, SVG } from "@dxos/react-ui-graph";
-import { getHashStyles } from "@dxos/react-ui-theme";
-import "@dxos/react-ui-graph/styles/graph.css";
-var D3ForceGraph = ({ classNames, model, selection: _selection, grid, ...props }) => {
-  var _effect = _useSignals();
-  try {
-    const context = useRef(null);
-    const projector = useMemo(() => {
-      if (context.current) {
-        return new GraphForceProjector(context.current, {
-          attributes: {
-            linkForce: (edge) => {
-              return edge.data?.object?.active !== false;
-            }
-          },
-          forces: {
-            point: {
-              strength: 0.01
-            }
-          }
-        });
-      }
-    }, [
-      context.current
-    ]);
-    const graph = useRef(null);
-    const selection = useMemo(() => _selection ?? new SelectionModel(), [
-      _selection
-    ]);
-    useEffect(() => graph.current?.repaint(), [
-      selection.selected.value
-    ]);
-    const handleSelect = useCallback((node) => {
-      if (selection.contains(node.id)) {
-        selection.remove(node.id);
-      } else {
-        selection.add(node.id);
-      }
-    }, [
-      selection
-    ]);
-    return /* @__PURE__ */ React.createElement(SVG.Root, {
-      ref: context,
-      classNames
-    }, /* @__PURE__ */ React.createElement(SVG.Markers, null), grid && /* @__PURE__ */ React.createElement(SVG.Grid, {
-      axis: true
-    }), /* @__PURE__ */ React.createElement(SVG.Zoom, {
-      extent: [
-        1 / 2,
-        2
-      ]
-    }, /* @__PURE__ */ React.createElement(SVG.Graph, {
-      ...props,
-      ref: graph,
-      model,
-      projector,
-      labels: {
-        text: (node) => {
-          return node.data?.data.label ?? node.id;
-        }
-      },
-      attributes: {
-        node: (node) => {
-          const obj = node.data?.data.object;
-          return {
-            data: {
-              color: getHashStyles(obj && Obj.getTypename(obj))?.hue
-            },
-            classes: {
-              "dx-selected": selection.contains(node.id)
-            }
-          };
-        }
-      },
-      onSelect: handleSelect
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/Graph/ForceGraph.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import { forceLink, forceManyBody } from "d3";
-import NativeForceGraph from "force-graph";
-import React2, { useEffect as useEffect2, useRef as useRef2, useState } from "react";
-import { useResizeDetector } from "react-resize-detector";
-import { filterObjectsSync } from "@dxos/plugin-search";
-
-// src/components/Graph/adapter.ts
-function _define_property(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-var GraphAdapter = class {
-  get nodes() {
-    return this._nodes;
-  }
-  get links() {
-    return this._links;
-  }
-  constructor(graph) {
-    _define_property(this, "graph", void 0);
-    _define_property(this, "_nodes", void 0);
-    _define_property(this, "_links", void 0);
-    this.graph = graph;
-    this._nodes = [];
-    this._links = [];
-    this._nodes = graph.nodes.map((node) => ({
-      id: node.id,
-      type: node.type,
-      data: node.data
-    }));
-    this._links = graph.edges.map((edge) => ({
-      type: edge.type,
-      source: edge.source,
-      target: edge.target,
-      data: edge.data
-    }));
-  }
-};
-
-// src/components/Graph/ForceGraph.tsx
-var ForceGraph = ({ model, match }) => {
-  var _effect = _useSignals2();
-  try {
-    const { ref, width, height } = useResizeDetector({
-      refreshRate: 200
-    });
-    const rootRef = useRef2(null);
-    const forceGraph = useRef2(null);
-    const filteredRef = useRef2([]);
-    filteredRef.current = filterObjectsSync(model?.objects ?? [], match);
-    const [data, setData] = useState();
-    useEffect2(() => {
-      return model?.subscribe((model2) => {
-        setData(new GraphAdapter(model2.graph));
-      });
-    }, [
-      model
-    ]);
-    useEffect2(() => {
-      if (rootRef.current) {
-        forceGraph.current = new NativeForceGraph(rootRef.current).nodeRelSize(6).nodeLabel((node) => node.type === "schema" ? node.data.typename : node.data.label ?? node.id).nodeAutoColorBy((node) => node.type === "schema" ? "schema" : node.data.typename).linkAutoColorBy((link) => link.type);
-      }
-      return () => {
-        forceGraph.current?.pauseAnimation().graphData({
-          nodes: [],
-          links: []
-        });
-        forceGraph.current = null;
-      };
-    }, []);
-    useEffect2(() => {
-      if (!data || !width || !height || !forceGraph.current) {
-        return;
-      }
-      forceGraph.current.pauseAnimation().width(width).height(height).onEngineStop(() => {
-        handleZoomToFit();
-      }).onNodeClick((node) => {
-        forceGraph.current?.emitParticle(node);
-      }).d3Force("link", forceLink().distance(160).strength(0.5)).d3Force("charge", forceManyBody().strength(-30)).graphData(data).warmupTicks(100).cooldownTime(1e3).resumeAnimation();
-    }, [
-      data,
-      width,
-      height,
-      forceGraph.current
-    ]);
-    const handleZoomToFit = () => {
-      forceGraph.current?.zoomToFit(400, 40);
-    };
-    return /* @__PURE__ */ React2.createElement("div", {
-      ref,
-      className: "relative grow",
-      onClick: handleZoomToFit
-    }, /* @__PURE__ */ React2.createElement("div", {
-      ref: rootRef,
-      className: "absolute inset-0"
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-
-export {
-  D3ForceGraph,
-  ForceGraph
-};
-//# sourceMappingURL=chunk-NXGP6NTP.mjs.map

package/dist/lib/browser/chunk-NXGP6NTP.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/Graph/D3ForceGraph.tsx", "../../../src/components/Graph/ForceGraph.tsx", "../../../src/components/Graph/adapter.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { SelectionModel } from '@dxos/graph';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport {\n  type GraphController,\n  GraphForceProjector,\n  type GraphLayoutNode,\n  type GraphProps,\n  SVG,\n  type SVGContext,\n} from '@dxos/react-ui-graph';\nimport { getHashStyles } from '@dxos/react-ui-theme';\nimport { type SpaceGraphEdge, type SpaceGraphModel, type SpaceGraphNode } from '@dxos/schema';\n\nimport '@dxos/react-ui-graph/styles/graph.css';\n\nexport type D3ForceGraphProps = ThemedClassName<\n  {\n    model?: SpaceGraphModel;\n    match?: RegExp;\n    selection?: SelectionModel;\n    grid?: boolean;\n  } & Pick<GraphProps, 'drag'>\n>;\n\nexport const D3ForceGraph = ({ classNames, model, selection: _selection, grid, ...props }: D3ForceGraphProps) => {\n  const context = useRef<SVGContext>(null);\n  const projector = useMemo<GraphForceProjector | undefined>(() => {\n    if (context.current) {\n      return new GraphForceProjector(context.current, {\n        attributes: {\n          linkForce: (edge) => {\n            // TODO(burdon): Check type (currently assumes Employee property).\n            // Edge shouldn't contribute to force if it's not active.\n            return edge.data?.object?.active !== false;\n          },\n        },\n        forces: {\n          point: {\n            strength: 0.01,\n          },\n        },\n      });\n    }\n  }, [context.current]);\n\n  const graph = useRef<GraphController>(null);\n  const selection = useMemo(() => _selection ?? new SelectionModel(), [_selection]);\n  useEffect(() => graph.current?.repaint(), [selection.selected.value]);\n\n  const handleSelect = useCallback<NonNullable<GraphProps['onSelect']>>(\n    (node) => {\n      if (selection.contains(node.id)) {\n        selection.remove(node.id);\n      } else {\n        selection.add(node.id);\n      }\n    },\n    [selection],\n  );\n\n  return (\n    <SVG.Root ref={context} classNames={classNames}>\n      <SVG.Markers />\n      {grid && <SVG.Grid axis />}\n      <SVG.Zoom extent={[1 / 2, 2]}>\n        <SVG.Graph<SpaceGraphNode, SpaceGraphEdge>\n          {...props}\n          ref={graph}\n          model={model}\n          projector={projector}\n          labels={{\n            text: (node) => {\n              return node.data?.data.label ?? node.id;\n            },\n          }}\n          attributes={{\n            node: (node: GraphLayoutNode<SpaceGraphNode>) => {\n              const obj = node.data?.data.object;\n              return {\n                data: {\n                  color: getHashStyles(obj && Obj.getTypename(obj))?.hue,\n                },\n                classes: {\n                  'dx-selected': selection.contains(node.id),\n                },\n              };\n            },\n          }}\n          onSelect={handleSelect}\n        />\n      </SVG.Zoom>\n    </SVG.Root>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { forceLink, forceManyBody } from 'd3';\nimport NativeForceGraph from 'force-graph';\nimport React, { type FC, useEffect, useRef, useState } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { type SearchResult, filterObjectsSync } from '@dxos/plugin-search';\nimport { type SpaceGraphModel } from '@dxos/schema';\n\nimport { GraphAdapter } from './adapter';\n\nexport type ForceGraphProps = {\n  model?: SpaceGraphModel;\n  match?: RegExp;\n};\n\nexport const ForceGraph: FC<ForceGraphProps> = ({ model, match }) => {\n  const { ref, width, height } = useResizeDetector({ refreshRate: 200 });\n  const rootRef = useRef<HTMLDivElement>(null);\n  const forceGraph = useRef<NativeForceGraph>(null);\n\n  const filteredRef = useRef<SearchResult[]>([]);\n  filteredRef.current = filterObjectsSync(model?.objects ?? [], match);\n\n  const [data, setData] = useState<GraphAdapter>();\n  useEffect(() => {\n    return model?.subscribe((model) => {\n      setData(new GraphAdapter(model.graph));\n    });\n  }, [model]);\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 NativeForceGraph(rootRef.current)\n        // https://github.com/vasturiano/force-graph?tab=readme-ov-file#node-styling\n        .nodeRelSize(6)\n        .nodeLabel((node: any) => (node.type === 'schema' ? node.data.typename : (node.data.label ?? node.id)))\n        .nodeAutoColorBy((node: any) => (node.type === 'schema' ? 'schema' : node.data.typename))\n\n        // https://github.com/vasturiano/force-graph?tab=readme-ov-file#link-styling\n        .linkAutoColorBy((link: any) => link.type);\n    }\n\n    return () => {\n      forceGraph.current?.pauseAnimation().graphData({ nodes: [], links: [] });\n      forceGraph.current = null;\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!data || !width || !height || !forceGraph.current) {\n      return;\n    }\n\n    // https://github.com/vasturiano/force-graph?tab=readme-ov-file#container-layout\n    forceGraph.current\n      .pauseAnimation()\n      .width(width)\n      .height(height)\n      .onEngineStop(() => {\n        handleZoomToFit();\n      })\n      .onNodeClick((node: any) => {\n        forceGraph.current?.emitParticle(node);\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\n      .graphData(data)\n      .warmupTicks(100)\n      .cooldownTime(1_000)\n      .resumeAnimation();\n  }, [data, width, height, forceGraph.current]);\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", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Graph } from '@dxos/graph';\n\nexport type GraphNode = {\n  id?: string;\n};\n\nexport type GraphLink = {\n  source?: string;\n  target?: string;\n};\n\nexport type GraphData = {\n  nodes: GraphNode[];\n  links: GraphLink[];\n};\n\n/**\n * Map common graph to force-graph format.\n */\nexport class GraphAdapter implements GraphData {\n  private readonly _nodes: GraphNode[] = [];\n  private readonly _links: GraphLink[] = [];\n\n  constructor(private readonly graph: Graph) {\n    this._nodes = graph.nodes.map((node) => ({\n      id: node.id,\n      type: node.type,\n      data: node.data,\n    }));\n\n    this._links = graph.edges.map((edge) => ({\n      type: edge.type,\n      source: edge.source,\n      target: edge.target,\n      data: edge.data,\n    }));\n  }\n\n  get nodes() {\n    return this._nodes;\n  }\n\n  get links() {\n    return this._links;\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["React", "useCallback", "useEffect", "useMemo", "useRef", "Obj", "SelectionModel", "GraphForceProjector", "SVG", "getHashStyles", "D3ForceGraph", "classNames", "model", "selection", "_selection", "grid", "props", "context", "useRef", "projector", "useMemo", "current", "GraphForceProjector", "attributes", "linkForce", "edge", "data", "object", "active", "forces", "point", "strength", "graph", "SelectionModel", "useEffect", "repaint", "selected", "value", "handleSelect", "useCallback", "node", "contains", "id", "remove", "add", "SVG", "Root", "ref", "Markers", "Grid", "axis", "Zoom", "extent", "Graph", "labels", "text", "label", "obj", "color", "getHashStyles", "Obj", "getTypename", "hue", "classes", "onSelect", "forceLink", "forceManyBody", "NativeForceGraph", "React", "useEffect", "useRef", "useState", "useResizeDetector", "filterObjectsSync", "GraphAdapter", "nodes", "_nodes", "links", "_links", "graph", "map", "node", "id", "type", "data", "edges", "edge", "source", "target", "ForceGraph", "model", "match", "ref", "width", "height", "useResizeDetector", "refreshRate", "rootRef", "useRef", "forceGraph", "filteredRef", "current", "filterObjectsSync", "objects", "data", "setData", "useState", "useEffect", "subscribe", "GraphAdapter", "graph", "NativeForceGraph", "nodeRelSize", "nodeLabel", "node", "type", "typename", "label", "id", "nodeAutoColorBy", "linkAutoColorBy", "link", "pauseAnimation", "graphData", "nodes", "links", "onEngineStop", "handleZoomToFit", "onNodeClick", "emitParticle", "d3Force", "forceLink", "distance", "strength", "forceManyBody", "warmupTicks", "cooldownTime", "resumeAnimation", "zoomToFit", "React", "div", "className", "onClick"]
-}

package/dist/lib/browser/intent-resolver-K57C3LIX.mjs

@@ -1,31 +0,0 @@
-import {
-  ExplorerAction_exports,
-  Graph_exports
-} from "./chunk-BZ65T5M3.mjs";
-import "./chunk-2DGFNLRO.mjs";
-import "./chunk-J5LGTIGS.mjs";
-
-// src/capabilities/intent-resolver.ts
-import { Capabilities, contributes, createResolver } from "@dxos/app-framework";
-import { ClientCapabilities } from "@dxos/plugin-client";
-var intent_resolver_default = ((context) => contributes(Capabilities.IntentResolver, createResolver({
-  intent: ExplorerAction_exports.CreateGraph,
-  resolve: async ({ space, name, typename }) => {
-    const client = context.getCapability(ClientCapabilities.Client);
-    const { view } = await Graph_exports.makeView({
-      client,
-      space,
-      name,
-      typename
-    });
-    return {
-      data: {
-        object: view
-      }
-    };
-  }
-})));
-export {
-  intent_resolver_default as default
-};
-//# sourceMappingURL=intent-resolver-K57C3LIX.mjs.map

package/dist/lib/browser/intent-resolver-K57C3LIX.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/intent-resolver.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, type PluginContext, contributes, createResolver } from '@dxos/app-framework';\nimport { ClientCapabilities } from '@dxos/plugin-client';\n\nimport { ExplorerAction, Graph } from '../types';\n\nexport default (context: PluginContext) =>\n  contributes(\n    Capabilities.IntentResolver,\n    createResolver({\n      intent: ExplorerAction.CreateGraph,\n      resolve: async ({ space, name, typename }) => {\n        const client = context.getCapability(ClientCapabilities.Client);\n        const { view } = await Graph.makeView({ client, space, name, typename });\n        return { data: { object: view } };\n      },\n    }),\n  );\n"],
-  "mappings": ";;;;;;;;AAIA,SAASA,cAAkCC,aAAaC,sBAAsB;AAC9E,SAASC,0BAA0B;AAInC,IAAA,2BAAe,CAACC,YACdC,YACEC,aAAaC,gBACbC,eAAe;EACbC,QAAQC,uBAAeC;EACvBC,SAAS,OAAO,EAAEC,OAAOC,MAAMC,SAAQ,MAAE;AACvC,UAAMC,SAASZ,QAAQa,cAAcC,mBAAmBC,MAAM;AAC9D,UAAM,EAAEC,KAAI,IAAK,MAAMC,cAAMC,SAAS;MAAEN;MAAQH;MAAOC;MAAMC;IAAS,CAAA;AACtE,WAAO;MAAEQ,MAAM;QAAEC,QAAQJ;MAAK;IAAE;EAClC;AACF,CAAA,CAAA;",
-  "names": ["Capabilities", "contributes", "createResolver", "ClientCapabilities", "context", "contributes", "Capabilities", "IntentResolver", "createResolver", "intent", "ExplorerAction", "CreateGraph", "resolve", "space", "name", "typename", "client", "getCapability", "ClientCapabilities", "Client", "view", "Graph", "makeView", "data", "object"]
-}

package/dist/lib/browser/react-surface-OPBND5W3.mjs

@@ -1,35 +0,0 @@
-import {
-  ExplorerContainer
-} from "./chunk-MOM5KCKC.mjs";
-import "./chunk-NXGP6NTP.mjs";
-import {
-  Graph_exports
-} from "./chunk-BZ65T5M3.mjs";
-import {
-  meta
-} from "./chunk-2DGFNLRO.mjs";
-import "./chunk-J5LGTIGS.mjs";
-
-// src/capabilities/react-surface.tsx
-import React from "react";
-import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
-import { Obj } from "@dxos/echo";
-import { DataType } from "@dxos/schema";
-var react_surface_default = (() => contributes(Capabilities.ReactSurface, createSurface({
-  id: `${meta.id}/article`,
-  role: [
-    "article",
-    "section"
-  ],
-  filter: (data) => Obj.instanceOf(DataType.View, data.subject) && Obj.instanceOf(Graph_exports.Graph, data.subject.presentation.target),
-  component: ({ data, role }) => {
-    return /* @__PURE__ */ React.createElement(ExplorerContainer, {
-      view: data.subject,
-      role
-    });
-  }
-})));
-export {
-  react_surface_default as default
-};
-//# sourceMappingURL=react-surface-OPBND5W3.mjs.map

package/dist/lib/browser/react-surface-OPBND5W3.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\nimport { DataType } from '@dxos/schema';\n\nimport { ExplorerContainer } from '../components';\nimport { meta } from '../meta';\nimport { Graph } from '../types';\n\nexport default () =>\n  contributes(\n    Capabilities.ReactSurface,\n    createSurface({\n      id: `${meta.id}/article`,\n      role: ['article', 'section'],\n      filter: (data): data is { subject: DataType.View } =>\n        Obj.instanceOf(DataType.View, data.subject) && Obj.instanceOf(Graph.Graph, data.subject.presentation.target),\n      component: ({ data, role }) => {\n        return <ExplorerContainer view={data.subject} role={role} />;\n      },\n    }),\n  );\n"],
-  "mappings": ";;;;;;;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,cAAcC,aAAaC,qBAAqB;AACzD,SAASC,WAAW;AACpB,SAASC,gBAAgB;AAMzB,IAAA,yBAAe,MACbC,YACEC,aAAaC,cACbC,cAAc;EACZC,IAAI,GAAGC,KAAKD,EAAE;EACdE,MAAM;IAAC;IAAW;;EAClBC,QAAQ,CAACC,SACPC,IAAIC,WAAWC,SAASC,MAAMJ,KAAKK,OAAO,KAAKJ,IAAIC,WAAWI,cAAMA,OAAON,KAAKK,QAAQE,aAAaC,MAAM;EAC7GC,WAAW,CAAC,EAAET,MAAMF,KAAI,MAAE;AACxB,WAAO,sBAAA,cAACY,mBAAAA;MAAkBC,MAAMX,KAAKK;MAASP;;EAChD;AACF,CAAA,CAAA;",
-  "names": ["React", "Capabilities", "contributes", "createSurface", "Obj", "DataType", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "DataType", "View", "subject", "Graph", "presentation", "target", "component", "ExplorerContainer", "view"]
-}

package/dist/lib/node-esm/ExplorerContainer-FRTDXZI5.mjs

@@ -1,51 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  useGraphModel
-} from "./chunk-3ODK27PU.mjs";
-import {
-  D3ForceGraph
-} from "./chunk-6JACZE7E.mjs";
-import "./chunk-HSLMI22Q.mjs";
-
-// src/components/ExplorerContainer.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React, { useCallback, useMemo, useState } from "react";
-import { QueryBuilder } from "@dxos/echo-query";
-import { useGlobalSearch } from "@dxos/plugin-search";
-import { getSpace } from "@dxos/react-client/echo";
-import { Toolbar } from "@dxos/react-ui";
-import { QueryEditor } from "@dxos/react-ui-components";
-import { StackItem } from "@dxos/react-ui-stack";
-var ExplorerContainer = ({ role, view }) => {
-  var _effect = _useSignals();
-  try {
-    const space = getSpace(view);
-    const [filter, setFilter] = useState();
-    const model = useGraphModel(space, filter);
-    const { match } = useGlobalSearch();
-    const builder = useMemo(() => new QueryBuilder(), []);
-    const handleChange = useCallback((value) => {
-      setFilter(builder.build(value));
-    }, []);
-    const showToolbar = role === "article";
-    if (!space || !model) {
-      return null;
-    }
-    return /* @__PURE__ */ React.createElement(StackItem.Content, {
-      toolbar: showToolbar
-    }, showToolbar && /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement(QueryEditor, {
-      db: space.db,
-      onChange: handleChange
-    })), /* @__PURE__ */ React.createElement(D3ForceGraph, {
-      model,
-      match
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-var ExplorerContainer_default = ExplorerContainer;
-export {
-  ExplorerContainer_default as default
-};
-//# sourceMappingURL=ExplorerContainer-FRTDXZI5.mjs.map

package/dist/lib/node-esm/ExplorerContainer-FRTDXZI5.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/ExplorerContainer.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport { type Filter } from '@dxos/echo';\nimport { QueryBuilder } from '@dxos/echo-query';\nimport { useGlobalSearch } from '@dxos/plugin-search';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Toolbar } from '@dxos/react-ui';\nimport { QueryEditor, type QueryEditorProps } from '@dxos/react-ui-components';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { type DataType } from '@dxos/schema';\n\nimport { useGraphModel } from '../hooks';\n\nimport { D3ForceGraph } from './Graph';\n\ntype ExplorerContainerProps = {\n  role: string;\n  view: DataType.View;\n};\n\nconst ExplorerContainer = ({ role, view }: ExplorerContainerProps) => {\n  const space = getSpace(view);\n  const [filter, setFilter] = useState<Filter.Any>();\n  const model = useGraphModel(space, filter);\n  const { match } = useGlobalSearch();\n\n  const builder = useMemo(() => new QueryBuilder(), []);\n  const handleChange = useCallback<NonNullable<QueryEditorProps['onChange']>>((value) => {\n    setFilter(builder.build(value));\n  }, []);\n\n  const showToolbar = role === 'article';\n\n  if (!space || !model) {\n    return null;\n  }\n\n  return (\n    <StackItem.Content toolbar={showToolbar}>\n      {showToolbar && (\n        <Toolbar.Root>\n          <QueryEditor db={space.db} onChange={handleChange} />\n        </Toolbar.Root>\n      )}\n      <D3ForceGraph model={model} match={match} />\n    </StackItem.Content>\n  );\n};\n\nexport default ExplorerContainer;\n"],
-  "mappings": ";;;;;;;;;;;AAIA,OAAOA,SAASC,aAAaC,SAASC,gBAAgB;AAGtD,SAASC,oBAAoB;AAC7B,SAASC,uBAAuB;AAChC,SAASC,gBAAgB;AACzB,SAASC,eAAe;AACxB,SAASC,mBAA0C;AACnD,SAASC,iBAAiB;AAY1B,IAAMC,oBAAoB,CAAC,EAAEC,MAAMC,KAAI,MAA0B;;;AAC/D,UAAMC,QAAQC,SAASF,IAAAA;AACvB,UAAM,CAACG,QAAQC,SAAAA,IAAaC,SAAAA;AAC5B,UAAMC,QAAQC,cAAcN,OAAOE,MAAAA;AACnC,UAAM,EAAEK,MAAK,IAAKC,gBAAAA;AAElB,UAAMC,UAAUC,QAAQ,MAAM,IAAIC,aAAAA,GAAgB,CAAA,CAAE;AACpD,UAAMC,eAAeC,YAAuD,CAACC,UAAAA;AAC3EX,gBAAUM,QAAQM,MAAMD,KAAAA,CAAAA;IAC1B,GAAG,CAAA,CAAE;AAEL,UAAME,cAAclB,SAAS;AAE7B,QAAI,CAACE,SAAS,CAACK,OAAO;AACpB,aAAO;IACT;AAEA,WACE,sBAAA,cAACY,UAAUC,SAAO;MAACC,SAASH;OACzBA,eACC,sBAAA,cAACI,QAAQC,MAAI,MACX,sBAAA,cAACC,aAAAA;MAAYC,IAAIvB,MAAMuB;MAAIC,UAAUZ;SAGzC,sBAAA,cAACa,cAAAA;MAAapB;MAAcE;;;;;AAGlC;AAEA,IAAA,4BAAeV;",
-  "names": ["React", "useCallback", "useMemo", "useState", "QueryBuilder", "useGlobalSearch", "getSpace", "Toolbar", "QueryEditor", "StackItem", "ExplorerContainer", "role", "view", "space", "getSpace", "filter", "setFilter", "useState", "model", "useGraphModel", "match", "useGlobalSearch", "builder", "useMemo", "QueryBuilder", "handleChange", "useCallback", "value", "build", "showToolbar", "StackItem", "Content", "toolbar", "Toolbar", "Root", "QueryEditor", "db", "onChange", "D3ForceGraph"]
-}

package/dist/lib/node-esm/chunk-3ODK27PU.mjs

@@ -1,33 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-
-// src/hooks/useGraphModel.ts
-import { useEffect, useState } from "react";
-import { SpaceGraphModel } from "@dxos/schema";
-var useGraphModel = (space, filter, options, queue) => {
-  const [model, setModel] = useState(void 0);
-  useEffect(() => {
-    if (!space) {
-      void model?.close();
-      setModel(void 0);
-      return;
-    }
-    if (!model || model.queue !== queue) {
-      const model2 = new SpaceGraphModel().setFilter(filter).setOptions(options);
-      void model2.open(space, queue);
-      setModel(model2);
-    } else {
-      model.setFilter(filter).setOptions(options);
-    }
-  }, [
-    space,
-    filter,
-    options,
-    queue
-  ]);
-  return model;
-};
-
-export {
-  useGraphModel
-};
-//# sourceMappingURL=chunk-3ODK27PU.mjs.map

package/dist/lib/node-esm/chunk-3ODK27PU.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useGraphModel.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { useEffect, useState } from 'react';\n\nimport { type Filter, type Queue, type Space } from '@dxos/client/echo';\nimport { SpaceGraphModel, type SpaceGraphModelOptions } from '@dxos/schema';\n\n// TODO(burdon): Factor out.\nexport const useGraphModel = (\n  space: Space | undefined,\n  filter?: Filter.Any | undefined,\n  options?: SpaceGraphModelOptions,\n  queue?: Queue,\n): SpaceGraphModel | undefined => {\n  const [model, setModel] = useState<SpaceGraphModel | undefined>(undefined);\n  useEffect(() => {\n    if (!space) {\n      void model?.close();\n      setModel(undefined);\n      return;\n    }\n\n    // TODO(burdon): Does this need to be a dependency?\n    if (!model || model.queue !== queue) {\n      const model = new SpaceGraphModel().setFilter(filter).setOptions(options);\n      void model.open(space, queue);\n      setModel(model);\n    } else {\n      model.setFilter(filter).setOptions(options);\n    }\n  }, [space, filter, options, queue]);\n\n  return model;\n};\n"],
-  "mappings": ";;;AAIA,SAASA,WAAWC,gBAAgB;AAGpC,SAASC,uBAAoD;AAGtD,IAAMC,gBAAgB,CAC3BC,OACAC,QACAC,SACAC,UAAAA;AAEA,QAAM,CAACC,OAAOC,QAAAA,IAAYC,SAAsCC,MAAAA;AAChEC,YAAU,MAAA;AACR,QAAI,CAACR,OAAO;AACV,WAAKI,OAAOK,MAAAA;AACZJ,eAASE,MAAAA;AACT;IACF;AAGA,QAAI,CAACH,SAASA,MAAMD,UAAUA,OAAO;AACnC,YAAMC,SAAQ,IAAIM,gBAAAA,EAAkBC,UAAUV,MAAAA,EAAQW,WAAWV,OAAAA;AACjE,WAAKE,OAAMS,KAAKb,OAAOG,KAAAA;AACvBE,eAASD,MAAAA;IACX,OAAO;AACLA,YAAMO,UAAUV,MAAAA,EAAQW,WAAWV,OAAAA;IACrC;EACF,GAAG;IAACF;IAAOC;IAAQC;IAASC;GAAM;AAElC,SAAOC;AACT;",
-  "names": ["useEffect", "useState", "SpaceGraphModel", "useGraphModel", "space", "filter", "options", "queue", "model", "setModel", "useState", "undefined", "useEffect", "close", "SpaceGraphModel", "setFilter", "setOptions", "open"]
-}

package/dist/lib/node-esm/chunk-6JACZE7E.mjs

@@ -1,205 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-
-// src/components/Graph/D3ForceGraph.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React, { useCallback, useEffect, useMemo, useRef } from "react";
-import { Obj } from "@dxos/echo";
-import { SelectionModel } from "@dxos/graph";
-import { GraphForceProjector, SVG } from "@dxos/react-ui-graph";
-import { getHashStyles } from "@dxos/react-ui-theme";
-import "@dxos/react-ui-graph/styles/graph.css";
-var D3ForceGraph = ({ classNames, model, selection: _selection, grid, ...props }) => {
-  var _effect = _useSignals();
-  try {
-    const context = useRef(null);
-    const projector = useMemo(() => {
-      if (context.current) {
-        return new GraphForceProjector(context.current, {
-          attributes: {
-            linkForce: (edge) => {
-              return edge.data?.object?.active !== false;
-            }
-          },
-          forces: {
-            point: {
-              strength: 0.01
-            }
-          }
-        });
-      }
-    }, [
-      context.current
-    ]);
-    const graph = useRef(null);
-    const selection = useMemo(() => _selection ?? new SelectionModel(), [
-      _selection
-    ]);
-    useEffect(() => graph.current?.repaint(), [
-      selection.selected.value
-    ]);
-    const handleSelect = useCallback((node) => {
-      if (selection.contains(node.id)) {
-        selection.remove(node.id);
-      } else {
-        selection.add(node.id);
-      }
-    }, [
-      selection
-    ]);
-    return /* @__PURE__ */ React.createElement(SVG.Root, {
-      ref: context,
-      classNames
-    }, /* @__PURE__ */ React.createElement(SVG.Markers, null), grid && /* @__PURE__ */ React.createElement(SVG.Grid, {
-      axis: true
-    }), /* @__PURE__ */ React.createElement(SVG.Zoom, {
-      extent: [
-        1 / 2,
-        2
-      ]
-    }, /* @__PURE__ */ React.createElement(SVG.Graph, {
-      ...props,
-      ref: graph,
-      model,
-      projector,
-      labels: {
-        text: (node) => {
-          return node.data?.data.label ?? node.id;
-        }
-      },
-      attributes: {
-        node: (node) => {
-          const obj = node.data?.data.object;
-          return {
-            data: {
-              color: getHashStyles(obj && Obj.getTypename(obj))?.hue
-            },
-            classes: {
-              "dx-selected": selection.contains(node.id)
-            }
-          };
-        }
-      },
-      onSelect: handleSelect
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/Graph/ForceGraph.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import { forceLink, forceManyBody } from "d3";
-import NativeForceGraph from "force-graph";
-import React2, { useEffect as useEffect2, useRef as useRef2, useState } from "react";
-import { useResizeDetector } from "react-resize-detector";
-import { filterObjectsSync } from "@dxos/plugin-search";
-
-// src/components/Graph/adapter.ts
-function _define_property(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-var GraphAdapter = class {
-  get nodes() {
-    return this._nodes;
-  }
-  get links() {
-    return this._links;
-  }
-  constructor(graph) {
-    _define_property(this, "graph", void 0);
-    _define_property(this, "_nodes", void 0);
-    _define_property(this, "_links", void 0);
-    this.graph = graph;
-    this._nodes = [];
-    this._links = [];
-    this._nodes = graph.nodes.map((node) => ({
-      id: node.id,
-      type: node.type,
-      data: node.data
-    }));
-    this._links = graph.edges.map((edge) => ({
-      type: edge.type,
-      source: edge.source,
-      target: edge.target,
-      data: edge.data
-    }));
-  }
-};
-
-// src/components/Graph/ForceGraph.tsx
-var ForceGraph = ({ model, match }) => {
-  var _effect = _useSignals2();
-  try {
-    const { ref, width, height } = useResizeDetector({
-      refreshRate: 200
-    });
-    const rootRef = useRef2(null);
-    const forceGraph = useRef2(null);
-    const filteredRef = useRef2([]);
-    filteredRef.current = filterObjectsSync(model?.objects ?? [], match);
-    const [data, setData] = useState();
-    useEffect2(() => {
-      return model?.subscribe((model2) => {
-        setData(new GraphAdapter(model2.graph));
-      });
-    }, [
-      model
-    ]);
-    useEffect2(() => {
-      if (rootRef.current) {
-        forceGraph.current = new NativeForceGraph(rootRef.current).nodeRelSize(6).nodeLabel((node) => node.type === "schema" ? node.data.typename : node.data.label ?? node.id).nodeAutoColorBy((node) => node.type === "schema" ? "schema" : node.data.typename).linkAutoColorBy((link) => link.type);
-      }
-      return () => {
-        forceGraph.current?.pauseAnimation().graphData({
-          nodes: [],
-          links: []
-        });
-        forceGraph.current = null;
-      };
-    }, []);
-    useEffect2(() => {
-      if (!data || !width || !height || !forceGraph.current) {
-        return;
-      }
-      forceGraph.current.pauseAnimation().width(width).height(height).onEngineStop(() => {
-        handleZoomToFit();
-      }).onNodeClick((node) => {
-        forceGraph.current?.emitParticle(node);
-      }).d3Force("link", forceLink().distance(160).strength(0.5)).d3Force("charge", forceManyBody().strength(-30)).graphData(data).warmupTicks(100).cooldownTime(1e3).resumeAnimation();
-    }, [
-      data,
-      width,
-      height,
-      forceGraph.current
-    ]);
-    const handleZoomToFit = () => {
-      forceGraph.current?.zoomToFit(400, 40);
-    };
-    return /* @__PURE__ */ React2.createElement("div", {
-      ref,
-      className: "relative grow",
-      onClick: handleZoomToFit
-    }, /* @__PURE__ */ React2.createElement("div", {
-      ref: rootRef,
-      className: "absolute inset-0"
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-
-export {
-  D3ForceGraph,
-  ForceGraph
-};
-//# sourceMappingURL=chunk-6JACZE7E.mjs.map