@dxos/plugin-graph 0.6.14-main.f49f251 → 0.6.14-staging.77003c1

package/dist/lib/browser/chunk-SYPRW7IK.mjs

@@ -0,0 +1,11 @@
+// packages/plugins/plugin-graph/src/meta.ts
+var GRAPH_PLUGIN = "dxos.org/plugin/graph";
+var meta_default = {
+  id: GRAPH_PLUGIN
+};
+
+export {
+  GRAPH_PLUGIN,
+  meta_default
+};
+//# sourceMappingURL=chunk-SYPRW7IK.mjs.map

package/dist/lib/browser/chunk-SYPRW7IK.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const GRAPH_PLUGIN = 'dxos.org/plugin/graph';\n\nexport default {\n  id: GRAPH_PLUGIN,\n} satisfies PluginMeta;\n"],
+  "mappings": ";AAMO,IAAMA,eAAe;AAE5B,IAAA,eAAe;EACbC,IAAID;AACN;",
+  "names": ["GRAPH_PLUGIN", "id"]
+}

package/dist/lib/browser/index.mjs

@@ -1,11 +1,14 @@
 import {
+  GRAPH_PLUGIN,
   meta_default
-} from "./chunk-4OVHWC4C.mjs";
+} from "./chunk-SYPRW7IK.mjs";
 
 // packages/plugins/plugin-graph/src/GraphPlugin.tsx
+import { effect } from "@preact/signals-core";
 import React from "react";
 import { filterPlugins, parseGraphBuilderPlugin } from "@dxos/app-framework";
 import { GraphBuilder } from "@dxos/app-graph";
+import { debounce } from "@dxos/async";
 
 // packages/plugins/plugin-graph/src/GraphContext.ts
 import { createContext, useContext } from "react";
@@ -14,12 +17,25 @@ var GraphContext = createContext(null);
 var useGraph = () => useContext(GraphContext) ?? raise(new Error("Missing GraphContext"));
 
 // packages/plugins/plugin-graph/src/GraphPlugin.tsx
