@dxos/plugin-explorer 0.8.1 → 0.8.2-main.2f9c567

package/dist/lib/browser/{ExplorerContainer-HL532ODG.mjs → ExplorerContainer-UJJIZBXP.mjs}

@@ -1,6 +1,6 @@
 import {
   Graph
-} from "./chunk-SBLNE7FL.mjs";
+} from "./chunk-DHAPRNIM.mjs";
 
 // packages/plugins/plugin-explorer/src/components/ExplorerContainer.tsx
 import React from "react";
@@ -24,4 +24,4 @@ var ExplorerContainer_default = ExplorerContainer;
 export {
   ExplorerContainer_default as default
 };
-//# sourceMappingURL=ExplorerContainer-HL532ODG.mjs.map
+//# sourceMappingURL=ExplorerContainer-UJJIZBXP.mjs.map

package/dist/lib/{node-esm/chunk-PZOORWFE.mjs → browser/chunk-AOQ4BVBH.mjs}

@@ -1,7 +1,6 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 import {
   SpaceGraphModel
-} from "./chunk-SZRRNWYT.mjs";
+} from "./chunk-DHAPRNIM.mjs";
 
 // packages/plugins/plugin-explorer/src/components/Chart/Chart.tsx
 import * as Plot from "@observablehq/plot";
@@ -10832,19 +10831,19 @@ import { createSvgContext, SVG, SVGRoot } from "@dxos/gem-core";
 import { useAsyncState } from "@dxos/react-ui";
 
 // packages/plugins/plugin-explorer/src/components/Tree/layout/HierarchicalEdgeBundling.ts
