@dxos/plugin-explorer 0.8.4-main.406dc2a → 0.8.4-main.422d1c7879

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 (122) hide show
  1. package/dist/lib/browser/chunk-LSUP47BZ.mjs +24 -0
  2. package/dist/lib/browser/chunk-LSUP47BZ.mjs.map +7 -0
  3. package/dist/lib/browser/index.mjs +11342 -86
  4. package/dist/lib/browser/index.mjs.map +4 -4
  5. package/dist/lib/browser/meta.json +1 -1
  6. package/dist/lib/browser/meta.mjs +1 -1
  7. package/dist/lib/browser/types/index.mjs +64 -5
  8. package/dist/lib/browser/types/index.mjs.map +4 -4
  9. package/dist/lib/node-esm/{chunk-PX6LHR2N.mjs → chunk-EN3JZNEY.mjs} +8 -3
  10. package/dist/lib/node-esm/chunk-EN3JZNEY.mjs.map +7 -0
  11. package/dist/lib/node-esm/index.mjs +11342 -86
  12. package/dist/lib/node-esm/index.mjs.map +4 -4
  13. package/dist/lib/node-esm/meta.json +1 -1
  14. package/dist/lib/node-esm/meta.mjs +1 -1
  15. package/dist/lib/node-esm/types/index.mjs +64 -5
  16. package/dist/lib/node-esm/types/index.mjs.map +4 -4
  17. package/dist/types/src/ExplorerPlugin.d.ts +2 -1
  18. package/dist/types/src/ExplorerPlugin.d.ts.map +1 -1
  19. package/dist/types/src/capabilities/index.d.ts +2 -2
  20. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  21. package/dist/types/src/capabilities/react-surface.d.ts +3 -2
  22. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
  23. package/dist/types/src/components/Chart/Chart.stories.d.ts.map +1 -1
  24. package/dist/types/src/components/Globe/Globe.stories.d.ts.map +1 -1
  25. package/dist/types/src/components/Graph/D3ForceGraph.d.ts +6 -5
  26. package/dist/types/src/components/Graph/D3ForceGraph.d.ts.map +1 -1
  27. package/dist/types/src/components/Graph/D3ForceGraph.stories.d.ts +4 -2
  28. package/dist/types/src/components/Graph/D3ForceGraph.stories.d.ts.map +1 -1
  29. package/dist/types/src/components/Graph/ForceGraph.stories.d.ts +1 -1
  30. package/dist/types/src/components/Graph/ForceGraph.stories.d.ts.map +1 -1
  31. package/dist/types/src/components/Graph/adapter.d.ts +1 -1
  32. package/dist/types/src/components/Graph/adapter.d.ts.map +1 -1
  33. package/dist/types/src/components/Graph/testing.d.ts.map +1 -1
  34. package/dist/types/src/components/Tree/Tree.d.ts.map +1 -1
  35. package/dist/types/src/components/Tree/Tree.stories.d.ts.map +1 -1
  36. package/dist/types/src/components/Tree/testing/generator.d.ts.map +1 -1
  37. package/dist/types/src/components/Tree/types/tree.d.ts +18 -16
  38. package/dist/types/src/components/Tree/types/tree.d.ts.map +1 -1
  39. package/dist/types/src/components/Tree/types/types.d.ts +1 -1
  40. package/dist/types/src/components/Tree/types/types.d.ts.map +1 -1
  41. package/dist/types/src/components/index.d.ts +0 -4
  42. package/dist/types/src/components/index.d.ts.map +1 -1
  43. package/dist/types/src/containers/ExplorerContainer/ExplorerContainer.d.ts +6 -0
  44. package/dist/types/src/containers/ExplorerContainer/ExplorerContainer.d.ts.map +1 -0
  45. package/dist/types/src/containers/ExplorerContainer/index.d.ts +2 -0
  46. package/dist/types/src/containers/ExplorerContainer/index.d.ts.map +1 -0
  47. package/dist/types/src/containers/index.d.ts +3 -0
  48. package/dist/types/src/containers/index.d.ts.map +1 -0
  49. package/dist/types/src/hooks/useGraphModel.d.ts.map +1 -1
  50. package/dist/types/src/meta.d.ts +2 -2
  51. package/dist/types/src/meta.d.ts.map +1 -1
  52. package/dist/types/src/translations.d.ts +31 -22
  53. package/dist/types/src/translations.d.ts.map +1 -1
  54. package/dist/types/src/types/ExplorerAction.d.ts +1 -18
  55. package/dist/types/src/types/ExplorerAction.d.ts.map +1 -1
  56. package/dist/types/src/types/Graph.d.ts +14 -24
  57. package/dist/types/src/types/Graph.d.ts.map +1 -1
  58. package/dist/types/tsconfig.tsbuildinfo +1 -1
  59. package/package.json +59 -55
  60. package/src/ExplorerPlugin.tsx +42 -53
  61. package/src/capabilities/index.ts +2 -3
  62. package/src/capabilities/react-surface.tsx +24 -19
  63. package/src/components/Chart/Chart.stories.tsx +3 -4
  64. package/src/components/Globe/Globe.stories.tsx +3 -4
  65. package/src/components/Graph/D3ForceGraph.stories.tsx +30 -24
  66. package/src/components/Graph/D3ForceGraph.tsx +82 -75
  67. package/src/components/Graph/ForceGraph.stories.tsx +30 -24
  68. package/src/components/Graph/adapter.ts +14 -8
  69. package/src/components/Graph/testing.ts +11 -8
  70. package/src/components/Tree/Tree.stories.tsx +9 -6
  71. package/src/components/Tree/Tree.tsx +8 -3
  72. package/src/components/Tree/testing/generator.ts +4 -2
  73. package/src/components/Tree/types/tree.test.ts +7 -6
  74. package/src/components/Tree/types/tree.ts +41 -20
  75. package/src/components/Tree/types/types.ts +1 -1
  76. package/src/components/index.ts +0 -4
  77. package/src/containers/ExplorerContainer/ExplorerContainer.tsx +53 -0
  78. package/src/containers/ExplorerContainer/index.ts +5 -0
  79. package/src/containers/index.ts +7 -0
  80. package/src/hooks/useGraphModel.ts +17 -10
  81. package/src/meta.ts +9 -4
  82. package/src/translations.ts +15 -12
  83. package/src/types/ExplorerAction.ts +10 -19
  84. package/src/types/Graph.ts +25 -21
  85. package/src/typings.d.ts +8 -0
  86. package/dist/lib/browser/ExplorerContainer-6SHZJ6AK.mjs +0 -50
  87. package/dist/lib/browser/ExplorerContainer-6SHZJ6AK.mjs.map +0 -7
  88. package/dist/lib/browser/chunk-2DGFNLRO.mjs +0 -19
  89. package/dist/lib/browser/chunk-2DGFNLRO.mjs.map +0 -7
  90. package/dist/lib/browser/chunk-2MKBRIUT.mjs +0 -31
  91. package/dist/lib/browser/chunk-2MKBRIUT.mjs.map +0 -7
  92. package/dist/lib/browser/chunk-BZ65T5M3.mjs +0 -79
  93. package/dist/lib/browser/chunk-BZ65T5M3.mjs.map +0 -7
  94. package/dist/lib/browser/chunk-MOM5KCKC.mjs +0 -11341
  95. package/dist/lib/browser/chunk-MOM5KCKC.mjs.map +0 -7
  96. package/dist/lib/browser/chunk-NXGP6NTP.mjs +0 -203
  97. package/dist/lib/browser/chunk-NXGP6NTP.mjs.map +0 -7
  98. package/dist/lib/browser/intent-resolver-K57C3LIX.mjs +0 -31
  99. package/dist/lib/browser/intent-resolver-K57C3LIX.mjs.map +0 -7
  100. package/dist/lib/browser/react-surface-OPBND5W3.mjs +0 -35
  101. package/dist/lib/browser/react-surface-OPBND5W3.mjs.map +0 -7
  102. package/dist/lib/node-esm/ExplorerContainer-FRTDXZI5.mjs +0 -51
  103. package/dist/lib/node-esm/ExplorerContainer-FRTDXZI5.mjs.map +0 -7
  104. package/dist/lib/node-esm/chunk-3ODK27PU.mjs +0 -33
  105. package/dist/lib/node-esm/chunk-3ODK27PU.mjs.map +0 -7
  106. package/dist/lib/node-esm/chunk-6JACZE7E.mjs +0 -205
  107. package/dist/lib/node-esm/chunk-6JACZE7E.mjs.map +0 -7
  108. package/dist/lib/node-esm/chunk-ES6AOMCY.mjs +0 -80
  109. package/dist/lib/node-esm/chunk-ES6AOMCY.mjs.map +0 -7
  110. package/dist/lib/node-esm/chunk-PX6LHR2N.mjs.map +0 -7
  111. package/dist/lib/node-esm/chunk-ZCV4U7LT.mjs +0 -11343
  112. package/dist/lib/node-esm/chunk-ZCV4U7LT.mjs.map +0 -7
  113. package/dist/lib/node-esm/intent-resolver-BLPPTTEY.mjs +0 -32
  114. package/dist/lib/node-esm/intent-resolver-BLPPTTEY.mjs.map +0 -7
  115. package/dist/lib/node-esm/react-surface-HCKQSHKJ.mjs +0 -36
  116. package/dist/lib/node-esm/react-surface-HCKQSHKJ.mjs.map +0 -7
  117. package/dist/types/src/capabilities/intent-resolver.d.ts +0 -4
  118. package/dist/types/src/capabilities/intent-resolver.d.ts.map +0 -1
  119. package/dist/types/src/components/ExplorerContainer.d.ts +0 -9
  120. package/dist/types/src/components/ExplorerContainer.d.ts.map +0 -1
  121. package/src/capabilities/intent-resolver.ts +0 -21
  122. package/src/components/ExplorerContainer.tsx +0 -54
