@dxos/plugin-explorer 0.8.1 → 0.8.2-main.2f9c567
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/browser/{ExplorerContainer-HL532ODG.mjs → ExplorerContainer-UJJIZBXP.mjs} +2 -2
- package/dist/lib/{node-esm/chunk-PZOORWFE.mjs → browser/chunk-AOQ4BVBH.mjs} +18 -19
- package/dist/lib/browser/{chunk-B2DMPSP5.mjs.map → chunk-AOQ4BVBH.mjs.map} +3 -3
- package/dist/lib/browser/{chunk-SBLNE7FL.mjs → chunk-DHAPRNIM.mjs} +5 -4
- package/dist/lib/browser/chunk-DHAPRNIM.mjs.map +7 -0
- package/dist/lib/browser/{chunk-QLQLPZNI.mjs → chunk-HKQSZX7S.mjs} +10 -9
- package/dist/lib/browser/chunk-HKQSZX7S.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +5 -5
- package/dist/lib/browser/{intent-resolver-NHHRWTOP.mjs → intent-resolver-7JF4DU2C.mjs} +4 -4
- package/dist/lib/browser/intent-resolver-7JF4DU2C.mjs.map +7 -0
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/{react-surface-N7TC6BMF.mjs → react-surface-VFVM6HNB.mjs} +4 -4
- package/dist/lib/browser/types/index.mjs +1 -1
- package/dist/lib/node/{ExplorerContainer-73AHSBAG.cjs → ExplorerContainer-XJUAYKA6.cjs} +6 -6
- package/dist/lib/node/{chunk-OIHH6TVE.cjs → chunk-4VLNAK7T.cjs} +7 -6
- package/dist/lib/node/chunk-4VLNAK7T.cjs.map +7 -0
- package/dist/lib/node/{chunk-YLL7H7CZ.cjs → chunk-6R5P3UVS.cjs} +12 -11
- package/dist/lib/node/chunk-6R5P3UVS.cjs.map +7 -0
- package/dist/lib/node/{chunk-HCDBN6NN.cjs → chunk-AUWXU65U.cjs} +22 -22
- package/dist/lib/node/{chunk-HCDBN6NN.cjs.map → chunk-AUWXU65U.cjs.map} +3 -3
- package/dist/lib/node/index.cjs +17 -17
- package/dist/lib/node/{intent-resolver-EEOTX3OZ.cjs → intent-resolver-VDAHQEE7.cjs} +7 -7
- package/dist/lib/node/intent-resolver-VDAHQEE7.cjs.map +7 -0
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node/{react-surface-WD4G2NRS.cjs → react-surface-4YBNYQED.cjs} +9 -9
- package/dist/lib/node/types/index.cjs +3 -3
- package/dist/lib/node/types/index.cjs.map +1 -1
- package/dist/lib/node-esm/{ExplorerContainer-NMI55PYM.mjs → ExplorerContainer-5K4RALZR.mjs} +2 -2
- package/dist/lib/{browser/chunk-B2DMPSP5.mjs → node-esm/chunk-4C6UIJCM.mjs} +19 -18
- package/dist/lib/node-esm/{chunk-PZOORWFE.mjs.map → chunk-4C6UIJCM.mjs.map} +3 -3
- package/dist/lib/node-esm/{chunk-QZH2GDN5.mjs → chunk-QOJSLABX.mjs} +10 -9
- package/dist/lib/node-esm/chunk-QOJSLABX.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-SZRRNWYT.mjs → chunk-XMTM43JC.mjs} +5 -4
- package/dist/lib/node-esm/chunk-XMTM43JC.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +5 -5
- package/dist/lib/node-esm/{intent-resolver-PTFKXAT4.mjs → intent-resolver-XWRVHP6H.mjs} +4 -4
- package/dist/lib/node-esm/intent-resolver-XWRVHP6H.mjs.map +7 -0
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/{react-surface-J5SW7VF2.mjs → react-surface-6BTL55DB.mjs} +4 -4
- package/dist/lib/node-esm/types/index.mjs +1 -1
- package/dist/types/src/components/Graph/graph-model.d.ts +3 -3
- package/dist/types/src/components/Graph/graph-model.d.ts.map +1 -1
- package/dist/types/src/components/Tree/layout/HierarchicalEdgeBundling.d.ts.map +1 -1
- package/dist/types/src/components/Tree/layout/RadialTree.d.ts.map +1 -1
- package/dist/types/src/components/Tree/layout/TidyTree.d.ts.map +1 -1
- package/dist/types/src/types/schema.d.ts +6 -6
- package/dist/types/src/types/schema.d.ts.map +1 -1
- package/dist/types/src/types/types.d.ts +6 -6
- package/dist/types/src/types/types.d.ts.map +1 -1
- package/package.json +26 -24
- package/src/capabilities/intent-resolver.ts +2 -2
- package/src/components/Globe/Globe.stories.tsx +13 -13
- package/src/components/Graph/Graph.stories.tsx +2 -2
- package/src/components/Graph/graph-model.ts +7 -6
- package/src/components/Tree/layout/HierarchicalEdgeBundling.ts +17 -19
- package/src/components/Tree/layout/RadialTree.ts +5 -7
- package/src/components/Tree/layout/TidyTree.ts +5 -6
- package/src/types/schema.ts +5 -3
- package/src/types/types.ts +5 -5
- package/dist/lib/browser/chunk-QLQLPZNI.mjs.map +0 -7
- package/dist/lib/browser/chunk-SBLNE7FL.mjs.map +0 -7
- package/dist/lib/browser/intent-resolver-NHHRWTOP.mjs.map +0 -7
- package/dist/lib/node/chunk-OIHH6TVE.cjs.map +0 -7
- package/dist/lib/node/chunk-YLL7H7CZ.cjs.map +0 -7
- package/dist/lib/node/intent-resolver-EEOTX3OZ.cjs.map +0 -7
- package/dist/lib/node-esm/chunk-QZH2GDN5.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-SZRRNWYT.mjs.map +0 -7
- package/dist/lib/node-esm/intent-resolver-PTFKXAT4.mjs.map +0 -7
- /package/dist/lib/browser/{ExplorerContainer-HL532ODG.mjs.map → ExplorerContainer-UJJIZBXP.mjs.map} +0 -0
- /package/dist/lib/browser/{react-surface-N7TC6BMF.mjs.map → react-surface-VFVM6HNB.mjs.map} +0 -0
- /package/dist/lib/node/{ExplorerContainer-73AHSBAG.cjs.map → ExplorerContainer-XJUAYKA6.cjs.map} +0 -0
- /package/dist/lib/node/{react-surface-WD4G2NRS.cjs.map → react-surface-4YBNYQED.cjs.map} +0 -0
- /package/dist/lib/node-esm/{ExplorerContainer-NMI55PYM.mjs.map → ExplorerContainer-5K4RALZR.mjs.map} +0 -0
- /package/dist/lib/node-esm/{react-surface-J5SW7VF2.mjs.map → react-surface-6BTL55DB.mjs.map} +0 -0
|
@@ -26,16 +26,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
26
26
|
mod
|
|
27
27
|
));
|
|
28
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var
|
|
30
|
-
__export(
|
|
29
|
+
var chunk_AUWXU65U_exports = {};
|
|
30
|
+
__export(chunk_AUWXU65U_exports, {
|
|
31
31
|
Chart: () => Chart,
|
|
32
32
|
ExplorerContainer: () => ExplorerContainer,
|
|
33
33
|
Globe: () => Globe,
|
|
34
34
|
Tree: () => Tree,
|
|
35
35
|
defaultTreeLayoutSlots: () => defaultTreeLayoutSlots
|
|
36
36
|
});
|
|
37
|
-
module.exports = __toCommonJS(
|
|
38
|
-
var
|
|
37
|
+
module.exports = __toCommonJS(chunk_AUWXU65U_exports);
|
|
38
|
+
var import_chunk_4VLNAK7T = require("./chunk-4VLNAK7T.cjs");
|
|
39
39
|
var Plot = __toESM(require("@observablehq/plot"));
|
|
40
40
|
var import_react = __toESM(require("react"));
|
|
41
41
|
var import_react_resize_detector = require("react-resize-detector");
|
|
@@ -47,9 +47,9 @@ var import_react3 = __toESM(require("react"));
|
|
|
47
47
|
var import_react_resize_detector3 = require("react-resize-detector");
|
|
48
48
|
var import_gem_core = require("@dxos/gem-core");
|
|
49
49
|
var import_react_ui = require("@dxos/react-ui");
|
|
50
|
-
var
|
|
51
|
-
var
|
|
52
|
-
var
|
|
50
|
+
var import_d3 = require("d3");
|
|
51
|
+
var import_d32 = require("d3");
|
|
52
|
+
var import_d33 = require("d3");
|
|
53
53
|
var import_react4 = require("react");
|
|
54
54
|
var createAdapter = (prop, accessor) => accessor ? {
|
|
55
55
|
transform: (values) => values.map((value) => accessor(value)[prop])
|
|
@@ -10855,17 +10855,17 @@ var Globe = ({ items = [], accessor, projection = "orthographic", options = defa
|
|
|
10855
10855
|
});
|
|
10856
10856
|
};
|
|
10857
10857
|
var HierarchicalEdgeBundling = (s, data, options) => {
|
|
10858
|
-
const svg =
|
|
10858
|
+
const svg = (0, import_d3.select)(s);
|
|
10859
10859
|
svg.selectAll("*").remove();
|
|
10860
10860
|
const { radius = 600, padding = 100, slots } = options;
|
|
10861
|
-
const root =
|
|
10862
|
-
const tree3 =
|
|
10861
|
+
const root = (0, import_d3.hierarchy)(flatten(data));
|
|
10862
|
+
const tree3 = (0, import_d3.cluster)().size([
|
|
10863
10863
|
2 * Math.PI,
|
|
10864
10864
|
radius - padding
|
|
10865
10865
|
]);
|
|
10866
10866
|
const layout = tree3(addLinks(root));
|
|
10867
10867
|
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)));
|
|
10868
|
-
const line =
|
|
10868
|
+
const line = (0, import_d3.lineRadial)().curve(import_d3.curveBundle.beta(0.85)).radius((d) => d.y).angle((d) => d.x);
|
|
10869
10869
|
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]) => {
|
|
10870
10870
|
return line(i.path(o));
|
|
10871
10871
|
}).each(function(d) {
|
|
@@ -10915,19 +10915,19 @@ var flatten = (node) => {
|
|
|
10915
10915
|
};
|
|
10916
10916
|
var HierarchicalEdgeBundling_default = HierarchicalEdgeBundling;
|
|
10917
10917
|
var RadialTree = (s, data, options) => {
|
|
10918
|
-
const svg =
|
|
10918
|
+
const svg = (0, import_d32.select)(s);
|
|
10919
10919
|
svg.selectAll("*").remove();
|
|
10920
10920
|
const { label, radius = 400, r = 4, slots } = options;
|
|
10921
10921
|
const arc = 2 * Math.PI;
|
|
10922
|
-
const root =
|
|
10922
|
+
const root = (0, import_d32.hierarchy)(data);
|
|
10923
10923
|
const descendants = root.descendants();
|
|
10924
10924
|
const getLabel = label === null ? null : descendants.map((d) => label(d.data));
|
|
10925
|
-
const layout =
|
|
10925
|
+
const layout = (0, import_d32.tree)().size([
|
|
10926
10926
|
arc,
|
|
10927
10927
|
radius
|
|
10928
10928
|
]).separation((a, b) => (a.parent === b.parent ? 1 : 2) / a.depth);
|
|
10929
10929
|
layout(root);
|
|
10930
|
-
svg.append("g").selectAll("path").data(root.links()).join("path").attr("class", slots?.path ?? "").attr("d",
|
|
10930
|
+
svg.append("g").selectAll("path").data(root.links()).join("path").attr("class", slots?.path ?? "").attr("d", (0, import_d32.linkRadial)().angle((d) => d.x + Math.PI / 2).radius((d) => d.y));
|
|
10931
10931
|
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)`);
|
|
10932
10932
|
node.append("circle").attr("class", slots?.node ?? "").attr("r", r);
|
|
10933
10933
|
if (getLabel) {
|
|
@@ -10937,15 +10937,15 @@ var RadialTree = (s, data, options) => {
|
|
|
10937
10937
|
};
|
|
10938
10938
|
var RadialTree_default = RadialTree;
|
|
10939
10939
|
var TidyTree = (s, data, options) => {
|
|
10940
|
-
const svg =
|
|
10940
|
+
const svg = (0, import_d33.select)(s);
|
|
10941
10941
|
svg.selectAll("*").remove();
|
|
10942
10942
|
const { label, width, height, r = 4, padding = 4, margin = 60, slots } = options;
|
|
10943
|
-
const root =
|
|
10943
|
+
const root = (0, import_d33.hierarchy)(data);
|
|
10944
10944
|
const descendants = root.descendants();
|
|
10945
10945
|
const getLabel = label == null ? null : descendants.map((d) => label(d.data));
|
|
10946
10946
|
const dx = 16;
|
|
10947
10947
|
const dy = width / (root.height + padding);
|
|
10948
|
-
const layout =
|
|
10948
|
+
const layout = (0, import_d33.tree)().nodeSize([
|
|
10949
10949
|
dx,
|
|
10950
10950
|
dy
|
|
10951
10951
|
]);
|
|
@@ -10970,7 +10970,7 @@ var TidyTree = (s, data, options) => {
|
|
|
10970
10970
|
});
|
|
10971
10971
|
const sx = Math.min(2, Math.max(1, (height - margin * 2) / (x1 - x0)));
|
|
10972
10972
|
const oy = -(width - (y1 - y0)) / 2;
|
|
10973
|
-
svg.append("g").selectAll("path").data(root.links()).join("path").attr("class", slots?.path ?? "").attr("d",
|
|
10973
|
+
svg.append("g").selectAll("path").data(root.links()).join("path").attr("class", slots?.path ?? "").attr("d", (0, import_d33.link)(import_d33.curveBumpX).x((d) => d.y + oy).y((d) => d.x * sx));
|
|
10974
10974
|
const node = svg.append("g").selectAll("a").data(root.descendants()).join("a").attr("transform", (d) => `translate(${d.y + oy},${d.x * sx})`);
|
|
10975
10975
|
node.append("circle").attr("class", slots?.node ?? "").attr("r", r);
|
|
10976
10976
|
if (getLabel) {
|
|
@@ -11019,7 +11019,7 @@ var renderers = /* @__PURE__ */ new Map([
|
|
|
11019
11019
|
]
|
|
11020
11020
|
]);
|
|
11021
11021
|
var Tree = ({ space, selected, variant = "tidy", onNodeClick }) => {
|
|
11022
|
-
const [model] = (0, import_react_ui.useAsyncState)(async () => space ? new
|
|
11022
|
+
const [model] = (0, import_react_ui.useAsyncState)(async () => space ? new import_chunk_4VLNAK7T.SpaceGraphModel().open(space, selected) : void 0, [
|
|
11023
11023
|
space,
|
|
11024
11024
|
selected
|
|
11025
11025
|
]);
|
|
@@ -11068,7 +11068,7 @@ var Tree = ({ space, selected, variant = "tidy", onNodeClick }) => {
|
|
|
11068
11068
|
context
|
|
11069
11069
|
}, /* @__PURE__ */ import_react3.default.createElement(import_gem_core.SVG, null)));
|
|
11070
11070
|
};
|
|
11071
|
-
var ExplorerContainer = (0, import_react4.lazy)(() => import("./ExplorerContainer-
|
|
11071
|
+
var ExplorerContainer = (0, import_react4.lazy)(() => import("./ExplorerContainer-XJUAYKA6.cjs"));
|
|
11072
11072
|
// Annotate the CommonJS export names for ESM import in node:
|
|
11073
11073
|
0 && (module.exports = {
|
|
11074
11074
|
Chart,
|
|
@@ -11077,4 +11077,4 @@ var ExplorerContainer = (0, import_react4.lazy)(() => import("./ExplorerContaine
|
|
|
11077
11077
|
Tree,
|
|
11078
11078
|
defaultTreeLayoutSlots
|
|
11079
11079
|
});
|
|
11080
|
-
//# sourceMappingURL=chunk-
|
|
11080
|
+
//# sourceMappingURL=chunk-AUWXU65U.cjs.map
|