@dxos/plugin-explorer 0.8.2 → 0.8.3-main.7f5a14c
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-BBZ54DJS.mjs → ExplorerContainer-DXL34I3F.mjs} +6 -6
- package/dist/lib/browser/ExplorerContainer-DXL34I3F.mjs.map +7 -0
- package/dist/lib/browser/{chunk-73GQ46YO.mjs → chunk-JRKQNHS6.mjs} +14 -16
- package/dist/lib/browser/{chunk-73GQ46YO.mjs.map → chunk-JRKQNHS6.mjs.map} +3 -3
- package/dist/lib/browser/{chunk-M2BGAY6H.mjs → chunk-Z5BGAHLD.mjs} +22 -12
- package/dist/lib/browser/chunk-Z5BGAHLD.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +4 -4
- package/dist/lib/browser/{intent-resolver-FJDVBDE3.mjs → intent-resolver-JZKYVFQJ.mjs} +3 -3
- package/dist/lib/browser/intent-resolver-JZKYVFQJ.mjs.map +7 -0
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/{react-surface-H3YDMXAQ.mjs → react-surface-IAEP2GBT.mjs} +5 -5
- package/dist/lib/browser/react-surface-IAEP2GBT.mjs.map +7 -0
- package/dist/lib/node/{ExplorerContainer-MVP2AM7R.cjs → ExplorerContainer-VUXH55VV.cjs} +8 -8
- package/dist/lib/node/ExplorerContainer-VUXH55VV.cjs.map +7 -0
- package/dist/lib/node/{chunk-72H5HBTK.cjs → chunk-SVU4VMYX.cjs} +16 -18
- package/dist/lib/node/{chunk-72H5HBTK.cjs.map → chunk-SVU4VMYX.cjs.map} +3 -3
- package/dist/lib/node/{chunk-NELWWGBU.cjs → chunk-TY543HPV.cjs} +24 -14
- package/dist/lib/node/chunk-TY543HPV.cjs.map +7 -0
- package/dist/lib/node/index.cjs +11 -11
- package/dist/lib/node/{intent-resolver-DRT67ZU4.cjs → intent-resolver-G2MFNIXA.cjs} +6 -6
- package/dist/lib/node/intent-resolver-G2MFNIXA.cjs.map +7 -0
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node/{react-surface-6ESLSM33.cjs → react-surface-UJD5RGRZ.cjs} +9 -9
- package/dist/lib/node/react-surface-UJD5RGRZ.cjs.map +7 -0
- package/dist/lib/node-esm/{ExplorerContainer-APGUQI4M.mjs → ExplorerContainer-MFE7PXF4.mjs} +6 -6
- package/dist/lib/node-esm/ExplorerContainer-MFE7PXF4.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-PVII2K2B.mjs → chunk-AE7VHUJM.mjs} +22 -12
- package/dist/lib/node-esm/chunk-AE7VHUJM.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-34X2VFQN.mjs → chunk-IUFYOE44.mjs} +14 -16
- package/dist/lib/node-esm/{chunk-34X2VFQN.mjs.map → chunk-IUFYOE44.mjs.map} +3 -3
- package/dist/lib/node-esm/index.mjs +4 -4
- package/dist/lib/node-esm/{intent-resolver-4RBV644N.mjs → intent-resolver-7G6ZKM6E.mjs} +3 -3
- package/dist/lib/node-esm/intent-resolver-7G6ZKM6E.mjs.map +7 -0
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/{react-surface-ZEVL3FXG.mjs → react-surface-XBH3WZDL.mjs} +5 -5
- package/dist/lib/node-esm/react-surface-XBH3WZDL.mjs.map +7 -0
- package/dist/types/src/components/Graph/ForceGraph.d.ts.map +1 -1
- package/dist/types/src/components/Graph/adapter.d.ts +3 -0
- package/dist/types/src/components/Graph/adapter.d.ts.map +1 -1
- package/dist/types/src/components/Graph/testing.d.ts.map +1 -1
- package/dist/types/src/components/Tree/types/tree.d.ts +4 -5
- package/dist/types/src/components/Tree/types/tree.d.ts.map +1 -1
- package/package.json +27 -26
- package/src/capabilities/intent-resolver.ts +2 -2
- package/src/capabilities/react-surface.tsx +2 -2
- package/src/components/ExplorerContainer.tsx +4 -4
- package/src/components/Graph/D3ForceGraph.stories.tsx +2 -2
- package/src/components/Graph/D3ForceGraph.tsx +2 -2
- package/src/components/Graph/ForceGraph.stories.tsx +2 -2
- package/src/components/Graph/ForceGraph.tsx +33 -24
- package/src/components/Graph/adapter.ts +3 -0
- package/src/components/Graph/testing.ts +13 -14
- package/src/components/Tree/testing/generator.ts +2 -2
- package/src/components/Tree/types/tree.test.ts +3 -3
- package/src/components/Tree/types/tree.ts +12 -14
- package/dist/lib/browser/ExplorerContainer-BBZ54DJS.mjs.map +0 -7
- package/dist/lib/browser/chunk-M2BGAY6H.mjs.map +0 -7
- package/dist/lib/browser/intent-resolver-FJDVBDE3.mjs.map +0 -7
- package/dist/lib/browser/react-surface-H3YDMXAQ.mjs.map +0 -7
- package/dist/lib/node/ExplorerContainer-MVP2AM7R.cjs.map +0 -7
- package/dist/lib/node/chunk-NELWWGBU.cjs.map +0 -7
- package/dist/lib/node/intent-resolver-DRT67ZU4.cjs.map +0 -7
- package/dist/lib/node/react-surface-6ESLSM33.cjs.map +0 -7
- package/dist/lib/node-esm/ExplorerContainer-APGUQI4M.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-PVII2K2B.mjs.map +0 -7
- package/dist/lib/node-esm/intent-resolver-4RBV644N.mjs.map +0 -7
- package/dist/lib/node-esm/react-surface-ZEVL3FXG.mjs.map +0 -7
|
@@ -26,15 +26,15 @@ 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_TY543HPV_exports = {};
|
|
30
|
+
__export(chunk_TY543HPV_exports, {
|
|
31
31
|
D3ForceGraph: () => D3ForceGraph,
|
|
32
32
|
ForceGraph: () => ForceGraph
|
|
33
33
|
});
|
|
34
|
-
module.exports = __toCommonJS(
|
|
34
|
+
module.exports = __toCommonJS(chunk_TY543HPV_exports);
|
|
35
35
|
var import_tracking = require("@preact-signals/safe-react/tracking");
|
|
36
36
|
var import_react = __toESM(require("react"));
|
|
37
|
-
var
|
|
37
|
+
var import_echo = require("@dxos/echo");
|
|
38
38
|
var import_graph = require("@dxos/graph");
|
|
39
39
|
var import_react_ui_graph = require("@dxos/react-ui-graph");
|
|
40
40
|
var import_react_ui_theme = require("@dxos/react-ui-theme");
|
|
@@ -108,7 +108,7 @@ var D3ForceGraph = ({ classNames, model, selection: _selection, grid, ...props }
|
|
|
108
108
|
const obj = node.data?.data.object;
|
|
109
109
|
return {
|
|
110
110
|
data: {
|
|
111
|
-
color: (0, import_react_ui_theme.getHashColor)(obj &&
|
|
111
|
+
color: (0, import_react_ui_theme.getHashColor)(obj && import_echo.Obj.getTypename(obj))?.color
|
|
112
112
|
},
|
|
113
113
|
classes: {
|
|
114
114
|
"dx-selected": selection.contains(node.id)
|
|
@@ -156,6 +156,14 @@ var ForceGraph = ({ model, match }) => {
|
|
|
156
156
|
const forceGraph = (0, import_react2.useRef)();
|
|
157
157
|
const filteredRef = (0, import_react2.useRef)();
|
|
158
158
|
filteredRef.current = (0, import_plugin_search.filterObjectsSync)(model?.objects ?? [], match);
|
|
159
|
+
const [data, setData] = (0, import_react2.useState)();
|
|
160
|
+
(0, import_react2.useEffect)(() => {
|
|
161
|
+
return model?.subscribe((model2) => {
|
|
162
|
+
setData(new GraphAdapter(model2.graph));
|
|
163
|
+
});
|
|
164
|
+
}, [
|
|
165
|
+
model
|
|
166
|
+
]);
|
|
159
167
|
(0, import_react2.useEffect)(() => {
|
|
160
168
|
if (rootRef.current) {
|
|
161
169
|
forceGraph.current = new import_force_graph.default(rootRef.current).nodeRelSize(6).nodeLabel((node) => node.type === "schema" ? node.data.typename : node.data.label ?? node.id).nodeAutoColorBy((node) => node.type === "schema" ? "schema" : node.data.typename).linkAutoColorBy((link) => link.type);
|
|
@@ -169,17 +177,19 @@ var ForceGraph = ({ model, match }) => {
|
|
|
169
177
|
};
|
|
170
178
|
}, []);
|
|
171
179
|
(0, import_react2.useEffect)(() => {
|
|
172
|
-
if (
|
|
173
|
-
|
|
174
|
-
handleZoomToFit();
|
|
175
|
-
}).onNodeClick((node) => {
|
|
176
|
-
forceGraph.current?.emitParticle(node);
|
|
177
|
-
}).d3Force("link", (0, import_d3.forceLink)().distance(160).strength(0.5)).d3Force("charge", (0, import_d3.forceManyBody)().strength(-30)).graphData(new GraphAdapter(model)).warmupTicks(100).cooldownTime(1e3).resumeAnimation();
|
|
180
|
+
if (!data || !width || !height || !forceGraph.current) {
|
|
181
|
+
return;
|
|
178
182
|
}
|
|
183
|
+
forceGraph.current.pauseAnimation().width(width).height(height).onEngineStop(() => {
|
|
184
|
+
handleZoomToFit();
|
|
185
|
+
}).onNodeClick((node) => {
|
|
186
|
+
forceGraph.current?.emitParticle(node);
|
|
187
|
+
}).d3Force("link", (0, import_d3.forceLink)().distance(160).strength(0.5)).d3Force("charge", (0, import_d3.forceManyBody)().strength(-30)).graphData(data).warmupTicks(100).cooldownTime(1e3).resumeAnimation();
|
|
179
188
|
}, [
|
|
180
|
-
|
|
189
|
+
data,
|
|
181
190
|
width,
|
|
182
|
-
height
|
|
191
|
+
height,
|
|
192
|
+
forceGraph.current
|
|
183
193
|
]);
|
|
184
194
|
const handleZoomToFit = () => {
|
|
185
195
|
forceGraph.current?.zoomToFit(400, 40);
|
|
@@ -201,4 +211,4 @@ var ForceGraph = ({ model, match }) => {
|
|
|
201
211
|
D3ForceGraph,
|
|
202
212
|
ForceGraph
|
|
203
213
|
});
|
|
204
|
-
//# sourceMappingURL=chunk-
|
|
214
|
+
//# sourceMappingURL=chunk-TY543HPV.cjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/components/Graph/D3ForceGraph.tsx", "../../../src/components/Graph/ForceGraph.tsx", "../../../src/components/Graph/adapter.ts"],
|
|
4
|
+
"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"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["import_graph", "import_react", "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", "React", "SVG", "Root", "ref", "Markers", "Grid", "axis", "Zoom", "extent", "Graph", "labels", "text", "label", "obj", "color", "getHashColor", "Obj", "getTypename", "classes", "onSelect", "GraphAdapter", "_nodes", "_links", "nodes", "map", "type", "edges", "source", "target", "links", "ForceGraph", "match", "width", "height", "useResizeDetector", "refreshRate", "rootRef", "forceGraph", "filteredRef", "filterObjectsSync", "objects", "setData", "useState", "subscribe", "NativeForceGraph", "nodeRelSize", "nodeLabel", "typename", "nodeAutoColorBy", "linkAutoColorBy", "link", "pauseAnimation", "graphData", "undefined", "onEngineStop", "handleZoomToFit", "onNodeClick", "emitParticle", "d3Force", "forceLink", "distance", "forceManyBody", "warmupTicks", "cooldownTime", "resumeAnimation", "zoomToFit", "div", "className", "onClick"]
|
|
7
|
+
}
|
package/dist/lib/node/index.cjs
CHANGED
|
@@ -28,22 +28,22 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
28
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
29
|
var node_exports = {};
|
|
30
30
|
__export(node_exports, {
|
|
31
|
-
Chart: () =>
|
|
32
|
-
D3ForceGraph: () =>
|
|
31
|
+
Chart: () => import_chunk_SVU4VMYX.Chart,
|
|
32
|
+
D3ForceGraph: () => import_chunk_TY543HPV.D3ForceGraph,
|
|
33
33
|
EXPLORER_PLUGIN: () => import_chunk_BCDVG2CH.EXPLORER_PLUGIN,
|
|
34
|
-
ExplorerContainer: () =>
|
|
34
|
+
ExplorerContainer: () => import_chunk_SVU4VMYX.ExplorerContainer,
|
|
35
35
|
ExplorerPlugin: () => ExplorerPlugin,
|
|
36
|
-
ForceGraph: () =>
|
|
37
|
-
Globe: () =>
|
|
38
|
-
Tree: () =>
|
|
39
|
-
defaultTreeLayoutSlots: () =>
|
|
36
|
+
ForceGraph: () => import_chunk_TY543HPV.ForceGraph,
|
|
37
|
+
Globe: () => import_chunk_SVU4VMYX.Globe,
|
|
38
|
+
Tree: () => import_chunk_SVU4VMYX.Tree,
|
|
39
|
+
defaultTreeLayoutSlots: () => import_chunk_SVU4VMYX.defaultTreeLayoutSlots,
|
|
40
40
|
meta: () => import_chunk_BCDVG2CH.meta,
|
|
41
41
|
useGraphModel: () => import_chunk_4T4LCT5R.useGraphModel
|
|
42
42
|
});
|
|
43
43
|
module.exports = __toCommonJS(node_exports);
|
|
44
44
|
var import_chunk_4T4LCT5R = require("./chunk-4T4LCT5R.cjs");
|
|
45
|
-
var
|
|
46
|
-
var
|
|
45
|
+
var import_chunk_SVU4VMYX = require("./chunk-SVU4VMYX.cjs");
|
|
46
|
+
var import_chunk_TY543HPV = require("./chunk-TY543HPV.cjs");
|
|
47
47
|
var import_chunk_MLRYW4WQ = require("./chunk-MLRYW4WQ.cjs");
|
|
48
48
|
var import_chunk_BCDVG2CH = require("./chunk-BCDVG2CH.cjs");
|
|
49
49
|
var import_app_framework = require("@dxos/app-framework");
|
|
@@ -51,8 +51,8 @@ var import_plugin_client = require("@dxos/plugin-client");
|
|
|
51
51
|
var import_plugin_space = require("@dxos/plugin-space");
|
|
52
52
|
var import_types = require("@dxos/plugin-space/types");
|
|
53
53
|
var import_app_framework2 = require("@dxos/app-framework");
|
|
54
|
-
var IntentResolver = (0, import_app_framework2.lazy)(() => import("./intent-resolver-
|
|
55
|
-
var ReactSurface = (0, import_app_framework2.lazy)(() => import("./react-surface-
|
|
54
|
+
var IntentResolver = (0, import_app_framework2.lazy)(() => import("./intent-resolver-G2MFNIXA.cjs"));
|
|
55
|
+
var ReactSurface = (0, import_app_framework2.lazy)(() => import("./react-surface-UJD5RGRZ.cjs"));
|
|
56
56
|
var translations_default = [
|
|
57
57
|
{
|
|
58
58
|
"en-US": {
|
|
@@ -16,24 +16,24 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
return to;
|
|
17
17
|
};
|
|
18
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var
|
|
20
|
-
__export(
|
|
19
|
+
var intent_resolver_G2MFNIXA_exports = {};
|
|
20
|
+
__export(intent_resolver_G2MFNIXA_exports, {
|
|
21
21
|
default: () => intent_resolver_default
|
|
22
22
|
});
|
|
23
|
-
module.exports = __toCommonJS(
|
|
23
|
+
module.exports = __toCommonJS(intent_resolver_G2MFNIXA_exports);
|
|
24
24
|
var import_chunk_MLRYW4WQ = require("./chunk-MLRYW4WQ.cjs");
|
|
25
25
|
var import_chunk_BCDVG2CH = require("./chunk-BCDVG2CH.cjs");
|
|
26
26
|
var import_app_framework = require("@dxos/app-framework");
|
|
27
|
-
var
|
|
27
|
+
var import_echo = require("@dxos/echo");
|
|
28
28
|
var intent_resolver_default = () => (0, import_app_framework.contributes)(import_app_framework.Capabilities.IntentResolver, (0, import_app_framework.createResolver)({
|
|
29
29
|
intent: import_chunk_MLRYW4WQ.ExplorerAction.Create,
|
|
30
30
|
resolve: ({ name }) => ({
|
|
31
31
|
data: {
|
|
32
|
-
object:
|
|
32
|
+
object: import_echo.Obj.make(import_chunk_MLRYW4WQ.ViewType, {
|
|
33
33
|
name,
|
|
34
34
|
type: ""
|
|
35
35
|
})
|
|
36
36
|
}
|
|
37
37
|
})
|
|
38
38
|
}));
|
|
39
|
-
//# sourceMappingURL=intent-resolver-
|
|
39
|
+
//# sourceMappingURL=intent-resolver-G2MFNIXA.cjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/capabilities/intent-resolver.ts"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { contributes, Capabilities, createResolver } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\n\nimport { ExplorerAction, ViewType } from '../types';\n\nexport default () =>\n contributes(\n Capabilities.IntentResolver,\n createResolver({\n intent: ExplorerAction.Create,\n resolve: ({ name }) => ({\n data: { object: Obj.make(ViewType, { name, type: '' }) },\n }),\n }),\n );\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAIA,2BAA0D;AAC1D,kBAAoB;AAIpB,IAAA,0BAAe,UACbA,kCACEC,kCAAaC,oBACbC,qCAAe;EACbC,QAAQC,qCAAeC;EACvBC,SAAS,CAAC,EAAEC,KAAI,OAAQ;IACtBC,MAAM;MAAEC,QAAQC,gBAAIC,KAAKC,gCAAU;QAAEL;QAAMM,MAAM;MAAG,CAAA;IAAG;EACzD;AACF,CAAA,CAAA;",
|
|
6
|
+
"names": ["contributes", "Capabilities", "IntentResolver", "createResolver", "intent", "ExplorerAction", "Create", "resolve", "name", "data", "object", "Obj", "make", "ViewType", "type"]
|
|
7
|
+
}
|
package/dist/lib/node/meta.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"packages/plugins/plugin-explorer/src/components/plot.ts":{"bytes":1420,"imports":[],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Chart/Chart.tsx":{"bytes":5152,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@observablehq/plot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/src/components/plot.ts","kind":"import-statement","original":"../plot"}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Chart/index.ts":{"bytes":482,"imports":[{"path":"packages/plugins/plugin-explorer/src/components/Chart/Chart.tsx","kind":"import-statement","original":"./Chart"}],"format":"esm"},"packages/plugins/plugin-explorer/data/countries-110m.js":{"bytes":187226,"imports":[],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Globe/Globe.tsx":{"bytes":7796,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@observablehq/plot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"topojson-client","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/data/countries-110m.js","kind":"import-statement","original":"../../../data/countries-110m.js"},{"path":"packages/plugins/plugin-explorer/src/components/plot.ts","kind":"import-statement","original":"../plot"}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Globe/index.ts":{"bytes":482,"imports":[{"path":"packages/plugins/plugin-explorer/src/components/Globe/Globe.tsx","kind":"import-statement","original":"./Globe"}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Graph/D3ForceGraph.tsx":{"bytes":10409,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/react-ui-graph/styles/graph.css","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Graph/adapter.ts":{"bytes":3071,"imports":[],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Graph/ForceGraph.tsx":{"bytes":10284,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"d3","kind":"import-statement","external":true},{"path":"force-graph","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/plugin-search","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/src/components/Graph/adapter.ts","kind":"import-statement","original":"./adapter"}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Graph/index.ts":{"bytes":595,"imports":[{"path":"packages/plugins/plugin-explorer/src/components/Graph/D3ForceGraph.tsx","kind":"import-statement","original":"./D3ForceGraph"},{"path":"packages/plugins/plugin-explorer/src/components/Graph/ForceGraph.tsx","kind":"import-statement","original":"./ForceGraph"}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Tree/layout/HierarchicalEdgeBundling.ts":{"bytes":17492,"imports":[{"path":"d3","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Tree/layout/RadialTree.ts":{"bytes":8718,"imports":[{"path":"d3","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Tree/layout/TidyTree.ts":{"bytes":9220,"imports":[{"path":"d3","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Tree/layout/index.ts":{"bytes":1107,"imports":[{"path":"packages/plugins/plugin-explorer/src/components/Tree/layout/HierarchicalEdgeBundling.ts","kind":"import-statement","original":"./HierarchicalEdgeBundling"},{"path":"packages/plugins/plugin-explorer/src/components/Tree/layout/RadialTree.ts","kind":"import-statement","original":"./RadialTree"},{"path":"packages/plugins/plugin-explorer/src/components/Tree/layout/TidyTree.ts","kind":"import-statement","original":"./TidyTree"}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Tree/types/tree.ts":{"bytes":26149,"imports":[{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/live-object","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Tree/types/types.ts":{"bytes":3316,"imports":[],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Tree/types/index.ts":{"bytes":567,"imports":[{"path":"packages/plugins/plugin-explorer/src/components/Tree/types/tree.ts","kind":"import-statement","original":"./tree"},{"path":"packages/plugins/plugin-explorer/src/components/Tree/types/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Tree/Tree.tsx":{"bytes":9679,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-graph","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/src/components/Tree/layout/index.ts","kind":"import-statement","original":"./layout"},{"path":"packages/plugins/plugin-explorer/src/components/Tree/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Tree/index.ts":{"bytes":480,"imports":[{"path":"packages/plugins/plugin-explorer/src/components/Tree/Tree.tsx","kind":"import-statement","original":"./Tree"}],"format":"esm"},"packages/plugins/plugin-explorer/src/hooks/useGraphModel.ts":{"bytes":3269,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-explorer/src/hooks/index.ts":{"bytes":495,"imports":[{"path":"packages/plugins/plugin-explorer/src/hooks/useGraphModel.ts","kind":"import-statement","original":"./useGraphModel"}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/ExplorerContainer.tsx":{"bytes":3342,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-search","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/src/components/Graph/index.ts","kind":"import-statement","original":"./Graph"},{"path":"packages/plugins/plugin-explorer/src/hooks/index.ts","kind":"import-statement","original":"../hooks"}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/index.ts":{"bytes":1110,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/src/components/Chart/index.ts","kind":"import-statement","original":"./Chart"},{"path":"packages/plugins/plugin-explorer/src/components/Globe/index.ts","kind":"import-statement","original":"./Globe"},{"path":"packages/plugins/plugin-explorer/src/components/Graph/index.ts","kind":"import-statement","original":"./Graph"},{"path":"packages/plugins/plugin-explorer/src/components/Tree/index.ts","kind":"import-statement","original":"./Tree"},{"path":"packages/plugins/plugin-explorer/src/components/ExplorerContainer.tsx","kind":"dynamic-import","original":"./ExplorerContainer"}],"format":"esm"},"packages/plugins/plugin-explorer/src/meta.ts":{"bytes":1874,"imports":[],"format":"esm"},"packages/plugins/plugin-explorer/src/types/schema.ts":{"bytes":1516,"imports":[{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-explorer/src/types/types.ts":{"bytes":2252,"imports":[{"path":"effect","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/src/types/schema.ts","kind":"import-statement","original":"./schema"},{"path":"packages/plugins/plugin-explorer/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-explorer/src/types/index.ts":{"bytes":557,"imports":[{"path":"packages/plugins/plugin-explorer/src/types/schema.ts","kind":"import-statement","original":"./schema"},{"path":"packages/plugins/plugin-explorer/src/types/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/plugin-explorer/src/capabilities/intent-resolver.ts":{"bytes":2174,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/live-object","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-explorer/src/capabilities/react-surface.tsx":{"bytes":2897,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/src/components/index.ts","kind":"import-statement","original":"../components"},{"path":"packages/plugins/plugin-explorer/src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-explorer/src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-explorer/src/capabilities/index.ts":{"bytes":1051,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/src/capabilities/intent-resolver.ts","kind":"dynamic-import","original":"./intent-resolver"},{"path":"packages/plugins/plugin-explorer/src/capabilities/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"packages/plugins/plugin-explorer/src/translations.ts":{"bytes":1688,"imports":[{"path":"packages/plugins/plugin-explorer/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-explorer/src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/plugin-explorer/src/ExplorerPlugin.tsx":{"bytes":7382,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"packages/plugins/plugin-explorer/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-explorer/src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"packages/plugins/plugin-explorer/src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/plugin-explorer/src/index.ts":{"bytes":745,"imports":[{"path":"packages/plugins/plugin-explorer/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-explorer/src/hooks/index.ts","kind":"import-statement","original":"./hooks"},{"path":"packages/plugins/plugin-explorer/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-explorer/src/ExplorerPlugin.tsx","kind":"import-statement","original":"./ExplorerPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-explorer/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4790},"packages/plugins/plugin-explorer/dist/lib/node/index.cjs":{"imports":[{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-4T4LCT5R.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-72H5HBTK.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-NELWWGBU.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-MLRYW4WQ.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-BCDVG2CH.cjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/dist/lib/node/intent-resolver-DRT67ZU4.cjs","kind":"dynamic-import"},{"path":"packages/plugins/plugin-explorer/dist/lib/node/react-surface-6ESLSM33.cjs","kind":"dynamic-import"}],"exports":["Chart","D3ForceGraph","EXPLORER_PLUGIN","ExplorerContainer","ExplorerPlugin","ForceGraph","Globe","Tree","defaultTreeLayoutSlots","meta","useGraphModel"],"entryPoint":"packages/plugins/plugin-explorer/src/index.ts","inputs":{"packages/plugins/plugin-explorer/src/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-explorer/src/ExplorerPlugin.tsx":{"bytesInOutput":1546},"packages/plugins/plugin-explorer/src/capabilities/index.ts":{"bytesInOutput":190},"packages/plugins/plugin-explorer/src/translations.ts":{"bytesInOutput":295}},"bytes":2854},"packages/plugins/plugin-explorer/dist/lib/node/meta.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-explorer/dist/lib/node/meta.cjs":{"imports":[{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-BCDVG2CH.cjs","kind":"import-statement"}],"exports":["EXPLORER_PLUGIN","meta"],"entryPoint":"packages/plugins/plugin-explorer/src/meta.ts","inputs":{},"bytes":138},"packages/plugins/plugin-explorer/dist/lib/node/types/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-explorer/dist/lib/node/types/index.cjs":{"imports":[{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-MLRYW4WQ.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-BCDVG2CH.cjs","kind":"import-statement"}],"exports":["ExplorerAction","ViewType"],"entryPoint":"packages/plugins/plugin-explorer/src/types/index.ts","inputs":{},"bytes":178},"packages/plugins/plugin-explorer/dist/lib/node/ExplorerContainer-MVP2AM7R.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1631},"packages/plugins/plugin-explorer/dist/lib/node/ExplorerContainer-MVP2AM7R.cjs":{"imports":[{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-4T4LCT5R.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-NELWWGBU.cjs","kind":"import-statement"},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-search","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/plugin-explorer/src/components/ExplorerContainer.tsx","inputs":{"packages/plugins/plugin-explorer/src/components/ExplorerContainer.tsx":{"bytesInOutput":822}},"bytes":1112},"packages/plugins/plugin-explorer/dist/lib/node/chunk-4T4LCT5R.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1781},"packages/plugins/plugin-explorer/dist/lib/node/chunk-4T4LCT5R.cjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true}],"exports":["useGraphModel"],"inputs":{"packages/plugins/plugin-explorer/src/hooks/useGraphModel.ts":{"bytesInOutput":590},"packages/plugins/plugin-explorer/src/hooks/index.ts":{"bytesInOutput":0}},"bytes":726},"packages/plugins/plugin-explorer/dist/lib/node/intent-resolver-DRT67ZU4.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1081},"packages/plugins/plugin-explorer/dist/lib/node/intent-resolver-DRT67ZU4.cjs":{"imports":[{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-MLRYW4WQ.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-BCDVG2CH.cjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/live-object","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/plugin-explorer/src/capabilities/intent-resolver.ts","inputs":{"packages/plugins/plugin-explorer/src/capabilities/intent-resolver.ts":{"bytesInOutput":377}},"bytes":653},"packages/plugins/plugin-explorer/dist/lib/node/react-surface-6ESLSM33.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1433},"packages/plugins/plugin-explorer/dist/lib/node/react-surface-6ESLSM33.cjs":{"imports":[{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-72H5HBTK.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-NELWWGBU.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-MLRYW4WQ.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-BCDVG2CH.cjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/plugin-explorer/src/capabilities/react-surface.tsx","inputs":{"packages/plugins/plugin-explorer/src/capabilities/react-surface.tsx":{"bytesInOutput":517}},"bytes":888},"packages/plugins/plugin-explorer/dist/lib/node/chunk-72H5HBTK.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":487576},"packages/plugins/plugin-explorer/dist/lib/node/chunk-72H5HBTK.cjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@observablehq/plot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@observablehq/plot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"topojson-client","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-graph","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"d3","kind":"import-statement","external":true},{"path":"d3","kind":"import-statement","external":true},{"path":"d3","kind":"import-statement","external":true},{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/live-object","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/dist/lib/node/ExplorerContainer-MVP2AM7R.cjs","kind":"dynamic-import"}],"exports":["Chart","ExplorerContainer","Globe","Tree","defaultTreeLayoutSlots"],"inputs":{"packages/plugins/plugin-explorer/src/components/Chart/Chart.tsx":{"bytesInOutput":1254},"packages/plugins/plugin-explorer/src/components/plot.ts":{"bytesInOutput":133},"packages/plugins/plugin-explorer/src/components/Globe/Globe.tsx":{"bytesInOutput":1968},"packages/plugins/plugin-explorer/data/countries-110m.js":{"bytesInOutput":188376},"packages/plugins/plugin-explorer/src/components/Tree/Tree.tsx":{"bytesInOutput":2157},"packages/plugins/plugin-explorer/src/components/Tree/layout/HierarchicalEdgeBundling.ts":{"bytesInOutput":2167},"packages/plugins/plugin-explorer/src/components/Tree/layout/RadialTree.ts":{"bytesInOutput":1355},"packages/plugins/plugin-explorer/src/components/Tree/layout/TidyTree.ts":{"bytesInOutput":1596},"packages/plugins/plugin-explorer/src/components/Tree/types/tree.ts":{"bytesInOutput":6378},"packages/plugins/plugin-explorer/src/components/Tree/types/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-explorer/src/components/Tree/types/types.ts":{"bytesInOutput":82},"packages/plugins/plugin-explorer/src/components/index.ts":{"bytesInOutput":110},"packages/plugins/plugin-explorer/src/components/Chart/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-explorer/src/components/Globe/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-explorer/src/components/Tree/index.ts":{"bytesInOutput":0}},"bytes":206687},"packages/plugins/plugin-explorer/dist/lib/node/chunk-NELWWGBU.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":12029},"packages/plugins/plugin-explorer/dist/lib/node/chunk-NELWWGBU.cjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/react-ui-graph/styles/graph.css","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"d3","kind":"import-statement","external":true},{"path":"force-graph","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/plugin-search","kind":"import-statement","external":true}],"exports":["D3ForceGraph","ForceGraph"],"inputs":{"packages/plugins/plugin-explorer/src/components/Graph/D3ForceGraph.tsx":{"bytesInOutput":2413},"packages/plugins/plugin-explorer/src/components/Graph/ForceGraph.tsx":{"bytesInOutput":2193},"packages/plugins/plugin-explorer/src/components/Graph/adapter.ts":{"bytesInOutput":488},"packages/plugins/plugin-explorer/src/components/Graph/index.ts":{"bytesInOutput":0}},"bytes":5469},"packages/plugins/plugin-explorer/dist/lib/node/chunk-MLRYW4WQ.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1805},"packages/plugins/plugin-explorer/dist/lib/node/chunk-MLRYW4WQ.cjs":{"imports":[{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-BCDVG2CH.cjs","kind":"import-statement"},{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"effect","kind":"import-statement","external":true}],"exports":["ExplorerAction","ViewType"],"inputs":{"packages/plugins/plugin-explorer/src/types/schema.ts":{"bytesInOutput":261},"packages/plugins/plugin-explorer/src/types/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-explorer/src/types/types.ts":{"bytesInOutput":455}},"bytes":973},"packages/plugins/plugin-explorer/dist/lib/node/chunk-BCDVG2CH.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":896},"packages/plugins/plugin-explorer/dist/lib/node/chunk-BCDVG2CH.cjs":{"imports":[],"exports":["EXPLORER_PLUGIN","meta"],"inputs":{"packages/plugins/plugin-explorer/src/meta.ts":{"bytesInOutput":427}},"bytes":558}}}
|
|
1
|
+
{"inputs":{"packages/plugins/plugin-explorer/src/components/plot.ts":{"bytes":1420,"imports":[],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Chart/Chart.tsx":{"bytes":5152,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@observablehq/plot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/src/components/plot.ts","kind":"import-statement","original":"../plot"}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Chart/index.ts":{"bytes":482,"imports":[{"path":"packages/plugins/plugin-explorer/src/components/Chart/Chart.tsx","kind":"import-statement","original":"./Chart"}],"format":"esm"},"packages/plugins/plugin-explorer/data/countries-110m.js":{"bytes":187226,"imports":[],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Globe/Globe.tsx":{"bytes":7796,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@observablehq/plot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"topojson-client","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/data/countries-110m.js","kind":"import-statement","original":"../../../data/countries-110m.js"},{"path":"packages/plugins/plugin-explorer/src/components/plot.ts","kind":"import-statement","original":"../plot"}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Globe/index.ts":{"bytes":482,"imports":[{"path":"packages/plugins/plugin-explorer/src/components/Globe/Globe.tsx","kind":"import-statement","original":"./Globe"}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Graph/D3ForceGraph.tsx":{"bytes":10402,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/react-ui-graph/styles/graph.css","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Graph/adapter.ts":{"bytes":3210,"imports":[],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Graph/ForceGraph.tsx":{"bytes":11059,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"d3","kind":"import-statement","external":true},{"path":"force-graph","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/plugin-search","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/src/components/Graph/adapter.ts","kind":"import-statement","original":"./adapter"}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Graph/index.ts":{"bytes":595,"imports":[{"path":"packages/plugins/plugin-explorer/src/components/Graph/D3ForceGraph.tsx","kind":"import-statement","original":"./D3ForceGraph"},{"path":"packages/plugins/plugin-explorer/src/components/Graph/ForceGraph.tsx","kind":"import-statement","original":"./ForceGraph"}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Tree/layout/HierarchicalEdgeBundling.ts":{"bytes":17492,"imports":[{"path":"d3","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Tree/layout/RadialTree.ts":{"bytes":8718,"imports":[{"path":"d3","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Tree/layout/TidyTree.ts":{"bytes":9220,"imports":[{"path":"d3","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Tree/layout/index.ts":{"bytes":1107,"imports":[{"path":"packages/plugins/plugin-explorer/src/components/Tree/layout/HierarchicalEdgeBundling.ts","kind":"import-statement","original":"./HierarchicalEdgeBundling"},{"path":"packages/plugins/plugin-explorer/src/components/Tree/layout/RadialTree.ts","kind":"import-statement","original":"./RadialTree"},{"path":"packages/plugins/plugin-explorer/src/components/Tree/layout/TidyTree.ts","kind":"import-statement","original":"./TidyTree"}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Tree/types/tree.ts":{"bytes":26074,"imports":[{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Tree/types/types.ts":{"bytes":3316,"imports":[],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Tree/types/index.ts":{"bytes":567,"imports":[{"path":"packages/plugins/plugin-explorer/src/components/Tree/types/tree.ts","kind":"import-statement","original":"./tree"},{"path":"packages/plugins/plugin-explorer/src/components/Tree/types/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Tree/Tree.tsx":{"bytes":9679,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-graph","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/src/components/Tree/layout/index.ts","kind":"import-statement","original":"./layout"},{"path":"packages/plugins/plugin-explorer/src/components/Tree/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/Tree/index.ts":{"bytes":480,"imports":[{"path":"packages/plugins/plugin-explorer/src/components/Tree/Tree.tsx","kind":"import-statement","original":"./Tree"}],"format":"esm"},"packages/plugins/plugin-explorer/src/hooks/useGraphModel.ts":{"bytes":3269,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-explorer/src/hooks/index.ts":{"bytes":495,"imports":[{"path":"packages/plugins/plugin-explorer/src/hooks/useGraphModel.ts","kind":"import-statement","original":"./useGraphModel"}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/ExplorerContainer.tsx":{"bytes":3354,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-search","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/src/components/Graph/index.ts","kind":"import-statement","original":"./Graph"},{"path":"packages/plugins/plugin-explorer/src/hooks/index.ts","kind":"import-statement","original":"../hooks"}],"format":"esm"},"packages/plugins/plugin-explorer/src/components/index.ts":{"bytes":1110,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/src/components/Chart/index.ts","kind":"import-statement","original":"./Chart"},{"path":"packages/plugins/plugin-explorer/src/components/Globe/index.ts","kind":"import-statement","original":"./Globe"},{"path":"packages/plugins/plugin-explorer/src/components/Graph/index.ts","kind":"import-statement","original":"./Graph"},{"path":"packages/plugins/plugin-explorer/src/components/Tree/index.ts","kind":"import-statement","original":"./Tree"},{"path":"packages/plugins/plugin-explorer/src/components/ExplorerContainer.tsx","kind":"dynamic-import","original":"./ExplorerContainer"}],"format":"esm"},"packages/plugins/plugin-explorer/src/meta.ts":{"bytes":1874,"imports":[],"format":"esm"},"packages/plugins/plugin-explorer/src/types/schema.ts":{"bytes":1516,"imports":[{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-explorer/src/types/types.ts":{"bytes":2252,"imports":[{"path":"effect","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/src/types/schema.ts","kind":"import-statement","original":"./schema"},{"path":"packages/plugins/plugin-explorer/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-explorer/src/types/index.ts":{"bytes":557,"imports":[{"path":"packages/plugins/plugin-explorer/src/types/schema.ts","kind":"import-statement","original":"./schema"},{"path":"packages/plugins/plugin-explorer/src/types/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/plugin-explorer/src/capabilities/intent-resolver.ts":{"bytes":2182,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-explorer/src/capabilities/react-surface.tsx":{"bytes":2879,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/src/components/index.ts","kind":"import-statement","original":"../components"},{"path":"packages/plugins/plugin-explorer/src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-explorer/src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-explorer/src/capabilities/index.ts":{"bytes":1051,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/src/capabilities/intent-resolver.ts","kind":"dynamic-import","original":"./intent-resolver"},{"path":"packages/plugins/plugin-explorer/src/capabilities/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"packages/plugins/plugin-explorer/src/translations.ts":{"bytes":1688,"imports":[{"path":"packages/plugins/plugin-explorer/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-explorer/src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/plugin-explorer/src/ExplorerPlugin.tsx":{"bytes":7382,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"packages/plugins/plugin-explorer/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-explorer/src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"packages/plugins/plugin-explorer/src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/plugin-explorer/src/index.ts":{"bytes":745,"imports":[{"path":"packages/plugins/plugin-explorer/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-explorer/src/hooks/index.ts","kind":"import-statement","original":"./hooks"},{"path":"packages/plugins/plugin-explorer/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-explorer/src/ExplorerPlugin.tsx","kind":"import-statement","original":"./ExplorerPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-explorer/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4790},"packages/plugins/plugin-explorer/dist/lib/node/index.cjs":{"imports":[{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-4T4LCT5R.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-SVU4VMYX.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-TY543HPV.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-MLRYW4WQ.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-BCDVG2CH.cjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/dist/lib/node/intent-resolver-G2MFNIXA.cjs","kind":"dynamic-import"},{"path":"packages/plugins/plugin-explorer/dist/lib/node/react-surface-UJD5RGRZ.cjs","kind":"dynamic-import"}],"exports":["Chart","D3ForceGraph","EXPLORER_PLUGIN","ExplorerContainer","ExplorerPlugin","ForceGraph","Globe","Tree","defaultTreeLayoutSlots","meta","useGraphModel"],"entryPoint":"packages/plugins/plugin-explorer/src/index.ts","inputs":{"packages/plugins/plugin-explorer/src/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-explorer/src/ExplorerPlugin.tsx":{"bytesInOutput":1546},"packages/plugins/plugin-explorer/src/capabilities/index.ts":{"bytesInOutput":190},"packages/plugins/plugin-explorer/src/translations.ts":{"bytesInOutput":295}},"bytes":2854},"packages/plugins/plugin-explorer/dist/lib/node/meta.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-explorer/dist/lib/node/meta.cjs":{"imports":[{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-BCDVG2CH.cjs","kind":"import-statement"}],"exports":["EXPLORER_PLUGIN","meta"],"entryPoint":"packages/plugins/plugin-explorer/src/meta.ts","inputs":{},"bytes":138},"packages/plugins/plugin-explorer/dist/lib/node/types/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-explorer/dist/lib/node/types/index.cjs":{"imports":[{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-MLRYW4WQ.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-BCDVG2CH.cjs","kind":"import-statement"}],"exports":["ExplorerAction","ViewType"],"entryPoint":"packages/plugins/plugin-explorer/src/types/index.ts","inputs":{},"bytes":178},"packages/plugins/plugin-explorer/dist/lib/node/ExplorerContainer-VUXH55VV.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1637},"packages/plugins/plugin-explorer/dist/lib/node/ExplorerContainer-VUXH55VV.cjs":{"imports":[{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-4T4LCT5R.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-TY543HPV.cjs","kind":"import-statement"},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-search","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/plugin-explorer/src/components/ExplorerContainer.tsx","inputs":{"packages/plugins/plugin-explorer/src/components/ExplorerContainer.tsx":{"bytesInOutput":824}},"bytes":1116},"packages/plugins/plugin-explorer/dist/lib/node/chunk-4T4LCT5R.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1781},"packages/plugins/plugin-explorer/dist/lib/node/chunk-4T4LCT5R.cjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true}],"exports":["useGraphModel"],"inputs":{"packages/plugins/plugin-explorer/src/hooks/useGraphModel.ts":{"bytesInOutput":590},"packages/plugins/plugin-explorer/src/hooks/index.ts":{"bytesInOutput":0}},"bytes":726},"packages/plugins/plugin-explorer/dist/lib/node/intent-resolver-G2MFNIXA.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1089},"packages/plugins/plugin-explorer/dist/lib/node/intent-resolver-G2MFNIXA.cjs":{"imports":[{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-MLRYW4WQ.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-BCDVG2CH.cjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/plugin-explorer/src/capabilities/intent-resolver.ts","inputs":{"packages/plugins/plugin-explorer/src/capabilities/intent-resolver.ts":{"bytesInOutput":373}},"bytes":649},"packages/plugins/plugin-explorer/dist/lib/node/react-surface-UJD5RGRZ.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1419},"packages/plugins/plugin-explorer/dist/lib/node/react-surface-UJD5RGRZ.cjs":{"imports":[{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-SVU4VMYX.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-TY543HPV.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-MLRYW4WQ.cjs","kind":"import-statement"},{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-BCDVG2CH.cjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/plugin-explorer/src/capabilities/react-surface.tsx","inputs":{"packages/plugins/plugin-explorer/src/capabilities/react-surface.tsx":{"bytesInOutput":503}},"bytes":874},"packages/plugins/plugin-explorer/dist/lib/node/chunk-SVU4VMYX.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":487535},"packages/plugins/plugin-explorer/dist/lib/node/chunk-SVU4VMYX.cjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@observablehq/plot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@observablehq/plot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"topojson-client","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-graph","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"d3","kind":"import-statement","external":true},{"path":"d3","kind":"import-statement","external":true},{"path":"d3","kind":"import-statement","external":true},{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-explorer/dist/lib/node/ExplorerContainer-VUXH55VV.cjs","kind":"dynamic-import"}],"exports":["Chart","ExplorerContainer","Globe","Tree","defaultTreeLayoutSlots"],"inputs":{"packages/plugins/plugin-explorer/src/components/Chart/Chart.tsx":{"bytesInOutput":1254},"packages/plugins/plugin-explorer/src/components/plot.ts":{"bytesInOutput":133},"packages/plugins/plugin-explorer/src/components/Globe/Globe.tsx":{"bytesInOutput":1968},"packages/plugins/plugin-explorer/data/countries-110m.js":{"bytesInOutput":188376},"packages/plugins/plugin-explorer/src/components/Tree/Tree.tsx":{"bytesInOutput":2157},"packages/plugins/plugin-explorer/src/components/Tree/layout/HierarchicalEdgeBundling.ts":{"bytesInOutput":2167},"packages/plugins/plugin-explorer/src/components/Tree/layout/RadialTree.ts":{"bytesInOutput":1355},"packages/plugins/plugin-explorer/src/components/Tree/layout/TidyTree.ts":{"bytesInOutput":1596},"packages/plugins/plugin-explorer/src/components/Tree/types/tree.ts":{"bytesInOutput":6323},"packages/plugins/plugin-explorer/src/components/Tree/types/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-explorer/src/components/Tree/types/types.ts":{"bytesInOutput":82},"packages/plugins/plugin-explorer/src/components/index.ts":{"bytesInOutput":110},"packages/plugins/plugin-explorer/src/components/Chart/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-explorer/src/components/Globe/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-explorer/src/components/Tree/index.ts":{"bytesInOutput":0}},"bytes":206632},"packages/plugins/plugin-explorer/dist/lib/node/chunk-TY543HPV.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":12517},"packages/plugins/plugin-explorer/dist/lib/node/chunk-TY543HPV.cjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/react-ui-graph/styles/graph.css","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"d3","kind":"import-statement","external":true},{"path":"force-graph","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-resize-detector","kind":"import-statement","external":true},{"path":"@dxos/plugin-search","kind":"import-statement","external":true}],"exports":["D3ForceGraph","ForceGraph"],"inputs":{"packages/plugins/plugin-explorer/src/components/Graph/D3ForceGraph.tsx":{"bytesInOutput":2402},"packages/plugins/plugin-explorer/src/components/Graph/ForceGraph.tsx":{"bytesInOutput":2413},"packages/plugins/plugin-explorer/src/components/Graph/adapter.ts":{"bytesInOutput":488},"packages/plugins/plugin-explorer/src/components/Graph/index.ts":{"bytesInOutput":0}},"bytes":5678},"packages/plugins/plugin-explorer/dist/lib/node/chunk-MLRYW4WQ.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1805},"packages/plugins/plugin-explorer/dist/lib/node/chunk-MLRYW4WQ.cjs":{"imports":[{"path":"packages/plugins/plugin-explorer/dist/lib/node/chunk-BCDVG2CH.cjs","kind":"import-statement"},{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"effect","kind":"import-statement","external":true}],"exports":["ExplorerAction","ViewType"],"inputs":{"packages/plugins/plugin-explorer/src/types/schema.ts":{"bytesInOutput":261},"packages/plugins/plugin-explorer/src/types/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-explorer/src/types/types.ts":{"bytesInOutput":455}},"bytes":973},"packages/plugins/plugin-explorer/dist/lib/node/chunk-BCDVG2CH.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":896},"packages/plugins/plugin-explorer/dist/lib/node/chunk-BCDVG2CH.cjs":{"imports":[],"exports":["EXPLORER_PLUGIN","meta"],"inputs":{"packages/plugins/plugin-explorer/src/meta.ts":{"bytesInOutput":427}},"bytes":558}}}
|
|
@@ -26,28 +26,28 @@ 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 react_surface_UJD5RGRZ_exports = {};
|
|
30
|
+
__export(react_surface_UJD5RGRZ_exports, {
|
|
31
31
|
default: () => react_surface_default
|
|
32
32
|
});
|
|
33
|
-
module.exports = __toCommonJS(
|
|
34
|
-
var
|
|
35
|
-
var
|
|
33
|
+
module.exports = __toCommonJS(react_surface_UJD5RGRZ_exports);
|
|
34
|
+
var import_chunk_SVU4VMYX = require("./chunk-SVU4VMYX.cjs");
|
|
35
|
+
var import_chunk_TY543HPV = require("./chunk-TY543HPV.cjs");
|
|
36
36
|
var import_chunk_MLRYW4WQ = require("./chunk-MLRYW4WQ.cjs");
|
|
37
37
|
var import_chunk_BCDVG2CH = require("./chunk-BCDVG2CH.cjs");
|
|
38
38
|
var import_react = __toESM(require("react"));
|
|
39
39
|
var import_app_framework = require("@dxos/app-framework");
|
|
40
|
-
var
|
|
40
|
+
var import_echo = require("@dxos/echo");
|
|
41
41
|
var react_surface_default = () => (0, import_app_framework.contributes)(import_app_framework.Capabilities.ReactSurface, (0, import_app_framework.createSurface)({
|
|
42
42
|
id: `${import_chunk_BCDVG2CH.EXPLORER_PLUGIN}/article`,
|
|
43
43
|
role: [
|
|
44
44
|
"article",
|
|
45
45
|
"section"
|
|
46
46
|
],
|
|
47
|
-
filter: (data) =>
|
|
48
|
-
component: ({ data, role }) => /* @__PURE__ */ import_react.default.createElement(
|
|
47
|
+
filter: (data) => import_echo.Obj.instanceOf(import_chunk_MLRYW4WQ.ViewType, data.subject),
|
|
48
|
+
component: ({ data, role }) => /* @__PURE__ */ import_react.default.createElement(import_chunk_SVU4VMYX.ExplorerContainer, {
|
|
49
49
|
view: data.subject,
|
|
50
50
|
role
|
|
51
51
|
})
|
|
52
52
|
}));
|
|
53
|
-
//# sourceMappingURL=react-surface-
|
|
53
|
+
//# sourceMappingURL=react-surface-UJD5RGRZ.cjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/capabilities/react-surface.tsx"],
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\n\nimport { ExplorerContainer } from '../components';\nimport { EXPLORER_PLUGIN } from '../meta';\nimport { ViewType } from '../types';\n\nexport default () =>\n contributes(\n Capabilities.ReactSurface,\n createSurface({\n id: `${EXPLORER_PLUGIN}/article`,\n role: ['article', 'section'],\n filter: (data): data is { subject: ViewType } => Obj.instanceOf(ViewType, data.subject),\n component: ({ data, role }) => <ExplorerContainer view={data.subject} role={role} />,\n }),\n );\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAAkB;AAElB,2BAAyD;AACzD,kBAAoB;AAMpB,IAAA,wBAAe,UACbA,kCACEC,kCAAaC,kBACbC,oCAAc;EACZC,IAAI,GAAGC,qCAAAA;EACPC,MAAM;IAAC;IAAW;;EAClBC,QAAQ,CAACC,SAAwCC,gBAAIC,WAAWC,gCAAUH,KAAKI,OAAO;EACtFC,WAAW,CAAC,EAAEL,MAAMF,KAAI,MAAO,6BAAAQ,QAAA,cAACC,yCAAAA;IAAkBC,MAAMR,KAAKI;IAASN;;AACxE,CAAA,CAAA;",
|
|
6
|
+
"names": ["contributes", "Capabilities", "ReactSurface", "createSurface", "id", "EXPLORER_PLUGIN", "role", "filter", "data", "Obj", "instanceOf", "ViewType", "subject", "component", "React", "ExplorerContainer", "view"]
|
|
7
|
+
}
|
|
@@ -3,8 +3,8 @@ import {
|
|
|
3
3
|
useGraphModel
|
|
4
4
|
} from "./chunk-VSORIAHH.mjs";
|
|
5
5
|
import {
|
|
6
|
-
|
|
7
|
-
} from "./chunk-
|
|
6
|
+
D3ForceGraph
|
|
7
|
+
} from "./chunk-AE7VHUJM.mjs";
|
|
8
8
|
|
|
9
9
|
// packages/plugins/plugin-explorer/src/components/ExplorerContainer.tsx
|
|
10
10
|
import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
|
|
@@ -16,14 +16,14 @@ var ExplorerContainer = ({ role, view }) => {
|
|
|
16
16
|
var _effect = _useSignals();
|
|
17
17
|
try {
|
|
18
18
|
const space = getSpace(view);
|
|
19
|
-
const { match } = useGlobalSearch();
|
|
20
19
|
const model = useGraphModel(space);
|
|
21
|
-
|
|
20
|
+
const { match } = useGlobalSearch();
|
|
21
|
+
if (!space || !model) {
|
|
22
22
|
return null;
|
|
23
23
|
}
|
|
24
24
|
return /* @__PURE__ */ React.createElement(StackItem.Content, {
|
|
25
25
|
size: role === "section" ? "square" : "intrinsic"
|
|
26
|
-
}, /* @__PURE__ */ React.createElement(
|
|
26
|
+
}, /* @__PURE__ */ React.createElement(D3ForceGraph, {
|
|
27
27
|
model,
|
|
28
28
|
match
|
|
29
29
|
}));
|
|
@@ -35,4 +35,4 @@ var ExplorerContainer_default = ExplorerContainer;
|
|
|
35
35
|
export {
|
|
36
36
|
ExplorerContainer_default as default
|
|
37
37
|
};
|
|
38
|
-
//# sourceMappingURL=ExplorerContainer-
|
|
38
|
+
//# sourceMappingURL=ExplorerContainer-MFE7PXF4.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/components/ExplorerContainer.tsx"],
|
|
4
|
+
"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"],
|
|
5
|
+
"mappings": ";;;;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,uBAAuB;AAChC,SAASC,gBAAgB;AACzB,SAASC,iBAAiB;AAW1B,IAAMC,oBAAoB,CAAC,EAAEC,MAAMC,KAAI,MAA0B;;;AAC/D,UAAMC,QAAQC,SAASF,IAAAA;AACvB,UAAMG,QAAQC,cAAcH,KAAAA;AAC5B,UAAM,EAAEI,MAAK,IAAKC,gBAAAA;AAElB,QAAI,CAACL,SAAS,CAACE,OAAO;AACpB,aAAO;IACT;AAEA,WACE,sBAAA,cAACI,UAAUC,SAAO;MAACC,MAAMV,SAAS,YAAY,WAAW;OACvD,sBAAA,cAACW,cAAAA;MAAaP;MAAcE;;;;;AAGlC;AAEA,IAAA,4BAAeP;",
|
|
6
|
+
"names": ["React", "useGlobalSearch", "getSpace", "StackItem", "ExplorerContainer", "role", "view", "space", "getSpace", "model", "useGraphModel", "match", "useGlobalSearch", "StackItem", "Content", "size", "D3ForceGraph"]
|
|
7
|
+
}
|
|
@@ -3,7 +3,7 @@ import { createRequire } from 'node:module';const require = createRequire(import
|
|
|
3
3
|
// packages/plugins/plugin-explorer/src/components/Graph/D3ForceGraph.tsx
|
|
4
4
|
import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
|
|
5
5
|
import React, { useCallback, useEffect, useMemo, useRef } from "react";
|
|
6
|
-
import {
|
|
6
|
+
import { Obj } from "@dxos/echo";
|
|
7
7
|
import { SelectionModel } from "@dxos/graph";
|
|
8
8
|
import { GraphForceProjector, SVG } from "@dxos/react-ui-graph";
|
|
9
9
|
import { getHashColor } from "@dxos/react-ui-theme";
|
|
@@ -71,7 +71,7 @@ var D3ForceGraph = ({ classNames, model, selection: _selection, grid, ...props }
|
|
|
71
71
|
const obj = node.data?.data.object;
|
|
72
72
|
return {
|
|
73
73
|
data: {
|
|
74
|
-
color: getHashColor(obj && getTypename(obj))?.color
|
|
74
|
+
color: getHashColor(obj && Obj.getTypename(obj))?.color
|
|
75
75
|
},
|
|
76
76
|
classes: {
|
|
77
77
|
"dx-selected": selection.contains(node.id)
|
|
@@ -90,7 +90,7 @@ var D3ForceGraph = ({ classNames, model, selection: _selection, grid, ...props }
|
|
|
90
90
|
import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
|
|
91
91
|
import { forceLink, forceManyBody } from "d3";
|
|
92
92
|
import NativeForceGraph from "force-graph";
|
|
93
|
-
import React2, { useEffect as useEffect2, useRef as useRef2 } from "react";
|
|
93
|
+
import React2, { useEffect as useEffect2, useRef as useRef2, useState } from "react";
|
|
94
94
|
import { useResizeDetector } from "react-resize-detector";
|
|
95
95
|
import { filterObjectsSync } from "@dxos/plugin-search";
|
|
96
96
|
|
|
@@ -131,6 +131,14 @@ var ForceGraph = ({ model, match }) => {
|
|
|
131
131
|
const forceGraph = useRef2();
|
|
132
132
|
const filteredRef = useRef2();
|
|
133
133
|
filteredRef.current = filterObjectsSync(model?.objects ?? [], match);
|
|
134
|
+
const [data, setData] = useState();
|
|
135
|
+
useEffect2(() => {
|
|
136
|
+
return model?.subscribe((model2) => {
|
|
137
|
+
setData(new GraphAdapter(model2.graph));
|
|
138
|
+
});
|
|
139
|
+
}, [
|
|
140
|
+
model
|
|
141
|
+
]);
|
|
134
142
|
useEffect2(() => {
|
|
135
143
|
if (rootRef.current) {
|
|
136
144
|
forceGraph.current = new NativeForceGraph(rootRef.current).nodeRelSize(6).nodeLabel((node) => node.type === "schema" ? node.data.typename : node.data.label ?? node.id).nodeAutoColorBy((node) => node.type === "schema" ? "schema" : node.data.typename).linkAutoColorBy((link) => link.type);
|
|
@@ -144,17 +152,19 @@ var ForceGraph = ({ model, match }) => {
|
|
|
144
152
|
};
|
|
145
153
|
}, []);
|
|
146
154
|
useEffect2(() => {
|
|
147
|
-
if (
|
|
148
|
-
|
|
149
|
-
handleZoomToFit();
|
|
150
|
-
}).onNodeClick((node) => {
|
|
151
|
-
forceGraph.current?.emitParticle(node);
|
|
152
|
-
}).d3Force("link", forceLink().distance(160).strength(0.5)).d3Force("charge", forceManyBody().strength(-30)).graphData(new GraphAdapter(model)).warmupTicks(100).cooldownTime(1e3).resumeAnimation();
|
|
155
|
+
if (!data || !width || !height || !forceGraph.current) {
|
|
156
|
+
return;
|
|
153
157
|
}
|
|
158
|
+
forceGraph.current.pauseAnimation().width(width).height(height).onEngineStop(() => {
|
|
159
|
+
handleZoomToFit();
|
|
160
|
+
}).onNodeClick((node) => {
|
|
161
|
+
forceGraph.current?.emitParticle(node);
|
|
162
|
+
}).d3Force("link", forceLink().distance(160).strength(0.5)).d3Force("charge", forceManyBody().strength(-30)).graphData(data).warmupTicks(100).cooldownTime(1e3).resumeAnimation();
|
|
154
163
|
}, [
|
|
155
|
-
|
|
164
|
+
data,
|
|
156
165
|
width,
|
|
157
|
-
height
|
|
166
|
+
height,
|
|
167
|
+
forceGraph.current
|
|
158
168
|
]);
|
|
159
169
|
const handleZoomToFit = () => {
|
|
160
170
|
forceGraph.current?.zoomToFit(400, 40);
|
|
@@ -176,4 +186,4 @@ export {
|
|
|
176
186
|
D3ForceGraph,
|
|
177
187
|
ForceGraph
|
|
178
188
|
};
|
|
179
|
-
//# sourceMappingURL=chunk-
|
|
189
|
+
//# sourceMappingURL=chunk-AE7VHUJM.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/components/Graph/D3ForceGraph.tsx", "../../../src/components/Graph/ForceGraph.tsx", "../../../src/components/Graph/adapter.ts"],
|
|
4
|
+
"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"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"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"]
|
|
7
|
+
}
|