@dxos/plugin-sheet 0.7.4 → 0.7.5-labs.a279d8c

package/dist/types/src/types/sheet-range-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-range-types.d.ts","sourceRoot":"","sources":["../../../../src/types/sheet-range-types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,eAAO,MAAM,QAAQ,cAAc,CAAC;AACpC,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC;AACvC,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEpD,eAAO,MAAM,UAAU,YAAY,CAAC;AACpC,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC;AAC3C,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC;AAElC,eAAO,MAAM,QAAQ,UAAU,CAAC;AAChC,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC;AACvC,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC;AAGlD,eAAO,MAAM,qBAAqB,mBAAoB,SAAS,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,KAAG,cA8BnF,CAAC"}

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

@@ -0,0 +1,71 @@
+import { S } from '@dxos/echo-schema';
+import { type CellValue, SheetType } from './schema';
+import { SheetModel } from '../model';
+export type SheetSize = {
+    rows: number;
+    columns: number;
+};
+export type CreateSheetOptions = {
+    name?: string;
+    cells?: Record<string, CellValue>;
+} & Partial<SheetSize>;
+export declare namespace SheetAction {
+    const Create_base: S.TaggedClass<Create, "dxos.org/plugin/sheet/action/create", {
+        readonly _tag: S.tag<"dxos.org/plugin/sheet/action/create">;
+    } & {
+        input: S.Struct<{
+            name: S.optional<typeof S.String>;
+        }>;
+        output: S.Struct<{
+            object: typeof SheetType;
+        }>;
+    }>;
+    export class Create extends Create_base {
+    }
+    const InsertAxis_base: S.TaggedClass<InsertAxis, "dxos.org/plugin/sheet/action/axis-insert", {
+        readonly _tag: S.tag<"dxos.org/plugin/sheet/action/axis-insert">;
+    } & {
+        input: S.Struct<{
+            model: S.Schema<SheetModel>;
+            axis: S.Union<[S.Literal<["row"]>, S.Literal<["col"]>]>;
+            index: typeof S.Number;
+            count: S.optional<typeof S.Number>;
+        }>;
+        output: typeof S.Void;
+    }>;
+    export class InsertAxis extends InsertAxis_base {
+    }
+    export const RestoreAxis: S.Struct<{
+        axis: S.Union<[S.Literal<["row"]>, S.Literal<["col"]>]>;
+        axisIndex: typeof S.String;
+        index: typeof S.Number;
+        axisMeta: S.Struct<{
+            size: S.optional<typeof S.Number>;
+        }>;
+        values: S.Array$<typeof S.Any>;
+    }>;
+    export type RestoreAxis = S.Schema.Type<typeof RestoreAxis>;
+    const DropAxis_base: S.TaggedClass<DropAxis, "dxos.org/plugin/sheet/action/axis-drop", {
+        readonly _tag: S.tag<"dxos.org/plugin/sheet/action/axis-drop">;
+    } & {
+        input: S.Struct<{
+            model: S.Schema<SheetModel>;
+            axis: S.Union<[S.Literal<["row"]>, S.Literal<["col"]>]>;
+            axisIndex: typeof S.String;
+            deletionData: S.optional<S.Struct<{
+                axis: S.Union<[S.Literal<["row"]>, S.Literal<["col"]>]>;
+                axisIndex: typeof S.String;
+                index: typeof S.Number;
+                axisMeta: S.Struct<{
+                    size: S.optional<typeof S.Number>;
+                }>;
+                values: S.Array$<typeof S.Any>;
+            }>>;
+        }>;
+        output: typeof S.Void;
+    }>;
+    export class DropAxis extends DropAxis_base {
+    }
+    export {};
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,CAAC,EAAE,MAAM,mBAAmB,CAAC;AAEtC,OAAO,EAAE,KAAK,SAAS,EAAiB,SAAS,EAAE,MAAM,UAAU,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACnC,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;AAEvB,yBAAiB,WAAW,CAAC;;;;;;;;;;;IAG3B,MAAM,OAAO,MAAO,SAAQ,WAO1B;KAAG;;;;;mBAQsE,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;;;;;;;IAH/F,MAAM,OAAO,UAAW,SAAQ,eAS9B;KAAG;IAEL,MAAM,CAAC,MAAM,WAAW;;;;;;;;MAMtB,CAAC;IAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,WAAW,CAAC,CAAC;;;;;mBAKe,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;IAH/F,MAAM,OAAO,QAAS,SAAQ,aAS5B;KAAG;;CACN"}

package/dist/types/src/{defs → types}/util.d.ts

@@ -1,5 +1,9 @@
-import { type CellAddress, type CellRange, type CompleteCellRange } from './types';
+import { type CellAddress, type CellRange, type CompleteCellRange } from '@dxos/compute';
 import { type CreateSheetOptions, type SheetSize, SheetType } from '../types';
+export declare const MAX_ROWS = 500;
+export declare const MAX_COLS = 676;
+export declare const DEFAULT_ROWS = 50;
+export declare const DEFAULT_COLS = 26;
 export declare class ApiError extends Error {
 }
 export declare class ReadonlyException extends ApiError {

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

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../src/types/util.ts"],"names":[],"mappings":"AAIA,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,iBAAiB,EACvB,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,KAAK,kBAAkB,EAAE,KAAK,SAAS,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE9E,eAAO,MAAM,QAAQ,MAAM,CAAC;AAC5B,eAAO,MAAM,QAAQ,MAAM,CAAC;AAE5B,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,YAAY,KAAK,CAAC;AAG/B,qBAAa,QAAS,SAAQ,KAAK;CAAG;AAEtC,qBAAa,iBAAkB,SAAQ,QAAQ;CAAG;AAElD,qBAAa,cAAe,SAAQ,QAAQ;gBAC9B,CAAC,EAAE,MAAM;CAGtB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,uBAAiB,MAKxC,CAAC;AAEF,eAAO,MAAM,aAAa,WAAY,MAAM,KAAG,MAAM,EAAqD,CAAC;AAE3G,eAAO,MAAM,aAAa,YAAa,MAAM,EAAE,KAAK,MAAM,KAAK,MAAM,OAAO,MAAM,aAQjF,CAAC;AAEF,eAAO,MAAM,UAAU,UACd,SAAS,sBACiC,OAAO,CAAC,SAAS,CAAC,SAQpE,CAAC;AAEF,eAAO,MAAM,WAAW,8BAA8B,kBAAkB,KAAQ,SA0B/E,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,UAAW,SAAS,QAAQ,WAAW,KAAG,MAEpE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,UAAW,SAAS,OAAO,MAAM,KAAG,WAMhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,UAAW,SAAS,SAAS,SAAS,KAAG,MAEjE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,UAAW,SAAS,OAAO,MAAM,KAAG,iBAG9D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,UAAW,SAAS,UAAU,MAAM,UAAU,MAAM,KAAG,MAUxF,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,uBAAuB,UAAW,SAAS,WAAW,MAAM,KAAG,MAK3E,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,UAAW,SAAS,WAAW,MAAM,KAAG,MAK3E,CAAC"}

package/dist/types/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"version":"5.7.2"}

package/package.json

@@ -1,41 +1,27 @@
 {
   "name": "@dxos/plugin-sheet",
-  "version": "0.7.4",
+  "version": "0.7.5-labs.a279d8c",
   "description": "Braneframe sketch plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
   "license": "MIT",
   "author": "DXOS.org",
   "sideEffects": true,
-  "imports": {
-    "#hyperformula": {
-      "types": "hyperformula",
-      "default": "./dist/vendor/hyperformula.mjs"
-    }
-  },
   "exports": {
     ".": {
       "types": "./dist/types/src/index.d.ts",
       "browser": "./dist/lib/browser/index.mjs",
       "node": "./dist/lib/node-esm/index.mjs"
     },
-    "./meta": {
-      "types": "./dist/types/src/meta.d.ts",
-      "browser": "./dist/lib/browser/meta.mjs",
-      "node": "./dist/lib/node-esm/meta.mjs"
-    },
     "./types": {
-      "types": "./dist/types/src/types.d.ts",
-      "browser": "./dist/lib/browser/types.mjs",
-      "node": "./dist/lib/node-esm/types.mjs"
+      "types": "./dist/types/src/types/index.d.ts",
+      "browser": "./dist/lib/browser/types/index.mjs",
+      "node": "./dist/lib/node-esm/types/index.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
   "typesVersions": {
     "*": {
-      "meta": [
-        "dist/types/src/meta.d.ts"
-      ],
       "types": [
         "dist/types/src/types.d.ts"
       ]
@@ -64,39 +50,42 @@
     "@tanstack/react-virtual": "^3.9.0",
     "codemirror-lang-spreadsheet": "^1.3.0",
     "date-fns": "^3.3.1",
-    "hyperformula": "^2.7.1",
     "lodash.defaultsdeep": "^4.6.1",
     "re-resizable": "^6.9.17",
     "react-markdown": "^8.0.5",
     "react-resize-detector": "^11.0.1",
-    "@dxos/app-framework": "0.7.4",
-    "@dxos/context": "0.7.4",
-    "@dxos/async": "0.7.4",
-    "@dxos/client": "0.7.4",
-    "@dxos/crypto": "0.7.4",
-    "@dxos/debug": "0.7.4",
-    "@dxos/keys": "0.7.4",
-    "@dxos/echo-schema": "0.7.4",
-    "@dxos/live-object": "0.7.4",
-    "@dxos/log": "0.7.4",
-    "@dxos/plugin-attention": "0.7.4",
-    "@dxos/plugin-graph": "0.7.4",
-    "@dxos/plugin-client": "0.7.4",
-    "@dxos/invariant": "0.7.4",
-    "@dxos/plugin-markdown": "0.7.4",
-    "@dxos/plugin-script": "0.7.4",
-    "@dxos/plugin-space": "0.7.4",
-    "@dxos/react-hooks": "0.7.4",
-    "@dxos/plugin-stack": "0.7.4",
-    "@dxos/react-ui-editor": "0.7.4",
-    "@dxos/react-client": "0.7.4",
-    "@dxos/react-ui-form": "0.7.4",
-    "@dxos/react-ui-grid": "0.7.4",
-    "@dxos/react-ui-list": "0.7.4",
-    "@dxos/react-ui-attention": "0.7.4",
-    "@dxos/util": "0.7.4",
-    "@dxos/schema": "0.7.4",
-    "@dxos/react-ui-stack": "0.7.4"
+    "@dxos/async": "0.7.5-labs.a279d8c",
+    "@dxos/compute": "0.7.5-labs.a279d8c",
+    "@dxos/app-framework": "0.7.5-labs.a279d8c",
+    "@dxos/context": "0.7.5-labs.a279d8c",
+    "@dxos/crypto": "0.7.5-labs.a279d8c",
+    "@dxos/debug": "0.7.5-labs.a279d8c",
+    "@dxos/client": "0.7.5-labs.a279d8c",
+    "@dxos/echo-schema": "0.7.5-labs.a279d8c",
+    "@dxos/invariant": "0.7.5-labs.a279d8c",
+    "@dxos/keys": "0.7.5-labs.a279d8c",
+    "@dxos/live-object": "0.7.5-labs.a279d8c",
+    "@dxos/plugin-attention": "0.7.5-labs.a279d8c",
+    "@dxos/functions": "0.7.5-labs.a279d8c",
+    "@dxos/log": "0.7.5-labs.a279d8c",
+    "@dxos/plugin-client": "0.7.5-labs.a279d8c",
+    "@dxos/plugin-graph": "0.7.5-labs.a279d8c",
+    "@dxos/plugin-script": "0.7.5-labs.a279d8c",
+    "@dxos/plugin-space": "0.7.5-labs.a279d8c",
+    "@dxos/plugin-stack": "0.7.5-labs.a279d8c",
+    "@dxos/plugin-markdown": "0.7.5-labs.a279d8c",
+    "@dxos/plugin-thread": "0.7.5-labs.a279d8c",
+    "@dxos/react-client": "0.7.5-labs.a279d8c",
+    "@dxos/react-hooks": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui-attention": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui-editor": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui-form": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui-list": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui-menu": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui-grid": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui-stack": "0.7.5-labs.a279d8c",
+    "@dxos/schema": "0.7.5-labs.a279d8c",
+    "@dxos/util": "0.7.5-labs.a279d8c"
   },
   "devDependencies": {
     "@lezer/generator": "^1.7.1",
@@ -108,26 +97,23 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/echo-generator": "0.7.4",
-    "@dxos/lit-grid": "0.7.4",
-    "@dxos/react-ui": "0.7.4",
-    "@dxos/react-ui-syntax-highlighter": "0.7.4",
-    "@dxos/random": "0.7.4",
-    "@dxos/react-ui-theme": "0.7.4",
-    "@dxos/storybook-utils": "0.7.4",
-    "@dxos/react-ui-types": "0.7.4",
-    "@dxos/test-utils": "0.7.4"
+    "@dxos/echo-generator": "0.7.5-labs.a279d8c",
+    "@dxos/lit-grid": "0.7.5-labs.a279d8c",
+    "@dxos/random": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui-syntax-highlighter": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui-theme": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui-types": "0.7.5-labs.a279d8c",
+    "@dxos/storybook-utils": "0.7.5-labs.a279d8c",
+    "@dxos/test-utils": "0.7.5-labs.a279d8c"
   },
   "peerDependencies": {
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.7.4",
-    "@dxos/react-ui-theme": "0.7.4"
+    "@dxos/react-ui": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui-theme": "0.7.5-labs.a279d8c"
   },
   "publishConfig": {
     "access": "public"
-  },
-  "scripts": {
-    "gen": "lezer-generator ./src/components/CellEditor/parser/formula.grammar --typeScript -o ./src/components/CellEditor/parser/formula.ts"
   }
 }

package/src/SheetPlugin.tsx

@@ -2,190 +2,84 @@
 // Copyright 2023 DXOS.org
 //
 
-import React from 'react';
+import {
+  Capabilities,
+  contributes,
+  createIntent,
+  defineModule,
+  definePlugin,
+  Events,
+  oneOf,
+} from '@dxos/app-framework';
+import { FunctionType } from '@dxos/functions';
+import { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';
 
-import { NavigationAction, parseIntentPlugin, resolvePlugin, type PluginDefinition } from '@dxos/app-framework';
-import { invariant } from '@dxos/invariant';
-import { parseClientPlugin } from '@dxos/plugin-client';
-import { createExtension, isActionGroup, type ActionGroup } from '@dxos/plugin-graph';
-import { FunctionType } from '@dxos/plugin-script/types';
-import { SpaceAction } from '@dxos/plugin-space';
-import { getSpace, isEchoObject } from '@dxos/react-client/echo';
-import { Icon } from '@dxos/react-ui';
-
-import { ComputeGraphContextProvider, SheetContainer, SheetObjectSettings } from './components';
-import { type ComputeGraphRegistry } from './compute-graph';
-import { compareIndexPositions, createSheet } from './defs';
-import { computeGraphFacet } from './extensions';
-import meta, { SHEET_PLUGIN } from './meta';
+import { Markdown, Thread, ReactContext, ReactSurface, IntentResolver, ComputeGraphRegistry } from './capabilities';
+import { meta, SHEET_PLUGIN } from './meta';
 import { serializer } from './serializer';
 import translations from './translations';
-import { SheetAction, SheetType, type SheetPluginProvides } from './types';
-
-export const SheetPlugin = (): PluginDefinition<SheetPluginProvides> => {
-  let computeGraphRegistry: ComputeGraphRegistry | undefined;
+import { SheetAction, SheetType } from './types';
 
-  return {
-    meta,
-    ready: async (plugins) => {
-      const client = resolvePlugin(plugins, parseClientPlugin)?.provides.client;
-      invariant(client);
-      let remoteFunctionUrl: string | undefined;
-      if (client.config.values.runtime?.services?.edge?.url) {
-        const url = new URL('/functions', client.config.values.runtime?.services?.edge?.url);
-        url.protocol = 'https';
-        remoteFunctionUrl = url.toString();
-      }
-
-      // Async import removes direct dependency on hyperformula.
-      const { defaultPlugins, ComputeGraphRegistry } = await import('./compute-graph');
-      computeGraphRegistry = new ComputeGraphRegistry({ plugins: defaultPlugins, remoteFunctionUrl });
-    },
-    provides: {
-      context: ({ children }) => {
-        invariant(computeGraphRegistry);
-        return <ComputeGraphContextProvider registry={computeGraphRegistry}>{children}</ComputeGraphContextProvider>;
-      },
-      metadata: {
-        records: {
-          [SheetType.typename]: {
-            createObject: SheetAction.CREATE,
+export const SheetPlugin = () =>
+  definePlugin(meta, [
+    defineModule({
+      id: `${meta.id}/module/compute-graph-registry`,
+      activatesOn: Events.Startup,
+      activate: ComputeGraphRegistry,
+    }),
+    defineModule({
+      id: `${meta.id}/module/translations`,
+      activatesOn: Events.SetupTranslations,
+      activate: () => contributes(Capabilities.Translations, translations),
+    }),
+    defineModule({
+      id: `${meta.id}/module/metadata`,
+      activatesOn: oneOf(Events.Startup, Events.SetupAppGraph),
+      activate: () =>
+        contributes(Capabilities.Metadata, {
+          id: SheetType.typename,
+          metadata: {
+            createObject: (props: { name?: string }) => createIntent(SheetAction.Create, props),
             label: (object: any) => (object instanceof SheetType ? object.name : undefined),
             placeholder: ['sheet title placeholder', { ns: SHEET_PLUGIN }],
             icon: 'ph--grid-nine--regular',
             serializer,
           },
-        },
-      },
-      translations,
-      echo: {
-        schema: [SheetType],
+        }),
+    }),
+    defineModule({
+      id: `${meta.id}/module/schema`,
+      activatesOn: ClientEvents.SetupClient,
+      activate: () => [
+        contributes(ClientCapabilities.Schema, [SheetType]),
         // TODO(wittjosiah): Factor out to common package/plugin.
         //  FunctionType is currently registered here in case script plugin isn't enabled.
-        system: [FunctionType],
-      },
-      graph: {
-        builder: (plugins) => {
-          const client = resolvePlugin(plugins, parseClientPlugin)?.provides.client;
-          const dispatch = resolvePlugin(plugins, parseIntentPlugin)?.provides.intent.dispatch;
-          if (!client || !dispatch) {
-            return [];
-          }
-
-          return createExtension({
-            id: SheetAction.CREATE,
-            filter: (node): node is ActionGroup => isActionGroup(node) && node.id.startsWith(SpaceAction.ADD_OBJECT),
-            actions: ({ node }) => {
-              const id = node.id.split('/').at(-1);
-              const [spaceId, objectId] = id?.split(':') ?? [];
-              const space = client.spaces.get().find((space) => space.id === spaceId);
-              const object = objectId && space?.db.getObjectById(objectId);
-              const target = objectId ? object : space;
-              if (!target) {
-                return;
-              }
-
-              return [
-                {
-                  id: `${SHEET_PLUGIN}/create/${node.id}`,
-                  data: async () => {
-                    await dispatch([
-                      { plugin: SHEET_PLUGIN, action: SheetAction.CREATE, data: { space } },
-                      { action: SpaceAction.ADD_OBJECT, data: { target } },
-                      { action: NavigationAction.OPEN },
-                    ]);
-                  },
-                  properties: {
-                    label: ['create sheet label', { ns: SHEET_PLUGIN }],
-                    icon: 'ph--grid-nine--regular',
-                    testId: 'sheetPlugin.createObject',
-                  },
-                },
-              ];
-            },
-          });
-        },
-      },
-      markdown: {
-        extensions: ({ document: doc }) => {
-          invariant(computeGraphRegistry);
-          const space = getSpace(doc);
-          if (space) {
-            const computeGraph = computeGraphRegistry.getOrCreateGraph(space);
-            return computeGraphFacet.of(computeGraph);
-          }
-        },
-      },
-      stack: {
-        creators: [
-          {
-            id: 'create-stack-section-sheet',
-            testId: 'sheetPlugin.createSection',
-            type: ['plugin name', { ns: SHEET_PLUGIN }],
-            label: ['create sheet section label', { ns: SHEET_PLUGIN }],
-            // TODO(thure): Refactor to use strings
-            icon: (props: any) => <Icon icon='ph--grid-nine--regular' {...props} />,
-            intent: {
-              plugin: SHEET_PLUGIN,
-              action: SheetAction.CREATE,
-            },
-          },
-        ],
-      },
-      thread: {
-        predicate: (data) => data instanceof SheetType,
-        createSort: (sheet) => (indexA, indexB) =>
-          !indexA || !indexB ? 0 : compareIndexPositions(sheet, indexA, indexB),
-      },
-      surface: {
-        component: ({ data, role }) => {
-          const space = isEchoObject(data.object) ? getSpace(data.object) : undefined;
-          switch (role) {
-            case 'article':
-            case 'section':
-              if (space && data.object instanceof SheetType) {
-                return <SheetContainer space={space} sheet={data.object} role={role} />;
-              }
-              break;
-            case 'complementary--settings':
-              if (data.subject instanceof SheetType) {
-                return <SheetObjectSettings sheet={data.subject} />;
-              }
-              break;
-          }
-
-          return null;
-        },
-      },
-      intent: {
-        resolver: async (intent) => {
-          switch (intent.action) {
-            case SheetAction.CREATE: {
-              return { data: createSheet() };
-            }
-            case SheetAction.INSERT_AXIS: {
-              const { model, axis, index, count } = intent.data as SheetAction.InsertAxis;
-              const _indices = model[axis === 'col' ? 'insertColumns' : 'insertRows'](index, count);
-              return;
-            }
-            case SheetAction.DROP_AXIS: {
-              if (!intent.undo) {
-                const { model, axis, axisIndex } = intent.data as SheetAction.DropAxis;
-                const undoData = model[axis === 'col' ? 'dropColumn' : 'dropRow'](axisIndex);
-                return {
-                  undoable: {
-                    message: (translations[0]['en-US'][SHEET_PLUGIN] as any)[`${axis} dropped label`],
-                    data: { ...undoData, model },
-                  },
-                };
-              } else {
-                const { model, ...undoData } = intent.data as SheetAction.DropAxisRestore;
-                model[undoData.axis === 'col' ? 'restoreColumn' : 'restoreRow'](undoData);
-              }
-            }
-          }
-        },
-      },
-    },
-  };
-};
+        contributes(ClientCapabilities.SystemSchema, [FunctionType]),
+      ],
+    }),
+    defineModule({
+      id: `${meta.id}/module/markdown`,
+      activatesOn: Events.Startup,
+      activate: Markdown,
+    }),
+    defineModule({
+      id: `${meta.id}/module/thread`,
+      activatesOn: Events.Startup,
+      activate: Thread,
+    }),
+    defineModule({
+      id: `${meta.id}/module/react-context`,
+      activatesOn: Events.Startup,
+      activate: ReactContext,
+    }),
+    defineModule({
+      id: `${meta.id}/module/react-surface`,
+      activatesOn: Events.Startup,
+      activate: ReactSurface,
+    }),
+    defineModule({
+      id: `${meta.id}/module/intent-resolver`,
+      activatesOn: Events.SetupIntents,
+      activate: IntentResolver,
+    }),
+  ]);

package/src/capabilities/capabilities.ts

@@ -0,0 +1,14 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { defineCapability } from '@dxos/app-framework';
+import { type ComputeGraphRegistry } from '@dxos/compute';
+
+import { SHEET_PLUGIN } from '../meta';
+
+export namespace SheetCapabilities {
+  export const ComputeGraphRegistry = defineCapability<ComputeGraphRegistry>(
+    `${SHEET_PLUGIN}/capability/compute-graph-registry`,
+  );
+}

package/src/capabilities/compute-graph-registry.ts

@@ -0,0 +1,25 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { contributes, type PluginsContext } from '@dxos/app-framework';
+import { ClientCapabilities } from '@dxos/plugin-client';
+
+import { SheetCapabilities } from './capabilities';
+
+export default async (context: PluginsContext) => {
+  const client = context.requestCapability(ClientCapabilities.Client);
+  let remoteFunctionUrl: string | undefined;
+  if (client.config.values.runtime?.services?.edge?.url) {
+    const url = new URL('/functions', client.config.values.runtime?.services?.edge?.url);
+    url.protocol = 'https';
+    remoteFunctionUrl = url.toString();
+  }
+
+  // TODO(wittjosiah): This can probably be a module level import now due to lazy capability loading.
+  // Async import removes direct dependency on hyperformula.
+  const { defaultPlugins, ComputeGraphRegistry } = await import('@dxos/compute');
+  const computeGraphRegistry = new ComputeGraphRegistry({ plugins: defaultPlugins, remoteFunctionUrl });
+
+  return contributes(SheetCapabilities.ComputeGraphRegistry, computeGraphRegistry);
+};

package/src/capabilities/index.ts

@@ -0,0 +1,14 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { lazy } from '@dxos/app-framework';
+
+export const ComputeGraphRegistry = lazy(() => import('./compute-graph-registry'));
+export const IntentResolver = lazy(() => import('./intent-resolver'));
+export const Markdown = lazy(() => import('./markdown'));
+export const ReactContext = lazy(() => import('./react-context'));
+export const ReactSurface = lazy(() => import('./react-surface'));
+export const Thread = lazy(() => import('./thread'));
+
+export * from './capabilities';

package/src/capabilities/intent-resolver.ts

@@ -0,0 +1,29 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { contributes, Capabilities, createResolver } from '@dxos/app-framework';
+
+import { SHEET_PLUGIN } from '../meta';
+import { createSheet, SheetAction } from '../types';
+
+export default () =>
+  contributes(Capabilities.IntentResolver, [
+    createResolver(SheetAction.Create, ({ name }) => ({ data: { object: createSheet({ name }) } })),
+    createResolver(SheetAction.InsertAxis, ({ model, axis, index, count }) => {
+      const _indices = model[axis === 'col' ? 'insertColumns' : 'insertRows'](index, count);
+    }),
+    createResolver(SheetAction.DropAxis, ({ model, axis, axisIndex, deletionData }, undo) => {
+      if (!undo) {
+        const undoData = model[axis === 'col' ? 'dropColumn' : 'dropRow'](axisIndex);
+        return {
+          undoable: {
+            message: [`${axis} dropped label`, { ns: SHEET_PLUGIN }],
+            data: { ...undoData, model },
+          },
+        };
+      } else if (undo && deletionData) {
+        model[deletionData.axis === 'col' ? 'restoreColumn' : 'restoreRow'](deletionData);
+      }
+    }),
+  ]);

package/src/capabilities/markdown.ts

@@ -0,0 +1,22 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { contributes, type PluginsContext } from '@dxos/app-framework';
+import { getSpace } from '@dxos/client/echo';
+import { MarkdownCapabilities } from '@dxos/plugin-markdown';
+
+import { SheetCapabilities } from './capabilities';
+import { computeGraphFacet } from '../extensions';
+
+export default (context: PluginsContext) =>
+  contributes(MarkdownCapabilities.Extensions, [
+    ({ document: doc }) => {
+      const computeGraphRegistry = context.requestCapability(SheetCapabilities.ComputeGraphRegistry);
+      const space = getSpace(doc);
+      if (space) {
+        const computeGraph = computeGraphRegistry.getOrCreateGraph(space);
+        return computeGraphFacet.of(computeGraph);
+      }
+    },
+  ]);

package/src/capabilities/react-context.tsx

@@ -0,0 +1,20 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import React from 'react';
+
+import { Capabilities, contributes, useCapability } from '@dxos/app-framework';
+
+import { SheetCapabilities } from './capabilities';
+import { ComputeGraphContextProvider } from '../components';
+import { SHEET_PLUGIN } from '../meta';
+
+export default () =>
+  contributes(Capabilities.ReactContext, {
+    id: SHEET_PLUGIN,
+    context: ({ children }) => {
+      const computeGraphRegistry = useCapability(SheetCapabilities.ComputeGraphRegistry);
+      return <ComputeGraphContextProvider registry={computeGraphRegistry}>{children}</ComputeGraphContextProvider>;
+    },
+  });