@@ -0,0 +1,53 @@
1
+ //
2
+ // Copyright 2023 DXOS.org
3
+ //
4
+
5
+ import React, { useCallback, useMemo, useState } from 'react';
6
+
7
+ import { type AppSurface } from '@dxos/app-toolkit/ui';
8
+ import { type Filter } from '@dxos/echo';
9
+ import { type View } from '@dxos/echo';
10
+ import { QueryBuilder } from '@dxos/echo-query';
11
+ import { useGlobalSearch } from '@dxos/plugin-search';
12
+ import { getSpace, useObject } from '@dxos/react-client/echo';
13
+ import { Panel, Toolbar } from '@dxos/react-ui';
14
+ import { QueryEditor, type QueryEditorProps } from '@dxos/react-ui-components';
15
+
16
+ import { D3ForceGraph } from '#components';
17
+ import { useGraphModel } from '#hooks';
18
+
19
+ export type ExplorerContainerProps = AppSurface.ObjectArticleProps<View.View>;
20
+
21
+ export const ExplorerContainer = ({ role, subject: view, attendableId: _attendableId }: ExplorerContainerProps) => {
22
+ useObject(view);
23
+ const space = view && getSpace(view);
24
+ const [filter, setFilter] = useState<Filter.Any>();
25
+ const model = useGraphModel(space, filter);
26
+ const { match } = useGlobalSearch();
27
+
28
+ const builder = useMemo(() => new QueryBuilder(), []);
29
+ const handleChange = useCallback<NonNullable<QueryEditorProps['onChange']>>((value) => {
30
+ setFilter(builder.build(value).filter);
31
+ }, []);
32
+
33
+ const showToolbar = role === 'article';
34
+
35
+ if (!space || !model) {
36
+ return null;
37
+ }
38
+
39
+ return (
40
+ <Panel.Root role={role}>
41
+ {showToolbar && (
42
+ <Panel.Toolbar asChild>
43
+ <Toolbar.Root>
44
+ <QueryEditor db={space.db} onChange={handleChange} />
45
+ </Toolbar.Root>
46
+ </Panel.Toolbar>
47
+ )}
48
+ <Panel.Content asChild>
49
+ <D3ForceGraph model={model} match={match} />
50
+ </Panel.Content>
51
+ </Panel.Root>
52
+ );
53
+ };
@@ -0,0 +1,5 @@
1
+ //
2
+ // Copyright 2023 DXOS.org
3
+ //
4
+
5
+ export { ExplorerContainer as default } from './ExplorerContainer';
@@ -0,0 +1,7 @@
1
+ //
2
+ // Copyright 2023 DXOS.org
3
+ //
4
+
5
+ import { type ComponentType, lazy } from 'react';
6
+
7
+ export const ExplorerContainer: ComponentType<any> = lazy(() => import('./ExplorerContainer'));
@@ -4,6 +4,8 @@
4
4
 
