@dxos/plugin-graph 0.8.4-main.e098934 → 0.8.4-main.e8ec1fe

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-graph",
-  "version": "0.8.4-main.e098934",
+  "version": "0.8.4-main.e8ec1fe",
   "description": "DXOS Surface plugin for constructing knowledge graphs",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -26,29 +26,30 @@
   ],
   "dependencies": {
     "@preact-signals/safe-react": "^0.9.0",
-    "@dxos/app-framework": "0.8.4-main.e098934",
-    "@dxos/async": "0.8.4-main.e098934",
-    "@dxos/app-graph": "0.8.4-main.e098934",
-    "@dxos/debug": "0.8.4-main.e098934"
+    "@dxos/app-framework": "0.8.4-main.e8ec1fe",
+    "@dxos/app-graph": "0.8.4-main.e8ec1fe",
+    "@dxos/async": "0.8.4-main.e8ec1fe",
+    "@dxos/debug": "0.8.4-main.e8ec1fe",
+    "@dxos/util": "0.8.4-main.e8ec1fe"
   },
   "devDependencies": {
-    "@effect-rx/rx-react": "0.38.0",
-    "@effect/platform": "0.90.2",
-    "@types/react": "~18.2.0",
-    "@types/react-dom": "~18.2.0",
-    "effect": "3.17.7",
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0",
-    "vite": "7.1.1",
-    "@dxos/react-client": "0.8.4-main.e098934",
-    "@dxos/storybook-utils": "0.8.4-main.e098934"
+    "@effect-atom/atom-react": "^0.3.4",
+    "@effect/platform": "0.92.1",
+    "@types/react": "~19.2.2",
+    "@types/react-dom": "~19.2.2",
+    "effect": "3.18.3",
+    "react": "~19.2.0",
+    "react-dom": "~19.2.0",
+    "vite": "7.1.9",
+    "@dxos/react-client": "0.8.4-main.e8ec1fe",
+    "@dxos/storybook-utils": "0.8.4-main.e8ec1fe"
   },
   "peerDependencies": {
-    "@effect-rx/rx-react": "^0.34.1",
+    "@effect-atom/atom-react": "^0.3.4",
     "@effect/platform": "^0.80.12",
     "effect": "^3.13.3",
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "publishConfig": {
     "access": "public"

package/src/GraphPlugin.ts

@@ -11,13 +11,12 @@ import { meta } from './meta';
  * Enables other plugins to register node builders to add nodes to the graph.
  * This includes actions and annotation each other's nodes.
  */
-export const GraphPlugin = () =>
-  definePlugin(meta, [
-    defineModule({
-      id: `${meta.id}/module/graph`,
-      activatesOn: Events.Startup,
-      activatesBefore: [Events.SetupAppGraph, Events.SetupMetadata],
-      activatesAfter: [Events.AppGraphReady],
-      activate: lazy(() => import('./graph')),
-    }),
-  ]);
+export const GraphPlugin = definePlugin(meta, () => [
+  defineModule({
+    id: `${meta.id}/module/graph`,
+    activatesOn: Events.Startup,
+    activatesBefore: [Events.SetupAppGraph, Events.SetupMetadata],
+    activatesAfter: [Events.AppGraphReady],
+    activate: lazy(() => import('./graph')),
+  }),
+]);

package/src/graph.ts

@@ -2,18 +2,18 @@
 // Copyright 2025 DXOS.org
 //
 
-import { Record } from 'effect';
+import * as Record from 'effect/Record';
 
 import { Capabilities, type PluginContext, contributes } from '@dxos/app-framework';
 import { type ExpandableGraph, GraphBuilder, ROOT_ID, flattenExtensions } from '@dxos/app-graph';
 
 // TODO(wittjosiah): Remove or restore graph caching.
-// import { GRAPH_PLUGIN } from './meta';
+// import { meta } from './meta';
 
-// const KEY = `${GRAPH_PLUGIN}/app-graph`;
+// const KEY = `${meta.id}/app-graph`;
 
 export default async (context: PluginContext) => {
-  const registry = context.getCapability(Capabilities.RxRegistry);
+  const registry = context.getCapability(Capabilities.AtomRegistry);
   const builder = GraphBuilder.from(/* localStorage.getItem(KEY) ?? */ undefined, registry);
   // const interval = setInterval(() => {
   //   localStorage.setItem(KEY, builder.graph.pickle());

package/src/hooks/useNode.ts

@@ -2,8 +2,8 @@
 // Copyright 2024 DXOS.org
 //
 
-import { useRxValue } from '@effect-rx/rx-react';
-import { Option } from 'effect';
+import { useAtomValue } from '@effect-atom/atom-react';
+import * as Option from 'effect/Option';
 
 import { type Node, type ReadableGraph, type Relation } from '@dxos/app-graph';
 
@@ -17,13 +17,13 @@ import { type Node, type ReadableGraph, type Relation } from '@dxos/app-graph';
  */
 // TODO(wittjosiah): Factor out to @dxos/app-graph/react.
 export const useNode = <T = any>(graph: ReadableGraph, id?: string): Node<T> | undefined => {
-  return Option.getOrElse(useRxValue(graph.node(id ?? '')), () => undefined);
+  return Option.getOrElse(useAtomValue(graph.node(id ?? '')), () => undefined);
 };
 
 export const useConnections = (graph: ReadableGraph, id?: string, relation?: Relation): Node[] => {
-  return useRxValue(graph.connections(id ?? '', relation));
+  return useAtomValue(graph.connections(id ?? '', relation));
 };
 
 export const useActions = (graph: ReadableGraph, id?: string): Node[] => {
-  return useRxValue(graph.actions(id ?? ''));
+  return useAtomValue(graph.actions(id ?? ''));
 };

package/src/meta.ts

@@ -3,10 +3,13 @@
 //
 
 import { type PluginMeta } from '@dxos/app-framework';
-
-export const GRAPH_PLUGIN = 'dxos.org/plugin/graph';
+import { trim } from '@dxos/util';
 
 export const meta: PluginMeta = {
-  id: GRAPH_PLUGIN,
+  id: 'dxos.org/plugin/graph',
   name: 'Graph',
+  description: trim`
+    Graph database layer providing relationship modeling and queries for workspace objects.
+    Build knowledge graphs and explore complex data relationships.
+  `,
 };

package/dist/lib/browser/graph-UW77N6TF.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/graph.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Record } from 'effect';\n\nimport { Capabilities, type PluginContext, contributes } from '@dxos/app-framework';\nimport { type ExpandableGraph, GraphBuilder, ROOT_ID, flattenExtensions } from '@dxos/app-graph';\n\n// TODO(wittjosiah): Remove or restore graph caching.\n// import { GRAPH_PLUGIN } from './meta';\n\n// const KEY = `${GRAPH_PLUGIN}/app-graph`;\n\nexport default async (context: PluginContext) => {\n  const registry = context.getCapability(Capabilities.RxRegistry);\n  const builder = GraphBuilder.from(/* localStorage.getItem(KEY) ?? */ undefined, registry);\n  // const interval = setInterval(() => {\n  //   localStorage.setItem(KEY, builder.graph.pickle());\n  // }, 5_000);\n\n  const unsubscribe = registry.subscribe(\n    context.capabilities(Capabilities.AppGraphBuilder),\n    (extensions) => {\n      const next = flattenExtensions(extensions);\n      const current = Record.values(registry.get(builder.extensions));\n      const removed = current.filter(({ id }) => !next.some(({ id: nextId }) => nextId === id));\n      removed.forEach((extension) => builder.removeExtension(extension.id));\n      next.forEach((extension) => builder.addExtension(extension));\n    },\n    { immediate: true },\n  );\n\n  // await builder.initialize();\n  void builder.graph.expand(ROOT_ID);\n\n  setupDevtools(builder.graph);\n\n  return contributes(Capabilities.AppGraph, { graph: builder.graph, explore: builder.explore }, () => {\n    // clearInterval(interval);\n    unsubscribe();\n  });\n};\n\n// Expose the graph to the window for debugging.\nconst setupDevtools = (graph: ExpandableGraph) => {\n  (globalThis as any).composer ??= {};\n  (globalThis as any).composer.graph = graph;\n};\n"],
-  "mappings": ";AAIA,SAASA,cAAc;AAEvB,SAASC,cAAkCC,mBAAmB;AAC9D,SAA+BC,cAAcC,SAASC,yBAAyB;AAO/E,IAAA,gBAAe,OAAOC,YAAAA;AACpB,QAAMC,WAAWD,QAAQE,cAAcC,aAAaC,UAAU;AAC9D,QAAMC,UAAUC,aAAaC;;IAAwCC;IAAWP;EAAAA;AAKhF,QAAMQ,cAAcR,SAASS,UAC3BV,QAAQW,aAAaR,aAAaS,eAAe,GACjD,CAACC,eAAAA;AACC,UAAMC,OAAOC,kBAAkBF,UAAAA;AAC/B,UAAMG,UAAUC,OAAOC,OAAOjB,SAASkB,IAAId,QAAQQ,UAAU,CAAA;AAC7D,UAAMO,UAAUJ,QAAQK,OAAO,CAAC,EAAEC,GAAE,MAAO,CAACR,KAAKS,KAAK,CAAC,EAAED,IAAIE,OAAM,MAAOA,WAAWF,EAAAA,CAAAA;AACrFF,YAAQK,QAAQ,CAACC,cAAcrB,QAAQsB,gBAAgBD,UAAUJ,EAAE,CAAA;AACnER,SAAKW,QAAQ,CAACC,cAAcrB,QAAQuB,aAAaF,SAAAA,CAAAA;EACnD,GACA;IAAEG,WAAW;EAAK,CAAA;AAIpB,OAAKxB,QAAQyB,MAAMC,OAAOC,OAAAA;AAE1BC,gBAAc5B,QAAQyB,KAAK;AAE3B,SAAOI,YAAY/B,aAAagC,UAAU;IAAEL,OAAOzB,QAAQyB;IAAOM,SAAS/B,QAAQ+B;EAAQ,GAAG,MAAA;AAE5F3B,gBAAAA;EACF,CAAA;AACF;AAGA,IAAMwB,gBAAgB,CAACH,UAAAA;MACpBO;AAAD,GAACA,cAAAA,YAAmBC,aAAnBD,YAAmBC,WAAa,CAAC;AACjCD,aAAmBC,SAASR,QAAQA;AACvC;",
-  "names": ["Record", "Capabilities", "contributes", "GraphBuilder", "ROOT_ID", "flattenExtensions", "context", "registry", "getCapability", "Capabilities", "RxRegistry", "builder", "GraphBuilder", "from", "undefined", "unsubscribe", "subscribe", "capabilities", "AppGraphBuilder", "extensions", "next", "flattenExtensions", "current", "Record", "values", "get", "removed", "filter", "id", "some", "nextId", "forEach", "extension", "removeExtension", "addExtension", "immediate", "graph", "expand", "ROOT_ID", "setupDevtools", "contributes", "AppGraph", "explore", "globalThis", "composer"]
-}

package/dist/lib/node-esm/graph-UIVRXZE6.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/graph.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Record } from 'effect';\n\nimport { Capabilities, type PluginContext, contributes } from '@dxos/app-framework';\nimport { type ExpandableGraph, GraphBuilder, ROOT_ID, flattenExtensions } from '@dxos/app-graph';\n\n// TODO(wittjosiah): Remove or restore graph caching.\n// import { GRAPH_PLUGIN } from './meta';\n\n// const KEY = `${GRAPH_PLUGIN}/app-graph`;\n\nexport default async (context: PluginContext) => {\n  const registry = context.getCapability(Capabilities.RxRegistry);\n  const builder = GraphBuilder.from(/* localStorage.getItem(KEY) ?? */ undefined, registry);\n  // const interval = setInterval(() => {\n  //   localStorage.setItem(KEY, builder.graph.pickle());\n  // }, 5_000);\n\n  const unsubscribe = registry.subscribe(\n    context.capabilities(Capabilities.AppGraphBuilder),\n    (extensions) => {\n      const next = flattenExtensions(extensions);\n      const current = Record.values(registry.get(builder.extensions));\n      const removed = current.filter(({ id }) => !next.some(({ id: nextId }) => nextId === id));\n      removed.forEach((extension) => builder.removeExtension(extension.id));\n      next.forEach((extension) => builder.addExtension(extension));\n    },\n    { immediate: true },\n  );\n\n  // await builder.initialize();\n  void builder.graph.expand(ROOT_ID);\n\n  setupDevtools(builder.graph);\n\n  return contributes(Capabilities.AppGraph, { graph: builder.graph, explore: builder.explore }, () => {\n    // clearInterval(interval);\n    unsubscribe();\n  });\n};\n\n// Expose the graph to the window for debugging.\nconst setupDevtools = (graph: ExpandableGraph) => {\n  (globalThis as any).composer ??= {};\n  (globalThis as any).composer.graph = graph;\n};\n"],
-  "mappings": ";;;AAIA,SAASA,cAAc;AAEvB,SAASC,cAAkCC,mBAAmB;AAC9D,SAA+BC,cAAcC,SAASC,yBAAyB;AAO/E,IAAA,gBAAe,OAAOC,YAAAA;AACpB,QAAMC,WAAWD,QAAQE,cAAcC,aAAaC,UAAU;AAC9D,QAAMC,UAAUC,aAAaC;;IAAwCC;IAAWP;EAAAA;AAKhF,QAAMQ,cAAcR,SAASS,UAC3BV,QAAQW,aAAaR,aAAaS,eAAe,GACjD,CAACC,eAAAA;AACC,UAAMC,OAAOC,kBAAkBF,UAAAA;AAC/B,UAAMG,UAAUC,OAAOC,OAAOjB,SAASkB,IAAId,QAAQQ,UAAU,CAAA;AAC7D,UAAMO,UAAUJ,QAAQK,OAAO,CAAC,EAAEC,GAAE,MAAO,CAACR,KAAKS,KAAK,CAAC,EAAED,IAAIE,OAAM,MAAOA,WAAWF,EAAAA,CAAAA;AACrFF,YAAQK,QAAQ,CAACC,cAAcrB,QAAQsB,gBAAgBD,UAAUJ,EAAE,CAAA;AACnER,SAAKW,QAAQ,CAACC,cAAcrB,QAAQuB,aAAaF,SAAAA,CAAAA;EACnD,GACA;IAAEG,WAAW;EAAK,CAAA;AAIpB,OAAKxB,QAAQyB,MAAMC,OAAOC,OAAAA;AAE1BC,gBAAc5B,QAAQyB,KAAK;AAE3B,SAAOI,YAAY/B,aAAagC,UAAU;IAAEL,OAAOzB,QAAQyB;IAAOM,SAAS/B,QAAQ+B;EAAQ,GAAG,MAAA;AAE5F3B,gBAAAA;EACF,CAAA;AACF;AAGA,IAAMwB,gBAAgB,CAACH,UAAAA;MACpBO;AAAD,GAACA,cAAAA,YAAmBC,aAAnBD,YAAmBC,WAAa,CAAC;AACjCD,aAAmBC,SAASR,QAAQA;AACvC;",
-  "names": ["Record", "Capabilities", "contributes", "GraphBuilder", "ROOT_ID", "flattenExtensions", "context", "registry", "getCapability", "Capabilities", "RxRegistry", "builder", "GraphBuilder", "from", "undefined", "unsubscribe", "subscribe", "capabilities", "AppGraphBuilder", "extensions", "next", "flattenExtensions", "current", "Record", "values", "get", "removed", "filter", "id", "some", "nextId", "forEach", "extension", "removeExtension", "addExtension", "immediate", "graph", "expand", "ROOT_ID", "setupDevtools", "contributes", "AppGraph", "explore", "globalThis", "composer"]
-}