+var KEY = `${GRAPH_PLUGIN}/graph`;
 var GraphPlugin = () => {
-  const builder = new GraphBuilder();
+  const builder = GraphBuilder.from(localStorage.getItem(KEY) ?? void 0);
+  let unsubscribe;
   return {
     meta: meta_default,
     ready: async (plugins) => {
       filterPlugins(plugins, parseGraphBuilderPlugin).forEach((plugin) => builder.addExtension(plugin.provides.graph.builder(plugins)));
+      await builder.initialize();
+      unsubscribe = effect(debounce(() => {
+        localStorage.setItem(`${GRAPH_PLUGIN}/graph`, builder.graph.pickle());
+      }, 1e3));
+      const composer = window.composer;
+      if (typeof composer === "object") {
+        composer.graph = builder.graph;
+      }
+    },
+    unload: async () => {
+      unsubscribe?.();
     },
     provides: {
       graph: builder.graph,

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/GraphPlugin.tsx", "../../../src/GraphContext.ts", "../../../src/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { filterPlugins, type GraphProvides, type PluginDefinition, parseGraphBuilderPlugin } from '@dxos/app-framework';\nimport { GraphBuilder } from '@dxos/app-graph';\n\nimport { GraphContext } from './GraphContext';\nimport meta from './meta';\n\n/**\n * Manages the state of the graph for the application.\n * Enables other plugins to register node builders to add nodes to the graph.\n * This includes actions and annotation each other's nodes.\n */\nexport const GraphPlugin = (): PluginDefinition<GraphProvides> => {\n  const builder = new GraphBuilder();\n\n  return {\n    meta,\n    ready: async (plugins) => {\n      filterPlugins(plugins, parseGraphBuilderPlugin).forEach((plugin) =>\n        builder.addExtension(plugin.provides.graph.builder(plugins)),\n      );\n    },\n    provides: {\n      graph: builder.graph,\n      // TODO(wittjosiah): This is janky.\n      explore: (options) => builder.explore(options),\n      context: ({ children }) => (\n        <GraphContext.Provider value={{ graph: builder.graph }}>{children}</GraphContext.Provider>\n      ),\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\n// TODO(wittjosiah): State can be a GraphNode.\nimport { type Context, createContext, useContext } from 'react';\n\nimport { type Graph } from '@dxos/app-graph';\nimport { raise } from '@dxos/debug';\n\nexport type GraphContext = { graph: Graph };\n\nexport const GraphContext: Context<GraphContext | null> = createContext<GraphContext | null>(null);\n\nexport const useGraph = (): GraphContext => useContext(GraphContext) ?? raise(new Error('Missing GraphContext'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { GraphPlugin } from './GraphPlugin';\n\nexport default GraphPlugin;\n\nexport * from '@dxos/app-graph';\n\nexport * from './GraphContext';\nexport * from './GraphPlugin';\n"],
-  "mappings": ";;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,eAA0DC,+BAA+B;AAClG,SAASC,oBAAoB;;;ACF7B,SAAuBC,eAAeC,kBAAkB;AAGxD,SAASC,aAAa;AAIf,IAAMC,eAA6CC,cAAmC,IAAA;AAEtF,IAAMC,WAAW,MAAoBC,WAAWH,YAAAA,KAAiBI,MAAM,IAAIC,MAAM,sBAAA,CAAA;;;ADGjF,IAAMC,cAAc,MAAA;AACzB,QAAMC,UAAU,IAAIC,aAAAA;AAEpB,SAAO;IACLC;IACAC,OAAO,OAAOC,YAAAA;AACZC,oBAAcD,SAASE,uBAAAA,EAAyBC,QAAQ,CAACC,WACvDR,QAAQS,aAAaD,OAAOE,SAASC,MAAMX,QAAQI,OAAAA,CAAAA,CAAAA;IAEvD;IACAM,UAAU;MACRC,OAAOX,QAAQW;;MAEfC,SAAS,CAACC,YAAYb,QAAQY,QAAQC,OAAAA;MACtCC,SAAS,CAAC,EAAEC,SAAQ,MAClB,sBAAA,cAACC,aAAaC,UAAQ;QAACC,OAAO;UAAEP,OAAOX,QAAQW;QAAM;SAAII,QAAAA;IAE7D;EACF;AACF;;;AE5BA,cAAc;AAFd,IAAA,cAAeI;",
-  "names": ["React", "filterPlugins", "parseGraphBuilderPlugin", "GraphBuilder", "createContext", "useContext", "raise", "GraphContext", "createContext", "useGraph", "useContext", "raise", "Error", "GraphPlugin", "builder", "GraphBuilder", "meta", "ready", "plugins", "filterPlugins", "parseGraphBuilderPlugin", "forEach", "plugin", "addExtension", "provides", "graph", "explore", "options", "context", "children", "GraphContext", "Provider", "value", "GraphPlugin"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { effect } from '@preact/signals-core';\nimport React from 'react';\n\nimport { filterPlugins, type GraphProvides, type PluginDefinition, parseGraphBuilderPlugin } from '@dxos/app-framework';\nimport { GraphBuilder } from '@dxos/app-graph';\nimport { debounce, type UnsubscribeCallback } from '@dxos/async';\n\nimport { GraphContext } from './GraphContext';\nimport meta, { GRAPH_PLUGIN } from './meta';\n\nconst KEY = `${GRAPH_PLUGIN}/graph`;\n\n/**\n * Manages the state of the graph for the application.\n * Enables other plugins to register node builders to add nodes to the graph.\n * This includes actions and annotation each other's nodes.\n */\nexport const GraphPlugin = (): PluginDefinition<GraphProvides> => {\n  const builder = GraphBuilder.from(localStorage.getItem(KEY) ?? undefined);\n  let unsubscribe: UnsubscribeCallback | undefined;\n\n  return {\n    meta,\n    ready: async (plugins) => {\n      filterPlugins(plugins, parseGraphBuilderPlugin).forEach((plugin) =>\n        builder.addExtension(plugin.provides.graph.builder(plugins)),\n      );\n\n      await builder.initialize();\n\n      unsubscribe = effect(\n        debounce(() => {\n          localStorage.setItem(`${GRAPH_PLUGIN}/graph`, builder.graph.pickle());\n        }, 1000),\n      );\n\n      // Expose the graph to the window for debugging.\n      const composer = (window as any).composer;\n      if (typeof composer === 'object') {\n        composer.graph = builder.graph;\n      }\n    },\n    unload: async () => {\n      unsubscribe?.();\n    },\n    provides: {\n      graph: builder.graph,\n      // TODO(wittjosiah): This is janky.\n      explore: (options) => builder.explore(options),\n      context: ({ children }) => (\n        <GraphContext.Provider value={{ graph: builder.graph }}>{children}</GraphContext.Provider>\n      ),\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\n// TODO(wittjosiah): State can be a GraphNode.\nimport { type Context, createContext, useContext } from 'react';\n\nimport { type Graph } from '@dxos/app-graph';\nimport { raise } from '@dxos/debug';\n\nexport type GraphContext = { graph: Graph };\n\nexport const GraphContext: Context<GraphContext | null> = createContext<GraphContext | null>(null);\n\nexport const useGraph = (): GraphContext => useContext(GraphContext) ?? raise(new Error('Missing GraphContext'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { GraphPlugin } from './GraphPlugin';\n\nexport default GraphPlugin;\n\nexport * from '@dxos/app-graph';\n\nexport * from './GraphContext';\nexport * from './GraphPlugin';\n"],
+  "mappings": ";;;;;;AAIA,SAASA,cAAc;AACvB,OAAOC,WAAW;AAElB,SAASC,eAA0DC,+BAA+B;AAClG,SAASC,oBAAoB;AAC7B,SAASC,gBAA0C;;;ACJnD,SAAuBC,eAAeC,kBAAkB;AAGxD,SAASC,aAAa;AAIf,IAAMC,eAA6CC,cAAmC,IAAA;AAEtF,IAAMC,WAAW,MAAoBC,WAAWH,YAAAA,KAAiBI,MAAM,IAAIC,MAAM,sBAAA,CAAA;;;ADAxF,IAAMC,MAAM,GAAGC,YAAAA;AAOR,IAAMC,cAAc,MAAA;AACzB,QAAMC,UAAUC,aAAaC,KAAKC,aAAaC,QAAQP,GAAAA,KAAQQ,MAAAA;AAC/D,MAAIC;AAEJ,SAAO;IACLC;IACAC,OAAO,OAAOC,YAAAA;AACZC,oBAAcD,SAASE,uBAAAA,EAAyBC,QAAQ,CAACC,WACvDb,QAAQc,aAAaD,OAAOE,SAASC,MAAMhB,QAAQS,OAAAA,CAAAA,CAAAA;AAGrD,YAAMT,QAAQiB,WAAU;AAExBX,oBAAcY,OACZC,SAAS,MAAA;AACPhB,qBAAaiB,QAAQ,GAAGtB,YAAAA,UAAsBE,QAAQgB,MAAMK,OAAM,CAAA;MACpE,GAAG,GAAA,CAAA;AAIL,YAAMC,WAAYC,OAAeD;AACjC,UAAI,OAAOA,aAAa,UAAU;AAChCA,iBAASN,QAAQhB,QAAQgB;MAC3B;IACF;IACAQ,QAAQ,YAAA;AACNlB,oBAAAA;IACF;IACAS,UAAU;MACRC,OAAOhB,QAAQgB;;MAEfS,SAAS,CAACC,YAAY1B,QAAQyB,QAAQC,OAAAA;MACtCC,SAAS,CAAC,EAAEC,SAAQ,MAClB,sBAAA,cAACC,aAAaC,UAAQ;QAACC,OAAO;UAAEf,OAAOhB,QAAQgB;QAAM;SAAIY,QAAAA;IAE7D;EACF;AACF;;;AElDA,cAAc;AAFd,IAAA,cAAeI;",
+  "names": ["effect", "React", "filterPlugins", "parseGraphBuilderPlugin", "GraphBuilder", "debounce", "createContext", "useContext", "raise", "GraphContext", "createContext", "useGraph", "useContext", "raise", "Error", "KEY", "GRAPH_PLUGIN", "GraphPlugin", "builder", "GraphBuilder", "from", "localStorage", "getItem", "undefined", "unsubscribe", "meta", "ready", "plugins", "filterPlugins", "parseGraphBuilderPlugin", "forEach", "plugin", "addExtension", "provides", "graph", "initialize", "effect", "debounce", "setItem", "pickle", "composer", "window", "unload", "explore", "options", "context", "children", "GraphContext", "Provider", "value", "GraphPlugin"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-graph/src/GraphContext.ts":{"bytes":1674,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-graph/src/meta.ts":{"bytes":692,"imports":[],"format":"esm"},"packages/plugins/plugin-graph/src/GraphPlugin.tsx":{"bytes":4155,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/GraphContext.ts","kind":"import-statement","original":"./GraphContext"},{"path":"packages/plugins/plugin-graph/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-graph/src/index.ts":{"bytes":978,"imports":[{"path":"packages/plugins/plugin-graph/src/GraphPlugin.tsx","kind":"import-statement","original":"./GraphPlugin"},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/GraphContext.ts","kind":"import-statement","original":"./GraphContext"},{"path":"packages/plugins/plugin-graph/src/GraphPlugin.tsx","kind":"import-statement","original":"./GraphPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-graph/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3164},"packages/plugins/plugin-graph/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/browser/chunk-4OVHWC4C.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"exports":["GraphContext","GraphPlugin","default","useGraph"],"entryPoint":"packages/plugins/plugin-graph/src/index.ts","inputs":{"packages/plugins/plugin-graph/src/GraphPlugin.tsx":{"bytesInOutput":753},"packages/plugins/plugin-graph/src/GraphContext.ts":{"bytesInOutput":219},"packages/plugins/plugin-graph/src/index.ts":{"bytesInOutput":64}},"bytes":1415},"packages/plugins/plugin-graph/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-graph/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/browser/chunk-4OVHWC4C.mjs","kind":"import-statement"}],"exports":["default"],"entryPoint":"packages/plugins/plugin-graph/src/meta.ts","inputs":{},"bytes":127},"packages/plugins/plugin-graph/dist/lib/browser/chunk-4OVHWC4C.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":324},"packages/plugins/plugin-graph/dist/lib/browser/chunk-4OVHWC4C.mjs":{"imports":[],"exports":["meta_default"],"inputs":{"packages/plugins/plugin-graph/src/meta.ts":{"bytesInOutput":54}},"bytes":171}}}
+{"inputs":{"packages/plugins/plugin-graph/src/GraphContext.ts":{"bytes":1674,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-graph/src/meta.ts":{"bytes":854,"imports":[],"format":"esm"},"packages/plugins/plugin-graph/src/GraphPlugin.tsx":{"bytes":6628,"imports":[{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/GraphContext.ts","kind":"import-statement","original":"./GraphContext"},{"path":"packages/plugins/plugin-graph/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-graph/src/index.ts":{"bytes":978,"imports":[{"path":"packages/plugins/plugin-graph/src/GraphPlugin.tsx","kind":"import-statement","original":"./GraphPlugin"},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/GraphContext.ts","kind":"import-statement","original":"./GraphContext"},{"path":"packages/plugins/plugin-graph/src/GraphPlugin.tsx","kind":"import-statement","original":"./GraphPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-graph/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4461},"packages/plugins/plugin-graph/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/browser/chunk-SYPRW7IK.mjs","kind":"import-statement"},{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"exports":["GraphContext","GraphPlugin","default","useGraph"],"entryPoint":"packages/plugins/plugin-graph/src/index.ts","inputs":{"packages/plugins/plugin-graph/src/GraphPlugin.tsx":{"bytesInOutput":1289},"packages/plugins/plugin-graph/src/GraphContext.ts":{"bytesInOutput":219},"packages/plugins/plugin-graph/src/index.ts":{"bytesInOutput":64}},"bytes":1967},"packages/plugins/plugin-graph/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-graph/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/browser/chunk-SYPRW7IK.mjs","kind":"import-statement"}],"exports":["GRAPH_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-graph/src/meta.ts","inputs":{},"bytes":159},"packages/plugins/plugin-graph/dist/lib/browser/chunk-SYPRW7IK.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":403},"packages/plugins/plugin-graph/dist/lib/browser/chunk-SYPRW7IK.mjs":{"imports":[],"exports":["GRAPH_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-graph/src/meta.ts":{"bytesInOutput":87}},"bytes":220}}}

package/dist/lib/browser/meta.mjs

@@ -1,7 +1,9 @@
 import {
+  GRAPH_PLUGIN,
   meta_default
-} from "./chunk-4OVHWC4C.mjs";
+} from "./chunk-SYPRW7IK.mjs";
 export {
+  GRAPH_PLUGIN,
   meta_default as default
 };
 //# sourceMappingURL=meta.mjs.map

package/dist/lib/node/{chunk-JMUG24QZ.cjs → chunk-PIWXSWR4.cjs}

@@ -16,16 +16,19 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_JMUG24QZ_exports = {};
-__export(chunk_JMUG24QZ_exports, {
+var chunk_PIWXSWR4_exports = {};
+__export(chunk_PIWXSWR4_exports, {
+  GRAPH_PLUGIN: () => GRAPH_PLUGIN,
   meta_default: () => meta_default
 });
-module.exports = __toCommonJS(chunk_JMUG24QZ_exports);
+module.exports = __toCommonJS(chunk_PIWXSWR4_exports);
+var GRAPH_PLUGIN = "dxos.org/plugin/graph";
 var meta_default = {
-  id: "dxos.org/plugin/graph"
+  id: GRAPH_PLUGIN
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  GRAPH_PLUGIN,
   meta_default
 });
-//# sourceMappingURL=chunk-JMUG24QZ.cjs.map
+//# sourceMappingURL=chunk-PIWXSWR4.cjs.map

package/dist/lib/node/chunk-PIWXSWR4.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const GRAPH_PLUGIN = 'dxos.org/plugin/graph';\n\nexport default {\n  id: GRAPH_PLUGIN,\n} satisfies PluginMeta;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAMA,eAAe;AAE5B,IAAA,eAAe;EACbC,IAAID;AACN;",
+  "names": ["GRAPH_PLUGIN", "id"]
+}

package/dist/lib/node/index.cjs

@@ -35,21 +35,36 @@ __export(node_exports, {
   useGraph: () => useGraph
 });
 module.exports = __toCommonJS(node_exports);
-var import_chunk_JMUG24QZ = require("./chunk-JMUG24QZ.cjs");
+var import_chunk_PIWXSWR4 = require("./chunk-PIWXSWR4.cjs");
+var import_signals_core = require("@preact/signals-core");
 var import_react = __toESM(require("react"));
 var import_app_framework = require("@dxos/app-framework");
 var import_app_graph = require("@dxos/app-graph");
+var import_async = require("@dxos/async");
 var import_react2 = require("react");
 var import_debug = require("@dxos/debug");
 __reExport(node_exports, require("@dxos/app-graph"), module.exports);
 var GraphContext = (0, import_react2.createContext)(null);
 var useGraph = () => (0, import_react2.useContext)(GraphContext) ?? (0, import_debug.raise)(new Error("Missing GraphContext"));
+var KEY = `${import_chunk_PIWXSWR4.GRAPH_PLUGIN}/graph`;
 var GraphPlugin = () => {
-  const builder = new import_app_graph.GraphBuilder();
+  const builder = import_app_graph.GraphBuilder.from(localStorage.getItem(KEY) ?? void 0);
+  let unsubscribe;
   return {
-    meta: import_chunk_JMUG24QZ.meta_default,
+    meta: import_chunk_PIWXSWR4.meta_default,
     ready: async (plugins) => {
       (0, import_app_framework.filterPlugins)(plugins, import_app_framework.parseGraphBuilderPlugin).forEach((plugin) => builder.addExtension(plugin.provides.graph.builder(plugins)));
+      await builder.initialize();
+      unsubscribe = (0, import_signals_core.effect)((0, import_async.debounce)(() => {
+        localStorage.setItem(`${import_chunk_PIWXSWR4.GRAPH_PLUGIN}/graph`, builder.graph.pickle());
+      }, 1e3));
+      const composer = window.composer;
+      if (typeof composer === "object") {
+        composer.graph = builder.graph;
+      }
+    },
+    unload: async () => {
+      unsubscribe?.();
     },
     provides: {
       graph: builder.graph,

package/dist/lib/node/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/GraphPlugin.tsx", "../../../src/GraphContext.ts", "../../../src/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { filterPlugins, type GraphProvides, type PluginDefinition, parseGraphBuilderPlugin } from '@dxos/app-framework';\nimport { GraphBuilder } from '@dxos/app-graph';\n\nimport { GraphContext } from './GraphContext';\nimport meta from './meta';\n\n/**\n * Manages the state of the graph for the application.\n * Enables other plugins to register node builders to add nodes to the graph.\n * This includes actions and annotation each other's nodes.\n */\nexport const GraphPlugin = (): PluginDefinition<GraphProvides> => {\n  const builder = new GraphBuilder();\n\n  return {\n    meta,\n    ready: async (plugins) => {\n      filterPlugins(plugins, parseGraphBuilderPlugin).forEach((plugin) =>\n        builder.addExtension(plugin.provides.graph.builder(plugins)),\n      );\n    },\n    provides: {\n      graph: builder.graph,\n      // TODO(wittjosiah): This is janky.\n      explore: (options) => builder.explore(options),\n      context: ({ children }) => (\n        <GraphContext.Provider value={{ graph: builder.graph }}>{children}</GraphContext.Provider>\n      ),\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\n// TODO(wittjosiah): State can be a GraphNode.\nimport { type Context, createContext, useContext } from 'react';\n\nimport { type Graph } from '@dxos/app-graph';\nimport { raise } from '@dxos/debug';\n\nexport type GraphContext = { graph: Graph };\n\nexport const GraphContext: Context<GraphContext | null> = createContext<GraphContext | null>(null);\n\nexport const useGraph = (): GraphContext => useContext(GraphContext) ?? raise(new Error('Missing GraphContext'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { GraphPlugin } from './GraphPlugin';\n\nexport default GraphPlugin;\n\nexport * from '@dxos/app-graph';\n\nexport * from './GraphContext';\nexport * from './GraphPlugin';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAAkB;AAElB,2BAAkG;AAClG,uBAA6B;ACF7B,IAAAA,gBAAwD;AAGxD,mBAAsB;ACAtB,yBAAc;ADIP,IAAMC,mBAA6CC,6BAAmC,IAAA;AAEtF,IAAMC,WAAW,UAAoBC,0BAAWH,YAAAA,SAAiBI,oBAAM,IAAIC,MAAM,sBAAA,CAAA;ADGjF,IAAMC,cAAc,MAAA;AACzB,QAAMC,UAAU,IAAIC,8BAAAA;AAEpB,SAAO;IACLC,MAAAA;IACAC,OAAO,OAAOC,YAAAA;AACZC,8CAAcD,SAASE,4CAAAA,EAAyBC,QAAQ,CAACC,WACvDR,QAAQS,aAAaD,OAAOE,SAASC,MAAMX,QAAQI,OAAAA,CAAAA,CAAAA;IAEvD;IACAM,UAAU;MACRC,OAAOX,QAAQW;;MAEfC,SAAS,CAACC,YAAYb,QAAQY,QAAQC,OAAAA;MACtCC,SAAS,CAAC,EAAEC,SAAQ,MAClB,6BAAAC,QAAA,cAACvB,aAAawB,UAAQ;QAACC,OAAO;UAAEP,OAAOX,QAAQW;QAAM;SAAII,QAAAA;IAE7D;EACF;AACF;AE9BA,IAAA,cAAehB;",
-  "names": ["import_react", "GraphContext", "createContext", "useGraph", "useContext", "raise", "Error", "GraphPlugin", "builder", "GraphBuilder", "meta", "ready", "plugins", "filterPlugins", "parseGraphBuilderPlugin", "forEach", "plugin", "addExtension", "provides", "graph", "explore", "options", "context", "children", "React", "Provider", "value"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { effect } from '@preact/signals-core';\nimport React from 'react';\n\nimport { filterPlugins, type GraphProvides, type PluginDefinition, parseGraphBuilderPlugin } from '@dxos/app-framework';\nimport { GraphBuilder } from '@dxos/app-graph';\nimport { debounce, type UnsubscribeCallback } from '@dxos/async';\n\nimport { GraphContext } from './GraphContext';\nimport meta, { GRAPH_PLUGIN } from './meta';\n\nconst KEY = `${GRAPH_PLUGIN}/graph`;\n\n/**\n * Manages the state of the graph for the application.\n * Enables other plugins to register node builders to add nodes to the graph.\n * This includes actions and annotation each other's nodes.\n */\nexport const GraphPlugin = (): PluginDefinition<GraphProvides> => {\n  const builder = GraphBuilder.from(localStorage.getItem(KEY) ?? undefined);\n  let unsubscribe: UnsubscribeCallback | undefined;\n\n  return {\n    meta,\n    ready: async (plugins) => {\n      filterPlugins(plugins, parseGraphBuilderPlugin).forEach((plugin) =>\n        builder.addExtension(plugin.provides.graph.builder(plugins)),\n      );\n\n      await builder.initialize();\n\n      unsubscribe = effect(\n        debounce(() => {\n          localStorage.setItem(`${GRAPH_PLUGIN}/graph`, builder.graph.pickle());\n        }, 1000),\n      );\n\n      // Expose the graph to the window for debugging.\n      const composer = (window as any).composer;\n      if (typeof composer === 'object') {\n        composer.graph = builder.graph;\n      }\n    },\n    unload: async () => {\n      unsubscribe?.();\n    },\n    provides: {\n      graph: builder.graph,\n      // TODO(wittjosiah): This is janky.\n      explore: (options) => builder.explore(options),\n      context: ({ children }) => (\n        <GraphContext.Provider value={{ graph: builder.graph }}>{children}</GraphContext.Provider>\n      ),\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\n// TODO(wittjosiah): State can be a GraphNode.\nimport { type Context, createContext, useContext } from 'react';\n\nimport { type Graph } from '@dxos/app-graph';\nimport { raise } from '@dxos/debug';\n\nexport type GraphContext = { graph: Graph };\n\nexport const GraphContext: Context<GraphContext | null> = createContext<GraphContext | null>(null);\n\nexport const useGraph = (): GraphContext => useContext(GraphContext) ?? raise(new Error('Missing GraphContext'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { GraphPlugin } from './GraphPlugin';\n\nexport default GraphPlugin;\n\nexport * from '@dxos/app-graph';\n\nexport * from './GraphContext';\nexport * from './GraphPlugin';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,0BAAuB;AACvB,mBAAkB;AAElB,2BAAkG;AAClG,uBAA6B;AAC7B,mBAAmD;ACJnD,IAAAA,gBAAwD;AAGxD,mBAAsB;ACAtB,yBAAc;ADIP,IAAMC,mBAA6CC,6BAAmC,IAAA;AAEtF,IAAMC,WAAW,UAAoBC,0BAAWH,YAAAA,SAAiBI,oBAAM,IAAIC,MAAM,sBAAA,CAAA;ADAxF,IAAMC,MAAM,GAAGC,kCAAAA;AAOR,IAAMC,cAAc,MAAA;AACzB,QAAMC,UAAUC,8BAAaC,KAAKC,aAAaC,QAAQP,GAAAA,KAAQQ,MAAAA;AAC/D,MAAIC;AAEJ,SAAO;IACLC,MAAAA;IACAC,OAAO,OAAOC,YAAAA;AACZC,8CAAcD,SAASE,4CAAAA,EAAyBC,QAAQ,CAACC,WACvDb,QAAQc,aAAaD,OAAOE,SAASC,MAAMhB,QAAQS,OAAAA,CAAAA,CAAAA;AAGrD,YAAMT,QAAQiB,WAAU;AAExBX,wBAAcY,gCACZC,uBAAS,MAAA;AACPhB,qBAAaiB,QAAQ,GAAGtB,kCAAAA,UAAsBE,QAAQgB,MAAMK,OAAM,CAAA;MACpE,GAAG,GAAA,CAAA;AAIL,YAAMC,WAAYC,OAAeD;AACjC,UAAI,OAAOA,aAAa,UAAU;AAChCA,iBAASN,QAAQhB,QAAQgB;MAC3B;IACF;IACAQ,QAAQ,YAAA;AACNlB,oBAAAA;IACF;IACAS,UAAU;MACRC,OAAOhB,QAAQgB;;MAEfS,SAAS,CAACC,YAAY1B,QAAQyB,QAAQC,OAAAA;MACtCC,SAAS,CAAC,EAAEC,SAAQ,MAClB,6BAAAC,QAAA,cAACtC,aAAauC,UAAQ;QAACC,OAAO;UAAEf,OAAOhB,QAAQgB;QAAM;SAAIY,QAAAA;IAE7D;EACF;AACF;AEpDA,IAAA,cAAe7B;",
+  "names": ["import_react", "GraphContext", "createContext", "useGraph", "useContext", "raise", "Error", "KEY", "GRAPH_PLUGIN", "GraphPlugin", "builder", "GraphBuilder", "from", "localStorage", "getItem", "undefined", "unsubscribe", "meta", "ready", "plugins", "filterPlugins", "parseGraphBuilderPlugin", "forEach", "plugin", "addExtension", "provides", "graph", "initialize", "effect", "debounce", "setItem", "pickle", "composer", "window", "unload", "explore", "options", "context", "children", "React", "Provider", "value"]
 }

package/dist/lib/node/meta.cjs

@@ -18,8 +18,13 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var meta_exports = {};
 __export(meta_exports, {
-  default: () => import_chunk_JMUG24QZ.meta_default
+  GRAPH_PLUGIN: () => import_chunk_PIWXSWR4.GRAPH_PLUGIN,
+  default: () => import_chunk_PIWXSWR4.meta_default
 });
 module.exports = __toCommonJS(meta_exports);
-var import_chunk_JMUG24QZ = require("./chunk-JMUG24QZ.cjs");
+var import_chunk_PIWXSWR4 = require("./chunk-PIWXSWR4.cjs");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GRAPH_PLUGIN
+});
 //# sourceMappingURL=meta.cjs.map

package/dist/lib/node/meta.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["meta.cjs"],
-  "sourcesContent": ["import {\n  meta_default\n} from \"./chunk-JMUG24QZ.cjs\";\nexport {\n  meta_default as default\n};\n//# sourceMappingURL=meta.cjs.map\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAEO;",
+  "sourcesContent": ["import {\n  GRAPH_PLUGIN,\n  meta_default\n} from \"./chunk-PIWXSWR4.cjs\";\nexport {\n  GRAPH_PLUGIN,\n  meta_default as default\n};\n//# sourceMappingURL=meta.cjs.map\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAGO;",
   "names": []
 }

package/dist/lib/node/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-graph/src/GraphContext.ts":{"bytes":1674,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-graph/src/meta.ts":{"bytes":692,"imports":[],"format":"esm"},"packages/plugins/plugin-graph/src/GraphPlugin.tsx":{"bytes":4155,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/GraphContext.ts","kind":"import-statement","original":"./GraphContext"},{"path":"packages/plugins/plugin-graph/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-graph/src/index.ts":{"bytes":978,"imports":[{"path":"packages/plugins/plugin-graph/src/GraphPlugin.tsx","kind":"import-statement","original":"./GraphPlugin"},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/GraphContext.ts","kind":"import-statement","original":"./GraphContext"},{"path":"packages/plugins/plugin-graph/src/GraphPlugin.tsx","kind":"import-statement","original":"./GraphPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-graph/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3164},"packages/plugins/plugin-graph/dist/lib/node/index.cjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/node/chunk-JMUG24QZ.cjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"exports":["GraphContext","GraphPlugin","default","useGraph"],"entryPoint":"packages/plugins/plugin-graph/src/index.ts","inputs":{"packages/plugins/plugin-graph/src/GraphPlugin.tsx":{"bytesInOutput":753},"packages/plugins/plugin-graph/src/GraphContext.ts":{"bytesInOutput":219},"packages/plugins/plugin-graph/src/index.ts":{"bytesInOutput":64}},"bytes":1415},"packages/plugins/plugin-graph/dist/lib/node/meta.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-graph/dist/lib/node/meta.cjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/node/chunk-JMUG24QZ.cjs","kind":"import-statement"}],"exports":["default"],"entryPoint":"packages/plugins/plugin-graph/src/meta.ts","inputs":{},"bytes":127},"packages/plugins/plugin-graph/dist/lib/node/chunk-JMUG24QZ.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":324},"packages/plugins/plugin-graph/dist/lib/node/chunk-JMUG24QZ.cjs":{"imports":[],"exports":["meta_default"],"inputs":{"packages/plugins/plugin-graph/src/meta.ts":{"bytesInOutput":54}},"bytes":171}}}
+{"inputs":{"packages/plugins/plugin-graph/src/GraphContext.ts":{"bytes":1674,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-graph/src/meta.ts":{"bytes":854,"imports":[],"format":"esm"},"packages/plugins/plugin-graph/src/GraphPlugin.tsx":{"bytes":6628,"imports":[{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/GraphContext.ts","kind":"import-statement","original":"./GraphContext"},{"path":"packages/plugins/plugin-graph/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-graph/src/index.ts":{"bytes":978,"imports":[{"path":"packages/plugins/plugin-graph/src/GraphPlugin.tsx","kind":"import-statement","original":"./GraphPlugin"},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/GraphContext.ts","kind":"import-statement","original":"./GraphContext"},{"path":"packages/plugins/plugin-graph/src/GraphPlugin.tsx","kind":"import-statement","original":"./GraphPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-graph/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4461},"packages/plugins/plugin-graph/dist/lib/node/index.cjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/node/chunk-PIWXSWR4.cjs","kind":"import-statement"},{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"exports":["GraphContext","GraphPlugin","default","useGraph"],"entryPoint":"packages/plugins/plugin-graph/src/index.ts","inputs":{"packages/plugins/plugin-graph/src/GraphPlugin.tsx":{"bytesInOutput":1289},"packages/plugins/plugin-graph/src/GraphContext.ts":{"bytesInOutput":219},"packages/plugins/plugin-graph/src/index.ts":{"bytesInOutput":64}},"bytes":1967},"packages/plugins/plugin-graph/dist/lib/node/meta.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-graph/dist/lib/node/meta.cjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/node/chunk-PIWXSWR4.cjs","kind":"import-statement"}],"exports":["GRAPH_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-graph/src/meta.ts","inputs":{},"bytes":159},"packages/plugins/plugin-graph/dist/lib/node/chunk-PIWXSWR4.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":403},"packages/plugins/plugin-graph/dist/lib/node/chunk-PIWXSWR4.cjs":{"imports":[],"exports":["GRAPH_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-graph/src/meta.ts":{"bytesInOutput":87}},"bytes":220}}}

package/dist/lib/node-esm/{chunk-NGPG3UU5.mjs → chunk-H3EEX7DI.mjs}

@@ -1,11 +1,13 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 
 // packages/plugins/plugin-graph/src/meta.ts
+var GRAPH_PLUGIN = "dxos.org/plugin/graph";
 var meta_default = {
-  id: "dxos.org/plugin/graph"
+  id: GRAPH_PLUGIN
 };
 
 export {
+  GRAPH_PLUGIN,
   meta_default
 };
-//# sourceMappingURL=chunk-NGPG3UU5.mjs.map
+//# sourceMappingURL=chunk-H3EEX7DI.mjs.map

package/dist/lib/node-esm/chunk-H3EEX7DI.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const GRAPH_PLUGIN = 'dxos.org/plugin/graph';\n\nexport default {\n  id: GRAPH_PLUGIN,\n} satisfies PluginMeta;\n"],
+  "mappings": ";;;AAMO,IAAMA,eAAe;AAE5B,IAAA,eAAe;EACbC,IAAID;AACN;",
+  "names": ["GRAPH_PLUGIN", "id"]
+}

package/dist/lib/node-esm/index.mjs

@@ -1,12 +1,15 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 import {
+  GRAPH_PLUGIN,
   meta_default
-} from "./chunk-NGPG3UU5.mjs";
+} from "./chunk-H3EEX7DI.mjs";
 
 // packages/plugins/plugin-graph/src/GraphPlugin.tsx