5
5
  import { useEffect, useState } from 'react';
6
6
 
7
+ import { Capabilities } from '@dxos/app-framework';
8
+ import { useCapability } from '@dxos/app-framework/ui';
7
9
  import { type Filter, type Queue, type Space } from '@dxos/client/echo';
8
10
  import { SpaceGraphModel, type SpaceGraphModelOptions } from '@dxos/schema';
9
11
 
@@ -14,23 +16,28 @@ export const useGraphModel = (
14
16
  options?: SpaceGraphModelOptions,
15
17
  queue?: Queue,
16
18
  ): SpaceGraphModel | undefined => {
19
+ const registry = useCapability(Capabilities.AtomRegistry);
17
20
  const [model, setModel] = useState<SpaceGraphModel | undefined>(undefined);
21
+
18
22
  useEffect(() => {
19
23
  if (!space) {
20
- void model?.close();
21
24
  setModel(undefined);
22
25
  return;
23
26
  }
24
27
 
25
- // TODO(burdon): Does this need to be a dependency?
26
- if (!model || model.queue !== queue) {
27
- const model = new SpaceGraphModel().setFilter(filter).setOptions(options);
28
- void model.open(space, queue);
29
- setModel(model);
30
- } else {
31
- model.setFilter(filter).setOptions(options);
32
- }
33
- }, [space, filter, options, queue]);
28
+ const newModel = new SpaceGraphModel(registry);
29
+ void newModel.open(space.db, queue);
30
+ setModel(newModel);
31
+
32
+ return () => {
33
+ setModel(undefined);
34
+ void newModel.close();
35
+ };
36
+ }, [space, registry, queue]);
37
+
38
+ useEffect(() => {
39
+ model?.setFilter(filter).setOptions(options);
40
+ }, [model, filter, options]);
34
41
 
