@dxos/plugin-explorer 0.8.3 → 0.8.4-main.1da679c

package/dist/lib/node-esm/{chunk-AE7VHUJM.mjs.map → chunk-GFYXDQQV.mjs.map}

@@ -1,7 +1,7 @@
 {
   "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, { type FC, 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 { getHashColor } from '@dxos/react-ui-theme';\nimport { type SpaceGraphNode, type SpaceGraphModel, type SpaceGraphEdge } 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: FC<D3ForceGraphProps> = ({ classNames, model, selection: _selection, grid, ...props }) => {\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: getHashColor(obj && Obj.getTypename(obj))?.color,\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 { filterObjectsSync, type SearchResult } 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>();\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 = undefined;\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": ";;;;AAIA,OAAOA,SAAkBC,aAAaC,WAAWC,SAASC,cAAc;AAExE,SAASC,WAAW;AACpB,SAASC,sBAAsB;AAE/B,SAEEC,qBAGAC,WAEK;AACP,SAASC,oBAAoB;AAG7B,OAAO;AAWA,IAAMC,eAAsC,CAAC,EAAEC,YAAYC,OAAOC,WAAWC,YAAYC,MAAM,GAAGC,MAAAA,MAAO;;;AAC9G,UAAMC,UAAUC,OAAmB,IAAA;AACnC,UAAMC,YAAYC,QAAyC,MAAA;AACzD,UAAIH,QAAQI,SAAS;AACnB,eAAO,IAAIC,oBAAoBL,QAAQI,SAAS;UAC9CE,YAAY;YACVC,WAAW,CAACC,SAAAA;AAGV,qBAAOA,KAAKC,MAAMC,QAAQC,WAAW;YACvC;UACF;UACAC,QAAQ;YACNC,OAAO;cACLC,UAAU;YACZ;UACF;QACF,CAAA;MACF;IACF,GAAG;MAACd,QAAQI;KAAQ;AAEpB,UAAMW,QAAQd,OAAwB,IAAA;AACtC,UAAML,YAAYO,QAAQ,MAAMN,cAAc,IAAImB,eAAAA,GAAkB;MAACnB;KAAW;AAChFoB,cAAU,MAAMF,MAAMX,SAASc,QAAAA,GAAW;MAACtB,UAAUuB,SAASC;KAAM;AAEpE,UAAMC,eAAeC,YACnB,CAACC,SAAAA;AACC,UAAI3B,UAAU4B,SAASD,KAAKE,EAAE,GAAG;AAC/B7B,kBAAU8B,OAAOH,KAAKE,EAAE;MAC1B,OAAO;AACL7B,kBAAU+B,IAAIJ,KAAKE,EAAE;MACvB;IACF,GACA;MAAC7B;KAAU;AAGb,WACE,sBAAA,cAACgC,IAAIC,MAAI;MAACC,KAAK9B;MAASN;OACtB,sBAAA,cAACkC,IAAIG,SAAO,IAAA,GACXjC,QAAQ,sBAAA,cAAC8B,IAAII,MAAI;MAACC,MAAAA;QACnB,sBAAA,cAACL,IAAIM,MAAI;MAACC,QAAQ;QAAC,IAAI;QAAG;;OACxB,sBAAA,cAACP,IAAIQ,OAAK;MACP,GAAGrC;MACJ+B,KAAKf;MACLpB;MACAO;MACAmC,QAAQ;QACNC,MAAM,CAACf,SAAAA;AACL,iBAAOA,KAAKd,MAAMA,KAAK8B,SAAShB,KAAKE;QACvC;MACF;MACAnB,YAAY;QACViB,MAAM,CAACA,SAAAA;AACL,gBAAMiB,MAAMjB,KAAKd,MAAMA,KAAKC;AAC5B,iBAAO;YACLD,MAAM;cACJgC,OAAOC,aAAaF,OAAOG,IAAIC,YAAYJ,GAAAA,CAAAA,GAAOC;YACpD;YACAI,SAAS;cACP,eAAejD,UAAU4B,SAASD,KAAKE,EAAE;YAC3C;UACF;QACF;MACF;MACAqB,UAAUzB;;;;;AAKpB;;;;AChGA,SAAS0B,WAAWC,qBAAqB;AACzC,OAAOC,sBAAsB;AAC7B,OAAOC,UAAkBC,aAAAA,YAAWC,UAAAA,SAAQC,gBAAgB;AAC5D,SAASC,yBAAyB;AAElC,SAASC,yBAA4C;;;ACc9C,IAAMC,eAAN,MAAMA;EAIX,YAA6BC,OAAc;SAAdA,QAAAA;SAHZC,SAAsB,CAAA;SACtBC,SAAsB,CAAA;AAGrC,SAAKD,SAASD,MAAMG,MAAMC,IAAI,CAACC,UAAU;MACvCC,IAAID,KAAKC;MACTC,MAAMF,KAAKE;MACXC,MAAMH,KAAKG;IACb,EAAA;AAEA,SAAKN,SAASF,MAAMS,MAAML,IAAI,CAACM,UAAU;MACvCH,MAAMG,KAAKH;MACXI,QAAQD,KAAKC;MACbC,QAAQF,KAAKE;MACbJ,MAAME,KAAKF;IACb,EAAA;EACF;EAEA,IAAIL,QAAQ;AACV,WAAO,KAAKF;EACd;EAEA,IAAIY,QAAQ;AACV,WAAO,KAAKX;EACd;AACF;;;AD9BO,IAAMY,aAAkC,CAAC,EAAEC,OAAOC,MAAK,MAAE;;;AAC9D,UAAM,EAAEC,KAAKC,OAAOC,OAAM,IAAKC,kBAAkB;MAAEC,aAAa;IAAI,CAAA;AACpE,UAAMC,UAAUC,QAAuB,IAAA;AACvC,UAAMC,aAAaD,QAAAA;AAEnB,UAAME,cAAcF,QAAAA;AACpBE,gBAAYC,UAAUC,kBAAkBZ,OAAOa,WAAW,CAAA,GAAIZ,KAAAA;AAE9D,UAAM,CAACa,MAAMC,OAAAA,IAAWC,SAAAA;AACxBC,IAAAA,WAAU,MAAA;AACR,aAAOjB,OAAOkB,UAAU,CAAClB,WAAAA;AACvBe,gBAAQ,IAAII,aAAanB,OAAMoB,KAAK,CAAA;MACtC,CAAA;IACF,GAAG;MAACpB;KAAM;AAEViB,IAAAA,WAAU,MAAA;AACR,UAAIV,QAAQI,SAAS;AAGnBF,mBAAWE,UAAU,IAAIU,iBAAiBd,QAAQI,OAAO,EAEtDW,YAAY,CAAA,EACZC,UAAU,CAACC,SAAeA,KAAKC,SAAS,WAAWD,KAAKV,KAAKY,WAAWF,KAAKV,KAAKa,SAASH,KAAKI,EAAE,EAClGC,gBAAgB,CAACL,SAAeA,KAAKC,SAAS,WAAW,WAAWD,KAAKV,KAAKY,QAAQ,EAGtFI,gBAAgB,CAACC,SAAcA,KAAKN,IAAI;MAC7C;AAEA,aAAO,MAAA;AACLhB,mBAAWE,SAASqB,eAAAA,EAAiBC,UAAU;UAAEC,OAAO,CAAA;UAAIC,OAAO,CAAA;QAAG,CAAA;AACtE1B,mBAAWE,UAAUyB;MACvB;IACF,GAAG,CAAA,CAAE;AAELnB,IAAAA,WAAU,MAAA;AACR,UAAI,CAACH,QAAQ,CAACX,SAAS,CAACC,UAAU,CAACK,WAAWE,SAAS;AACrD;MACF;AAGAF,iBAAWE,QACRqB,eAAc,EACd7B,MAAMA,KAAAA,EACNC,OAAOA,MAAAA,EACPiC,aAAa,MAAA;AACZC,wBAAAA;MACF,CAAA,EACCC,YAAY,CAACf,SAAAA;AACZf,mBAAWE,SAAS6B,aAAahB,IAAAA;MACnC,CAAA,EAICiB,QAAQ,QAAQC,UAAAA,EAAYC,SAAS,GAAA,EAAKC,SAAS,GAAA,CAAA,EACnDH,QAAQ,UAAUI,cAAAA,EAAgBD,SAAS,GAAC,CAAA,EAE5CX,UAAUnB,IAAAA,EACVgC,YAAY,GAAA,EACZC,aAAa,GAAA,EACbC,gBAAe;IACpB,GAAG;MAAClC;MAAMX;MAAOC;MAAQK,WAAWE;KAAQ;AAE5C,UAAM2B,kBAAkB,MAAA;AACtB7B,iBAAWE,SAASsC,UAAU,KAAK,EAAA;IACrC;AAEA,WACE,gBAAAC,OAAA,cAACC,OAAAA;MAAIjD;MAAUkD,WAAU;MAAgBC,SAASf;OAChD,gBAAAY,OAAA,cAACC,OAAAA;MAAIjD,KAAKK;MAAS6C,WAAU;;;;;AAGnC;",
-  "names": ["React", "useCallback", "useEffect", "useMemo", "useRef", "Obj", "SelectionModel", "GraphForceProjector", "SVG", "getHashColor", "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", "getHashColor", "Obj", "getTypename", "classes", "onSelect", "forceLink", "forceManyBody", "NativeForceGraph", "React", "useEffect", "useRef", "useState", "useResizeDetector", "filterObjectsSync", "GraphAdapter", "graph", "_nodes", "_links", "nodes", "map", "node", "id", "type", "data", "edges", "edge", "source", "target", "links", "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", "undefined", "onEngineStop", "handleZoomToFit", "onNodeClick", "emitParticle", "d3Force", "forceLink", "distance", "strength", "forceManyBody", "warmupTicks", "cooldownTime", "resumeAnimation", "zoomToFit", "React", "div", "className", "onClick"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC, 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 { getHashColor } 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: FC<D3ForceGraphProps> = ({ classNames, model, selection: _selection, grid, ...props }) => {\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: getHashColor(obj && Obj.getTypename(obj))?.color,\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>();\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 = undefined;\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", "getHashColor", "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", "getHashColor", "Obj", "getTypename", "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", "undefined", "onEngineStop", "handleZoomToFit", "onNodeClick", "emitParticle", "d3Force", "forceLink", "distance", "strength", "forceManyBody", "warmupTicks", "cooldownTime", "resumeAnimation", "zoomToFit", "React", "div", "className", "onClick"]
 }

package/dist/lib/node-esm/{chunk-IUFYOE44.mjs → chunk-ODMJ7DPA.mjs}

@@ -1,17 +1,17 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 
-// packages/plugins/plugin-explorer/src/components/Chart/Chart.tsx
+// src/components/Chart/Chart.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import * as Plot from "@observablehq/plot";
 import React, { useEffect } from "react";
 import { useResizeDetector } from "react-resize-detector";
 
-// packages/plugins/plugin-explorer/src/components/plot.ts
+// src/components/plot.ts
 var createAdapter = (prop, accessor) => accessor ? {
   transform: (values) => values.map((value) => accessor(value)[prop])
 } : prop;
 
-// packages/plugins/plugin-explorer/src/components/Chart/Chart.tsx
+// src/components/Chart/Chart.tsx
 var defaultOptions = {
   r: 4,
   stroke: "gray",
@@ -60,14 +60,14 @@ var Chart = ({ items = [], accessor, options = defaultOptions }) => {
   }
 };
 
-// packages/plugins/plugin-explorer/src/components/Globe/Globe.tsx
+// src/components/Globe/Globe.tsx
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
 import * as Plot2 from "@observablehq/plot";
 import React2, { useEffect as useEffect2 } from "react";
 import { useResizeDetector as useResizeDetector2 } from "react-resize-detector";
 import * as topojson from "topojson-client";
 
-// packages/plugins/plugin-explorer/data/countries-110m.js
+// data/countries-110m.js
 var countries_110m_default = {
   type: "Topology",
   objects: {
@@ -10769,7 +10769,7 @@ var countries_110m_default = {
   }
 };
 
-// packages/plugins/plugin-explorer/src/components/Globe/Globe.tsx
+// src/components/Globe/Globe.tsx
 var defaultOptions2 = {
   r: 4,
   fill: "#003300"
@@ -10834,14 +10834,14 @@ var Globe = ({ items = [], accessor, projection = "orthographic", options = defa
   }
 };
 
-// packages/plugins/plugin-explorer/src/components/Tree/Tree.tsx
+// src/components/Tree/Tree.tsx
 import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
 import React3, { useEffect as useEffect3, useRef, useState } from "react";
 import { useAsyncState } from "@dxos/react-ui";
 import { SVG } from "@dxos/react-ui-graph";
 import { SpaceGraphModel } from "@dxos/schema";
 
-// packages/plugins/plugin-explorer/src/components/Tree/layout/HierarchicalEdgeBundling.ts
+// src/components/Tree/layout/HierarchicalEdgeBundling.ts
 import { cluster, curveBundle, hierarchy, lineRadial, select } from "d3";
 var HierarchicalEdgeBundling = (s, data, options) => {
   const svg = select(s);
@@ -10904,7 +10904,7 @@ var flatten = (node) => {
 };
 var HierarchicalEdgeBundling_default = HierarchicalEdgeBundling;
 
-// packages/plugins/plugin-explorer/src/components/Tree/layout/RadialTree.ts
+// src/components/Tree/layout/RadialTree.ts
 import { hierarchy as hierarchy2, linkRadial, select as select2, tree } from "d3";
 var RadialTree = (s, data, options) => {
   const svg = select2(s);
@@ -10929,7 +10929,7 @@ var RadialTree = (s, data, options) => {
 };
 var RadialTree_default = RadialTree;
 
-// packages/plugins/plugin-explorer/src/components/Tree/layout/TidyTree.ts
+// src/components/Tree/layout/TidyTree.ts
 import { curveBumpX, hierarchy as hierarchy3, link, select as select3, tree as tree2 } from "d3";
 var TidyTree = (s, data, options) => {
   const svg = select3(s);
@@ -10974,11 +10974,24 @@ var TidyTree = (s, data, options) => {
 };
 var TidyTree_default = TidyTree;
 
-// packages/plugins/plugin-explorer/src/components/Tree/types/tree.ts
+// src/components/Tree/types/tree.ts
 import { Schema } from "effect";
 import { Key, Obj, Type } from "@dxos/echo";
 import { invariant } from "@dxos/invariant";
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-explorer/src/components/Tree/types/tree.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 __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-explorer/src/components/Tree/types/tree.ts";
 var TreeNodeType = Schema.Struct({
   id: Key.ObjectId,
   children: Schema.mutable(Schema.Array(Key.ObjectId)),
@@ -10999,26 +11012,6 @@ var TreeType = Schema.Struct({
   version: "0.1.0"
 }));
 var Tree = class _Tree {
-  static {
-    this.create = () => {
-      const id = Key.ObjectId.random();
-      return Obj.make(TreeType, {
-        root: id,
-        nodes: {
-          [id]: {
-            id,
-            children: [],
-            data: {
-              text: ""
-            }
-          }
-        }
-      });
-    };
-  }
-  constructor(tree3) {
-    this._tree = tree3 ?? _Tree.create();
-  }
   get tree() {
     return this._tree;
   }
@@ -11236,15 +11229,34 @@ var Tree = class _Tree {
     ancestor.children.splice(parentIdx + 1, 0, node.id);
     node.children.push(...rest);
   }
+  constructor(tree3) {
+    _define_property(this, "_tree", void 0);
+    this._tree = tree3 ?? _Tree.create();
+  }
 };
+_define_property(Tree, "create", () => {
+  const id = Key.ObjectId.random();
+  return Obj.make(TreeType, {
+    root: id,
+    nodes: {
+      [id]: {
+        id,
+        children: [],
+        data: {
+          text: ""
+        }
+      }
+    }
+  });
+});
 
-// packages/plugins/plugin-explorer/src/components/Tree/types/types.ts
+// src/components/Tree/types/types.ts
 var mapGraphToTreeData = (model, maxDepth = 8) => {
   let data;
   return data;
 };
 
-// packages/plugins/plugin-explorer/src/components/Tree/Tree.tsx
+// src/components/Tree/Tree.tsx
 var defaultTreeLayoutSlots = {
   node: "fill-blue-600",
   path: "fill-none stroke-blue-400 stroke-[0.5px]",
@@ -11317,9 +11329,9 @@ var Tree2 = ({ space, selected, variant = "tidy", onNodeClick }) => {
   }
 };
 
-// packages/plugins/plugin-explorer/src/components/index.ts
+// src/components/index.ts
 import { lazy } from "react";
-var ExplorerContainer = lazy(() => import("./ExplorerContainer-MFE7PXF4.mjs"));
+var ExplorerContainer = lazy(() => import("./ExplorerContainer-OBSRVHZZ.mjs"));
 
 export {
   Chart,
@@ -11328,4 +11340,4 @@ export {
   Tree2 as Tree,
   ExplorerContainer
 };
-//# sourceMappingURL=chunk-IUFYOE44.mjs.map
+//# sourceMappingURL=chunk-ODMJ7DPA.mjs.map