+import { effect } from "@preact/signals-core";
 import React from "react";
 import { filterPlugins, parseGraphBuilderPlugin } from "@dxos/app-framework";
 import { GraphBuilder } from "@dxos/app-graph";
+import { debounce } from "@dxos/async";
 
 // packages/plugins/plugin-graph/src/GraphContext.ts
 import { createContext, useContext } from "react";
@@ -15,12 +18,25 @@ var GraphContext = createContext(null);
 var useGraph = () => useContext(GraphContext) ?? raise(new Error("Missing GraphContext"));
 
 // packages/plugins/plugin-graph/src/GraphPlugin.tsx
+var KEY = `${GRAPH_PLUGIN}/graph`;
 var GraphPlugin = () => {
-  const builder = new GraphBuilder();
+  const builder = GraphBuilder.from(localStorage.getItem(KEY) ?? void 0);
+  let unsubscribe;
   return {
     meta: meta_default,
     ready: async (plugins) => {
       filterPlugins(plugins, parseGraphBuilderPlugin).forEach((plugin) => builder.addExtension(plugin.provides.graph.builder(plugins)));
+      await builder.initialize();
+      unsubscribe = effect(debounce(() => {
+        localStorage.setItem(`${GRAPH_PLUGIN}/graph`, builder.graph.pickle());
+      }, 1e3));
+      const composer = window.composer;
+      if (typeof composer === "object") {
+        composer.graph = builder.graph;
+      }
+    },
+    unload: async () => {
+      unsubscribe?.();
     },
     provides: {
       graph: builder.graph,

package/dist/lib/node-esm/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/GraphPlugin.tsx", "../../../src/GraphContext.ts", "../../../src/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { filterPlugins, type GraphProvides, type PluginDefinition, parseGraphBuilderPlugin } from '@dxos/app-framework';\nimport { GraphBuilder } from '@dxos/app-graph';\n\nimport { GraphContext } from './GraphContext';\nimport meta from './meta';\n\n/**\n * Manages the state of the graph for the application.\n * Enables other plugins to register node builders to add nodes to the graph.\n * This includes actions and annotation each other's nodes.\n */\nexport const GraphPlugin = (): PluginDefinition<GraphProvides> => {\n  const builder = new GraphBuilder();\n\n  return {\n    meta,\n    ready: async (plugins) => {\n      filterPlugins(plugins, parseGraphBuilderPlugin).forEach((plugin) =>\n        builder.addExtension(plugin.provides.graph.builder(plugins)),\n      );\n    },\n    provides: {\n      graph: builder.graph,\n      // TODO(wittjosiah): This is janky.\n      explore: (options) => builder.explore(options),\n      context: ({ children }) => (\n        <GraphContext.Provider value={{ graph: builder.graph }}>{children}</GraphContext.Provider>\n      ),\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\n// TODO(wittjosiah): State can be a GraphNode.\nimport { type Context, createContext, useContext } from 'react';\n\nimport { type Graph } from '@dxos/app-graph';\nimport { raise } from '@dxos/debug';\n\nexport type GraphContext = { graph: Graph };\n\nexport const GraphContext: Context<GraphContext | null> = createContext<GraphContext | null>(null);\n\nexport const useGraph = (): GraphContext => useContext(GraphContext) ?? raise(new Error('Missing GraphContext'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { GraphPlugin } from './GraphPlugin';\n\nexport default GraphPlugin;\n\nexport * from '@dxos/app-graph';\n\nexport * from './GraphContext';\nexport * from './GraphPlugin';\n"],
-  "mappings": ";;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,eAA0DC,+BAA+B;AAClG,SAASC,oBAAoB;;;ACF7B,SAAuBC,eAAeC,kBAAkB;AAGxD,SAASC,aAAa;AAIf,IAAMC,eAA6CC,cAAmC,IAAA;AAEtF,IAAMC,WAAW,MAAoBC,WAAWH,YAAAA,KAAiBI,MAAM,IAAIC,MAAM,sBAAA,CAAA;;;ADGjF,IAAMC,cAAc,MAAA;AACzB,QAAMC,UAAU,IAAIC,aAAAA;AAEpB,SAAO;IACLC;IACAC,OAAO,OAAOC,YAAAA;AACZC,oBAAcD,SAASE,uBAAAA,EAAyBC,QAAQ,CAACC,WACvDR,QAAQS,aAAaD,OAAOE,SAASC,MAAMX,QAAQI,OAAAA,CAAAA,CAAAA;IAEvD;IACAM,UAAU;MACRC,OAAOX,QAAQW;;MAEfC,SAAS,CAACC,YAAYb,QAAQY,QAAQC,OAAAA;MACtCC,SAAS,CAAC,EAAEC,SAAQ,MAClB,sBAAA,cAACC,aAAaC,UAAQ;QAACC,OAAO;UAAEP,OAAOX,QAAQW;QAAM;SAAII,QAAAA;IAE7D;EACF;AACF;;;AE5BA,cAAc;AAFd,IAAA,cAAeI;",
-  "names": ["React", "filterPlugins", "parseGraphBuilderPlugin", "GraphBuilder", "createContext", "useContext", "raise", "GraphContext", "createContext", "useGraph", "useContext", "raise", "Error", "GraphPlugin", "builder", "GraphBuilder", "meta", "ready", "plugins", "filterPlugins", "parseGraphBuilderPlugin", "forEach", "plugin", "addExtension", "provides", "graph", "explore", "options", "context", "children", "GraphContext", "Provider", "value", "GraphPlugin"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { effect } from '@preact/signals-core';\nimport React from 'react';\n\nimport { filterPlugins, type GraphProvides, type PluginDefinition, parseGraphBuilderPlugin } from '@dxos/app-framework';\nimport { GraphBuilder } from '@dxos/app-graph';\nimport { debounce, type UnsubscribeCallback } from '@dxos/async';\n\nimport { GraphContext } from './GraphContext';\nimport meta, { GRAPH_PLUGIN } from './meta';\n\nconst KEY = `${GRAPH_PLUGIN}/graph`;\n\n/**\n * Manages the state of the graph for the application.\n * Enables other plugins to register node builders to add nodes to the graph.\n * This includes actions and annotation each other's nodes.\n */\nexport const GraphPlugin = (): PluginDefinition<GraphProvides> => {\n  const builder = GraphBuilder.from(localStorage.getItem(KEY) ?? undefined);\n  let unsubscribe: UnsubscribeCallback | undefined;\n\n  return {\n    meta,\n    ready: async (plugins) => {\n      filterPlugins(plugins, parseGraphBuilderPlugin).forEach((plugin) =>\n        builder.addExtension(plugin.provides.graph.builder(plugins)),\n      );\n\n      await builder.initialize();\n\n      unsubscribe = effect(\n        debounce(() => {\n          localStorage.setItem(`${GRAPH_PLUGIN}/graph`, builder.graph.pickle());\n        }, 1000),\n      );\n\n      // Expose the graph to the window for debugging.\n      const composer = (window as any).composer;\n      if (typeof composer === 'object') {\n        composer.graph = builder.graph;\n      }\n    },\n    unload: async () => {\n      unsubscribe?.();\n    },\n    provides: {\n      graph: builder.graph,\n      // TODO(wittjosiah): This is janky.\n      explore: (options) => builder.explore(options),\n      context: ({ children }) => (\n        <GraphContext.Provider value={{ graph: builder.graph }}>{children}</GraphContext.Provider>\n      ),\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\n// TODO(wittjosiah): State can be a GraphNode.\nimport { type Context, createContext, useContext } from 'react';\n\nimport { type Graph } from '@dxos/app-graph';\nimport { raise } from '@dxos/debug';\n\nexport type GraphContext = { graph: Graph };\n\nexport const GraphContext: Context<GraphContext | null> = createContext<GraphContext | null>(null);\n\nexport const useGraph = (): GraphContext => useContext(GraphContext) ?? raise(new Error('Missing GraphContext'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { GraphPlugin } from './GraphPlugin';\n\nexport default GraphPlugin;\n\nexport * from '@dxos/app-graph';\n\nexport * from './GraphContext';\nexport * from './GraphPlugin';\n"],
+  "mappings": ";;;;;;;AAIA,SAASA,cAAc;AACvB,OAAOC,WAAW;AAElB,SAASC,eAA0DC,+BAA+B;AAClG,SAASC,oBAAoB;AAC7B,SAASC,gBAA0C;;;ACJnD,SAAuBC,eAAeC,kBAAkB;AAGxD,SAASC,aAAa;AAIf,IAAMC,eAA6CC,cAAmC,IAAA;AAEtF,IAAMC,WAAW,MAAoBC,WAAWH,YAAAA,KAAiBI,MAAM,IAAIC,MAAM,sBAAA,CAAA;;;ADAxF,IAAMC,MAAM,GAAGC,YAAAA;AAOR,IAAMC,cAAc,MAAA;AACzB,QAAMC,UAAUC,aAAaC,KAAKC,aAAaC,QAAQP,GAAAA,KAAQQ,MAAAA;AAC/D,MAAIC;AAEJ,SAAO;IACLC;IACAC,OAAO,OAAOC,YAAAA;AACZC,oBAAcD,SAASE,uBAAAA,EAAyBC,QAAQ,CAACC,WACvDb,QAAQc,aAAaD,OAAOE,SAASC,MAAMhB,QAAQS,OAAAA,CAAAA,CAAAA;AAGrD,YAAMT,QAAQiB,WAAU;AAExBX,oBAAcY,OACZC,SAAS,MAAA;AACPhB,qBAAaiB,QAAQ,GAAGtB,YAAAA,UAAsBE,QAAQgB,MAAMK,OAAM,CAAA;MACpE,GAAG,GAAA,CAAA;AAIL,YAAMC,WAAYC,OAAeD;AACjC,UAAI,OAAOA,aAAa,UAAU;AAChCA,iBAASN,QAAQhB,QAAQgB;MAC3B;IACF;IACAQ,QAAQ,YAAA;AACNlB,oBAAAA;IACF;IACAS,UAAU;MACRC,OAAOhB,QAAQgB;;MAEfS,SAAS,CAACC,YAAY1B,QAAQyB,QAAQC,OAAAA;MACtCC,SAAS,CAAC,EAAEC,SAAQ,MAClB,sBAAA,cAACC,aAAaC,UAAQ;QAACC,OAAO;UAAEf,OAAOhB,QAAQgB;QAAM;SAAIY,QAAAA;IAE7D;EACF;AACF;;;AElDA,cAAc;AAFd,IAAA,cAAeI;",
+  "names": ["effect", "React", "filterPlugins", "parseGraphBuilderPlugin", "GraphBuilder", "debounce", "createContext", "useContext", "raise", "GraphContext", "createContext", "useGraph", "useContext", "raise", "Error", "KEY", "GRAPH_PLUGIN", "GraphPlugin", "builder", "GraphBuilder", "from", "localStorage", "getItem", "undefined", "unsubscribe", "meta", "ready", "plugins", "filterPlugins", "parseGraphBuilderPlugin", "forEach", "plugin", "addExtension", "provides", "graph", "initialize", "effect", "debounce", "setItem", "pickle", "composer", "window", "unload", "explore", "options", "context", "children", "GraphContext", "Provider", "value", "GraphPlugin"]
 }

package/dist/lib/node-esm/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-graph/src/GraphContext.ts":{"bytes":1674,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-graph/src/meta.ts":{"bytes":692,"imports":[],"format":"esm"},"packages/plugins/plugin-graph/src/GraphPlugin.tsx":{"bytes":4155,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/GraphContext.ts","kind":"import-statement","original":"./GraphContext"},{"path":"packages/plugins/plugin-graph/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-graph/src/index.ts":{"bytes":978,"imports":[{"path":"packages/plugins/plugin-graph/src/GraphPlugin.tsx","kind":"import-statement","original":"./GraphPlugin"},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/GraphContext.ts","kind":"import-statement","original":"./GraphContext"},{"path":"packages/plugins/plugin-graph/src/GraphPlugin.tsx","kind":"import-statement","original":"./GraphPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-graph/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3165},"packages/plugins/plugin-graph/dist/lib/node-esm/index.mjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/node-esm/chunk-NGPG3UU5.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"exports":["GraphContext","GraphPlugin","default","useGraph"],"entryPoint":"packages/plugins/plugin-graph/src/index.ts","inputs":{"packages/plugins/plugin-graph/src/GraphPlugin.tsx":{"bytesInOutput":753},"packages/plugins/plugin-graph/src/GraphContext.ts":{"bytesInOutput":219},"packages/plugins/plugin-graph/src/index.ts":{"bytesInOutput":64}},"bytes":1507},"packages/plugins/plugin-graph/dist/lib/node-esm/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-graph/dist/lib/node-esm/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/node-esm/chunk-NGPG3UU5.mjs","kind":"import-statement"}],"exports":["default"],"entryPoint":"packages/plugins/plugin-graph/src/meta.ts","inputs":{},"bytes":219},"packages/plugins/plugin-graph/dist/lib/node-esm/chunk-NGPG3UU5.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":326},"packages/plugins/plugin-graph/dist/lib/node-esm/chunk-NGPG3UU5.mjs":{"imports":[],"exports":["meta_default"],"inputs":{"packages/plugins/plugin-graph/src/meta.ts":{"bytesInOutput":54}},"bytes":264}}}
+{"inputs":{"packages/plugins/plugin-graph/src/GraphContext.ts":{"bytes":1674,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-graph/src/meta.ts":{"bytes":854,"imports":[],"format":"esm"},"packages/plugins/plugin-graph/src/GraphPlugin.tsx":{"bytes":6628,"imports":[{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/GraphContext.ts","kind":"import-statement","original":"./GraphContext"},{"path":"packages/plugins/plugin-graph/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-graph/src/index.ts":{"bytes":978,"imports":[{"path":"packages/plugins/plugin-graph/src/GraphPlugin.tsx","kind":"import-statement","original":"./GraphPlugin"},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-graph/src/GraphContext.ts","kind":"import-statement","original":"./GraphContext"},{"path":"packages/plugins/plugin-graph/src/GraphPlugin.tsx","kind":"import-statement","original":"./GraphPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-graph/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4462},"packages/plugins/plugin-graph/dist/lib/node-esm/index.mjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/node-esm/chunk-H3EEX7DI.mjs","kind":"import-statement"},{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"exports":["GraphContext","GraphPlugin","default","useGraph"],"entryPoint":"packages/plugins/plugin-graph/src/index.ts","inputs":{"packages/plugins/plugin-graph/src/GraphPlugin.tsx":{"bytesInOutput":1289},"packages/plugins/plugin-graph/src/GraphContext.ts":{"bytesInOutput":219},"packages/plugins/plugin-graph/src/index.ts":{"bytesInOutput":64}},"bytes":2059},"packages/plugins/plugin-graph/dist/lib/node-esm/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-graph/dist/lib/node-esm/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-graph/dist/lib/node-esm/chunk-H3EEX7DI.mjs","kind":"import-statement"}],"exports":["GRAPH_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-graph/src/meta.ts","inputs":{},"bytes":251},"packages/plugins/plugin-graph/dist/lib/node-esm/chunk-H3EEX7DI.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":405},"packages/plugins/plugin-graph/dist/lib/node-esm/chunk-H3EEX7DI.mjs":{"imports":[],"exports":["GRAPH_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-graph/src/meta.ts":{"bytesInOutput":87}},"bytes":313}}}

package/dist/lib/node-esm/meta.mjs

@@ -1,8 +1,10 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 import {
+  GRAPH_PLUGIN,
   meta_default
-} from "./chunk-NGPG3UU5.mjs";
+} from "./chunk-H3EEX7DI.mjs";
 export {
+  GRAPH_PLUGIN,
   meta_default as default
 };
 //# sourceMappingURL=meta.mjs.map