35
42
  return model;
36
43
  };
package/src/meta.ts CHANGED
@@ -2,13 +2,18 @@
2
2
  // Copyright 2023 DXOS.org
3
3
  //
4
4
 
5
- import { type PluginMeta } from '@dxos/app-framework';
5
+ import { type Plugin } from '@dxos/app-framework';
6
+ import { trim } from '@dxos/util';
6
7
 
7
- export const meta: PluginMeta = {
8
- id: 'dxos.org/plugin/explorer',
8
+ export const meta: Plugin.Meta = {
9
+ id: 'org.dxos.plugin.explorer',
9
10
  name: 'Explorer',
10
- description: 'Install this plugin to view a hypergraph of all objects inside of your Space.',
11
+ description: trim`
12
+ Interactive hypergraph visualization that reveals relationships between objects in your workspace.
13
+ Navigate complex data structures and discover connections through a dynamic network view.
14
+ `,
11
15
  icon: 'ph--graph--regular',
16
+ iconHue: 'green',
12
17
  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-explorer',
13
18
  tags: ['labs'],
14
19
  screenshots: ['https://dxos.network/plugin-details-explorer-dark.png'],
@@ -2,27 +2,30 @@
2
2
  // Copyright 2023 DXOS.org
3
3
  //
4
4
 
5
+ import { Type } from '@dxos/echo';
5
6
  import { type Resource } from '@dxos/react-ui';
6
7
  import { translations as componentsTranslations } from '@dxos/react-ui-components';
7
8
 
8
- import { meta } from './meta';
9
- import { Graph } from './types';
9
+ import { meta } from '#meta';
10
+ import { Graph } from '#types';
10
11
 
11
12
  export const translations = [
12
13
  {
13
14
  'en-US': {
14
- [Graph.Graph.typename]: {
15
- 'typename label': 'Explorer',
16
- 'typename label_zero': 'Explorers',
17
- 'typename label_one': 'Explorer',
18
- 'typename label_other': 'Explorers',
19
- 'object name placeholder': 'New explorer',
20
- 'rename object label': 'Rename explorer',
21
- 'delete object label': 'Delete explorer',
15
+ [Type.getTypename(Graph.Graph)]: {
16
+ 'typename.label': 'Explorer',
17
+ 'typename.label_zero': 'Explorers',
18
+ 'typename.label_one': 'Explorer',
19
+ 'typename.label_other': 'Explorers',
20
+ 'object-name.placeholder': 'New explorer',
21
+ 'add-object.label': 'Add explorer',
22
+ 'rename-object.label': 'Rename explorer',
23
+ 'delete-object.label': 'Delete explorer',
24
+ 'object-deleted.label': 'Explorer deleted',
22
25
  },
23
26
  [meta.id]: {
24
- 'plugin name': 'Explorer',
25
- 'object title label': 'Title',
27
+ 'plugin.name': 'Explorer',
28
+ 'object-title.label': 'Title',
26
29
  },
27
30
  },
28
31
  },
@@ -4,26 +4,17 @@
4
4
 
5
5
  import * as Schema from 'effect/Schema';
6
6
 
7
- import { SpaceSchema } from '@dxos/react-client/echo';
8
- import { DataType, TypenameAnnotationId } from '@dxos/schema';
9
-
10
- import { meta } from '../meta';
11
-
12
- const EXPLORER_ACTION = `${meta.id}/action`;
7
+ import { TypeInputOptionsAnnotation } from '@dxos/plugin-space/types';
13
8
 
14
9
  export const GraphProps = Schema.Struct({
15
10
  name: Schema.optional(Schema.String),
16
- typename: Schema.String.annotations({
17
- [TypenameAnnotationId]: ['used-static', 'dynamic'],
18
- title: 'Select graph record type',
19
- }),
11
+ // TODO(wittjosiah): This should be a query input instead.
12
+ typename: Schema.String.pipe(
13
+ Schema.annotations({ title: 'Select type' }),
14
+ TypeInputOptionsAnnotation.set({
15
+ location: ['database', 'runtime'],
16
+ kind: ['user'],
17
+ }),
18
+ Schema.optional,
19
+ ),
20
20
  });
21
-
22
- export class CreateGraph extends Schema.TaggedClass<CreateGraph>()(`${EXPLORER_ACTION}/create-graph`, {
23
- input: Schema.Struct({
24
- space: SpaceSchema,
25
- }).pipe(Schema.extend(GraphProps)),
26
- output: Schema.Struct({
27
- object: DataType.View,
28
- }),
29
- }) {}
@@ -4,42 +4,46 @@
4
4
 
5
5
  import * as Schema from 'effect/Schema';
6
6
 
7
- import { Filter, Obj, Query, QueryAST, Type } from '@dxos/echo';
8
- import { LabelAnnotation, ViewAnnotation } from '@dxos/echo/internal';
9
- import { type CreateViewFromSpaceProps, createViewFromSpace } from '@dxos/schema';
7
+ import { Annotation, Filter, Obj, Query, QueryAST, Ref, Type } from '@dxos/echo';
8
+ import { View } from '@dxos/echo';
9
+ import { FormInputAnnotation, LabelAnnotation } from '@dxos/echo/internal';
10
+ import { ViewAnnotation } from '@dxos/schema';
10
11
 
11
- export const Graph = Schema.Struct({
12
+ const GraphSchema = Schema.Struct({
12
13
  name: Schema.optional(Schema.String),
14
+
15
+ view: Ref.Ref(View.View).pipe(FormInputAnnotation.set(false)),
16
+
13
17
  query: Schema.Struct({
14
18
  raw: Schema.optional(Schema.String),
15
19
  ast: QueryAST.Query,
16
- }).pipe(Schema.mutable),
20
+ }).pipe(FormInputAnnotation.set(false)),
17
21
  }).pipe(
18
- Type.Obj({
19
- typename: 'dxos.org/type/Graph',
22
+ Type.object({
23
+ typename: 'org.dxos.type.graph',
20
24
  version: '0.1.0',
21
25
  }),
22
26
  LabelAnnotation.set(['name']),
23
27
  ViewAnnotation.set(true),
28
+ Annotation.IconAnnotation.set({
29
+ icon: 'ph--graph--regular',
30
+ hue: 'green',
31
+ }),
24
32
  );
33
+ export interface Graph extends Schema.Schema.Type<typeof GraphSchema> {}
34
+ export const Graph: Type.Obj<Graph> = GraphSchema as any;
25
35
 
26
- export type Graph = Schema.Schema.Type<typeof Graph>;
27
-
28
- /**
29
- * Make a graph object.
30
- */
31
- export const make = (
32
- props: Obj.MakeProps<typeof Graph> = { query: { raw: '', ast: Query.select(Filter.nothing()).ast } },
33
- ) => Obj.make(Graph, props);
34
-
35
- type MakeViewProps = Omit<CreateViewFromSpaceProps, 'presentation'> & {
36
- presentation?: Omit<Obj.MakeProps<typeof Graph>, 'name'>;
36
+ type MakeProps = Omit<Partial<Obj.MakeProps<typeof Graph>>, 'view'> & {
37
+ view: View.View;
37
38
  };
38
39
 
39
40
  /**
40
41
  * Make a graph as a view of a data set.
41
42
  */
42
- export const makeView = async ({ presentation, ...props }: MakeViewProps) => {
43
- const graph = make(presentation);
44
- return createViewFromSpace({ ...props, presentation: graph });
43
+ export const make = ({
44
+ name,
45
+ query = { raw: '', ast: Query.select(Filter.nothing()).ast },
46
+ view,
47
+ }: MakeProps): Graph => {
48
+ return Obj.make(Graph, { name, view: Ref.make(view), query });
45
49
  };
@@ -0,0 +1,8 @@
1
+ //
2
+ // Copyright 2024 DXOS.org
3
+ //
4
+
5
+ declare module '*.css' {
6
+ const content: undefined;
7
+ export default content;
8
+ }
@@ -1,50 +0,0 @@
1
- import {
2
- useGraphModel
3
- } from "./chunk-2MKBRIUT.mjs";
4
- import {
5
- D3ForceGraph
6
- } from "./chunk-NXGP6NTP.mjs";
7
- import "./chunk-J5LGTIGS.mjs";
8
-
9
- // src/components/ExplorerContainer.tsx
10
- import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
11
- import React, { useCallback, useMemo, useState } from "react";
12
- import { QueryBuilder } from "@dxos/echo-query";
13
- import { useGlobalSearch } from "@dxos/plugin-search";
14
- import { getSpace } from "@dxos/react-client/echo";
15
- import { Toolbar } from "@dxos/react-ui";
16
- import { QueryEditor } from "@dxos/react-ui-components";
17
- import { StackItem } from "@dxos/react-ui-stack";
18
- var ExplorerContainer = ({ role, view }) => {
19
- var _effect = _useSignals();
20
- try {
21
- const space = getSpace(view);
22
- const [filter, setFilter] = useState();
23
- const model = useGraphModel(space, filter);
24
- const { match } = useGlobalSearch();
25
- const builder = useMemo(() => new QueryBuilder(), []);
26
- const handleChange = useCallback((value) => {
27
- setFilter(builder.build(value));
28
- }, []);
29
- const showToolbar = role === "article";
30
- if (!space || !model) {
31
- return null;
32
- }
33
- return /* @__PURE__ */ React.createElement(StackItem.Content, {
34
- toolbar: showToolbar
35
- }, showToolbar && /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement(QueryEditor, {
36
- db: space.db,
37
- onChange: handleChange
38
- })), /* @__PURE__ */ React.createElement(D3ForceGraph, {
39
- model,
40
- match
41
- }));
42
- } finally {
43
- _effect.f();
44
- }
45
- };
46
- var ExplorerContainer_default = ExplorerContainer;
47
- export {
48
- ExplorerContainer_default as default
49
- };
50
- //# sourceMappingURL=ExplorerContainer-6SHZJ6AK.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 DataType } from '@dxos/schema';\n\nimport { useGraphModel } from '../hooks';\n\nimport { D3ForceGraph } from './Graph';\n\ntype ExplorerContainerProps = {\n role: string;\n view: DataType.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));\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,CAAAA;IAC1B,GAAG,CAAA,CAAE;AAEL,UAAME,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,19 +0,0 @@
1
- // src/meta.ts
2
- var meta = {
3
- id: "dxos.org/plugin/explorer",
4
- name: "Explorer",
5
- description: "Install this plugin to view a hypergraph of all objects inside of your Space.",
6
- icon: "ph--graph--regular",
7
- source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-explorer",
8
- tags: [
9
- "labs"
10
- ],
11
- screenshots: [
12
- "https://dxos.network/plugin-details-explorer-dark.png"
13
- ]
14
- };
15
-
16
- export {
17
- meta
18
- };
19
- //# sourceMappingURL=chunk-2DGFNLRO.mjs.map
@@ -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';\n\nexport const meta: PluginMeta = {\n id: 'dxos.org/plugin/explorer',\n name: 'Explorer',\n description: 'Install this plugin to view a hypergraph of all objects inside of your Space.',\n icon: 'ph--graph--regular',\n source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-explorer',\n tags: ['labs'],\n screenshots: ['https://dxos.network/plugin-details-explorer-dark.png'],\n};\n"],
5
- "mappings": ";AAMO,IAAMA,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aAAa;EACbC,MAAM;EACNC,QAAQ;EACRC,MAAM;IAAC;;EACPC,aAAa;IAAC;;AAChB;",
6
- "names": ["meta", "id", "name", "description", "icon", "source", "tags", "screenshots"]
7
- }
@@ -1,31 +0,0 @@
1
- // src/hooks/useGraphModel.ts
2
- import { useEffect, useState } from "react";
3
- import { SpaceGraphModel } from "@dxos/schema";
4
- var useGraphModel = (space, filter, options, queue) => {
5
- const [model, setModel] = useState(void 0);
6
- useEffect(() => {
7
- if (!space) {
8
- void model?.close();
9
- setModel(void 0);
10
- return;
11
- }
12
- if (!model || model.queue !== queue) {
13
- const model2 = new SpaceGraphModel().setFilter(filter).setOptions(options);
14
- void model2.open(space, queue);
15
- setModel(model2);
16
- } else {
17
- model.setFilter(filter).setOptions(options);
18
- }
19
- }, [
20
- space,
21
- filter,
22
- options,
23
- queue
24
- ]);
25
- return model;
26
- };
27
-
28
- export {
29
- useGraphModel
30
- };
31
- //# sourceMappingURL=chunk-2MKBRIUT.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
- }
@@ -1,79 +0,0 @@
1
- import {
2
- meta
3
- } from "./chunk-2DGFNLRO.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 Schema from "effect/Schema";
15
- import { SpaceSchema } from "@dxos/react-client/echo";
16
- import { DataType, TypenameAnnotationId } from "@dxos/schema";
17
- var EXPLORER_ACTION = `${meta.id}/action`;
18
- var GraphProps = Schema.Struct({
19
- name: Schema.optional(Schema.String),
20
- typename: Schema.String.annotations({
21
- [TypenameAnnotationId]: [
22
- "used-static",
23
- "dynamic"
24
- ],
25
- title: "Select graph record type"
26
- })
27
- });
28
- var CreateGraph = class extends Schema.TaggedClass()(`${EXPLORER_ACTION}/create-graph`, {
29
- input: Schema.Struct({
30
- space: SpaceSchema
31
- }).pipe(Schema.extend(GraphProps)),
32
- output: Schema.Struct({
33
- object: DataType.View
34
- })
35
- }) {
36
- };
37
-
38
- // src/types/Graph.ts
39
- var Graph_exports = {};
40
- __export(Graph_exports, {
41
- Graph: () => Graph,
42
- make: () => make,
43
- makeView: () => makeView
44
- });
45
- import * as Schema2 from "effect/Schema";
46
- import { Filter, Obj, Query, QueryAST, Type } from "@dxos/echo";
47
- import { LabelAnnotation, ViewAnnotation } from "@dxos/echo/internal";
48
- import { createViewFromSpace } from "@dxos/schema";
49
- var Graph = Schema2.Struct({
50
- name: Schema2.optional(Schema2.String),
51
- query: Schema2.Struct({
52
- raw: Schema2.optional(Schema2.String),
53
- ast: QueryAST.Query
54
- }).pipe(Schema2.mutable)
55
- }).pipe(Type.Obj({
56
- typename: "dxos.org/type/Graph",
57
- version: "0.1.0"
58
- }), LabelAnnotation.set([
59
- "name"
60
- ]), ViewAnnotation.set(true));
61
- var make = (props = {
62
- query: {
63
- raw: "",
64
- ast: Query.select(Filter.nothing()).ast
65
- }
66
- }) => Obj.make(Graph, props);
67
- var makeView = async ({ presentation, ...props }) => {
68
- const graph = make(presentation);
69
- return createViewFromSpace({
70
- ...props,
71
- presentation: graph
72
- });
73
- };
74
-
75
- export {
76
- ExplorerAction_exports,
77
- Graph_exports
78
- };
79
- //# sourceMappingURL=chunk-BZ65T5M3.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 { SpaceSchema } from '@dxos/react-client/echo';\nimport { DataType, TypenameAnnotationId } from '@dxos/schema';\n\nimport { meta } from '../meta';\n\nconst EXPLORER_ACTION = `${meta.id}/action`;\n\nexport const GraphProps = Schema.Struct({\n name: Schema.optional(Schema.String),\n typename: Schema.String.annotations({\n [TypenameAnnotationId]: ['used-static', 'dynamic'],\n title: 'Select graph record type',\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: DataType.View,\n }),\n}) {}\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Filter, Obj, Query, QueryAST, Type } from '@dxos/echo';\nimport { LabelAnnotation, ViewAnnotation } from '@dxos/echo/internal';\nimport { type CreateViewFromSpaceProps, createViewFromSpace } from '@dxos/schema';\n\nexport const Graph = 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 ViewAnnotation.set(true),\n);\n\nexport type Graph = Schema.Schema.Type<typeof Graph>;\n\n/**\n * Make a graph object.\n */\nexport const make = (\n props: Obj.MakeProps<typeof Graph> = { query: { raw: '', ast: Query.select(Filter.nothing()).ast } },\n) => Obj.make(Graph, props);\n\ntype MakeViewProps = Omit<CreateViewFromSpaceProps, 'presentation'> & {\n presentation?: Omit<Obj.MakeProps<typeof Graph>, 'name'>;\n};\n\n/**\n * Make a graph as a view of a data set.\n */\nexport const makeView = async ({ presentation, ...props }: MakeViewProps) => {\n const graph = make(presentation);\n return createViewFromSpace({ ...props, presentation: graph });\n};\n"],
5
- "mappings": ";;;;;;;;AAAA;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,mBAAmB;AAC5B,SAASC,UAAUC,4BAA4B;AAI/C,IAAMC,kBAAkB,GAAGC,KAAKC,EAAE;AAE3B,IAAMC,aAAoBC,cAAO;EACtCC,MAAaC,gBAAgBC,aAAM;EACnCC,UAAiBD,cAAOE,YAAY;IAClC,CAACC,oBAAAA,GAAuB;MAAC;MAAe;;IACxCC,OAAO;EACT,CAAA;AACF,CAAA;AAEO,IAAMC,cAAN,cAAiCC,mBAAW,EAAgB,GAAGb,eAAAA,iBAAgC;EACpGc,OAAcV,cAAO;IACnBW,OAAOC;EACT,CAAA,EAAGC,KAAYC,cAAOf,UAAAA,CAAAA;EACtBgB,QAAef,cAAO;IACpBgB,QAAQC,SAASC;EACnB,CAAA;AACF,CAAA,EAAA;AAAI;;;AC5BJ;;;;;;AAIA,YAAYC,aAAY;AAExB,SAASC,QAAQC,KAAKC,OAAOC,UAAUC,YAAY;AACnD,SAASC,iBAAiBC,sBAAsB;AAChD,SAAwCC,2BAA2B;AAE5D,IAAMC,QAAeC,eAAO;EACjCC,MAAaC,iBAAgBC,cAAM;EACnCC,OAAcJ,eAAO;IACnBK,KAAYH,iBAAgBC,cAAM;IAClCG,KAAKC,SAASC;EAChB,CAAA,EAAGC,KAAYC,eAAO;AACxB,CAAA,EAAGD,KACDE,KAAKC,IAAI;EACPC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,gBAAgBC,IAAI;EAAC;CAAO,GAC5BC,eAAeD,IAAI,IAAA,CAAA;AAQd,IAAME,OAAO,CAClBC,QAAqC;EAAEf,OAAO;IAAEC,KAAK;IAAIC,KAAKE,MAAMY,OAAOC,OAAOC,QAAO,CAAA,EAAIhB;EAAI;AAAE,MAChGM,IAAIM,KAAKnB,OAAOoB,KAAAA;AASd,IAAMI,WAAW,OAAO,EAAEC,cAAc,GAAGL,MAAAA,MAAsB;AACtE,QAAMM,QAAQP,KAAKM,YAAAA;AACnB,SAAOE,oBAAoB;IAAE,GAAGP;IAAOK,cAAcC;EAAM,CAAA;AAC7D;",
6
- "names": ["Schema", "SpaceSchema", "DataType", "TypenameAnnotationId", "EXPLORER_ACTION", "meta", "id", "GraphProps", "Struct", "name", "optional", "String", "typename", "annotations", "TypenameAnnotationId", "title", "CreateGraph", "TaggedClass", "input", "space", "SpaceSchema", "pipe", "extend", "output", "object", "DataType", "View", "Schema", "Filter", "Obj", "Query", "QueryAST", "Type", "LabelAnnotation", "ViewAnnotation", "createViewFromSpace", "Graph", "Struct", "name", "optional", "String", "query", "raw", "ast", "QueryAST", "Query", "pipe", "mutable", "Type", "Obj", "typename", "version", "LabelAnnotation", "set", "ViewAnnotation", "make", "props", "select", "Filter", "nothing", "makeView", "presentation", "graph", "createViewFromSpace"]
7
- }