@dxos/plugin-explorer 0.8.3 → 0.8.4-main.28f8d3d

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-explorer",
-  "version": "0.8.3",
+  "version": "0.8.4-main.28f8d3d",
   "description": "Braneframe data visualization plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -10,11 +10,19 @@
   "type": "module",
   "exports": {
     ".": {
+      "source": "./src/index.ts",
       "types": "./dist/types/src/index.d.ts",
       "browser": "./dist/lib/browser/index.mjs",
       "node": "./dist/lib/node-esm/index.mjs"
     },
+    "./meta": {
+      "source": "./src/meta.ts",
+      "types": "./dist/types/src/meta.d.ts",
+      "browser": "./dist/lib/browser/meta.mjs",
+      "node": "./dist/lib/node-esm/meta.mjs"
+    },
     "./types": {
+      "source": "./src/types/index.ts",
       "types": "./dist/types/src/types/index.d.ts",
       "browser": "./dist/lib/browser/types/index.mjs",
       "node": "./dist/lib/node-esm/types/index.mjs"
@@ -23,6 +31,9 @@
   "types": "dist/types/src/index.d.ts",
   "typesVersions": {
     "*": {
+      "meta": [
+        "dist/types/src/meta.d.ts"
+      ],
       "types": [
         "dist/types/src/types/index.d.ts"
       ]
@@ -38,33 +49,33 @@
     "@preact-signals/safe-react": "^0.9.0",
     "@preact/signals-core": "^1.9.0",
     "d3": "^7.9.0",
-    "effect": "^3.13.3",
+    "effect": "3.17.7",
     "force-graph": "^1.49.4",
     "lodash.defaultsdeep": "^4.6.1",
     "react-resize-detector": "^11.0.1",
+    "three": "^0.178.0",
     "topojson-client": "^3.1.0",
-    "@dxos/async": "0.8.3",
-    "@dxos/app-framework": "0.8.3",
-    "@dxos/client": "0.8.3",
-    "@dxos/echo-schema": "0.8.3",
-    "@dxos/echo": "0.8.3",
-    "@dxos/graph": "0.8.3",
-    "@dxos/invariant": "0.8.3",
-    "@dxos/live-object": "0.8.3",
-    "@dxos/plugin-client": "0.8.3",
-    "@dxos/log": "0.8.3",
-    "@dxos/plugin-search": "0.8.3",
-    "@dxos/plugin-graph": "0.8.3",
-    "@dxos/plugin-space": "0.8.3",
-    "@dxos/react-client": "0.8.3",
-    "@dxos/react-ui-attention": "0.8.3",
-    "@dxos/react-ui-graph": "0.8.3",
-    "@dxos/schema": "0.8.3",
-    "@dxos/util": "0.8.3",
-    "@dxos/react-ui-stack": "0.8.3"
+    "@dxos/client": "0.8.4-main.28f8d3d",
+    "@dxos/echo": "0.8.4-main.28f8d3d",
+    "@dxos/app-framework": "0.8.4-main.28f8d3d",
+    "@dxos/echo-schema": "0.8.4-main.28f8d3d",
+    "@dxos/invariant": "0.8.4-main.28f8d3d",
+    "@dxos/graph": "0.8.4-main.28f8d3d",
+    "@dxos/async": "0.8.4-main.28f8d3d",
+    "@dxos/live-object": "0.8.4-main.28f8d3d",
+    "@dxos/log": "0.8.4-main.28f8d3d",
+    "@dxos/plugin-client": "0.8.4-main.28f8d3d",
+    "@dxos/plugin-graph": "0.8.4-main.28f8d3d",
+    "@dxos/plugin-search": "0.8.4-main.28f8d3d",
+    "@dxos/plugin-space": "0.8.4-main.28f8d3d",
+    "@dxos/react-client": "0.8.4-main.28f8d3d",
+    "@dxos/react-ui-attention": "0.8.4-main.28f8d3d",
+    "@dxos/react-ui-graph": "0.8.4-main.28f8d3d",
+    "@dxos/schema": "0.8.4-main.28f8d3d",
+    "@dxos/util": "0.8.4-main.28f8d3d",
+    "@dxos/react-ui-stack": "0.8.4-main.28f8d3d"
   },
   "devDependencies": {
-    "@phosphor-icons/react": "^2.1.5",
     "@types/d3": "^7.4.3",
     "@types/d3-hierarchy": "^3.1.6",
     "@types/lodash.defaultsdeep": "^4.6.6",
@@ -75,19 +86,18 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/random": "0.8.3",
-    "@dxos/react-ui": "0.8.3",
-    "@dxos/echo-generator": "0.8.3",
-    "@dxos/storybook-utils": "0.8.3",
-    "@dxos/react-ui-theme": "0.8.3"
+    "@dxos/echo-generator": "0.8.4-main.28f8d3d",
+    "@dxos/storybook-utils": "0.8.4-main.28f8d3d",
+    "@dxos/react-ui": "0.8.4-main.28f8d3d",
+    "@dxos/random": "0.8.4-main.28f8d3d",
+    "@dxos/react-ui-theme": "0.8.4-main.28f8d3d"
   },
   "peerDependencies": {
-    "@phosphor-icons/react": "^2.1.5",
     "effect": "^3.13.3",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui-theme": "0.8.3",
-    "@dxos/react-ui": "0.8.3"
+    "@dxos/react-ui": "0.8.4-main.28f8d3d",
+    "@dxos/react-ui-theme": "0.8.4-main.28f8d3d"
   },
   "publishConfig": {
     "access": "public"

package/src/ExplorerPlugin.tsx

@@ -2,15 +2,15 @@
 // Copyright 2023 DXOS.org
 //
 
-import { Capabilities, contributes, createIntent, defineModule, definePlugin, Events } from '@dxos/app-framework';
+import { Capabilities, Events, contributes, createIntent, defineModule, definePlugin } from '@dxos/app-framework';
 import { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';
 import { SpaceCapabilities } from '@dxos/plugin-space';
 import { defineObjectForm } from '@dxos/plugin-space/types';
 
 import { IntentResolver, ReactSurface } from './capabilities';
 import { meta } from './meta';
-import translations from './translations';
-import { ViewType, ExplorerAction } from './types';
+import { translations } from './translations';
+import { ExplorerAction, ViewType } from './types';
 
 export const ExplorerPlugin = () =>
   definePlugin(meta, [

package/src/capabilities/intent-resolver.ts

@@ -2,7 +2,7 @@
 // Copyright 2025 DXOS.org
 //
 
-import { contributes, Capabilities, createResolver } from '@dxos/app-framework';
+import { Capabilities, contributes, createResolver } from '@dxos/app-framework';
 import { Obj } from '@dxos/echo';
 
 import { ExplorerAction, ViewType } from '../types';

package/src/components/Chart/Chart.stories.tsx

@@ -4,15 +4,16 @@
 
 import '@dxos-theme';
 
-import { type Meta } from '@storybook/react';
+import { type Meta } from '@storybook/react-vite';
 import React from 'react';
 
 import { ClientRepeater } from '@dxos/react-client/testing';
 import { withLayout, withTheme } from '@dxos/storybook-utils';
 
-import { Chart } from './Chart';
 import CitiesData from '../../../data/cities.js';
 
+import { Chart } from './Chart';
+
 // TODO(burdon): Generate data with geo lat/lng.
 // TODO(burdon): How to provide geo service via agent?
 

package/src/components/Chart/Chart.tsx

@@ -7,7 +7,7 @@ import { type DotOptions } from '@observablehq/plot';
 import React, { useEffect } from 'react';
 import { useResizeDetector } from 'react-resize-detector';
 
-import { type Accessor, createAdapter, type Point } from '../plot';
+import { type Accessor, type Point, createAdapter } from '../plot';
 
 const defaultOptions: DotOptions = {
   r: 4,

package/src/components/ExplorerContainer.tsx

@@ -8,10 +8,11 @@ import { useGlobalSearch } from '@dxos/plugin-search';
 import { getSpace } from '@dxos/react-client/echo';
 import { StackItem } from '@dxos/react-ui-stack';
 
-import { D3ForceGraph } from './Graph';
 import { useGraphModel } from '../hooks';
 import { type ViewType } from '../types';
 
+import { D3ForceGraph } from './Graph';
+
 type ExplorerContainerProps = {
   role: string;
   view: ViewType;

package/src/components/Globe/Globe.stories.tsx

@@ -4,8 +4,8 @@
 
 import '@dxos-theme';
 
-import { plot, sphere, geo, graticule, dot } from '@observablehq/plot';
-import { type Meta } from '@storybook/react';
+import { dot, geo, graticule, plot, sphere } from '@observablehq/plot';
+import { type Meta } from '@storybook/react-vite';
 import { geoCircle } from 'd3';
 import React, { useEffect } from 'react';
 import { useResizeDetector } from 'react-resize-detector';
@@ -14,10 +14,11 @@ import { feature } from 'topojson-client';
 import { ClientRepeater } from '@dxos/react-client/testing';
 import { withLayout, withTheme } from '@dxos/storybook-utils';
 
-import { Globe } from './Globe';
 import CitiesData from '../../../data/cities.js';
 import CountriesData from '../../../data/countries-110m.js';
 
+import { Globe } from './Globe';
+
 // TODO(burdon): Generate data with geo lat/lng.
 // TODO(burdon): How to provide geo service via agent?
 

package/src/components/Globe/Globe.tsx

@@ -9,7 +9,7 @@ import { useResizeDetector } from 'react-resize-detector';
 import * as topojson from 'topojson-client';
 
 import CountriesData from '../../../data/countries-110m.js';
-import { type Accessor, createAdapter, type GeoLocation } from '../plot';
+import { type Accessor, type GeoLocation, createAdapter } from '../plot';
 
 const defaultOptions: DotOptions = {
   r: 4,

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

@@ -4,7 +4,7 @@
 
 import '@dxos-theme';
 
-import { type Meta } from '@storybook/react';
+import { type Meta } from '@storybook/react-vite';
 import React, { useEffect, useState } from 'react';
 
 import { Obj } from '@dxos/echo';
@@ -14,13 +14,14 @@ import { type Space } from '@dxos/react-client/echo';
 import { withClientProvider } from '@dxos/react-client/testing';
 import { DataType } from '@dxos/schema';
 import { type ValueGenerator } from '@dxos/schema/testing';
-import { withLayout, withTheme, render } from '@dxos/storybook-utils';
+import { render, withLayout, withTheme } from '@dxos/storybook-utils';
 
-import { D3ForceGraph } from './D3ForceGraph';
-import { generate } from './testing';
 import { useGraphModel } from '../../hooks';
 import { ViewType } from '../../types';
 
+import { D3ForceGraph } from './D3ForceGraph';
+import { generate } from './testing';
+
 const generator = faker as any as ValueGenerator;
 
 faker.seed(1);

package/src/components/Graph/D3ForceGraph.tsx

@@ -16,7 +16,7 @@ import {
   type SVGContext,
 } from '@dxos/react-ui-graph';
 import { getHashColor } from '@dxos/react-ui-theme';
-import { type SpaceGraphNode, type SpaceGraphModel, type SpaceGraphEdge } from '@dxos/schema';
+import { type SpaceGraphEdge, type SpaceGraphModel, type SpaceGraphNode } from '@dxos/schema';
 
 import '@dxos/react-ui-graph/styles/graph.css';
 

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

@@ -4,7 +4,7 @@
 
 import '@dxos-theme';
 
-import { type Meta } from '@storybook/react';
+import { type Meta } from '@storybook/react-vite';
 import React, { useEffect, useState } from 'react';
 
 import { Obj } from '@dxos/echo';
@@ -14,13 +14,14 @@ import { type Space } from '@dxos/react-client/echo';
 import { withClientProvider } from '@dxos/react-client/testing';
 import { DataType } from '@dxos/schema';
 import { type ValueGenerator } from '@dxos/schema/testing';
-import { withLayout, withTheme, render } from '@dxos/storybook-utils';
+import { render, withLayout, withTheme } from '@dxos/storybook-utils';
 
-import { ForceGraph } from './ForceGraph';
-import { generate } from './testing';
 import { useGraphModel } from '../../hooks';
 import { ViewType } from '../../types';
 
+import { ForceGraph } from './ForceGraph';
+import { generate } from './testing';
+
 const generator = faker as any as ValueGenerator;
 
 faker.seed(1);

package/src/components/Graph/ForceGraph.tsx

@@ -7,7 +7,7 @@ import NativeForceGraph from 'force-graph';
 import React, { type FC, useEffect, useRef, useState } from 'react';
 import { useResizeDetector } from 'react-resize-detector';
 
-import { filterObjectsSync, type SearchResult } from '@dxos/plugin-search';
+import { type SearchResult, filterObjectsSync } from '@dxos/plugin-search';
 import { type SpaceGraphModel } from '@dxos/schema';
 
 import { GraphAdapter } from './adapter';
@@ -39,7 +39,7 @@ export const ForceGraph: FC<ForceGraphProps> = ({ model, match }) => {
       forceGraph.current = new NativeForceGraph(rootRef.current)
         // https://github.com/vasturiano/force-graph?tab=readme-ov-file#node-styling
         .nodeRelSize(6)
-        .nodeLabel((node: any) => (node.type === 'schema' ? node.data.typename : node.data.label ?? node.id))
+        .nodeLabel((node: any) => (node.type === 'schema' ? node.data.typename : (node.data.label ?? node.id)))
         .nodeAutoColorBy((node: any) => (node.type === 'schema' ? 'schema' : node.data.typename))
 
         // https://github.com/vasturiano/force-graph?tab=readme-ov-file#link-styling

package/src/components/Graph/testing.ts

@@ -3,9 +3,9 @@
 //
 
 import { type Space } from '@dxos/client/echo';
-import { Query, Relation, type Obj } from '@dxos/echo';
+import { type Obj, Query, Relation } from '@dxos/echo';
 import { DataType } from '@dxos/schema';
-import { createObjectFactory, type ValueGenerator, type TypeSpec } from '@dxos/schema/testing';
+import { type TypeSpec, type ValueGenerator, createObjectFactory } from '@dxos/schema/testing';
 import { range } from '@dxos/util';
 
 const getObject = (objects: Obj.Any[]) => objects[Math.floor(Math.random() * objects.length)];

package/src/components/Tree/Tree.stories.tsx

@@ -4,7 +4,7 @@
 
 import '@dxos-theme';
 
-import { type Meta } from '@storybook/react';
+import { type Meta } from '@storybook/react-vite';
 import React, { type FC, useEffect, useState } from 'react';
 
 import { faker } from '@dxos/random';
@@ -13,7 +13,7 @@ import { type ClientRepeatedComponentProps, ClientRepeater } from '@dxos/react-c
 import { withLayout, withTheme } from '@dxos/storybook-utils';
 
 import { Tree, type TreeComponentProps } from './Tree';
-import { TreeType, Tree as TreeModel } from './types';
+import { Tree as TreeModel, TreeType } from './types';
 
 // TODO(burdon): Storybook for Graph/Tree/Plot (generics); incl. GraphModel.
 // TODO(burdon): Type for all Explorer components (Space, Object, Query, etc.) incl.

package/src/components/Tree/Tree.tsx

@@ -10,7 +10,7 @@ import { SVG, type SVGContext } from '@dxos/react-ui-graph';
 import { SpaceGraphModel } from '@dxos/schema';
 
 import { HierarchicalEdgeBundling, RadialTree, TidyTree } from './layout';
-import { mapGraphToTreeData, type TreeNode } from './types';
+import { type TreeNode, mapGraphToTreeData } from './types';
 
 // TODO(burdon): Create dge bundling graph using d3.hierarchy.
 // https://observablehq.com/@d3/hierarchical-edge-bundling?intent=fork

package/src/components/Tree/types/tree.test.ts

@@ -8,9 +8,10 @@ import { Obj, Ref } from '@dxos/echo';
 import { faker } from '@dxos/random';
 import { DataType } from '@dxos/schema';
 
-import { type Tree } from './tree';
 import { createTree } from '../testing';
 
+import { type Tree } from './tree';
+
 faker.seed(0);
 
 const print = (tree: Tree) => {
@@ -123,8 +124,8 @@ describe('tree', () => {
   });
 
   test('task', ({ expect }) => {
-    const task = Obj.make(DataType.Task, { text: 'Test task.' });
-    expect(task.text).to.eq('Test task.');
+    const task = Obj.make(DataType.Task, { title: 'Test task.' });
+    expect(task.title).to.eq('Test task.');
 
     const tree = createTree();
     const node = tree.addNode(tree.root);

package/src/hooks/useGraphModel.ts

@@ -4,7 +4,7 @@
 
 import { useEffect, useState } from 'react';
 
-import { type Filter, type Space } from '@dxos/client/echo';
+import { type Filter, type Queue, type Space } from '@dxos/client/echo';
 import { SpaceGraphModel, type SpaceGraphModelOptions } from '@dxos/schema';
 
 // TODO(burdon): Factor out.
@@ -12,6 +12,7 @@ export const useGraphModel = (
   space: Space | undefined,
   filter?: Filter.Any | undefined,
   options?: SpaceGraphModelOptions,
+  queue?: Queue,
 ): SpaceGraphModel | undefined => {
   const [model, setModel] = useState<SpaceGraphModel | undefined>(undefined);
   useEffect(() => {
@@ -22,14 +23,14 @@ export const useGraphModel = (
     }
 
     // TODO(burdon): Does this need to be a dependency?
-    if (!model) {
+    if (!model || model.queue !== queue) {
       const model = new SpaceGraphModel().setFilter(filter).setOptions(options);
-      void model.open(space);
+      void model.open(space, queue);
       setModel(model);
     } else {
       model.setFilter(filter).setOptions(options);
     }
-  }, [space, filter, options]);
+  }, [space, filter, options, queue]);
 
   return model;
 };

package/src/translations.ts

@@ -2,25 +2,27 @@
 // Copyright 2023 DXOS.org
 //
 
-import { Type } from '@dxos/echo';
+import { type Resource } from '@dxos/react-ui';
 
-import { EXPLORER_PLUGIN } from './meta';
+import { meta } from './meta';
 import { ViewType } from './types';
 
-export default [
+export const translations = [
   {
     'en-US': {
-      [Type.getTypename(ViewType)]: {
+      [ViewType.typename]: {
         'typename label': 'Explorer',
         'typename label_zero': 'Explorers',
         'typename label_one': 'Explorer',
         'typename label_other': 'Explorers',
         'object name placeholder': 'New explorer',
+        'rename object label': 'Rename explorer',
+        'delete object label': 'Delete explorer',
       },
-      [EXPLORER_PLUGIN]: {
+      [meta.id]: {
         'plugin name': 'Explorer',
         'object title label': 'Title',
       },
     },
   },
-];
+] as const satisfies Resource[];

package/src/types/types.ts

@@ -4,9 +4,10 @@
 
 import { Schema } from 'effect';
 
-import { ViewType } from './schema';
 import { EXPLORER_PLUGIN } from '../meta';
 
+import { ViewType } from './schema';
+
 export namespace ExplorerAction {
   const EXPLORER_ACTION = `${EXPLORER_PLUGIN}/action`;
 

package/dist/lib/browser/chunk-SLB2F5AO.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 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): 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) {\n      const model = new SpaceGraphModel().setFilter(filter).setOptions(options);\n      void model.open(space);\n      setModel(model);\n    } else {\n      model.setFilter(filter).setOptions(options);\n    }\n  }, [space, filter, options]);\n\n  return model;\n};\n"],
-  "mappings": ";AAIA,SAASA,WAAWC,gBAAgB;AAGpC,SAASC,uBAAoD;AAGtD,IAAMC,gBAAgB,CAC3BC,OACAC,QACAC,YAAAA;AAEA,QAAM,CAACC,OAAOC,QAAAA,IAAYC,SAAsCC,MAAAA;AAChEC,YAAU,MAAA;AACR,QAAI,CAACP,OAAO;AACV,WAAKG,OAAOK,MAAAA;AACZJ,eAASE,MAAAA;AACT;IACF;AAGA,QAAI,CAACH,OAAO;AACV,YAAMA,SAAQ,IAAIM,gBAAAA,EAAkBC,UAAUT,MAAAA,EAAQU,WAAWT,OAAAA;AACjE,WAAKC,OAAMS,KAAKZ,KAAAA;AAChBI,eAASD,MAAAA;IACX,OAAO;AACLA,YAAMO,UAAUT,MAAAA,EAAQU,WAAWT,OAAAA;IACrC;EACF,GAAG;IAACF;IAAOC;IAAQC;GAAQ;AAE3B,SAAOC;AACT;",
-  "names": ["useEffect", "useState", "SpaceGraphModel", "useGraphModel", "space", "filter", "options", "model", "setModel", "useState", "undefined", "useEffect", "close", "SpaceGraphModel", "setFilter", "setOptions", "open"]
-}

package/dist/lib/node/ExplorerContainer-VUXH55VV.cjs

@@ -1,61 +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 ExplorerContainer_VUXH55VV_exports = {};
-__export(ExplorerContainer_VUXH55VV_exports, {
-  default: () => ExplorerContainer_default
-});
-module.exports = __toCommonJS(ExplorerContainer_VUXH55VV_exports);
-var import_chunk_4T4LCT5R = require("./chunk-4T4LCT5R.cjs");
-var import_chunk_TY543HPV = require("./chunk-TY543HPV.cjs");
-var import_tracking = require("@preact-signals/safe-react/tracking");
-var import_react = __toESM(require("react"));
-var import_plugin_search = require("@dxos/plugin-search");
-var import_echo = require("@dxos/react-client/echo");
-var import_react_ui_stack = require("@dxos/react-ui-stack");
-var ExplorerContainer = ({ role, view }) => {
-  var _effect = (0, import_tracking.useSignals)();
-  try {
-    const space = (0, import_echo.getSpace)(view);
-    const model = (0, import_chunk_4T4LCT5R.useGraphModel)(space);
-    const { match } = (0, import_plugin_search.useGlobalSearch)();
-    if (!space || !model) {
-      return null;
-    }
-    return /* @__PURE__ */ import_react.default.createElement(import_react_ui_stack.StackItem.Content, {
-      size: role === "section" ? "square" : "intrinsic"
-    }, /* @__PURE__ */ import_react.default.createElement(import_chunk_TY543HPV.D3ForceGraph, {
-      model,
-      match
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-var ExplorerContainer_default = ExplorerContainer;
-//# sourceMappingURL=ExplorerContainer-VUXH55VV.cjs.map

package/dist/lib/node/ExplorerContainer-VUXH55VV.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 { D3ForceGraph } from './Graph';\nimport { useGraphModel } from '../hooks';\nimport { type ViewType } from '../types';\n\ntype ExplorerContainerProps = {\n  role: string;\n  view: ViewType;\n};\n\nconst ExplorerContainer = ({ role, view }: ExplorerContainerProps) => {\n  const space = getSpace(view);\n  const model = useGraphModel(space);\n  const { match } = useGlobalSearch();\n\n  if (!space || !model) {\n    return null;\n  }\n\n  return (\n    <StackItem.Content size={role === 'section' ? 'square' : 'intrinsic'}>\n      <D3ForceGraph model={model} match={match} />\n    </StackItem.Content>\n  );\n};\n\nexport default ExplorerContainer;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAAkB;AAElB,2BAAgC;AAChC,kBAAyB;AACzB,4BAA0B;AAW1B,IAAMA,oBAAoB,CAAC,EAAEC,MAAMC,KAAI,MAA0B;;;AAC/D,UAAMC,YAAQC,sBAASF,IAAAA;AACvB,UAAMG,YAAQC,qCAAcH,KAAAA;AAC5B,UAAM,EAAEI,MAAK,QAAKC,sCAAAA;AAElB,QAAI,CAACL,SAAS,CAACE,OAAO;AACpB,aAAO;IACT;AAEA,WACE,6BAAAI,QAAA,cAACC,gCAAUC,SAAO;MAACC,MAAMX,SAAS,YAAY,WAAW;OACvD,6BAAAQ,QAAA,cAACI,oCAAAA;MAAaR;MAAcE;;;;;AAGlC;AAEA,IAAA,4BAAeP;",
-  "names": ["ExplorerContainer", "role", "view", "space", "getSpace", "model", "useGraphModel", "match", "useGlobalSearch", "React", "StackItem", "Content", "size", "D3ForceGraph"]
-}

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

@@ -1,52 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_4T4LCT5R_exports = {};
-__export(chunk_4T4LCT5R_exports, {
-  useGraphModel: () => useGraphModel
-});
-module.exports = __toCommonJS(chunk_4T4LCT5R_exports);
-var import_react = require("react");
-var import_schema = require("@dxos/schema");
-var useGraphModel = (space, filter, options) => {
-  const [model, setModel] = (0, import_react.useState)(void 0);
-  (0, import_react.useEffect)(() => {
-    if (!space) {
-      void model?.close();
-      setModel(void 0);
-      return;
-    }
-    if (!model) {
-      const model2 = new import_schema.SpaceGraphModel().setFilter(filter).setOptions(options);
-      void model2.open(space);
-      setModel(model2);
-    } else {
-      model.setFilter(filter).setOptions(options);
-    }
-  }, [
-    space,
-    filter,
-    options
-  ]);
-  return model;
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useGraphModel
-});
-//# sourceMappingURL=chunk-4T4LCT5R.cjs.map

package/dist/lib/node/chunk-4T4LCT5R.cjs.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 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): 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) {\n      const model = new SpaceGraphModel().setFilter(filter).setOptions(options);\n      void model.open(space);\n      setModel(model);\n    } else {\n      model.setFilter(filter).setOptions(options);\n    }\n  }, [space, filter, options]);\n\n  return model;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAAoC;AAGpC,oBAA6D;AAGtD,IAAMA,gBAAgB,CAC3BC,OACAC,QACAC,YAAAA;AAEA,QAAM,CAACC,OAAOC,QAAAA,QAAYC,uBAAsCC,MAAAA;AAChEC,8BAAU,MAAA;AACR,QAAI,CAACP,OAAO;AACV,WAAKG,OAAOK,MAAAA;AACZJ,eAASE,MAAAA;AACT;IACF;AAGA,QAAI,CAACH,OAAO;AACV,YAAMA,SAAQ,IAAIM,8BAAAA,EAAkBC,UAAUT,MAAAA,EAAQU,WAAWT,OAAAA;AACjE,WAAKC,OAAMS,KAAKZ,KAAAA;AAChBI,eAASD,MAAAA;IACX,OAAO;AACLA,YAAMO,UAAUT,MAAAA,EAAQU,WAAWT,OAAAA;IACrC;EACF,GAAG;IAACF;IAAOC;IAAQC;GAAQ;AAE3B,SAAOC;AACT;",
-  "names": ["useGraphModel", "space", "filter", "options", "model", "setModel", "useState", "undefined", "useEffect", "close", "SpaceGraphModel", "setFilter", "setOptions", "open"]
-}