-import * as d3 from "d3";
+import { cluster, curveBundle, hierarchy, lineRadial, select } from "d3";
 var HierarchicalEdgeBundling = (s, data, options) => {
-  const svg = d3.select(s);
+  const svg = select(s);
   svg.selectAll("*").remove();
   const { radius = 600, padding = 100, slots } = options;
-  const root = d3.hierarchy(flatten(data));
-  const tree3 = d3.cluster().size([
+  const root = hierarchy(flatten(data));
+  const tree3 = cluster().size([
     2 * Math.PI,
     radius - padding
   ]);
   const layout = tree3(addLinks(root));
   const node = svg.append("g").selectAll().data(layout.leaves()).join("g").attr("transform", (d) => `rotate(${d.x * (180 / Math.PI) - 90}) translate(${d.y},0)`).append("text").attr("class", slots?.text ?? "").attr("dy", "0.31em").attr("x", (d) => d.x < Math.PI ? 6 : -6).attr("text-anchor", (d) => d.x < Math.PI ? "start" : "end").attr("transform", (d) => d.x >= Math.PI ? "rotate(180)" : null).call((text) => text.text((d) => d.data.id.slice(0, 8)));
-  const line = d3.lineRadial().curve(d3.curveBundle.beta(0.85)).radius((d) => d.y).angle((d) => d.x);
+  const line = lineRadial().curve(curveBundle.beta(0.85)).radius((d) => d.y).angle((d) => d.x);
   const links = svg.append("g").selectAll().data(layout.leaves().flatMap((leaf) => leaf.outgoing)).join("path").style("mix-blend-mode", "multiply").attr("class", slots?.path ?? "").attr("d", ([i, o]) => {
     return line(i.path(o));
   }).each(function(d) {
@@ -10895,21 +10894,21 @@ var flatten = (node) => {
 var HierarchicalEdgeBundling_default = HierarchicalEdgeBundling;
 
 // packages/plugins/plugin-explorer/src/components/Tree/layout/RadialTree.ts
-import * as d32 from "d3";
+import { hierarchy as hierarchy2, linkRadial, select as select2, tree } from "d3";
 var RadialTree = (s, data, options) => {
-  const svg = d32.select(s);
+  const svg = select2(s);
   svg.selectAll("*").remove();
   const { label, radius = 400, r = 4, slots } = options;
   const arc = 2 * Math.PI;
-  const root = d32.hierarchy(data);
+  const root = hierarchy2(data);
   const descendants = root.descendants();
   const getLabel = label === null ? null : descendants.map((d) => label(d.data));
-  const layout = d32.tree().size([
+  const layout = tree().size([
     arc,
     radius
   ]).separation((a, b) => (a.parent === b.parent ? 1 : 2) / a.depth);
   layout(root);
-  svg.append("g").selectAll("path").data(root.links()).join("path").attr("class", slots?.path ?? "").attr("d", d32.linkRadial().angle((d) => d.x + Math.PI / 2).radius((d) => d.y));
+  svg.append("g").selectAll("path").data(root.links()).join("path").attr("class", slots?.path ?? "").attr("d", linkRadial().angle((d) => d.x + Math.PI / 2).radius((d) => d.y));
   const node = svg.append("g").selectAll("a").data(root.descendants()).join("a").attr("transform", (d) => `rotate(${d.x * 180 / Math.PI}) translate(${d.y},0)`);
   node.append("circle").attr("class", slots?.node ?? "").attr("r", r);
   if (getLabel) {
@@ -10920,17 +10919,17 @@ var RadialTree = (s, data, options) => {
 var RadialTree_default = RadialTree;
 
 // packages/plugins/plugin-explorer/src/components/Tree/layout/TidyTree.ts
-import * as d33 from "d3";
+import { curveBumpX, hierarchy as hierarchy3, link, select as select3, tree as tree2 } from "d3";
 var TidyTree = (s, data, options) => {
-  const svg = d33.select(s);
+  const svg = select3(s);
   svg.selectAll("*").remove();
   const { label, width, height, r = 4, padding = 4, margin = 60, slots } = options;
-  const root = d33.hierarchy(data);
+  const root = hierarchy3(data);
   const descendants = root.descendants();
   const getLabel = label == null ? null : descendants.map((d) => label(d.data));
   const dx = 16;
   const dy = width / (root.height + padding);
-  const layout = d33.tree().nodeSize([
+  const layout = tree2().nodeSize([
     dx,
     dy
   ]);
@@ -10955,7 +10954,7 @@ var TidyTree = (s, data, options) => {
   });
   const sx = Math.min(2, Math.max(1, (height - margin * 2) / (x1 - x0)));
   const oy = -(width - (y1 - y0)) / 2;
-  svg.append("g").selectAll("path").data(root.links()).join("path").attr("class", slots?.path ?? "").attr("d", d33.link(d33.curveBumpX).x((d) => d.y + oy).y((d) => d.x * sx));
+  svg.append("g").selectAll("path").data(root.links()).join("path").attr("class", slots?.path ?? "").attr("d", link(curveBumpX).x((d) => d.y + oy).y((d) => d.x * sx));
   const node = svg.append("g").selectAll("a").data(root.descendants()).join("a").attr("transform", (d) => `translate(${d.y + oy},${d.x * sx})`);
   node.append("circle").attr("class", slots?.node ?? "").attr("r", r);
   if (getLabel) {
@@ -11060,7 +11059,7 @@ var Tree = ({ space, selected, variant = "tidy", onNodeClick }) => {
 
 // packages/plugins/plugin-explorer/src/components/index.ts
 import { lazy } from "react";
-var ExplorerContainer = lazy(() => import("./ExplorerContainer-NMI55PYM.mjs"));
+var ExplorerContainer = lazy(() => import("./ExplorerContainer-UJJIZBXP.mjs"));
 
 export {
   Chart,
@@ -11069,4 +11068,4 @@ export {
   Tree,
   ExplorerContainer
 };
-//# sourceMappingURL=chunk-PZOORWFE.mjs.map
+//# sourceMappingURL=chunk-AOQ4BVBH.mjs.map