@dxos/plugin-sheet 0.7.5-main.9d2a38b → 0.7.5-main.e94eead

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

@@ -27,8 +27,8 @@ import {
   rangeFromIndex,
   rangeToIndex,
   styleKey
-} from "../chunk-T3IVPMRX.mjs";
-import "../chunk-K6EUYKWT.mjs";
+} from "../chunk-OOSRC36N.mjs";
+import "../chunk-GAFHJBCU.mjs";
 export {
   ApiError,
   CellValue,

package/dist/lib/node/{SheetContainer-TJ3JQLWM.cjs → SheetContainer-B77HHBOC.cjs}

@@ -26,15 +26,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SheetContainer_TJ3JQLWM_exports = {};
-__export(SheetContainer_TJ3JQLWM_exports, {
+var SheetContainer_B77HHBOC_exports = {};
+__export(SheetContainer_B77HHBOC_exports, {
   default: () => SheetContainer_default
 });
-module.exports = __toCommonJS(SheetContainer_TJ3JQLWM_exports);
-var import_chunk_ZPWW4LPY = require("./chunk-ZPWW4LPY.cjs");
-var import_chunk_E3RXOEL6 = require("./chunk-E3RXOEL6.cjs");
-var import_chunk_P4KSGZSS = require("./chunk-P4KSGZSS.cjs");
-var import_chunk_NLDXUFDG = require("./chunk-NLDXUFDG.cjs");
+module.exports = __toCommonJS(SheetContainer_B77HHBOC_exports);
+var import_chunk_VMJK5QN4 = require("./chunk-VMJK5QN4.cjs");
+var import_chunk_SQZEJPZ7 = require("./chunk-SQZEJPZ7.cjs");
+var import_chunk_4LSYTNS4 = require("./chunk-4LSYTNS4.cjs");
+var import_chunk_MLU6KRQN = require("./chunk-MLU6KRQN.cjs");
 var import_react = __toESM(require("react"));
 var import_echo = require("@dxos/react-client/echo");
 var import_react_ui_stack = require("@dxos/react-ui-stack");
@@ -59,13 +59,13 @@ var import_types = require("@dxos/plugin-thread/types");
 var import_react8 = require("react");
 var import_live_object2 = require("@dxos/live-object");
 var FunctionEditor = () => {
-  const { model, cursor, range } = (0, import_chunk_ZPWW4LPY.useSheetContext)();
+  const { model, cursor, range } = (0, import_chunk_VMJK5QN4.useSheetContext)();
   let value;
   let formula = false;
   if (cursor) {
     value = model.getCellValue(cursor);
     if ((0, import_compute.isFormula)(value)) {
-      value = model.graph.mapFunctionBindingFromId((0, import_chunk_E3RXOEL6.mapFormulaIndicesToRefs)(model.sheet, value));
+      value = model.graph.mapFunctionBindingFromId((0, import_chunk_4LSYTNS4.mapFormulaIndicesToRefs)(model.sheet, value));
       formula = true;
     } else if (value != null) {
       value = String(value);
@@ -95,9 +95,9 @@ var aligns = {
   end: "ph--text-align-right--regular"
 };
 var useAlignState = (state) => {
-  const { cursor, model } = (0, import_chunk_ZPWW4LPY.useSheetContext)();
+  const { cursor, model } = (0, import_chunk_VMJK5QN4.useSheetContext)();
   (0, import_react4.useEffect)(() => {
-    state[import_chunk_E3RXOEL6.alignKey] = cursor ? model.sheet.ranges?.findLast(({ range, key }) => key === import_chunk_E3RXOEL6.alignKey && (0, import_compute2.inRange)((0, import_chunk_E3RXOEL6.rangeFromIndex)(model.sheet, range), cursor))?.value : void 0;
+    state[import_chunk_4LSYTNS4.alignKey] = cursor ? model.sheet.ranges?.findLast(({ range, key }) => key === import_chunk_4LSYTNS4.alignKey && (0, import_compute2.inRange)((0, import_chunk_4LSYTNS4.rangeFromIndex)(model.sheet, range), cursor))?.value : void 0;
   }, [
     cursor,
     model.sheet
@@ -107,29 +107,29 @@ var createAlignGroupAction = (value) => (0, import_react_ui_menu2.createMenuItem
   label: [
     "align label",
     {
-      ns: import_chunk_NLDXUFDG.SHEET_PLUGIN
+      ns: import_chunk_MLU6KRQN.SHEET_PLUGIN
     }
   ],
   variant: "toggleGroup",
   selectCardinality: "single",
-  value: `${import_chunk_E3RXOEL6.alignKey}--${value}`
+  value: `${import_chunk_4LSYTNS4.alignKey}--${value}`
 });
 var createAlignActions = (value) => Object.entries(aligns).map(([alignValue, icon]) => {
-  return (0, import_react_ui_menu2.createMenuAction)(`${import_chunk_E3RXOEL6.alignKey}--${alignValue}`, {
-    key: import_chunk_E3RXOEL6.alignKey,
+  return (0, import_react_ui_menu2.createMenuAction)(`${import_chunk_4LSYTNS4.alignKey}--${alignValue}`, {
+    key: import_chunk_4LSYTNS4.alignKey,
     value: alignValue,
     checked: value === alignValue,
     label: [
       `range value ${alignValue} label`,
       {
-        ns: import_chunk_NLDXUFDG.SHEET_PLUGIN
+        ns: import_chunk_MLU6KRQN.SHEET_PLUGIN
       }
     ],
     icon,
-    testId: `grid.toolbar.${import_chunk_E3RXOEL6.alignKey}.${alignValue}`
+    testId: `grid.toolbar.${import_chunk_4LSYTNS4.alignKey}.${alignValue}`
   });
 });
-var createAlign = ({ [import_chunk_E3RXOEL6.alignKey]: alignValue }) => {
+var createAlign = ({ [import_chunk_4LSYTNS4.alignKey]: alignValue }) => {
   const alignGroup = createAlignGroupAction(alignValue);
   const alignActions = createAlignActions(alignValue);
   return {
@@ -150,12 +150,12 @@ var createAlign = ({ [import_chunk_E3RXOEL6.alignKey]: alignValue }) => {
   };
 };
 var useCommentState = (state) => {
-  const { cursorFallbackRange, model } = (0, import_chunk_ZPWW4LPY.useSheetContext)();
+  const { cursorFallbackRange, model } = (0, import_chunk_VMJK5QN4.useSheetContext)();
   const overlapsCommentAnchor = (0, import_react5.useMemo)(() => import_live_object.RefArray.allResolvedTargets(model.sheet.threads ?? []).filter((thread) => thread.status !== "resolved").some((thread) => {
     if (!cursorFallbackRange) {
       return false;
     }
-    return (0, import_chunk_E3RXOEL6.rangeToIndex)(model.sheet, cursorFallbackRange) === thread.anchor;
+    return (0, import_chunk_4LSYTNS4.rangeToIndex)(model.sheet, cursorFallbackRange) === thread.anchor;
   }), [
     cursorFallbackRange,
     model.sheet
@@ -168,13 +168,13 @@ var useCommentState = (state) => {
   ]);
 };
 var createCommentAction = (state) => (0, import_react_ui_menu3.createMenuAction)("comment", {
-  key: import_chunk_E3RXOEL6.commentKey,
+  key: import_chunk_4LSYTNS4.commentKey,
   testId: "editor.toolbar.comment",
   icon: "ph--chat-text--regular",
   label: [
     `${state.commentEnabled} label`,
     {
-      ns: import_chunk_NLDXUFDG.SHEET_PLUGIN
+      ns: import_chunk_MLU6KRQN.SHEET_PLUGIN
     }
   ],
   disabled: state.commentEnabled !== "comment"
@@ -195,12 +195,12 @@ var styles = {
   softwrap: "ph--paragraph--regular"
 };
 var useStyleState = (state) => {
-  const { cursorFallbackRange, model } = (0, import_chunk_ZPWW4LPY.useSheetContext)();
+  const { cursorFallbackRange, model } = (0, import_chunk_VMJK5QN4.useSheetContext)();
   (0, import_react6.useEffect)(() => {
     state.highlight = false;
     state.softwrap = false;
     if (cursorFallbackRange && model.sheet.ranges) {
-      model.sheet.ranges.filter(({ range, key }) => key === "style" && (0, import_compute3.inRange)((0, import_chunk_E3RXOEL6.rangeFromIndex)(model.sheet, range), cursorFallbackRange.from)).forEach(({ value }) => {
+      model.sheet.ranges.filter(({ range, key }) => key === "style" && (0, import_compute3.inRange)((0, import_chunk_4LSYTNS4.rangeFromIndex)(model.sheet, range), cursorFallbackRange.from)).forEach(({ value }) => {
         state[value] = true;
       });
     }
@@ -224,7 +224,7 @@ var createStyleActions = (state) => Object.entries(styles).map(([styleValue, ico
     label: [
       `range value ${styleValue} label`,
       {
-        ns: import_chunk_NLDXUFDG.SHEET_PLUGIN
+        ns: import_chunk_MLU6KRQN.SHEET_PLUGIN
       }
     ],
     checked: !!state[styleValue]
@@ -251,14 +251,14 @@ var createStyle = (state) => {
   };
 };
 var useToolbarAction = (state) => {
-  const { model, cursorFallbackRange, cursor } = (0, import_chunk_ZPWW4LPY.useSheetContext)();
+  const { model, cursorFallbackRange, cursor } = (0, import_chunk_VMJK5QN4.useSheetContext)();
   const { dispatchPromise: dispatch } = (0, import_app_framework.useIntentDispatcher)();
   return (0, import_react7.useCallback)((action) => {
     const { key, value } = action.properties;
     if (cursorFallbackRange) {
-      const index = model.sheet.ranges?.findIndex((range) => range.key === key && (0, import_compute4.inRange)((0, import_chunk_E3RXOEL6.rangeFromIndex)(model.sheet, range.range), cursorFallbackRange.from)) ?? -1;
+      const index = model.sheet.ranges?.findIndex((range) => range.key === key && (0, import_compute4.inRange)((0, import_chunk_4LSYTNS4.rangeFromIndex)(model.sheet, range.range), cursorFallbackRange.from)) ?? -1;
       const nextRangeEntity = {
-        range: (0, import_chunk_E3RXOEL6.rangeToIndex)(model.sheet, cursorFallbackRange),
+        range: (0, import_chunk_4LSYTNS4.rangeToIndex)(model.sheet, cursorFallbackRange),
         key,
         value
       };
@@ -266,17 +266,17 @@ var useToolbarAction = (state) => {
         case "alignment":
           if (index < 0) {
             model.sheet.ranges?.push(nextRangeEntity);
-            state[import_chunk_E3RXOEL6.alignKey] = value;
+            state[import_chunk_4LSYTNS4.alignKey] = value;
           } else if (model.sheet.ranges[index].value === value) {
             model.sheet.ranges?.splice(index, 1);
-            state[import_chunk_E3RXOEL6.alignKey] = void 0;
+            state[import_chunk_4LSYTNS4.alignKey] = void 0;
           } else {
             model.sheet.ranges?.splice(index, 1, nextRangeEntity);
-            state[import_chunk_E3RXOEL6.alignKey] = value;
+            state[import_chunk_4LSYTNS4.alignKey] = value;
           }
           break;
         case "style":
-          if (model.sheet.ranges.filter(({ range, key: rangeKey }) => rangeKey === "style" && (0, import_compute4.inRange)((0, import_chunk_E3RXOEL6.rangeFromIndex)(model.sheet, range), cursorFallbackRange.from)).some(({ value: rangeValue }) => rangeValue === value)) {
+          if (model.sheet.ranges.filter(({ range, key: rangeKey }) => rangeKey === "style" && (0, import_compute4.inRange)((0, import_chunk_4LSYTNS4.rangeFromIndex)(model.sheet, range), cursorFallbackRange.from)).some(({ value: rangeValue }) => rangeValue === value)) {
             if (index >= 0) {
               model.sheet.ranges?.splice(index, 1);
             }
@@ -289,7 +289,7 @@ var useToolbarAction = (state) => {
         case "comment": {
           const cellContent = model.getCellText(cursorFallbackRange.from);
           void dispatch((0, import_app_framework.createIntent)(import_types.ThreadAction.Create, {
-            cursor: (0, import_chunk_ZPWW4LPY.completeCellRangeToThreadCursor)(cursorFallbackRange),
+            cursor: (0, import_chunk_VMJK5QN4.completeCellRangeToThreadCursor)(cursorFallbackRange),
             name: cellContent,
             subject: model.sheet
           }));
@@ -345,8 +345,8 @@ var SheetToolbar = ({ attendableId, classNames }) => {
   }));
 };
 var SheetContainer = ({ space, sheet, role, ignoreAttention }) => {
-  const graph = (0, import_chunk_ZPWW4LPY.useComputeGraph)(space);
-  return graph ? /* @__PURE__ */ import_react.default.createElement(import_chunk_ZPWW4LPY.SheetProvider, {
+  const graph = (0, import_chunk_VMJK5QN4.useComputeGraph)(space);
+  return graph ? /* @__PURE__ */ import_react.default.createElement(import_chunk_VMJK5QN4.SheetProvider, {
     sheet,
     graph,
     ignoreAttention
@@ -358,7 +358,7 @@ var SheetContainer = ({ space, sheet, role, ignoreAttention }) => {
     }
   }, /* @__PURE__ */ import_react.default.createElement(SheetToolbar, {
     attendableId: (0, import_echo.fullyQualifiedId)(sheet)
-  }), /* @__PURE__ */ import_react.default.createElement(import_chunk_ZPWW4LPY.GridSheet, null), /* @__PURE__ */ import_react.default.createElement(FunctionEditor, null))) : null;
+  }), /* @__PURE__ */ import_react.default.createElement(import_chunk_VMJK5QN4.GridSheet, null), /* @__PURE__ */ import_react.default.createElement(FunctionEditor, null))) : null;
 };
 var SheetContainer_default = SheetContainer;
-//# sourceMappingURL=SheetContainer-TJ3JQLWM.cjs.map
+//# sourceMappingURL=SheetContainer-B77HHBOC.cjs.map

package/dist/lib/node/{chunk-E3RXOEL6.cjs → chunk-4LSYTNS4.cjs}

@@ -16,8 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_E3RXOEL6_exports = {};
-__export(chunk_E3RXOEL6_exports, {
+var chunk_4LSYTNS4_exports = {};
+__export(chunk_4LSYTNS4_exports, {
   ApiError: () => ApiError,
   CellValue: () => CellValue,
   DEFAULT_COLS: () => DEFAULT_COLS,
@@ -48,8 +48,8 @@ __export(chunk_E3RXOEL6_exports, {
   styleKey: () => styleKey,
   useSheetModel: () => useSheetModel
 });
-module.exports = __toCommonJS(chunk_E3RXOEL6_exports);
-var import_chunk_NLDXUFDG = require("./chunk-NLDXUFDG.cjs");
+module.exports = __toCommonJS(chunk_4LSYTNS4_exports);
+var import_chunk_MLU6KRQN = require("./chunk-MLU6KRQN.cjs");
 var import_echo_schema = require("@dxos/echo-schema");
 var import_types = require("@dxos/plugin-space/types");
 var import_echo_schema2 = require("@dxos/echo-schema");
@@ -732,7 +732,7 @@ var useSheetModel = (graph, sheet, { readonly } = {}) => {
 };
 var SheetAction;
 (function(SheetAction2) {
-  const SHEET_ACTION = `${import_chunk_NLDXUFDG.SHEET_PLUGIN}/action`;
+  const SHEET_ACTION = `${import_chunk_MLU6KRQN.SHEET_PLUGIN}/action`;
   class Create extends import_echo_schema2.S.TaggedClass()(`${SHEET_ACTION}/create`, {
     input: import_echo_schema2.S.Struct({
       name: import_echo_schema2.S.optional(import_echo_schema2.S.String)
@@ -932,4 +932,4 @@ var mapFormulaIndicesToRefs = (sheet, formula) => {
   styleKey,
   useSheetModel
 });
-//# sourceMappingURL=chunk-E3RXOEL6.cjs.map
+//# sourceMappingURL=chunk-4LSYTNS4.cjs.map

package/dist/lib/node/{chunk-NLDXUFDG.cjs → chunk-MLU6KRQN.cjs}

@@ -16,23 +16,26 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_NLDXUFDG_exports = {};
-__export(chunk_NLDXUFDG_exports, {
+var chunk_MLU6KRQN_exports = {};
+__export(chunk_MLU6KRQN_exports, {
   SHEET_PLUGIN: () => SHEET_PLUGIN,
   meta: () => meta
 });
-module.exports = __toCommonJS(chunk_NLDXUFDG_exports);
+module.exports = __toCommonJS(chunk_MLU6KRQN_exports);
 var SHEET_PLUGIN = "dxos.org/plugin/sheet";
 var meta = {
   id: SHEET_PLUGIN,
   name: "Sheet",
-  description: "A simple spreadsheet plugin.",
+  description: "Sheets in Composer are simple spreadsheets which allow you to leverage custom functions inside of cell grids. Leverage more than 400 pre-built formulas like Sum, Average, Count, Max, Min along with many others. You can also deploy your own custom functions using the Scripts plugin. ",
   icon: "ph--grid-nine--regular",
-  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-sheet"
+  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-sheet",
+  screenshots: [
+    "https://dxos.network/plugin-details-sheet-dark.png"
+  ]
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   SHEET_PLUGIN,
   meta
 });
-//# sourceMappingURL=chunk-NLDXUFDG.cjs.map
+//# sourceMappingURL=chunk-MLU6KRQN.cjs.map

package/dist/lib/node/chunk-MLU6KRQN.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 SHEET_PLUGIN = 'dxos.org/plugin/sheet';\n\nexport const meta = {\n  id: SHEET_PLUGIN,\n  name: 'Sheet',\n  description:\n    'Sheets in Composer are simple spreadsheets which allow you to leverage custom functions inside of cell grids. Leverage more than 400 pre-built formulas like Sum, Average, Count, Max, Min along with many others. You can also deploy your own custom functions using the Scripts plugin. ',\n  icon: 'ph--grid-nine--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-sheet',\n  screenshots: ['https://dxos.network/plugin-details-sheet-dark.png'],\n} satisfies PluginMeta;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAMA,eAAe;AAErB,IAAMC,OAAO;EAClBC,IAAIF;EACJG,MAAM;EACNC,aACE;EACFC,MAAM;EACNC,QAAQ;EACRC,aAAa;IAAC;;AAChB;",
+  "names": ["SHEET_PLUGIN", "meta", "id", "name", "description", "icon", "source", "screenshots"]
+}

package/dist/lib/node/{chunk-P4KSGZSS.cjs → chunk-SQZEJPZ7.cjs}

@@ -16,13 +16,13 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_P4KSGZSS_exports = {};
-__export(chunk_P4KSGZSS_exports, {
+var chunk_SQZEJPZ7_exports = {};
+__export(chunk_SQZEJPZ7_exports, {
   computeGraphFacet: () => computeGraphFacet,
   rangeExtension: () => rangeExtension,
   sheetExtension: () => sheetExtension
 });
-module.exports = __toCommonJS(chunk_P4KSGZSS_exports);
+module.exports = __toCommonJS(chunk_SQZEJPZ7_exports);
 var import_language = require("@codemirror/language");
 var import_state = require("@codemirror/state");
 var import_view = require("@codemirror/view");
@@ -223,6 +223,11 @@ var rangeExtension = ({ onInit, onStateChange }) => {
             from: 1,
             to: str.length + 1
           };
+        } else {
+          activeRange = {
+            from: str.length + 1,
+            to: str.length + 1
+          };
         }
       }
       onStateChange?.({
@@ -248,4 +253,4 @@ var visitTree = (node, callback) => {
   rangeExtension,
   sheetExtension
 });
-//# sourceMappingURL=chunk-P4KSGZSS.cjs.map
+//# sourceMappingURL=chunk-SQZEJPZ7.cjs.map

package/dist/lib/node/{chunk-P4KSGZSS.cjs.map → chunk-SQZEJPZ7.cjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/extensions/compute.ts", "../../../src/extensions/editor/extension.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { syntaxTree } from '@codemirror/language';\nimport {\n  type EditorState,\n  type Extension,\n  type RangeSet,\n  RangeSetBuilder,\n  StateEffect,\n  StateField,\n  type Transaction,\n} from '@codemirror/state';\nimport { Decoration, EditorView, ViewPlugin, WidgetType } from '@codemirror/view';\n\nimport { type UnsubscribeCallback, debounce } from '@dxos/async';\nimport {\n  createSheetName,\n  type CellAddress,\n  type CellScalarValue,\n  type ComputeGraph,\n  type ComputeNode,\n} from '@dxos/compute';\nimport { invariant } from '@dxos/invariant';\nimport { documentId, singleValueFacet } from '@dxos/react-ui-editor';\n\nconst LANGUAGE_TAG = 'dx';\n\n// TODO(burdon): Create marker just for our decorator?\nconst updateAllDecorations = StateEffect.define<void>();\n\nexport const computeGraphFacet = singleValueFacet<ComputeGraph>();\n\nexport type ComputeOptions = {};\n\nexport const compute = (options: ComputeOptions = {}): Extension => {\n  let computeNode: ComputeNode | undefined;\n\n  const update = (state: EditorState, current?: RangeSet<Decoration>) => {\n    const builder = new RangeSetBuilder<Decoration>();\n    if (computeNode) {\n      computeNode.clear();\n      syntaxTree(state).iterate({\n        enter: (node) => {\n          switch (node.name) {\n            case 'FencedCode': {\n              const cursor = state.selection.main.head;\n              if (state.readOnly || cursor < node.from || cursor > node.to) {\n                const info = node.node.getChild('CodeInfo');\n                if (info) {\n                  const type = state.sliceDoc(info.from, info.to);\n                  const text = node.node.getChild('CodeText');\n                  if (type === LANGUAGE_TAG && text) {\n                    const formula = state.sliceDoc(text.from, text.to);\n\n                    const iter = current?.iter(node.node.from);\n                    if (iter?.value && iter?.value.spec.formula === formula) {\n                      // Add existing widget.\n                      builder.add(node.from, node.to, iter.value);\n                    } else {\n                      // TODO(burdon): Create ordered list of cells on each decoration run.\n                      const cell: CellAddress = { col: node.node.from, row: 0 };\n                      invariant(computeNode);\n                      // NOTE: This triggers re-render (below).\n                      computeNode.setValue(cell, formula);\n                      const value = computeNode.getValue(cell);\n                      builder.add(\n                        node.from,\n                        node.to,\n                        Decoration.replace({\n                          widget: new ComputeWidget(formula, value),\n                          formula,\n                        }),\n                      );\n                    }\n                  }\n                }\n              }\n\n              break;\n            }\n          }\n        },\n      });\n    }\n\n    return builder.finish();\n  };\n\n  return [\n    ViewPlugin.fromClass(\n      class {\n        // Graph subscription.\n        private _subscription?: UnsubscribeCallback;\n        constructor(view: EditorView) {\n          const id = view.state.facet(documentId);\n          const computeGraph = view.state.facet(computeGraphFacet);\n          if (id && computeGraph) {\n            queueMicrotask(async () => {\n              computeNode = computeGraph.getOrCreateNode(createSheetName({ type: '', id }));\n              await computeNode.open();\n\n              // Trigger re-render if values updated.\n              // TODO(burdon): Trigger only if formula value updated (currently triggered during render).\n              this._subscription = computeNode.update.on(\n                debounce(({ type, ...rest }) => {\n                  if (type === 'valuesUpdated') {\n                    view.dispatch({\n                      effects: updateAllDecorations.of(),\n                    });\n                  }\n                }, 250),\n              );\n            });\n          }\n        }\n\n        destroy() {\n          this._subscription?.();\n          void computeNode?.close();\n          computeNode = undefined;\n        }\n      },\n    ),\n\n    StateField.define<RangeSet<Decoration>>({\n      create: (state) => update(state),\n      update: (rangeSet: RangeSet<Decoration>, tr: Transaction) => update(tr.state, rangeSet),\n      provide: (field) => EditorView.decorations.from(field),\n    }),\n  ];\n};\n\n// TODO(burdon): Click to edit.\nclass ComputeWidget extends WidgetType {\n  constructor(\n    private readonly formula: string,\n    private readonly value: CellScalarValue,\n  ) {\n    super();\n  }\n\n  override toDOM(_view: EditorView) {\n    const div = document.createElement('div');\n    div.setAttribute('title', this.formula);\n    div.innerText = String(this.value);\n    return div;\n  }\n}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport {\n  type Completion,\n  type CompletionContext,\n  type CompletionResult,\n  acceptCompletion,\n  autocompletion,\n  completionStatus,\n  startCompletion,\n} from '@codemirror/autocomplete';\nimport { HighlightStyle, type Language, syntaxHighlighting } from '@codemirror/language';\nimport { type Extension } from '@codemirror/state';\nimport { type EditorView, ViewPlugin, type ViewUpdate, keymap } from '@codemirror/view';\nimport { type SyntaxNode } from '@lezer/common';\nimport { tags } from '@lezer/highlight';\nimport { spreadsheet } from 'codemirror-lang-spreadsheet';\n\nimport { type FunctionDefinition } from '@dxos/compute';\nimport { RANGE_NOTATION } from '@dxos/compute';\nimport { singleValueFacet } from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\n\n/**\n * https://codemirror.net/examples/styling\n * https://lezer.codemirror.net/docs/ref/#highlight\n * https://github.com/luizzappa/codemirror-lang-spreadsheet/blob/main/src/index.ts#L28 (mapping)\n */\n// TODO(burdon): Define light/dark.\nconst highlightStyles = HighlightStyle.define([\n  // Function.\n  {\n    tag: tags.name,\n    class: 'text-accentText',\n  },\n  // Range.\n  {\n    tag: tags.tagName,\n    class: 'text-pinkText',\n  },\n  // Values.\n  {\n    tag: tags.number,\n    class: 'text-tealText',\n  },\n  {\n    tag: tags.bool,\n    class: 'text-tealText',\n  },\n  {\n    tag: tags.string,\n    class: 'text-tealText',\n  },\n  // Error.\n  {\n    tag: tags.invalid,\n    class: 'text-unAccent',\n  },\n]);\n\nconst languageFacet = singleValueFacet<Language>();\n\nexport type SheetExtensionOptions = {\n  debug?: boolean;\n  functions?: FunctionDefinition[];\n};\n\n/**\n * Spreadsheet formula extension and parser.\n * https://github.com/luizzappa/codemirror-lang-spreadsheet\n * https://github.com/luizzappa/codemirror-app-spreadsheet/blob/master/src/editor.ts\n * https://github.com/codemirror/lang-example\n * https://hyperformula.handsontable.com/guide/key-concepts.html#grammar\n */\nexport const sheetExtension = ({ debug, functions = [] }: SheetExtensionOptions): Extension => {\n  const { extension, language } = spreadsheet({ idiom: 'en-US', decimalSeparator: '.' });\n\n  const createCompletion = (name: string) => {\n    const { section = 'Custom', description, syntax } = functions.find((value) => value.name === name) ?? {};\n\n    return {\n      section,\n      label: name,\n      info: () => {\n        if (!description && !syntax) {\n          return null;\n        }\n\n        // TODO(burdon): Standardize color styles.\n        const root = document.createElement('div');\n        root.className = 'flex flex-col gap-2 text-sm';\n\n        const title = document.createElement('h2');\n        title.innerText = name;\n        title.className = 'text-lg font-mono text-accentText';\n        root.appendChild(title);\n\n        if (description) {\n          const info = document.createElement('p');\n          info.innerText = description;\n          info.className = 'text-subdued';\n          root.appendChild(info);\n        }\n\n        if (syntax) {\n          const detail = document.createElement('pre');\n          detail.innerText = syntax;\n          detail.className = 'whitespace-pre-wrap text-greenText';\n          root.appendChild(detail);\n        }\n\n        return root;\n      },\n      apply: (view, completion, from, to) => {\n        const insertParens = to === view.state.doc.toString().length;\n        view.dispatch(\n          view.state.update({\n            changes: {\n              from,\n              to,\n              insert: completion.label + (insertParens ? '()' : ''),\n            },\n            selection: {\n              anchor: from + completion.label.length + 1,\n            },\n          }),\n        );\n      },\n    } satisfies Completion;\n  };\n\n  return [\n    extension,\n    languageFacet.of(language),\n    language.data.of({\n      autocomplete: (context: CompletionContext): CompletionResult | null => {\n        if (context.state.doc.toString()[0] !== '=') {\n          return null;\n        }\n        const match = context.matchBefore(/\\w*/);\n        if (!match || match.from === match.to) {\n          return null;\n        }\n\n        const text = match.text.toUpperCase();\n        if (!context.explicit && match.text.length < 2) {\n          return null;\n        }\n\n        return {\n          from: match.from,\n          options:\n            functions?.filter(({ name }) => name.startsWith(text)).map(({ name }) => createCompletion(name)) ?? [],\n        };\n      },\n    }),\n\n    syntaxHighlighting(highlightStyles),\n    autocompletion({\n      aboveCursor: false,\n      defaultKeymap: true,\n      activateOnTyping: true,\n      closeOnBlur: !debug,\n      icons: false,\n      tooltipClass: () =>\n        mx(\n          '!-left-[1px] !top-[33px] !-m-0 border !border-t-0 [&>ul]:!min-w-[198px]',\n          '[&>ul>li[aria-selected]]:!bg-accentSurface',\n          'border-separator',\n        ),\n    }),\n    keymap.of([\n      {\n        key: 'Tab',\n        run: (view) => {\n          return completionStatus(view.state) === 'active' ? acceptCompletion(view) : startCompletion(view);\n        },\n      },\n    ]),\n\n    // Parsing.\n    // StateField.define({\n    //   create: (state) => {},\n    //   update: (value, tr) => {\n    //     log.info('update');\n    //     syntaxTree(tr.state).iterate({\n    //       enter: ({ type, from, to }) => {\n    //         log.info('node', { type: type.name, from, to });\n    //       },\n    //     });\n    //   },\n    // }),\n  ];\n};\n\nexport type SelectionRange = { from: number; to: number };\n\nexport interface RangeController {\n  setRange(range: string): void;\n}\n\nexport type RangeExtensionOptions = {\n  /**\n   * Provides controller callback when extension is initialized.\n   */\n  onInit?: (controller: RangeController) => void;\n  /**\n   * Called when the active range changes.\n   * @param state The current state.\n   * @param state.activeRange undefined if no range is active, otherwise a possibly partially defined range.\n   */\n  onStateChange?: (state: { activeRange: string | undefined }) => void;\n};\n\n/**\n * Tracks the currently active cell within a formula and provides a callback to modify it.\n */\nexport const rangeExtension = ({ onInit, onStateChange }: RangeExtensionOptions): Extension => {\n  let view: EditorView;\n  let activeRange: SelectionRange | undefined;\n\n  // Called externally to provide current range.\n  const notifier: RangeController = {\n    setRange: (range: string) => {\n      if (activeRange) {\n        view.dispatch(\n          view.state.update({\n            changes: { ...activeRange, insert: range.toString() },\n            selection: { anchor: activeRange.from + range.length },\n          }),\n        );\n      }\n\n      view.focus();\n    },\n  };\n\n  return ViewPlugin.fromClass(\n    class {\n      constructor(_view: EditorView) {\n        view = _view;\n        onInit?.(notifier);\n      }\n\n      update(view: ViewUpdate) {\n        const { anchor } = view.state.selection.ranges[0];\n\n        // Find first Range or cell at cursor.\n        activeRange = undefined;\n        const language = view.state.facet(languageFacet);\n        const { topNode } = language.parser.parse(view.state.doc.toString());\n        visitTree(topNode, ({ type, from, to }) => {\n          if (from <= anchor && to >= anchor) {\n            switch (type.name) {\n              case 'Function':\n                // Mark but keep looking.\n                activeRange = { from: to, to };\n                break;\n\n              case 'CloseParen':\n                // Mark but keep looking.\n                activeRange = { from, to: from };\n                break;\n\n              case 'RangeToken':\n              case 'CellToken':\n                activeRange = { from, to };\n                return true;\n            }\n          }\n\n          return false;\n        });\n\n        // Allow start of formula.\n        if (!activeRange && view.state.doc.toString()[0] === '=') {\n          const str = view.state.doc.sliceString(1);\n          if (RANGE_NOTATION.test(str)) {\n            activeRange = { from: 1, to: str.length + 1 };\n          }\n        }\n\n        onStateChange?.({\n          activeRange: activeRange ? view.state.doc.sliceString(activeRange.from, activeRange.to) : undefined,\n        });\n      }\n    },\n  );\n};\n\n/**\n * Lezer parse result visitor.\n */\nconst visitTree = (node: SyntaxNode, callback: (node: SyntaxNode) => boolean): boolean => {\n  if (callback(node)) {\n    return true;\n  }\n\n  for (let child = node.firstChild; child !== null; child = child.nextSibling) {\n    if (visitTree(child, callback)) {\n      return true;\n    }\n  }\n\n  return false;\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { syntaxTree } from '@codemirror/language';\nimport {\n  type EditorState,\n  type Extension,\n  type RangeSet,\n  RangeSetBuilder,\n  StateEffect,\n  StateField,\n  type Transaction,\n} from '@codemirror/state';\nimport { Decoration, EditorView, ViewPlugin, WidgetType } from '@codemirror/view';\n\nimport { type UnsubscribeCallback, debounce } from '@dxos/async';\nimport {\n  createSheetName,\n  type CellAddress,\n  type CellScalarValue,\n  type ComputeGraph,\n  type ComputeNode,\n} from '@dxos/compute';\nimport { invariant } from '@dxos/invariant';\nimport { documentId, singleValueFacet } from '@dxos/react-ui-editor';\n\nconst LANGUAGE_TAG = 'dx';\n\n// TODO(burdon): Create marker just for our decorator?\nconst updateAllDecorations = StateEffect.define<void>();\n\nexport const computeGraphFacet = singleValueFacet<ComputeGraph>();\n\nexport type ComputeOptions = {};\n\nexport const compute = (options: ComputeOptions = {}): Extension => {\n  let computeNode: ComputeNode | undefined;\n\n  const update = (state: EditorState, current?: RangeSet<Decoration>) => {\n    const builder = new RangeSetBuilder<Decoration>();\n    if (computeNode) {\n      computeNode.clear();\n      syntaxTree(state).iterate({\n        enter: (node) => {\n          switch (node.name) {\n            case 'FencedCode': {\n              const cursor = state.selection.main.head;\n              if (state.readOnly || cursor < node.from || cursor > node.to) {\n                const info = node.node.getChild('CodeInfo');\n                if (info) {\n                  const type = state.sliceDoc(info.from, info.to);\n                  const text = node.node.getChild('CodeText');\n                  if (type === LANGUAGE_TAG && text) {\n                    const formula = state.sliceDoc(text.from, text.to);\n\n                    const iter = current?.iter(node.node.from);\n                    if (iter?.value && iter?.value.spec.formula === formula) {\n                      // Add existing widget.\n                      builder.add(node.from, node.to, iter.value);\n                    } else {\n                      // TODO(burdon): Create ordered list of cells on each decoration run.\n                      const cell: CellAddress = { col: node.node.from, row: 0 };\n                      invariant(computeNode);\n                      // NOTE: This triggers re-render (below).\n                      computeNode.setValue(cell, formula);\n                      const value = computeNode.getValue(cell);\n                      builder.add(\n                        node.from,\n                        node.to,\n                        Decoration.replace({\n                          widget: new ComputeWidget(formula, value),\n                          formula,\n                        }),\n                      );\n                    }\n                  }\n                }\n              }\n\n              break;\n            }\n          }\n        },\n      });\n    }\n\n    return builder.finish();\n  };\n\n  return [\n    ViewPlugin.fromClass(\n      class {\n        // Graph subscription.\n        private _subscription?: UnsubscribeCallback;\n        constructor(view: EditorView) {\n          const id = view.state.facet(documentId);\n          const computeGraph = view.state.facet(computeGraphFacet);\n          if (id && computeGraph) {\n            queueMicrotask(async () => {\n              computeNode = computeGraph.getOrCreateNode(createSheetName({ type: '', id }));\n              await computeNode.open();\n\n              // Trigger re-render if values updated.\n              // TODO(burdon): Trigger only if formula value updated (currently triggered during render).\n              this._subscription = computeNode.update.on(\n                debounce(({ type, ...rest }) => {\n                  if (type === 'valuesUpdated') {\n                    view.dispatch({\n                      effects: updateAllDecorations.of(),\n                    });\n                  }\n                }, 250),\n              );\n            });\n          }\n        }\n\n        destroy() {\n          this._subscription?.();\n          void computeNode?.close();\n          computeNode = undefined;\n        }\n      },\n    ),\n\n    StateField.define<RangeSet<Decoration>>({\n      create: (state) => update(state),\n      update: (rangeSet: RangeSet<Decoration>, tr: Transaction) => update(tr.state, rangeSet),\n      provide: (field) => EditorView.decorations.from(field),\n    }),\n  ];\n};\n\n// TODO(burdon): Click to edit.\nclass ComputeWidget extends WidgetType {\n  constructor(\n    private readonly formula: string,\n    private readonly value: CellScalarValue,\n  ) {\n    super();\n  }\n\n  override toDOM(_view: EditorView) {\n    const div = document.createElement('div');\n    div.setAttribute('title', this.formula);\n    div.innerText = String(this.value);\n    return div;\n  }\n}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport {\n  type Completion,\n  type CompletionContext,\n  type CompletionResult,\n  acceptCompletion,\n  autocompletion,\n  completionStatus,\n  startCompletion,\n} from '@codemirror/autocomplete';\nimport { HighlightStyle, type Language, syntaxHighlighting } from '@codemirror/language';\nimport { type Extension } from '@codemirror/state';\nimport { type EditorView, ViewPlugin, type ViewUpdate, keymap } from '@codemirror/view';\nimport { type SyntaxNode } from '@lezer/common';\nimport { tags } from '@lezer/highlight';\nimport { spreadsheet } from 'codemirror-lang-spreadsheet';\n\nimport { type FunctionDefinition } from '@dxos/compute';\nimport { RANGE_NOTATION } from '@dxos/compute';\nimport { singleValueFacet } from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\n\n/**\n * https://codemirror.net/examples/styling\n * https://lezer.codemirror.net/docs/ref/#highlight\n * https://github.com/luizzappa/codemirror-lang-spreadsheet/blob/main/src/index.ts#L28 (mapping)\n */\n// TODO(burdon): Define light/dark.\nconst highlightStyles = HighlightStyle.define([\n  // Function.\n  {\n    tag: tags.name,\n    class: 'text-accentText',\n  },\n  // Range.\n  {\n    tag: tags.tagName,\n    class: 'text-pinkText',\n  },\n  // Values.\n  {\n    tag: tags.number,\n    class: 'text-tealText',\n  },\n  {\n    tag: tags.bool,\n    class: 'text-tealText',\n  },\n  {\n    tag: tags.string,\n    class: 'text-tealText',\n  },\n  // Error.\n  {\n    tag: tags.invalid,\n    class: 'text-unAccent',\n  },\n]);\n\nconst languageFacet = singleValueFacet<Language>();\n\nexport type SheetExtensionOptions = {\n  debug?: boolean;\n  functions?: FunctionDefinition[];\n};\n\n/**\n * Spreadsheet formula extension and parser.\n * https://github.com/luizzappa/codemirror-lang-spreadsheet\n * https://github.com/luizzappa/codemirror-app-spreadsheet/blob/master/src/editor.ts\n * https://github.com/codemirror/lang-example\n * https://hyperformula.handsontable.com/guide/key-concepts.html#grammar\n */\nexport const sheetExtension = ({ debug, functions = [] }: SheetExtensionOptions): Extension => {\n  const { extension, language } = spreadsheet({ idiom: 'en-US', decimalSeparator: '.' });\n\n  const createCompletion = (name: string) => {\n    const { section = 'Custom', description, syntax } = functions.find((value) => value.name === name) ?? {};\n\n    return {\n      section,\n      label: name,\n      info: () => {\n        if (!description && !syntax) {\n          return null;\n        }\n\n        // TODO(burdon): Standardize color styles.\n        const root = document.createElement('div');\n        root.className = 'flex flex-col gap-2 text-sm';\n\n        const title = document.createElement('h2');\n        title.innerText = name;\n        title.className = 'text-lg font-mono text-accentText';\n        root.appendChild(title);\n\n        if (description) {\n          const info = document.createElement('p');\n          info.innerText = description;\n          info.className = 'text-subdued';\n          root.appendChild(info);\n        }\n\n        if (syntax) {\n          const detail = document.createElement('pre');\n          detail.innerText = syntax;\n          detail.className = 'whitespace-pre-wrap text-greenText';\n          root.appendChild(detail);\n        }\n\n        return root;\n      },\n      apply: (view, completion, from, to) => {\n        const insertParens = to === view.state.doc.toString().length;\n        view.dispatch(\n          view.state.update({\n            changes: {\n              from,\n              to,\n              insert: completion.label + (insertParens ? '()' : ''),\n            },\n            selection: {\n              anchor: from + completion.label.length + 1,\n            },\n          }),\n        );\n      },\n    } satisfies Completion;\n  };\n\n  return [\n    extension,\n    languageFacet.of(language),\n    language.data.of({\n      autocomplete: (context: CompletionContext): CompletionResult | null => {\n        if (context.state.doc.toString()[0] !== '=') {\n          return null;\n        }\n        const match = context.matchBefore(/\\w*/);\n        if (!match || match.from === match.to) {\n          return null;\n        }\n\n        const text = match.text.toUpperCase();\n        if (!context.explicit && match.text.length < 2) {\n          return null;\n        }\n\n        return {\n          from: match.from,\n          options:\n            functions?.filter(({ name }) => name.startsWith(text)).map(({ name }) => createCompletion(name)) ?? [],\n        };\n      },\n    }),\n\n    syntaxHighlighting(highlightStyles),\n    autocompletion({\n      aboveCursor: false,\n      defaultKeymap: true,\n      activateOnTyping: true,\n      closeOnBlur: !debug,\n      icons: false,\n      tooltipClass: () =>\n        mx(\n          '!-left-[1px] !top-[33px] !-m-0 border !border-t-0 [&>ul]:!min-w-[198px]',\n          '[&>ul>li[aria-selected]]:!bg-accentSurface',\n          'border-separator',\n        ),\n    }),\n    keymap.of([\n      {\n        key: 'Tab',\n        run: (view) => {\n          return completionStatus(view.state) === 'active' ? acceptCompletion(view) : startCompletion(view);\n        },\n      },\n    ]),\n\n    // Parsing.\n    // StateField.define({\n    //   create: (state) => {},\n    //   update: (value, tr) => {\n    //     log.info('update');\n    //     syntaxTree(tr.state).iterate({\n    //       enter: ({ type, from, to }) => {\n    //         log.info('node', { type: type.name, from, to });\n    //       },\n    //     });\n    //   },\n    // }),\n  ];\n};\n\nexport type SelectionRange = { from: number; to: number };\n\nexport interface RangeController {\n  setRange(range: string): void;\n}\n\nexport type RangeExtensionOptions = {\n  /**\n   * Provides controller callback when extension is initialized.\n   */\n  onInit?: (controller: RangeController) => void;\n  /**\n   * Called when the active range changes.\n   * @param state The current state.\n   * @param state.activeRange undefined if no range is active, otherwise a possibly partially defined range.\n   */\n  onStateChange?: (state: { activeRange: string | undefined }) => void;\n};\n\n/**\n * Tracks the currently active cell within a formula and provides a callback to modify it.\n */\nexport const rangeExtension = ({ onInit, onStateChange }: RangeExtensionOptions): Extension => {\n  let view: EditorView;\n  let activeRange: SelectionRange | undefined;\n\n  // Called externally to provide current range.\n  const notifier: RangeController = {\n    setRange: (range: string) => {\n      if (activeRange) {\n        view.dispatch(\n          view.state.update({\n            changes: { ...activeRange, insert: range.toString() },\n            selection: { anchor: activeRange.from + range.length },\n          }),\n        );\n      }\n\n      view.focus();\n    },\n  };\n\n  return ViewPlugin.fromClass(\n    class {\n      constructor(_view: EditorView) {\n        view = _view;\n        onInit?.(notifier);\n      }\n\n      update(view: ViewUpdate) {\n        const { anchor } = view.state.selection.ranges[0];\n\n        // Find first Range or cell at cursor.\n        activeRange = undefined;\n        const language = view.state.facet(languageFacet);\n        const { topNode } = language.parser.parse(view.state.doc.toString());\n        visitTree(topNode, ({ type, from, to }) => {\n          if (from <= anchor && to >= anchor) {\n            switch (type.name) {\n              case 'Function':\n                // Mark but keep looking.\n                activeRange = { from: to, to };\n                break;\n\n              case 'CloseParen':\n                // Mark but keep looking.\n                activeRange = { from, to: from };\n                break;\n\n              case 'RangeToken':\n              case 'CellToken':\n                activeRange = { from, to };\n                return true;\n            }\n          }\n\n          return false;\n        });\n\n        // Allow start of formula.\n        if (!activeRange && view.state.doc.toString()[0] === '=') {\n          const str = view.state.doc.sliceString(1);\n          if (RANGE_NOTATION.test(str)) {\n            activeRange = { from: 1, to: str.length + 1 };\n          } else {\n            activeRange = { from: str.length + 1, to: str.length + 1 };\n          }\n        }\n\n        onStateChange?.({\n          activeRange: activeRange ? view.state.doc.sliceString(activeRange.from, activeRange.to) : undefined,\n        });\n      }\n    },\n  );\n};\n\n/**\n * Lezer parse result visitor.\n */\nconst visitTree = (node: SyntaxNode, callback: (node: SyntaxNode) => boolean): boolean => {\n  if (callback(node)) {\n    return true;\n  }\n\n  for (let child = node.firstChild; child !== null; child = child.nextSibling) {\n    if (visitTree(child, callback)) {\n      return true;\n    }\n  }\n\n  return false;\n};\n"],
+  "mappings": "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",
   "names": ["import_language", "import_view", "import_compute", "import_react_ui_editor", "updateAllDecorations", "StateEffect", "define", "computeGraphFacet", "singleValueFacet", "highlightStyles", "HighlightStyle", "tag", "tags", "name", "class", "tagName", "number", "bool", "string", "invalid", "languageFacet", "sheetExtension", "debug", "functions", "extension", "language", "spreadsheet", "idiom", "decimalSeparator", "createCompletion", "section", "description", "syntax", "find", "value", "label", "info", "root", "document", "createElement", "className", "title", "innerText", "appendChild", "detail", "apply", "view", "completion", "from", "to", "insertParens", "state", "doc", "toString", "length", "dispatch", "update", "changes", "insert", "selection", "anchor", "of", "data", "autocomplete", "context", "match", "matchBefore", "text", "toUpperCase", "explicit", "options", "filter", "startsWith", "map", "syntaxHighlighting", "autocompletion", "aboveCursor", "defaultKeymap", "activateOnTyping", "closeOnBlur", "icons", "tooltipClass", "mx", "keymap", "key", "run", "completionStatus", "acceptCompletion", "startCompletion", "rangeExtension", "onInit", "onStateChange", "activeRange", "notifier", "setRange", "range", "focus", "ViewPlugin", "fromClass", "constructor", "_view", "ranges", "undefined", "facet", "topNode", "parser", "parse", "visitTree", "type", "str", "sliceString", "RANGE_NOTATION", "test", "node", "callback", "child", "firstChild", "nextSibling"]
 }

package/dist/lib/node/{chunk-ZPWW4LPY.cjs → chunk-VMJK5QN4.cjs}

@@ -26,8 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_ZPWW4LPY_exports = {};
-__export(chunk_ZPWW4LPY_exports, {
+var chunk_VMJK5QN4_exports = {};
+__export(chunk_VMJK5QN4_exports, {
   ComputeGraphContextProvider: () => ComputeGraphContextProvider,
   GridSheet: () => GridSheet,
   RangeList: () => RangeList,
@@ -37,10 +37,10 @@ __export(chunk_ZPWW4LPY_exports, {
   useComputeGraph: () => useComputeGraph,
   useSheetContext: () => useSheetContext
 });
-module.exports = __toCommonJS(chunk_ZPWW4LPY_exports);
-var import_chunk_E3RXOEL6 = require("./chunk-E3RXOEL6.cjs");
-var import_chunk_P4KSGZSS = require("./chunk-P4KSGZSS.cjs");
-var import_chunk_NLDXUFDG = require("./chunk-NLDXUFDG.cjs");
+module.exports = __toCommonJS(chunk_VMJK5QN4_exports);
+var import_chunk_SQZEJPZ7 = require("./chunk-SQZEJPZ7.cjs");
+var import_chunk_4LSYTNS4 = require("./chunk-4LSYTNS4.cjs");
+var import_chunk_MLU6KRQN = require("./chunk-MLU6KRQN.cjs");
 var import_react = __toESM(require("react"));
 var import_debug = require("@dxos/debug");
 var import_react_hooks = require("@dxos/react-hooks");
@@ -67,6 +67,7 @@ var import_react6 = require("react");
 var import_app_framework2 = require("@dxos/app-framework");
 var import_async = require("@dxos/async");
 var import_compute4 = require("@dxos/compute");
+var import_echo_schema2 = require("@dxos/echo-schema");
 var import_types = require("@dxos/plugin-thread/types");
 var import_echo2 = require("@dxos/react-client/echo");
 var import_react7 = __toESM(require("react"));
@@ -96,7 +97,7 @@ var useComputeGraph = (space) => {
   return graph;
 };
 var RangeList = ({ sheet }) => {
-  const { t } = (0, import_react_ui.useTranslation)(import_chunk_NLDXUFDG.SHEET_PLUGIN);
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_MLU6KRQN.SHEET_PLUGIN);
   const handleSelectRange = (range) => {
   };
   const handleDeleteRange = (0, import_react2.useCallback)((range) => {
@@ -109,7 +110,7 @@ var RangeList = ({ sheet }) => {
     className: "p-2 text-sm font-semibold"
   }, t("range list heading")), /* @__PURE__ */ import_react2.default.createElement(import_react_ui_list.List.Root, {
     items: sheet.ranges,
-    isItem: import_echo_schema.S.is(import_chunk_E3RXOEL6.Range)
+    isItem: import_echo_schema.S.is(import_chunk_4LSYTNS4.Range)
   }, ({ items: ranges }) => ranges.map((range, i) => /* @__PURE__ */ import_react2.default.createElement(import_react_ui_list.List.Item, {
     key: i,
     item: range,
@@ -120,7 +121,7 @@ var RangeList = ({ sheet }) => {
   }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_list.List.ItemDragHandle, null), /* @__PURE__ */ import_react2.default.createElement(import_react_ui_list.List.ItemTitle, {
     onClick: () => handleSelectRange(range)
   }, t("range title", {
-    position: (0, import_compute.rangeToA1Notation)((0, import_chunk_E3RXOEL6.rangeFromIndex)(sheet, range.range)),
+    position: (0, import_compute.rangeToA1Notation)((0, import_chunk_4LSYTNS4.rangeFromIndex)(sheet, range.range)),
     key: t(`range key ${range.key} label`),
     value: t(`range value ${range.value} label`)
   })), /* @__PURE__ */ import_react2.default.createElement(import_react_ui_list.List.ItemDeleteButton, {
@@ -150,21 +151,28 @@ var parseThreadAnchorAsCellRange = (cursor) => {
 };
 var useUpdateFocusedCellOnThreadSelection = (grid) => {
   const { model, setActiveRefs } = useSheetContext();
-  const scrollIntoViewResolver = (0, import_react6.useMemo)(() => (0, import_app_framework2.createResolver)(import_app_framework2.LayoutAction.ScrollIntoView, ({ cursor, ref }) => {
-    setActiveRefs(ref);
-    const range = parseThreadAnchorAsCellRange(cursor);
-    range && grid?.setFocus({
-      ...range.to,
-      plane: "grid"
-    }, true);
-  }, {
-    disposition: "hoist",
-    filter: (data) => data.id === (0, import_echo2.fullyQualifiedId)(model.sheet) && !!data.cursor
+  const scrollIntoViewResolver = (0, import_react6.useMemo)(() => (0, import_app_framework2.createResolver)({
+    intent: import_app_framework2.LayoutAction.ScrollIntoView,
+    position: "hoist",
+    filter: (data) => {
+      if (!import_echo_schema2.S.is(import_app_framework2.LayoutAction.ScrollIntoView.fields.input)(data)) {
+        return false;
+      }
+      return data.subject === (0, import_echo2.fullyQualifiedId)(model.sheet) && !!data.options?.cursor;
+    },
+    resolve: ({ options: { cursor, ref } }) => {
+      setActiveRefs(ref);
+      const range = parseThreadAnchorAsCellRange(cursor);
+      range && grid?.setFocus({
+        ...range.to,
+        plane: "grid"
+      }, true);
+    }
   }), [
     model.sheet,
     setActiveRefs
   ]);
-  (0, import_app_framework2.useIntentResolver)(import_chunk_NLDXUFDG.SHEET_PLUGIN, scrollIntoViewResolver);
+  (0, import_app_framework2.useIntentResolver)(import_chunk_MLU6KRQN.SHEET_PLUGIN, scrollIntoViewResolver);
 };
 var useSelectThreadOnCellFocus = () => {
   const { model, cursor } = useSheetContext();
@@ -241,7 +249,7 @@ var projectCellProps = (model, col, row) => {
     row
   };
   const rawValue = model.getValue(address);
-  const ranges = model.sheet.ranges?.filter(({ range }) => (0, import_compute3.inRange)((0, import_chunk_E3RXOEL6.rangeFromIndex)(model.sheet, range), address));
+  const ranges = model.sheet.ranges?.filter(({ range }) => (0, import_compute3.inRange)((0, import_chunk_4LSYTNS4.rangeFromIndex)(model.sheet, range), address));
   const threadRefs = model.sheet.threads?.filter((thread) => {
     const range = thread.target?.anchor && parseThreadAnchorAsCellRange(thread.target.anchor);
     return thread && range ? (0, import_compute3.inRange)(range, address) : false;
@@ -249,7 +257,7 @@ var projectCellProps = (model, col, row) => {
   const description = model.getValueDescription(address);
   const type = description?.type;
   const format = description?.format;
-  const classNames = ranges?.map(import_chunk_E3RXOEL6.cellClassNameForRange).reverse();
+  const classNames = ranges?.map(import_chunk_4LSYTNS4.cellClassNameForRange).reverse();
   return {
     value: (0, import_react_ui_form.parseValue)({
       type,
@@ -282,7 +290,7 @@ var gridCellGetter = (model) => {
 };
 var rowLabelCell = (row) => ({
   value: (0, import_react_ui_grid2.rowToA1Notation)(row),
-  className: "text-end !pie-1 text-subdued",
+  className: "text-end pie-1 text-subdued",
   resizeHandle: "row"
 });
 var colLabelCell = (col) => ({
@@ -427,7 +435,7 @@ var SheetProviderImpl = ({ model, onInfo, ignoreAttention, children, __gridScope
   }, children);
 };
 var SheetProvider = ({ children, graph, sheet, readonly, ignoreAttention, onInfo }) => {
-  const model = (0, import_chunk_E3RXOEL6.useSheetModel)(graph, sheet, {
+  const model = (0, import_chunk_4LSYTNS4.useSheetModel)(graph, sheet, {
     readonly
   });
   return !model ? null : /* @__PURE__ */ import_react7.default.createElement(import_react_ui_grid3.Grid.Root, {
@@ -483,7 +491,7 @@ var sheetColDefault = {
   }
 };
 var GridSheet = () => {
-  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_NLDXUFDG.SHEET_PLUGIN);
+  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_MLU6KRQN.SHEET_PLUGIN);
   const { id, model, editing, setCursor, setRange, cursor, cursorFallbackRange, activeRefs, ignoreAttention } = useSheetContext();
   const [dxGrid, setDxGrid] = (0, import_react4.useState)(null);
   const [extraplanarFocus, setExtraplanarFocus] = (0, import_react4.useState)(null);
@@ -686,13 +694,13 @@ var GridSheet = () => {
     switch (operation) {
       case "insert-before":
       case "insert-after":
-        return dispatch((0, import_app_framework.createIntent)(import_chunk_E3RXOEL6.SheetAction.InsertAxis, {
+        return dispatch((0, import_app_framework.createIntent)(import_chunk_4LSYTNS4.SheetAction.InsertAxis, {
           model,
           axis: contextMenuAxis,
           index: contextMenuOpen[contextMenuAxis] + (operation === "insert-before" ? 0 : 1)
         }));
       case "drop":
-        return dispatch((0, import_app_framework.createIntent)(import_chunk_E3RXOEL6.SheetAction.DropAxis, {
+        return dispatch((0, import_app_framework.createIntent)(import_chunk_4LSYTNS4.SheetAction.DropAxis, {
           model,
           axis: contextMenuAxis,
           axisIndex: model.sheet[contextMenuAxis === "row" ? "rows" : "columns"][contextMenuOpen[contextMenuAxis]]
@@ -712,10 +720,10 @@ var GridSheet = () => {
         onNav: handleClose
       }
     }),
-    (0, import_chunk_P4KSGZSS.sheetExtension)({
+    (0, import_chunk_SQZEJPZ7.sheetExtension)({
       functions: model.graph.getFunctions()
     }),
-    (0, import_chunk_P4KSGZSS.rangeExtension)({
+    (0, import_chunk_SQZEJPZ7.rangeExtension)({
       onInit: (fn) => rangeController.current = fn,
       onStateChange: (state) => {
         if (dxGrid) {
@@ -744,8 +752,8 @@ var GridSheet = () => {
     onBlur: handleBlur
   }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_grid.Grid.Content, {
     initialCells,
-    limitColumns: import_chunk_E3RXOEL6.DEFAULT_COLS,
-    limitRows: import_chunk_E3RXOEL6.DEFAULT_ROWS,
+    limitColumns: import_chunk_4LSYTNS4.DEFAULT_COLS,
+    limitRows: import_chunk_4LSYTNS4.DEFAULT_ROWS,
     columns,
     rows,
     onAxisResize: handleAxisResize,
@@ -792,7 +800,7 @@ var GridSheet = () => {
     icon: "ph--backspace--regular"
   }), /* @__PURE__ */ import_react4.default.createElement("span", null, t(`delete ${contextMenuAxis} label`)))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Arrow, null))));
 };
-var SheetContainer = (0, import_react3.lazy)(() => import("./SheetContainer-TJ3JQLWM.cjs"));
+var SheetContainer = (0, import_react3.lazy)(() => import("./SheetContainer-B77HHBOC.cjs"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ComputeGraphContextProvider,
@@ -804,4 +812,4 @@ var SheetContainer = (0, import_react3.lazy)(() => import("./SheetContainer-TJ3J
   useComputeGraph,
   useSheetContext
 });
-//# sourceMappingURL=chunk-ZPWW4LPY.cjs.map
+//# sourceMappingURL=chunk-VMJK5QN4.cjs.map