@dxos/plugin-explorer 0.8.4-main.5acf9ea → 0.8.4-main.5ad4a44

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

@@ -0,0 +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, { 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/node-esm/{chunk-VKCOKQRG.mjs → chunk-AGHU3KVI.mjs}

@@ -1,11 +1,11 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 import {
-  EXPLORER_PLUGIN
-} from "./chunk-PIAXA43R.mjs";
+  meta
+} from "./chunk-PX6LHR2N.mjs";
 
 // src/types/schema.ts
-import { Schema } from "effect";
-import { TypedObject } from "@dxos/echo-schema";
+import * as Schema from "effect/Schema";
+import { TypedObject } from "@dxos/echo/internal";
 var ViewType = class extends TypedObject({
   typename: "dxos.org/type/ExplorerView",
   version: "0.1.0"
@@ -16,9 +16,9 @@ var ViewType = class extends TypedObject({
 };
 
 // src/types/types.ts
-import { Schema as Schema2 } from "effect";
+import * as Schema2 from "effect/Schema";
 (function(ExplorerAction2) {
-  const EXPLORER_ACTION = `${EXPLORER_PLUGIN}/action`;
+  const EXPLORER_ACTION = `${meta.id}/action`;
   class Create extends Schema2.TaggedClass()(`${EXPLORER_ACTION}/create`, {
     input: Schema2.Struct({
       name: Schema2.optional(Schema2.String)
@@ -36,4 +36,4 @@ export {
   ViewType,
   ExplorerAction
 };
-//# sourceMappingURL=chunk-VKCOKQRG.mjs.map
+//# sourceMappingURL=chunk-AGHU3KVI.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/schema.ts", "../../../src/types/types.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { TypedObject } from '@dxos/echo/internal';\n\n// TODO(burdon): Clashes with sdk/view.\nexport class ViewType extends TypedObject({\n  typename: 'dxos.org/type/ExplorerView',\n  version: '0.1.0',\n})({\n  name: Schema.optional(Schema.String),\n  type: Schema.String,\n}) {}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { meta } from '../meta';\n\nimport { ViewType } from './schema';\n\nexport namespace ExplorerAction {\n  const EXPLORER_ACTION = `${meta.id}/action`;\n\n  export class Create extends Schema.TaggedClass<Create>()(`${EXPLORER_ACTION}/create`, {\n    input: Schema.Struct({\n      name: Schema.optional(Schema.String),\n    }),\n    output: Schema.Struct({\n      object: ViewType,\n    }),\n  }) {}\n}\n"],
+  "mappings": ";;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,mBAAmB;AAGrB,IAAMC,WAAN,cAAuBC,YAAY;EACxCC,UAAU;EACVC,SAAS;AACX,CAAA,EAAG;EACDC,MAAaC,gBAAgBC,aAAM;EACnCC,MAAaD;AACf,CAAA,EAAA;AAAI;;;ACXJ,YAAYE,aAAY;UAMPC,iBAAAA;AACf,QAAMC,kBAAkB,GAAGC,KAAKC,EAAE;EAE3B,MAAMC,eAAsBC,oBAAW,EAAW,GAAGJ,eAAAA,WAA0B;IACpFK,OAAcC,eAAO;MACnBC,MAAaC,iBAAgBC,cAAM;IACrC,CAAA;IACAC,QAAeJ,eAAO;MACpBK,QAAQC;IACV,CAAA;EACF,CAAA,EAAA;EAAI;kBAPST,SAAAA;AAQf,GAXiBJ,mBAAAA,iBAAAA,CAAAA,EAAAA;;",
+  "names": ["Schema", "TypedObject", "ViewType", "TypedObject", "typename", "version", "name", "optional", "String", "type", "Schema", "ExplorerAction", "EXPLORER_ACTION", "meta", "id", "Create", "TaggedClass", "input", "Struct", "name", "optional", "String", "output", "object", "ViewType"]
+}

package/dist/lib/node-esm/{chunk-PIAXA43R.mjs → chunk-PX6LHR2N.mjs}

@@ -1,9 +1,8 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 
 // src/meta.ts
-var EXPLORER_PLUGIN = "dxos.org/plugin/explorer";
 var meta = {
-  id: EXPLORER_PLUGIN,
+  id: "dxos.org/plugin/explorer",
   name: "Explorer",
   description: "Install this plugin to view a hypergraph of all objects inside of your Space.",
   icon: "ph--graph--regular",
@@ -17,7 +16,6 @@ var meta = {
 };
 
 export {
-  EXPLORER_PLUGIN,
   meta
 };
-//# sourceMappingURL=chunk-PIAXA43R.mjs.map
+//# sourceMappingURL=chunk-PX6LHR2N.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const meta: PluginMeta = {\n  id: 'dxos.org/plugin/explorer',\n  name: 'Explorer',\n  description: 'Install this plugin to view a hypergraph of all objects inside of your Space.',\n  icon: 'ph--graph--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-explorer',\n  tags: ['labs'],\n  screenshots: ['https://dxos.network/plugin-details-explorer-dark.png'],\n};\n"],
+  "mappings": ";;;AAMO,IAAMA,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aAAa;EACbC,MAAM;EACNC,QAAQ;EACRC,MAAM;IAAC;;EACPC,aAAa;IAAC;;AAChB;",
+  "names": ["meta", "id", "name", "description", "icon", "source", "tags", "screenshots"]
+}

package/dist/lib/node-esm/{chunk-S5A2EUSJ.mjs → chunk-WHKUQG5M.mjs}

@@ -10975,9 +10975,22 @@ var TidyTree = (s, data, options) => {
 var TidyTree_default = TidyTree;
 
 // src/components/Tree/types/tree.ts
-import { Schema } from "effect";
+import * as Schema from "effect/Schema";
 import { Key, Obj, Type } from "@dxos/echo";
 import { invariant } from "@dxos/invariant";
+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,
@@ -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,7 +11229,26 @@ 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: ""
+        }
+      }
+    }
+  });
+});
 
 // src/components/Tree/types/types.ts
 var mapGraphToTreeData = (model, maxDepth = 8) => {
@@ -11282,7 +11294,7 @@ var Tree2 = ({ space, selected, variant = "tidy", onNodeClick }) => {
     ]);
     const context = useRef(null);
     useEffect3(() => {
-      if (context.current) {
+      if (context.current?.size) {
         const { width, height } = context.current.size;
         const size = Math.min(width, height);
         const radius = size * 0.4;
@@ -11319,7 +11331,7 @@ var Tree2 = ({ space, selected, variant = "tidy", onNodeClick }) => {
 
 // src/components/index.ts
 import { lazy } from "react";
-var ExplorerContainer = lazy(() => import("./ExplorerContainer-6ON5NA2P.mjs"));
+var ExplorerContainer = lazy(() => import("./ExplorerContainer-GIJN67DO.mjs"));
 
 export {
   Chart,
@@ -11328,4 +11340,4 @@ export {
   Tree2 as Tree,
   ExplorerContainer
 };
-//# sourceMappingURL=chunk-S5A2EUSJ.mjs.map
+//# sourceMappingURL=chunk-WHKUQG5M.mjs.map