package/dist/types/src/GraphPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GraphPlugin.d.ts","sourceRoot":"","sources":["../../../src/GraphPlugin.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAiB,KAAK,aAAa,EAAE,KAAK,gBAAgB,EAA2B,MAAM,qBAAqB,CAAC;AAMxH;;;;GAIG;AACH,eAAO,MAAM,WAAW,QAAO,gBAAgB,CAAC,aAAa,CAmB5D,CAAC"}
+{"version":3,"file":"GraphPlugin.d.ts","sourceRoot":"","sources":["../../../src/GraphPlugin.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAiB,KAAK,aAAa,EAAE,KAAK,gBAAgB,EAA2B,MAAM,qBAAqB,CAAC;AASxH;;;;GAIG;AACH,eAAO,MAAM,WAAW,QAAO,gBAAgB,CAAC,aAAa,CAqC5D,CAAC"}

package/dist/types/src/meta.d.ts

@@ -1,3 +1,4 @@
+export declare const GRAPH_PLUGIN = "dxos.org/plugin/graph";
 declare const _default: {
     id: string;
 };

package/dist/types/src/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":";;;AAMA,wBAEuB"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,0BAA0B,CAAC;;;;AAEpD,wBAEuB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-graph",
-  "version": "0.6.14-main.f49f251",
+  "version": "0.6.14-staging.77003c1",
   "description": "DXOS Surface plugin for constructing knowledge graphs",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -32,9 +32,11 @@
     "src"
   ],
   "dependencies": {
-    "@dxos/app-graph": "0.6.14-main.f49f251",
-    "@dxos/debug": "0.6.14-main.f49f251",
-    "@dxos/app-framework": "0.6.14-main.f49f251"
+    "@preact/signals-core": "^1.6.0",
+    "@dxos/app-graph": "0.6.14-staging.77003c1",
+    "@dxos/app-framework": "0.6.14-staging.77003c1",
+    "@dxos/async": "0.6.14-staging.77003c1",
+    "@dxos/debug": "0.6.14-staging.77003c1"
   },
   "devDependencies": {
     "@types/react": "~18.2.0",
@@ -42,8 +44,8 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/storybook-utils": "0.6.14-main.f49f251",
-    "@dxos/react-client": "0.6.14-main.f49f251"
+    "@dxos/react-client": "0.6.14-staging.77003c1",
+    "@dxos/storybook-utils": "0.6.14-staging.77003c1"
   },
   "peerDependencies": {
     "react": "~18.2.0",

package/src/GraphPlugin.tsx

@@ -2,13 +2,17 @@
 // Copyright 2023 DXOS.org
 //
 
+import { effect } from '@preact/signals-core';
 import React from 'react';
 
 import { filterPlugins, type GraphProvides, type PluginDefinition, parseGraphBuilderPlugin } from '@dxos/app-framework';
 import { GraphBuilder } from '@dxos/app-graph';
+import { debounce, type UnsubscribeCallback } from '@dxos/async';
 
 import { GraphContext } from './GraphContext';
-import meta from './meta';
+import meta, { GRAPH_PLUGIN } from './meta';
+
+const KEY = `${GRAPH_PLUGIN}/graph`;
 
 /**
  * Manages the state of the graph for the application.
@@ -16,7 +20,8 @@ import meta from './meta';
  * This includes actions and annotation each other's nodes.
  */
 export const GraphPlugin = (): PluginDefinition<GraphProvides> => {
-  const builder = new GraphBuilder();
+  const builder = GraphBuilder.from(localStorage.getItem(KEY) ?? undefined);
+  let unsubscribe: UnsubscribeCallback | undefined;
 
   return {
     meta,
@@ -24,6 +29,23 @@ export const GraphPlugin = (): PluginDefinition<GraphProvides> => {
       filterPlugins(plugins, parseGraphBuilderPlugin).forEach((plugin) =>
         builder.addExtension(plugin.provides.graph.builder(plugins)),
       );
+
+      await builder.initialize();
+
+      unsubscribe = effect(
+        debounce(() => {
+          localStorage.setItem(`${GRAPH_PLUGIN}/graph`, builder.graph.pickle());
+        }, 1000),
+      );
+
+      // Expose the graph to the window for debugging.
+      const composer = (window as any).composer;
+      if (typeof composer === 'object') {
+        composer.graph = builder.graph;
+      }
+    },
+    unload: async () => {
+      unsubscribe?.();
     },
     provides: {
       graph: builder.graph,

package/src/meta.ts

@@ -4,6 +4,8 @@
 
 import { type PluginMeta } from '@dxos/app-framework';
 
+export const GRAPH_PLUGIN = 'dxos.org/plugin/graph';
+
 export default {
-  id: 'dxos.org/plugin/graph',
+  id: GRAPH_PLUGIN,
 } satisfies PluginMeta;

package/dist/lib/browser/chunk-4OVHWC4C.mjs

@@ -1,9 +0,0 @@
-// packages/plugins/plugin-graph/src/meta.ts
-var meta_default = {
-  id: "dxos.org/plugin/graph"
-};
-
-export {
-  meta_default
-};
-//# sourceMappingURL=chunk-4OVHWC4C.mjs.map

package/dist/lib/browser/chunk-4OVHWC4C.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport default {\n  id: 'dxos.org/plugin/graph',\n} satisfies PluginMeta;\n"],
-  "mappings": ";AAMA,IAAA,eAAe;EACbA,IAAI;AACN;",
-  "names": ["id"]
-}

package/dist/lib/node/chunk-JMUG24QZ.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport default {\n  id: 'dxos.org/plugin/graph',\n} satisfies PluginMeta;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAA,eAAe;EACbA,IAAI;AACN;",
-  "names": ["id"]
-}

package/dist/lib/node-esm/chunk-NGPG3UU5.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport default {\n  id: 'dxos.org/plugin/graph',\n} satisfies PluginMeta;\n"],
-  "mappings": ";;;AAMA,IAAA,eAAe;EACbA,IAAI;AACN;",
-  "names": ["id"]
-}