@dxos/plugin-explorer 0.8.4-main.70d3990 → 0.8.4-main.7996785055

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.
Files changed (134) hide show
  1. package/dist/lib/browser/ExplorerContainer-H5RGY6AD.mjs +48 -0
  2. package/dist/lib/browser/ExplorerContainer-H5RGY6AD.mjs.map +7 -0
  3. package/dist/lib/browser/{chunk-ARBGXQFH.mjs → chunk-56VV76WZ.mjs} +354 -153
  4. package/dist/lib/{node-esm/chunk-NPIP4VEH.mjs.map → browser/chunk-56VV76WZ.mjs.map} +4 -4
  5. package/dist/lib/browser/chunk-6KEHUEEZ.mjs +71 -0
  6. package/dist/lib/browser/chunk-6KEHUEEZ.mjs.map +7 -0
  7. package/dist/lib/browser/{chunk-UBHZGWZQ.mjs → chunk-LSUP47BZ.mjs} +2 -2
  8. package/dist/lib/browser/chunk-LSUP47BZ.mjs.map +7 -0
  9. package/dist/lib/browser/index.mjs +56 -61
  10. package/dist/lib/browser/index.mjs.map +4 -4
  11. package/dist/lib/browser/meta.json +1 -1
  12. package/dist/lib/browser/meta.mjs +1 -1
  13. package/dist/lib/browser/react-surface-JYGFP5ZN.mjs +38 -0
  14. package/dist/lib/browser/react-surface-JYGFP5ZN.mjs.map +7 -0
  15. package/dist/lib/browser/types/index.mjs +1 -2
  16. package/dist/lib/node-esm/ExplorerContainer-KFHE5KU3.mjs +49 -0
  17. package/dist/lib/node-esm/ExplorerContainer-KFHE5KU3.mjs.map +7 -0
  18. package/dist/lib/node-esm/{chunk-NPIP4VEH.mjs → chunk-35JCF4SD.mjs} +354 -153
  19. package/dist/lib/{browser/chunk-ARBGXQFH.mjs.map → node-esm/chunk-35JCF4SD.mjs.map} +4 -4
  20. package/dist/lib/node-esm/{chunk-UXZM5VJB.mjs → chunk-EN3JZNEY.mjs} +2 -2
  21. package/dist/lib/node-esm/chunk-EN3JZNEY.mjs.map +7 -0
  22. package/dist/lib/node-esm/chunk-WSE2Z4OT.mjs +72 -0
  23. package/dist/lib/node-esm/chunk-WSE2Z4OT.mjs.map +7 -0
  24. package/dist/lib/node-esm/index.mjs +56 -61
  25. package/dist/lib/node-esm/index.mjs.map +4 -4
  26. package/dist/lib/node-esm/meta.json +1 -1
  27. package/dist/lib/node-esm/meta.mjs +1 -1
  28. package/dist/lib/node-esm/react-surface-HJEJL53N.mjs +39 -0
  29. package/dist/lib/node-esm/react-surface-HJEJL53N.mjs.map +7 -0
  30. package/dist/lib/node-esm/types/index.mjs +1 -2
  31. package/dist/types/src/ExplorerPlugin.d.ts +2 -1
  32. package/dist/types/src/ExplorerPlugin.d.ts.map +1 -1
  33. package/dist/types/src/capabilities/index.d.ts +1 -2
  34. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  35. package/dist/types/src/capabilities/react-surface/index.d.ts +3 -0
  36. package/dist/types/src/capabilities/react-surface/index.d.ts.map +1 -0
  37. package/dist/types/src/capabilities/react-surface/react-surface.d.ts +5 -0
  38. package/dist/types/src/capabilities/react-surface/react-surface.d.ts.map +1 -0
  39. package/dist/types/src/components/Graph/D3ForceGraph.d.ts +10 -5
  40. package/dist/types/src/components/Graph/D3ForceGraph.d.ts.map +1 -1
  41. package/dist/types/src/components/Graph/D3ForceGraph.stories.d.ts +8 -2
  42. package/dist/types/src/components/Graph/D3ForceGraph.stories.d.ts.map +1 -1
  43. package/dist/types/src/components/Graph/ForceGraph.stories.d.ts +1 -1
  44. package/dist/types/src/components/Graph/ForceGraph.stories.d.ts.map +1 -1
  45. package/dist/types/src/components/Graph/adapter.d.ts +1 -1
  46. package/dist/types/src/components/Graph/adapter.d.ts.map +1 -1
  47. package/dist/types/src/components/Graph/testing.d.ts.map +1 -1
  48. package/dist/types/src/components/Tree/Tree.d.ts.map +1 -1
  49. package/dist/types/src/components/Tree/Tree.stories.d.ts.map +1 -1
  50. package/dist/types/src/components/Tree/testing/generator.d.ts.map +1 -1
  51. package/dist/types/src/components/Tree/types/tree.d.ts +18 -16
  52. package/dist/types/src/components/Tree/types/tree.d.ts.map +1 -1
  53. package/dist/types/src/components/Tree/types/types.d.ts +1 -1
  54. package/dist/types/src/components/Tree/types/types.d.ts.map +1 -1
  55. package/dist/types/src/components/index.d.ts +0 -2
  56. package/dist/types/src/components/index.d.ts.map +1 -1
  57. package/dist/types/src/containers/ExplorerContainer/ExplorerContainer.d.ts +6 -0
  58. package/dist/types/src/containers/ExplorerContainer/ExplorerContainer.d.ts.map +1 -0
  59. package/dist/types/src/containers/ExplorerContainer/index.d.ts +3 -0
  60. package/dist/types/src/containers/ExplorerContainer/index.d.ts.map +1 -0
  61. package/dist/types/src/containers/index.d.ts +3 -0
  62. package/dist/types/src/containers/index.d.ts.map +1 -0
  63. package/dist/types/src/hooks/useGraphModel.d.ts.map +1 -1
  64. package/dist/types/src/meta.d.ts +2 -2
  65. package/dist/types/src/meta.d.ts.map +1 -1
  66. package/dist/types/src/translations.d.ts +6 -5
  67. package/dist/types/src/translations.d.ts.map +1 -1
  68. package/dist/types/src/types/ExplorerAction.d.ts +0 -17
  69. package/dist/types/src/types/ExplorerAction.d.ts.map +1 -1
  70. package/dist/types/src/types/Graph.d.ts +10 -19
  71. package/dist/types/src/types/Graph.d.ts.map +1 -1
  72. package/dist/types/tsconfig.tsbuildinfo +1 -1
  73. package/package.json +51 -46
  74. package/src/ExplorerPlugin.tsx +39 -41
  75. package/src/capabilities/index.ts +1 -4
  76. package/src/capabilities/react-surface/index.ts +7 -0
  77. package/src/capabilities/react-surface/react-surface.tsx +31 -0
  78. package/src/components/Chart/Chart.stories.tsx +3 -3
  79. package/src/components/Globe/Globe.stories.tsx +3 -3
  80. package/src/components/Graph/D3ForceGraph.stories.tsx +15 -12
  81. package/src/components/Graph/D3ForceGraph.tsx +82 -74
  82. package/src/components/Graph/ForceGraph.stories.tsx +15 -12
  83. package/src/components/Graph/adapter.ts +14 -8
  84. package/src/components/Graph/testing.ts +8 -5
  85. package/src/components/Tree/Tree.stories.tsx +7 -4
  86. package/src/components/Tree/Tree.tsx +8 -3
  87. package/src/components/Tree/testing/generator.ts +4 -2
  88. package/src/components/Tree/types/tree.test.ts +3 -1
  89. package/src/components/Tree/types/tree.ts +41 -20
  90. package/src/components/Tree/types/types.ts +1 -1
  91. package/src/components/index.ts +0 -4
  92. package/src/containers/ExplorerContainer/ExplorerContainer.tsx +53 -0
  93. package/src/containers/ExplorerContainer/index.ts +7 -0
  94. package/src/containers/index.ts +7 -0
  95. package/src/hooks/useGraphModel.ts +17 -10
  96. package/src/meta.ts +3 -3
  97. package/src/translations.ts +1 -0
  98. package/src/types/ExplorerAction.ts +0 -17
  99. package/src/types/Graph.ts +13 -27
  100. package/dist/lib/browser/ExplorerContainer-NOLLVUTE.mjs +0 -50
  101. package/dist/lib/browser/ExplorerContainer-NOLLVUTE.mjs.map +0 -7
  102. package/dist/lib/browser/chunk-2MKBRIUT.mjs +0 -31
  103. package/dist/lib/browser/chunk-2MKBRIUT.mjs.map +0 -7
  104. package/dist/lib/browser/chunk-6BVXZQPP.mjs +0 -188
  105. package/dist/lib/browser/chunk-6BVXZQPP.mjs.map +0 -7
  106. package/dist/lib/browser/chunk-P6FFFVPM.mjs +0 -100
  107. package/dist/lib/browser/chunk-P6FFFVPM.mjs.map +0 -7
  108. package/dist/lib/browser/chunk-UBHZGWZQ.mjs.map +0 -7
  109. package/dist/lib/browser/intent-resolver-EWB3H5KH.mjs +0 -35
  110. package/dist/lib/browser/intent-resolver-EWB3H5KH.mjs.map +0 -7
  111. package/dist/lib/browser/react-surface-BY2DYCTH.mjs +0 -34
  112. package/dist/lib/browser/react-surface-BY2DYCTH.mjs.map +0 -7
  113. package/dist/lib/node-esm/ExplorerContainer-N3S5KSUX.mjs +0 -51
  114. package/dist/lib/node-esm/ExplorerContainer-N3S5KSUX.mjs.map +0 -7
  115. package/dist/lib/node-esm/chunk-3ODK27PU.mjs +0 -33
  116. package/dist/lib/node-esm/chunk-3ODK27PU.mjs.map +0 -7
  117. package/dist/lib/node-esm/chunk-4BY2XZET.mjs +0 -101
  118. package/dist/lib/node-esm/chunk-4BY2XZET.mjs.map +0 -7
  119. package/dist/lib/node-esm/chunk-CRSVAZNA.mjs +0 -190
  120. package/dist/lib/node-esm/chunk-CRSVAZNA.mjs.map +0 -7
  121. package/dist/lib/node-esm/chunk-UXZM5VJB.mjs.map +0 -7
  122. package/dist/lib/node-esm/intent-resolver-SH6PW7VF.mjs +0 -36
  123. package/dist/lib/node-esm/intent-resolver-SH6PW7VF.mjs.map +0 -7
  124. package/dist/lib/node-esm/react-surface-7AAV7GBG.mjs +0 -35
  125. package/dist/lib/node-esm/react-surface-7AAV7GBG.mjs.map +0 -7
  126. package/dist/types/src/capabilities/intent-resolver.d.ts +0 -4
  127. package/dist/types/src/capabilities/intent-resolver.d.ts.map +0 -1
  128. package/dist/types/src/capabilities/react-surface.d.ts +0 -4
  129. package/dist/types/src/capabilities/react-surface.d.ts.map +0 -1
  130. package/dist/types/src/components/ExplorerContainer.d.ts +0 -9
  131. package/dist/types/src/components/ExplorerContainer.d.ts.map +0 -1
  132. package/src/capabilities/intent-resolver.ts +0 -23
  133. package/src/capabilities/react-surface.tsx +0 -26
  134. package/src/components/ExplorerContainer.tsx +0 -54
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/hooks/useGraphModel.ts"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { useEffect, useState } from 'react';\n\nimport { type Filter, type Queue, type Space } from '@dxos/client/echo';\nimport { SpaceGraphModel, type SpaceGraphModelOptions } from '@dxos/schema';\n\n// TODO(burdon): Factor out.\nexport const useGraphModel = (\n space: Space | undefined,\n filter?: Filter.Any | undefined,\n options?: SpaceGraphModelOptions,\n queue?: Queue,\n): SpaceGraphModel | undefined => {\n const [model, setModel] = useState<SpaceGraphModel | undefined>(undefined);\n useEffect(() => {\n if (!space) {\n void model?.close();\n setModel(undefined);\n return;\n }\n\n // TODO(burdon): Does this need to be a dependency?\n if (!model || model.queue !== queue) {\n const model = new SpaceGraphModel().setFilter(filter).setOptions(options);\n void model.open(space, queue);\n setModel(model);\n } else {\n model.setFilter(filter).setOptions(options);\n }\n }, [space, filter, options, queue]);\n\n return model;\n};\n"],
5
- "mappings": ";AAIA,SAASA,WAAWC,gBAAgB;AAGpC,SAASC,uBAAoD;AAGtD,IAAMC,gBAAgB,CAC3BC,OACAC,QACAC,SACAC,UAAAA;AAEA,QAAM,CAACC,OAAOC,QAAAA,IAAYC,SAAsCC,MAAAA;AAChEC,YAAU,MAAA;AACR,QAAI,CAACR,OAAO;AACV,WAAKI,OAAOK,MAAAA;AACZJ,eAASE,MAAAA;AACT;IACF;AAGA,QAAI,CAACH,SAASA,MAAMD,UAAUA,OAAO;AACnC,YAAMC,SAAQ,IAAIM,gBAAAA,EAAkBC,UAAUV,MAAAA,EAAQW,WAAWV,OAAAA;AACjE,WAAKE,OAAMS,KAAKb,OAAOG,KAAAA;AACvBE,eAASD,MAAAA;IACX,OAAO;AACLA,YAAMO,UAAUV,MAAAA,EAAQW,WAAWV,OAAAA;IACrC;EACF,GAAG;IAACF;IAAOC;IAAQC;IAASC;GAAM;AAElC,SAAOC;AACT;",
6
- "names": ["useEffect", "useState", "SpaceGraphModel", "useGraphModel", "space", "filter", "options", "queue", "model", "setModel", "useState", "undefined", "useEffect", "close", "SpaceGraphModel", "setFilter", "setOptions", "open"]
7
- }
@@ -1,188 +0,0 @@
1
- // src/components/Graph/D3ForceGraph.tsx
2
- import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
3
- import React, { useCallback, useEffect, useMemo, useRef } from "react";
4
- import { Obj } from "@dxos/echo";
5
- import { SelectionModel } from "@dxos/graph";
6
- import { GraphForceProjector, SVG } from "@dxos/react-ui-graph";
7
- import { getHashStyles } from "@dxos/react-ui-theme";
8
- import "@dxos/react-ui-graph/styles/graph.css";
9
- var D3ForceGraph = ({ classNames, model, selection: _selection, grid, ...props }) => {
10
- var _effect = _useSignals();
11
- try {
12
- const context = useRef(null);
13
- const projector = useMemo(() => {
14
- if (context.current) {
15
- return new GraphForceProjector(context.current, {
16
- attributes: {
17
- linkForce: (edge) => {
18
- return edge.data?.object?.active !== false;
19
- }
20
- },
21
- forces: {
22
- point: {
23
- strength: 0.01
24
- }
25
- }
26
- });
27
- }
28
- }, [
29
- context.current
30
- ]);
31
- const graph = useRef(null);
32
- const selection = useMemo(() => _selection ?? new SelectionModel(), [
33
- _selection
34
- ]);
35
- useEffect(() => graph.current?.repaint(), [
36
- selection.selected.value
37
- ]);
38
- const handleSelect = useCallback((node) => {
39
- if (selection.contains(node.id)) {
40
- selection.remove(node.id);
41
- } else {
42
- selection.add(node.id);
43
- }
44
- }, [
45
- selection
46
- ]);
47
- return /* @__PURE__ */ React.createElement(SVG.Root, {
48
- ref: context,
49
- classNames
50
- }, /* @__PURE__ */ React.createElement(SVG.Markers, null), grid && /* @__PURE__ */ React.createElement(SVG.Grid, {
51
- axis: true
52
- }), /* @__PURE__ */ React.createElement(SVG.Zoom, {
53
- extent: [
54
- 1 / 2,
55
- 2
56
- ]
57
- }, /* @__PURE__ */ React.createElement(SVG.Graph, {
58
- ...props,
59
- ref: graph,
60
- model,
61
- projector,
62
- labels: {
63
- text: (node) => {
64
- return node.data?.data.label ?? node.id;
65
- }
66
- },
67
- attributes: {
68
- node: (node) => {
69
- const obj = node.data?.data.object;
70
- return {
71
- data: {
72
- color: getHashStyles(obj && Obj.getTypename(obj))?.hue
73
- },
74
- classes: {
75
- "dx-selected": selection.contains(node.id)
76
- }
77
- };
78
- }
79
- },
80
- onSelect: handleSelect
81
- })));
82
- } finally {
83
- _effect.f();
84
- }
85
- };
86
-
87
- // src/components/Graph/ForceGraph.tsx
88
- import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
89
- import { forceLink, forceManyBody } from "d3";
90
- import NativeForceGraph from "force-graph";
91
- import React2, { useEffect as useEffect2, useRef as useRef2, useState } from "react";
92
- import { useResizeDetector } from "react-resize-detector";
93
- import { filterObjectsSync } from "@dxos/plugin-search";
94
-
95
- // src/components/Graph/adapter.ts
96
- var GraphAdapter = class {
97
- graph;
98
- _nodes = [];
99
- _links = [];
100
- constructor(graph) {
101
- this.graph = graph;
102
- this._nodes = graph.nodes.map((node) => ({
103
- id: node.id,
104
- type: node.type,
105
- data: node.data
106
- }));
107
- this._links = graph.edges.map((edge) => ({
108
- type: edge.type,
109
- source: edge.source,
110
- target: edge.target,
111
- data: edge.data
112
- }));
113
- }
114
- get nodes() {
115
- return this._nodes;
116
- }
117
- get links() {
118
- return this._links;
119
- }
120
- };
121
-
122
- // src/components/Graph/ForceGraph.tsx
123
- var ForceGraph = ({ model, match }) => {
124
- var _effect = _useSignals2();
125
- try {
126
- const { ref, width, height } = useResizeDetector({
127
- refreshRate: 200
128
- });
129
- const rootRef = useRef2(null);
130
- const forceGraph = useRef2(null);
131
- const filteredRef = useRef2([]);
132
- filteredRef.current = filterObjectsSync(model?.objects ?? [], match);
133
- const [data, setData] = useState();
134
- useEffect2(() => {
135
- return model?.subscribe((model2) => {
136
- setData(new GraphAdapter(model2.graph));
137
- });
138
- }, [
139
- model
140
- ]);
141
- useEffect2(() => {
142
- if (rootRef.current) {
143
- 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
- }
145
- return () => {
146
- forceGraph.current?.pauseAnimation().graphData({
147
- nodes: [],
148
- links: []
149
- });
150
- forceGraph.current = null;
151
- };
152
- }, []);
153
- useEffect2(() => {
154
- if (!data || !width || !height || !forceGraph.current) {
155
- return;
156
- }
157
- forceGraph.current.pauseAnimation().width(width).height(height).onEngineStop(() => {
158
- handleZoomToFit();
159
- }).onNodeClick((node) => {
160
- forceGraph.current?.emitParticle(node);
161
- }).d3Force("link", forceLink().distance(160).strength(0.5)).d3Force("charge", forceManyBody().strength(-30)).graphData(data).warmupTicks(100).cooldownTime(1e3).resumeAnimation();
162
- }, [
163
- data,
164
- width,
165
- height,
166
- forceGraph.current
167
- ]);
168
- const handleZoomToFit = () => {
169
- forceGraph.current?.zoomToFit(400, 40);
170
- };
171
- return /* @__PURE__ */ React2.createElement("div", {
172
- ref,
173
- className: "relative grow",
174
- onClick: handleZoomToFit
175
- }, /* @__PURE__ */ React2.createElement("div", {
176
- ref: rootRef,
177
- className: "absolute inset-0"
178
- }));
179
- } finally {
180
- _effect.f();
181
- }
182
- };
183
-
184
- export {
185
- D3ForceGraph,
186
- ForceGraph
187
- };
188
- //# sourceMappingURL=chunk-6BVXZQPP.mjs.map
@@ -1,7 +0,0 @@
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, { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { SelectionModel } from '@dxos/graph';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport {\n type GraphController,\n GraphForceProjector,\n type GraphLayoutNode,\n type GraphProps,\n SVG,\n type SVGContext,\n} from '@dxos/react-ui-graph';\nimport { getHashStyles } from '@dxos/react-ui-theme';\nimport { type SpaceGraphEdge, type SpaceGraphModel, type SpaceGraphNode } from '@dxos/schema';\n\nimport '@dxos/react-ui-graph/styles/graph.css';\n\nexport type D3ForceGraphProps = ThemedClassName<\n {\n model?: SpaceGraphModel;\n match?: RegExp;\n selection?: SelectionModel;\n grid?: boolean;\n } & Pick<GraphProps, 'drag'>\n>;\n\nexport const D3ForceGraph = ({ classNames, model, selection: _selection, grid, ...props }: D3ForceGraphProps) => {\n const context = useRef<SVGContext>(null);\n const projector = useMemo<GraphForceProjector | undefined>(() => {\n if (context.current) {\n return new GraphForceProjector(context.current, {\n attributes: {\n linkForce: (edge) => {\n // TODO(burdon): Check type (currently assumes Employee property).\n // Edge shouldn't contribute to force if it's not active.\n return edge.data?.object?.active !== false;\n },\n },\n forces: {\n point: {\n strength: 0.01,\n },\n },\n });\n }\n }, [context.current]);\n\n const graph = useRef<GraphController>(null);\n const selection = useMemo(() => _selection ?? new SelectionModel(), [_selection]);\n useEffect(() => graph.current?.repaint(), [selection.selected.value]);\n\n const handleSelect = useCallback<NonNullable<GraphProps['onSelect']>>(\n (node) => {\n if (selection.contains(node.id)) {\n selection.remove(node.id);\n } else {\n selection.add(node.id);\n }\n },\n [selection],\n );\n\n return (\n <SVG.Root ref={context} classNames={classNames}>\n <SVG.Markers />\n {grid && <SVG.Grid axis />}\n <SVG.Zoom extent={[1 / 2, 2]}>\n <SVG.Graph<SpaceGraphNode, SpaceGraphEdge>\n {...props}\n ref={graph}\n model={model}\n projector={projector}\n labels={{\n text: (node) => {\n return node.data?.data.label ?? node.id;\n },\n }}\n attributes={{\n node: (node: GraphLayoutNode<SpaceGraphNode>) => {\n const obj = node.data?.data.object;\n return {\n data: {\n color: getHashStyles(obj && Obj.getTypename(obj))?.hue,\n },\n classes: {\n 'dx-selected': selection.contains(node.id),\n },\n };\n },\n }}\n onSelect={handleSelect}\n />\n </SVG.Zoom>\n </SVG.Root>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { forceLink, forceManyBody } from 'd3';\nimport NativeForceGraph from 'force-graph';\nimport React, { type FC, useEffect, useRef, useState } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { type SearchResult, filterObjectsSync } from '@dxos/plugin-search';\nimport { type SpaceGraphModel } from '@dxos/schema';\n\nimport { GraphAdapter } from './adapter';\n\nexport type ForceGraphProps = {\n model?: SpaceGraphModel;\n match?: RegExp;\n};\n\nexport const ForceGraph: FC<ForceGraphProps> = ({ model, match }) => {\n const { ref, width, height } = useResizeDetector({ refreshRate: 200 });\n const rootRef = useRef<HTMLDivElement>(null);\n const forceGraph = useRef<NativeForceGraph>(null);\n\n const filteredRef = useRef<SearchResult[]>([]);\n filteredRef.current = filterObjectsSync(model?.objects ?? [], match);\n\n const [data, setData] = useState<GraphAdapter>();\n useEffect(() => {\n return model?.subscribe((model) => {\n setData(new GraphAdapter(model.graph));\n });\n }, [model]);\n\n useEffect(() => {\n if (rootRef.current) {\n // https://github.com/vasturiano/force-graph\n // https://github.com/vasturiano/3d-force-graph\n forceGraph.current = new NativeForceGraph(rootRef.current)\n // https://github.com/vasturiano/force-graph?tab=readme-ov-file#node-styling\n .nodeRelSize(6)\n .nodeLabel((node: any) => (node.type === 'schema' ? node.data.typename : (node.data.label ?? node.id)))\n .nodeAutoColorBy((node: any) => (node.type === 'schema' ? 'schema' : node.data.typename))\n\n // https://github.com/vasturiano/force-graph?tab=readme-ov-file#link-styling\n .linkAutoColorBy((link: any) => link.type);\n }\n\n return () => {\n forceGraph.current?.pauseAnimation().graphData({ nodes: [], links: [] });\n forceGraph.current = null;\n };\n }, []);\n\n useEffect(() => {\n if (!data || !width || !height || !forceGraph.current) {\n return;\n }\n\n // https://github.com/vasturiano/force-graph?tab=readme-ov-file#container-layout\n forceGraph.current\n .pauseAnimation()\n .width(width)\n .height(height)\n .onEngineStop(() => {\n handleZoomToFit();\n })\n .onNodeClick((node: any) => {\n forceGraph.current?.emitParticle(node);\n })\n\n // https://github.com/vasturiano/force-graph?tab=readme-ov-file#force-engine-d3-force-configuration\n // .d3Force('center', forceCenter().strength(0.9))\n .d3Force('link', forceLink().distance(160).strength(0.5))\n .d3Force('charge', forceManyBody().strength(-30))\n\n .graphData(data)\n .warmupTicks(100)\n .cooldownTime(1_000)\n .resumeAnimation();\n }, [data, width, height, forceGraph.current]);\n\n const handleZoomToFit = () => {\n forceGraph.current?.zoomToFit(400, 40);\n };\n\n return (\n <div ref={ref} className='relative grow' onClick={handleZoomToFit}>\n <div ref={rootRef} className='absolute inset-0' />\n </div>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Graph } from '@dxos/graph';\n\nexport type GraphNode = {\n id?: string;\n};\n\nexport type GraphLink = {\n source?: string;\n target?: string;\n};\n\nexport type GraphData = {\n nodes: GraphNode[];\n links: GraphLink[];\n};\n\n/**\n * Map common graph to force-graph format.\n */\nexport class GraphAdapter implements GraphData {\n private readonly _nodes: GraphNode[] = [];\n private readonly _links: GraphLink[] = [];\n\n constructor(private readonly graph: Graph) {\n this._nodes = graph.nodes.map((node) => ({\n id: node.id,\n type: node.type,\n data: node.data,\n }));\n\n this._links = graph.edges.map((edge) => ({\n type: edge.type,\n source: edge.source,\n target: edge.target,\n data: edge.data,\n }));\n }\n\n get nodes() {\n return this._nodes;\n }\n\n get links() {\n return this._links;\n }\n}\n"],
5
- "mappings": "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",
6
- "names": ["React", "useCallback", "useEffect", "useMemo", "useRef", "Obj", "SelectionModel", "GraphForceProjector", "SVG", "getHashStyles", "D3ForceGraph", "classNames", "model", "selection", "_selection", "grid", "props", "context", "useRef", "projector", "useMemo", "current", "GraphForceProjector", "attributes", "linkForce", "edge", "data", "object", "active", "forces", "point", "strength", "graph", "SelectionModel", "useEffect", "repaint", "selected", "value", "handleSelect", "useCallback", "node", "contains", "id", "remove", "add", "SVG", "Root", "ref", "Markers", "Grid", "axis", "Zoom", "extent", "Graph", "labels", "text", "label", "obj", "color", "getHashStyles", "Obj", "getTypename", "hue", "classes", "onSelect", "forceLink", "forceManyBody", "NativeForceGraph", "React", "useEffect", "useRef", "useState", "useResizeDetector", "filterObjectsSync", "GraphAdapter", "_nodes", "_links", "graph", "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", "onEngineStop", "handleZoomToFit", "onNodeClick", "emitParticle", "d3Force", "forceLink", "distance", "strength", "forceManyBody", "warmupTicks", "cooldownTime", "resumeAnimation", "zoomToFit", "React", "div", "className", "onClick"]
7
- }
@@ -1,100 +0,0 @@
1
- import {
2
- meta
3
- } from "./chunk-UBHZGWZQ.mjs";
4
- import {
5
- __export
6
- } from "./chunk-J5LGTIGS.mjs";
7
-
8
- // src/types/ExplorerAction.ts
9
- var ExplorerAction_exports = {};
10
- __export(ExplorerAction_exports, {
11
- CreateGraph: () => CreateGraph,
12
- GraphProps: () => GraphProps
13
- });
14
- import * as Schema2 from "effect/Schema";
15
- import { TypeInputOptionsAnnotation } from "@dxos/plugin-space/types";
16
- import { SpaceSchema } from "@dxos/react-client/echo";
17
-
18
- // src/types/Graph.ts
19
- var Graph_exports = {};
20
- __export(Graph_exports, {
21
- Graph: () => Graph,
22
- GraphV1: () => GraphV1,
23
- make: () => make
24
- });
25
- import * as Schema from "effect/Schema";
26
- import { Filter, Obj, Query, QueryAST, Ref, Type } from "@dxos/echo";
27
- import { FormInputAnnotation, LabelAnnotation } from "@dxos/echo/internal";
28
- import { View, ViewAnnotation } from "@dxos/schema";
29
- var GraphSchema = Schema.Struct({
30
- name: Schema.optional(Schema.String),
31
- view: Type.Ref(View.View).pipe(FormInputAnnotation.set(false)),
32
- query: Schema.Struct({
33
- raw: Schema.optional(Schema.String),
34
- ast: QueryAST.Query
35
- }).pipe(Schema.mutable, FormInputAnnotation.set(false))
36
- }).pipe(Type.Obj({
37
- typename: "dxos.org/type/Graph",
38
- version: "0.2.0"
39
- }), LabelAnnotation.set([
40
- "name"
41
- ]), ViewAnnotation.set(true));
42
- var Graph = GraphSchema;
43
- var make = ({ name, query = {
44
- raw: "",
45
- ast: Query.select(Filter.nothing()).ast
46
- }, view }) => {
47
- return Obj.make(Graph, {
48
- name,
49
- view: Ref.make(view),
50
- query
51
- });
52
- };
53
- var GraphV1 = Schema.Struct({
54
- name: Schema.optional(Schema.String),
55
- query: Schema.Struct({
56
- raw: Schema.optional(Schema.String),
57
- ast: QueryAST.Query
58
- }).pipe(Schema.mutable)
59
- }).pipe(Type.Obj({
60
- typename: "dxos.org/type/Graph",
61
- version: "0.1.0"
62
- }), LabelAnnotation.set([
63
- "name"
64
- ]));
65
-
66
- // src/types/ExplorerAction.ts
67
- var EXPLORER_ACTION = `${meta.id}/action`;
68
- var GraphProps = Schema2.Struct({
69
- name: Schema2.optional(Schema2.String),
70
- // TODO(wittjosiah): This should be a query input instead.
71
- typename: Schema2.String.pipe(Schema2.annotations({
72
- title: "Select type"
73
- }), TypeInputOptionsAnnotation.set({
74
- location: [
75
- "database",
76
- "runtime"
77
- ],
78
- kind: [
79
- "user"
80
- ],
81
- registered: [
82
- "registered"
83
- ]
84
- }), Schema2.optional)
85
- });
86
- var CreateGraph = class extends Schema2.TaggedClass()(`${EXPLORER_ACTION}/create-graph`, {
87
- input: Schema2.Struct({
88
- space: SpaceSchema
89
- }).pipe(Schema2.extend(GraphProps)),
90
- output: Schema2.Struct({
91
- object: Graph
92
- })
93
- }) {
94
- };
95
-
96
- export {
97
- Graph_exports,
98
- ExplorerAction_exports
99
- };
100
- //# sourceMappingURL=chunk-P6FFFVPM.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/types/ExplorerAction.ts", "../../../src/types/Graph.ts"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { TypeInputOptionsAnnotation } from '@dxos/plugin-space/types';\nimport { SpaceSchema } from '@dxos/react-client/echo';\n\nimport { meta } from '../meta';\n\nimport * as Graph from './Graph';\n\nconst EXPLORER_ACTION = `${meta.id}/action`;\n\nexport const GraphProps = Schema.Struct({\n name: Schema.optional(Schema.String),\n // TODO(wittjosiah): This should be a query input instead.\n typename: Schema.String.pipe(\n Schema.annotations({ title: 'Select type' }),\n TypeInputOptionsAnnotation.set({\n location: ['database', 'runtime'],\n kind: ['user'],\n registered: ['registered'],\n }),\n Schema.optional,\n ),\n});\n\nexport class CreateGraph extends Schema.TaggedClass<CreateGraph>()(`${EXPLORER_ACTION}/create-graph`, {\n input: Schema.Struct({\n space: SpaceSchema,\n }).pipe(Schema.extend(GraphProps)),\n output: Schema.Struct({\n object: Graph.Graph,\n }),\n}) {}\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Filter, Obj, Query, QueryAST, Ref, Type } from '@dxos/echo';\nimport { FormInputAnnotation, LabelAnnotation } from '@dxos/echo/internal';\nimport { View, ViewAnnotation } from '@dxos/schema';\n\nconst GraphSchema = Schema.Struct({\n name: Schema.optional(Schema.String),\n\n view: Type.Ref(View.View).pipe(FormInputAnnotation.set(false)),\n\n query: Schema.Struct({\n raw: Schema.optional(Schema.String),\n ast: QueryAST.Query,\n }).pipe(Schema.mutable, FormInputAnnotation.set(false)),\n}).pipe(\n Type.Obj({\n typename: 'dxos.org/type/Graph',\n version: '0.2.0',\n }),\n LabelAnnotation.set(['name']),\n ViewAnnotation.set(true),\n);\nexport interface Graph extends Schema.Schema.Type<typeof GraphSchema> {}\nexport interface GraphEncoded extends Schema.Schema.Encoded<typeof GraphSchema> {}\nexport const Graph: Schema.Schema<Graph, GraphEncoded> = GraphSchema;\n\ntype MakeProps = Omit<Partial<Obj.MakeProps<typeof Graph>>, 'view'> & {\n view: View.View;\n};\n\n/**\n * Make a graph as a view of a data set.\n */\nexport const make = ({\n name,\n query = { raw: '', ast: Query.select(Filter.nothing()).ast },\n view,\n}: MakeProps): Graph => {\n return Obj.make(Graph, { name, view: Ref.make(view), query });\n};\n\n//\n// V1\n//\n\nexport const GraphV1 = Schema.Struct({\n name: Schema.optional(Schema.String),\n query: Schema.Struct({\n raw: Schema.optional(Schema.String),\n ast: QueryAST.Query,\n }).pipe(Schema.mutable),\n}).pipe(\n Type.Obj({\n typename: 'dxos.org/type/Graph',\n version: '0.1.0',\n }),\n LabelAnnotation.set(['name']),\n);\n"],
5
- "mappings": ";;;;;;;;AAAA;;;;;AAIA,YAAYA,aAAY;AAExB,SAASC,kCAAkC;AAC3C,SAASC,mBAAmB;;;ACP5B;;;;;;AAIA,YAAYC,YAAY;AAExB,SAASC,QAAQC,KAAKC,OAAOC,UAAUC,KAAKC,YAAY;AACxD,SAASC,qBAAqBC,uBAAuB;AACrD,SAASC,MAAMC,sBAAsB;AAErC,IAAMC,cAAqBC,cAAO;EAChCC,MAAaC,gBAAgBC,aAAM;EAEnCC,MAAMC,KAAKC,IAAIC,KAAKA,IAAI,EAAEC,KAAKC,oBAAoBC,IAAI,KAAA,CAAA;EAEvDC,OAAcX,cAAO;IACnBY,KAAYV,gBAAgBC,aAAM;IAClCU,KAAKC,SAASC;EAChB,CAAA,EAAGP,KAAYQ,gBAASP,oBAAoBC,IAAI,KAAA,CAAA;AAClD,CAAA,EAAGF,KACDH,KAAKY,IAAI;EACPC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,gBAAgBV,IAAI;EAAC;CAAO,GAC5BW,eAAeX,IAAI,IAAA,CAAA;AAId,IAAMY,QAA4CvB;AASlD,IAAMwB,OAAO,CAAC,EACnBtB,MACAU,QAAQ;EAAEC,KAAK;EAAIC,KAAKE,MAAMS,OAAOC,OAAOC,QAAO,CAAA,EAAIb;AAAI,GAC3DT,KAAI,MACM;AACV,SAAOa,IAAIM,KAAKD,OAAO;IAAErB;IAAMG,MAAME,IAAIiB,KAAKnB,IAAAA;IAAOO;EAAM,CAAA;AAC7D;AAMO,IAAMgB,UAAiB3B,cAAO;EACnCC,MAAaC,gBAAgBC,aAAM;EACnCQ,OAAcX,cAAO;IACnBY,KAAYV,gBAAgBC,aAAM;IAClCU,KAAKC,SAASC;EAChB,CAAA,EAAGP,KAAYQ,cAAO;AACxB,CAAA,EAAGR,KACDH,KAAKY,IAAI;EACPC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,gBAAgBV,IAAI;EAAC;CAAO,CAAA;;;ADhD9B,IAAMkB,kBAAkB,GAAGC,KAAKC,EAAE;AAE3B,IAAMC,aAAoBC,eAAO;EACtCC,MAAaC,iBAAgBC,cAAM;;EAEnCC,UAAiBD,eAAOE,KACfC,oBAAY;IAAEC,OAAO;EAAc,CAAA,GAC1CC,2BAA2BC,IAAI;IAC7BC,UAAU;MAAC;MAAY;;IACvBC,MAAM;MAAC;;IACPC,YAAY;MAAC;;EACf,CAAA,GACOV,gBAAQ;AAEnB,CAAA;AAEO,IAAMW,cAAN,cAAiCC,oBAAW,EAAgB,GAAGlB,eAAAA,iBAAgC;EACpGmB,OAAcf,eAAO;IACnBgB,OAAOC;EACT,CAAA,EAAGZ,KAAYa,eAAOnB,UAAAA,CAAAA;EACtBoB,QAAenB,eAAO;IACpBoB,QAAcC;EAChB,CAAA;AACF,CAAA,EAAA;AAAI;",
6
- "names": ["Schema", "TypeInputOptionsAnnotation", "SpaceSchema", "Schema", "Filter", "Obj", "Query", "QueryAST", "Ref", "Type", "FormInputAnnotation", "LabelAnnotation", "View", "ViewAnnotation", "GraphSchema", "Struct", "name", "optional", "String", "view", "Type", "Ref", "View", "pipe", "FormInputAnnotation", "set", "query", "raw", "ast", "QueryAST", "Query", "mutable", "Obj", "typename", "version", "LabelAnnotation", "ViewAnnotation", "Graph", "make", "select", "Filter", "nothing", "GraphV1", "EXPLORER_ACTION", "meta", "id", "GraphProps", "Struct", "name", "optional", "String", "typename", "pipe", "annotations", "title", "TypeInputOptionsAnnotation", "set", "location", "kind", "registered", "CreateGraph", "TaggedClass", "input", "space", "SpaceSchema", "extend", "output", "object", "Graph"]
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/meta.ts"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: PluginMeta = {\n id: 'dxos.org/plugin/explorer',\n name: 'Explorer',\n description: trim`\n Interactive hypergraph visualization that reveals relationships between objects in your workspace.\n Navigate complex data structures and discover connections through a dynamic network view.\n `,\n icon: 'ph--graph--regular',\n iconHue: 'green',\n source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-explorer',\n tags: ['labs'],\n screenshots: ['https://dxos.network/plugin-details-explorer-dark.png'],\n};\n"],
5
- "mappings": ";AAKA,SAASA,YAAY;AAEd,IAAMC,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,MAAM;IAAC;;EACPC,aAAa;IAAC;;AAChB;",
6
- "names": ["trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source", "tags", "screenshots"]
7
- }
@@ -1,35 +0,0 @@
1
- import {
2
- ExplorerAction_exports,
3
- Graph_exports
4
- } from "./chunk-P6FFFVPM.mjs";
5
- import "./chunk-UBHZGWZQ.mjs";
6
- import "./chunk-J5LGTIGS.mjs";
7
-
8
- // src/capabilities/intent-resolver.ts
9
- import { Capabilities, contributes, createResolver } from "@dxos/app-framework";
10
- import { ClientCapabilities } from "@dxos/plugin-client";
11
- import { View } from "@dxos/schema";
12
- var intent_resolver_default = ((context) => contributes(Capabilities.IntentResolver, createResolver({
13
- intent: ExplorerAction_exports.CreateGraph,
14
- resolve: async ({ space, name, typename }) => {
15
- const client = context.getCapability(ClientCapabilities.Client);
16
- const { view } = await View.makeFromSpace({
17
- client,
18
- space,
19
- typename
20
- });
21
- const graph = Graph_exports.make({
22
- name,
23
- view
24
- });
25
- return {
26
- data: {
27
- object: graph
28
- }
29
- };
30
- }
31
- })));
32
- export {
33
- intent_resolver_default as default
34
- };
35
- //# sourceMappingURL=intent-resolver-EWB3H5KH.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/capabilities/intent-resolver.ts"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, type PluginContext, contributes, createResolver } from '@dxos/app-framework';\nimport { ClientCapabilities } from '@dxos/plugin-client';\nimport { View } from '@dxos/schema';\n\nimport { ExplorerAction, Graph } from '../types';\n\nexport default (context: PluginContext) =>\n contributes(\n Capabilities.IntentResolver,\n createResolver({\n intent: ExplorerAction.CreateGraph,\n resolve: async ({ space, name, typename }) => {\n const client = context.getCapability(ClientCapabilities.Client);\n const { view } = await View.makeFromSpace({ client, space, typename });\n const graph = Graph.make({ name, view });\n return { data: { object: graph } };\n },\n }),\n );\n"],
5
- "mappings": ";;;;;;;;AAIA,SAASA,cAAkCC,aAAaC,sBAAsB;AAC9E,SAASC,0BAA0B;AACnC,SAASC,YAAY;AAIrB,IAAA,2BAAe,CAACC,YACdC,YACEC,aAAaC,gBACbC,eAAe;EACbC,QAAQC,uBAAeC;EACvBC,SAAS,OAAO,EAAEC,OAAOC,MAAMC,SAAQ,MAAE;AACvC,UAAMC,SAASZ,QAAQa,cAAcC,mBAAmBC,MAAM;AAC9D,UAAM,EAAEC,KAAI,IAAK,MAAMC,KAAKC,cAAc;MAAEN;MAAQH;MAAOE;IAAS,CAAA;AACpE,UAAMQ,QAAQC,cAAMC,KAAK;MAAEX;MAAMM;IAAK,CAAA;AACtC,WAAO;MAAEM,MAAM;QAAEC,QAAQJ;MAAM;IAAE;EACnC;AACF,CAAA,CAAA;",
6
- "names": ["Capabilities", "contributes", "createResolver", "ClientCapabilities", "View", "context", "contributes", "Capabilities", "IntentResolver", "createResolver", "intent", "ExplorerAction", "CreateGraph", "resolve", "space", "name", "typename", "client", "getCapability", "ClientCapabilities", "Client", "view", "View", "makeFromSpace", "graph", "Graph", "make", "data", "object"]
7
- }
@@ -1,34 +0,0 @@
1
- import {
2
- ExplorerContainer
3
- } from "./chunk-ARBGXQFH.mjs";
4
- import "./chunk-6BVXZQPP.mjs";
5
- import {
6
- Graph_exports
7
- } from "./chunk-P6FFFVPM.mjs";
8
- import {
9
- meta
10
- } from "./chunk-UBHZGWZQ.mjs";
11
- import "./chunk-J5LGTIGS.mjs";
12
-
13
- // src/capabilities/react-surface.tsx
14
- import React from "react";
15
- import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
16
- import { Obj } from "@dxos/echo";
17
- var react_surface_default = (() => contributes(Capabilities.ReactSurface, createSurface({
18
- id: `${meta.id}/article`,
19
- role: [
20
- "article",
21
- "section"
22
- ],
23
- filter: (data) => Obj.instanceOf(Graph_exports.Graph, data.subject),
24
- component: ({ data, role }) => {
25
- return /* @__PURE__ */ React.createElement(ExplorerContainer, {
26
- view: data.subject,
27
- role
28
- });
29
- }
30
- })));
31
- export {
32
- react_surface_default as default
33
- };
34
- //# sourceMappingURL=react-surface-BY2DYCTH.mjs.map
@@ -1,7 +0,0 @@
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';\nimport { type View } from '@dxos/schema';\n\nimport { ExplorerContainer } from '../components';\nimport { meta } from '../meta';\nimport { Graph } from '../types';\n\nexport default () =>\n contributes(\n Capabilities.ReactSurface,\n createSurface({\n id: `${meta.id}/article`,\n role: ['article', 'section'],\n filter: (data): data is { subject: View.View } => Obj.instanceOf(Graph.Graph, data.subject),\n component: ({ data, role }) => {\n return <ExplorerContainer view={data.subject} role={role} />;\n },\n }),\n );\n"],
5
- "mappings": ";;;;;;;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,cAAcC,aAAaC,qBAAqB;AACzD,SAASC,WAAW;AAOpB,IAAA,yBAAe,MACbC,YACEC,aAAaC,cACbC,cAAc;EACZC,IAAI,GAAGC,KAAKD,EAAE;EACdE,MAAM;IAAC;IAAW;;EAClBC,QAAQ,CAACC,SAAyCC,IAAIC,WAAWC,cAAMA,OAAOH,KAAKI,OAAO;EAC1FC,WAAW,CAAC,EAAEL,MAAMF,KAAI,MAAE;AACxB,WAAO,sBAAA,cAACQ,mBAAAA;MAAkBC,MAAMP,KAAKI;MAASN;;EAChD;AACF,CAAA,CAAA;",
6
- "names": ["React", "Capabilities", "contributes", "createSurface", "Obj", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "Graph", "subject", "component", "ExplorerContainer", "view"]
7
- }
@@ -1,51 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- useGraphModel
4
- } from "./chunk-3ODK27PU.mjs";
5
- import {
6
- D3ForceGraph
7
- } from "./chunk-CRSVAZNA.mjs";
8
- import "./chunk-HSLMI22Q.mjs";
9
-
10
- // src/components/ExplorerContainer.tsx
11
- import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
12
- import React, { useCallback, useMemo, useState } from "react";
13
- import { QueryBuilder } from "@dxos/echo-query";
14
- import { useGlobalSearch } from "@dxos/plugin-search";
15
- import { getSpace } from "@dxos/react-client/echo";
16
- import { Toolbar } from "@dxos/react-ui";
17
- import { QueryEditor } from "@dxos/react-ui-components";
18
- import { StackItem } from "@dxos/react-ui-stack";
19
- var ExplorerContainer = ({ role, view }) => {
20
- var _effect = _useSignals();
21
- try {
22
- const space = getSpace(view);
23
- const [filter, setFilter] = useState();
24
- const model = useGraphModel(space, filter);
25
- const { match } = useGlobalSearch();
26
- const builder = useMemo(() => new QueryBuilder(), []);
27
- const handleChange = useCallback((value) => {
28
- setFilter(builder.build(value).filter);
29
- }, []);
30
- const showToolbar = role === "article";
31
- if (!space || !model) {
32
- return null;
33
- }
34
- return /* @__PURE__ */ React.createElement(StackItem.Content, {
35
- toolbar: showToolbar
36
- }, showToolbar && /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement(QueryEditor, {
37
- db: space.db,
38
- onChange: handleChange
39
- })), /* @__PURE__ */ React.createElement(D3ForceGraph, {
40
- model,
41
- match
42
- }));
43
- } finally {
44
- _effect.f();
45
- }
46
- };
47
- var ExplorerContainer_default = ExplorerContainer;
48
- export {
49
- ExplorerContainer_default as default
50
- };
51
- //# sourceMappingURL=ExplorerContainer-N3S5KSUX.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/ExplorerContainer.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport { type Filter } from '@dxos/echo';\nimport { QueryBuilder } from '@dxos/echo-query';\nimport { useGlobalSearch } from '@dxos/plugin-search';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Toolbar } from '@dxos/react-ui';\nimport { QueryEditor, type QueryEditorProps } from '@dxos/react-ui-components';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { type View } from '@dxos/schema';\n\nimport { useGraphModel } from '../hooks';\n\nimport { D3ForceGraph } from './Graph';\n\ntype ExplorerContainerProps = {\n role: string;\n view: View.View;\n};\n\nconst ExplorerContainer = ({ role, view }: ExplorerContainerProps) => {\n const space = getSpace(view);\n const [filter, setFilter] = useState<Filter.Any>();\n const model = useGraphModel(space, filter);\n const { match } = useGlobalSearch();\n\n const builder = useMemo(() => new QueryBuilder(), []);\n const handleChange = useCallback<NonNullable<QueryEditorProps['onChange']>>((value) => {\n setFilter(builder.build(value).filter);\n }, []);\n\n const showToolbar = role === 'article';\n\n if (!space || !model) {\n return null;\n }\n\n return (\n <StackItem.Content toolbar={showToolbar}>\n {showToolbar && (\n <Toolbar.Root>\n <QueryEditor db={space.db} onChange={handleChange} />\n </Toolbar.Root>\n )}\n <D3ForceGraph model={model} match={match} />\n </StackItem.Content>\n );\n};\n\nexport default ExplorerContainer;\n"],
5
- "mappings": ";;;;;;;;;;;AAIA,OAAOA,SAASC,aAAaC,SAASC,gBAAgB;AAGtD,SAASC,oBAAoB;AAC7B,SAASC,uBAAuB;AAChC,SAASC,gBAAgB;AACzB,SAASC,eAAe;AACxB,SAASC,mBAA0C;AACnD,SAASC,iBAAiB;AAY1B,IAAMC,oBAAoB,CAAC,EAAEC,MAAMC,KAAI,MAA0B;;;AAC/D,UAAMC,QAAQC,SAASF,IAAAA;AACvB,UAAM,CAACG,QAAQC,SAAAA,IAAaC,SAAAA;AAC5B,UAAMC,QAAQC,cAAcN,OAAOE,MAAAA;AACnC,UAAM,EAAEK,MAAK,IAAKC,gBAAAA;AAElB,UAAMC,UAAUC,QAAQ,MAAM,IAAIC,aAAAA,GAAgB,CAAA,CAAE;AACpD,UAAMC,eAAeC,YAAuD,CAACC,UAAAA;AAC3EX,gBAAUM,QAAQM,MAAMD,KAAAA,EAAOZ,MAAM;IACvC,GAAG,CAAA,CAAE;AAEL,UAAMc,cAAclB,SAAS;AAE7B,QAAI,CAACE,SAAS,CAACK,OAAO;AACpB,aAAO;IACT;AAEA,WACE,sBAAA,cAACY,UAAUC,SAAO;MAACC,SAASH;OACzBA,eACC,sBAAA,cAACI,QAAQC,MAAI,MACX,sBAAA,cAACC,aAAAA;MAAYC,IAAIvB,MAAMuB;MAAIC,UAAUZ;SAGzC,sBAAA,cAACa,cAAAA;MAAapB;MAAcE;;;;;AAGlC;AAEA,IAAA,4BAAeV;",
6
- "names": ["React", "useCallback", "useMemo", "useState", "QueryBuilder", "useGlobalSearch", "getSpace", "Toolbar", "QueryEditor", "StackItem", "ExplorerContainer", "role", "view", "space", "getSpace", "filter", "setFilter", "useState", "model", "useGraphModel", "match", "useGlobalSearch", "builder", "useMemo", "QueryBuilder", "handleChange", "useCallback", "value", "build", "showToolbar", "StackItem", "Content", "toolbar", "Toolbar", "Root", "QueryEditor", "db", "onChange", "D3ForceGraph"]
7
- }
@@ -1,33 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
-
3
- // src/hooks/useGraphModel.ts
4
- import { useEffect, useState } from "react";
5
- import { SpaceGraphModel } from "@dxos/schema";
6
- var useGraphModel = (space, filter, options, queue) => {
7
- const [model, setModel] = useState(void 0);
8
- useEffect(() => {
9
- if (!space) {
10
- void model?.close();
11
- setModel(void 0);
12
- return;
13
- }
14
- if (!model || model.queue !== queue) {
15
- const model2 = new SpaceGraphModel().setFilter(filter).setOptions(options);
16
- void model2.open(space, queue);
17
- setModel(model2);
18
- } else {
19
- model.setFilter(filter).setOptions(options);
20
- }
21
- }, [
22
- space,
23
- filter,
24
- options,
25
- queue
26
- ]);
27
- return model;
28
- };
29
-
30
- export {
31
- useGraphModel
32
- };
33
- //# sourceMappingURL=chunk-3ODK27PU.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/hooks/useGraphModel.ts"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { useEffect, useState } from 'react';\n\nimport { type Filter, type Queue, type Space } from '@dxos/client/echo';\nimport { SpaceGraphModel, type SpaceGraphModelOptions } from '@dxos/schema';\n\n// TODO(burdon): Factor out.\nexport const useGraphModel = (\n space: Space | undefined,\n filter?: Filter.Any | undefined,\n options?: SpaceGraphModelOptions,\n queue?: Queue,\n): SpaceGraphModel | undefined => {\n const [model, setModel] = useState<SpaceGraphModel | undefined>(undefined);\n useEffect(() => {\n if (!space) {\n void model?.close();\n setModel(undefined);\n return;\n }\n\n // TODO(burdon): Does this need to be a dependency?\n if (!model || model.queue !== queue) {\n const model = new SpaceGraphModel().setFilter(filter).setOptions(options);\n void model.open(space, queue);\n setModel(model);\n } else {\n model.setFilter(filter).setOptions(options);\n }\n }, [space, filter, options, queue]);\n\n return model;\n};\n"],
5
- "mappings": ";;;AAIA,SAASA,WAAWC,gBAAgB;AAGpC,SAASC,uBAAoD;AAGtD,IAAMC,gBAAgB,CAC3BC,OACAC,QACAC,SACAC,UAAAA;AAEA,QAAM,CAACC,OAAOC,QAAAA,IAAYC,SAAsCC,MAAAA;AAChEC,YAAU,MAAA;AACR,QAAI,CAACR,OAAO;AACV,WAAKI,OAAOK,MAAAA;AACZJ,eAASE,MAAAA;AACT;IACF;AAGA,QAAI,CAACH,SAASA,MAAMD,UAAUA,OAAO;AACnC,YAAMC,SAAQ,IAAIM,gBAAAA,EAAkBC,UAAUV,MAAAA,EAAQW,WAAWV,OAAAA;AACjE,WAAKE,OAAMS,KAAKb,OAAOG,KAAAA;AACvBE,eAASD,MAAAA;IACX,OAAO;AACLA,YAAMO,UAAUV,MAAAA,EAAQW,WAAWV,OAAAA;IACrC;EACF,GAAG;IAACF;IAAOC;IAAQC;IAASC;GAAM;AAElC,SAAOC;AACT;",
6
- "names": ["useEffect", "useState", "SpaceGraphModel", "useGraphModel", "space", "filter", "options", "queue", "model", "setModel", "useState", "undefined", "useEffect", "close", "SpaceGraphModel", "setFilter", "setOptions", "open"]
7
- }