@dxos/plugin-sheet 0.7.5-main.5ae2ba8 → 0.7.5-main.6ab6199

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

@@ -26,13 +26,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SheetContainer_NNIZN4AK_exports = {};
-__export(SheetContainer_NNIZN4AK_exports, {
+var SheetContainer_B77HHBOC_exports = {};
+__export(SheetContainer_B77HHBOC_exports, {
   default: () => SheetContainer_default
 });
-module.exports = __toCommonJS(SheetContainer_NNIZN4AK_exports);
-var import_chunk_2KCZUH72 = require("./chunk-2KCZUH72.cjs");
-var import_chunk_P4KSGZSS = require("./chunk-P4KSGZSS.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"));
@@ -59,7 +59,7 @@ 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_2KCZUH72.useSheetContext)();
+  const { model, cursor, range } = (0, import_chunk_VMJK5QN4.useSheetContext)();
   let value;
   let formula = false;
   if (cursor) {
@@ -95,7 +95,7 @@ var aligns = {
   end: "ph--text-align-right--regular"
 };
 var useAlignState = (state) => {
-  const { cursor, model } = (0, import_chunk_2KCZUH72.useSheetContext)();
+  const { cursor, model } = (0, import_chunk_VMJK5QN4.useSheetContext)();
   (0, import_react4.useEffect)(() => {
     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;
   }, [
@@ -150,7 +150,7 @@ var createAlign = ({ [import_chunk_4LSYTNS4.alignKey]: alignValue }) => {
   };
 };
 var useCommentState = (state) => {
-  const { cursorFallbackRange, model } = (0, import_chunk_2KCZUH72.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;
@@ -195,7 +195,7 @@ var styles = {
   softwrap: "ph--paragraph--regular"
 };
 var useStyleState = (state) => {
-  const { cursorFallbackRange, model } = (0, import_chunk_2KCZUH72.useSheetContext)();
+  const { cursorFallbackRange, model } = (0, import_chunk_VMJK5QN4.useSheetContext)();
   (0, import_react6.useEffect)(() => {
     state.highlight = false;
     state.softwrap = false;
@@ -251,7 +251,7 @@ var createStyle = (state) => {
   };
 };
 var useToolbarAction = (state) => {
-  const { model, cursorFallbackRange, cursor } = (0, import_chunk_2KCZUH72.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;
@@ -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_2KCZUH72.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_2KCZUH72.useComputeGraph)(space);
-  return graph ? /* @__PURE__ */ import_react.default.createElement(import_chunk_2KCZUH72.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_2KCZUH72.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-NNIZN4AK.cjs.map
+//# sourceMappingURL=SheetContainer-B77HHBOC.cjs.map

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-2KCZUH72.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_2KCZUH72_exports = {};
-__export(chunk_2KCZUH72_exports, {
+var chunk_VMJK5QN4_exports = {};
+__export(chunk_VMJK5QN4_exports, {
   ComputeGraphContextProvider: () => ComputeGraphContextProvider,
   GridSheet: () => GridSheet,
   RangeList: () => RangeList,
@@ -37,8 +37,8 @@ __export(chunk_2KCZUH72_exports, {
   useComputeGraph: () => useComputeGraph,
   useSheetContext: () => useSheetContext
 });
-module.exports = __toCommonJS(chunk_2KCZUH72_exports);
-var import_chunk_P4KSGZSS = require("./chunk-P4KSGZSS.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"));
@@ -720,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) {
@@ -800,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-NNIZN4AK.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,
@@ -812,4 +812,4 @@ var SheetContainer = (0, import_react3.lazy)(() => import("./SheetContainer-NNIZ
   useComputeGraph,
   useSheetContext
 });
-//# sourceMappingURL=chunk-2KCZUH72.cjs.map
+//# sourceMappingURL=chunk-VMJK5QN4.cjs.map

package/dist/lib/node/index.cjs

@@ -46,8 +46,8 @@ var import_types = require("@dxos/plugin-space/types");
 var import_echo = require("@dxos/react-client/echo");
 var ComputeGraphRegistry = (0, import_app_framework.lazy)(() => import("./compute-graph-registry-GJK5H264.cjs"));
 var IntentResolver = (0, import_app_framework.lazy)(() => import("./intent-resolver-I25V7SBT.cjs"));
-var Markdown = (0, import_app_framework.lazy)(() => import("./markdown-YTCSW66K.cjs"));
-var ReactSurface = (0, import_app_framework.lazy)(() => import("./react-surface-HLE6CRA6.cjs"));
+var Markdown = (0, import_app_framework.lazy)(() => import("./markdown-SQHC4EGJ.cjs"));
+var ReactSurface = (0, import_app_framework.lazy)(() => import("./react-surface-6BJQU2XB.cjs"));
 var Thread = (0, import_app_framework.lazy)(() => import("./thread-DRNYTR6M.cjs"));
 var serializer = {
   serialize: async ({ object }) => {

package/dist/lib/node/{markdown-YTCSW66K.cjs → markdown-SQHC4EGJ.cjs}

@@ -16,13 +16,13 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var markdown_YTCSW66K_exports = {};
-__export(markdown_YTCSW66K_exports, {
+var markdown_SQHC4EGJ_exports = {};
+__export(markdown_SQHC4EGJ_exports, {
   default: () => markdown_default
 });
-module.exports = __toCommonJS(markdown_YTCSW66K_exports);
+module.exports = __toCommonJS(markdown_SQHC4EGJ_exports);
 var import_chunk_ZV2RS3QH = require("./chunk-ZV2RS3QH.cjs");
-var import_chunk_P4KSGZSS = require("./chunk-P4KSGZSS.cjs");
+var import_chunk_SQZEJPZ7 = require("./chunk-SQZEJPZ7.cjs");
 var import_chunk_MLU6KRQN = require("./chunk-MLU6KRQN.cjs");
 var import_app_framework = require("@dxos/app-framework");
 var import_echo = require("@dxos/client/echo");
@@ -33,8 +33,8 @@ var markdown_default = (context) => (0, import_app_framework.contributes)(import
     const space = (0, import_echo.getSpace)(doc);
     if (space) {
       const computeGraph = computeGraphRegistry.getOrCreateGraph(space);
-      return import_chunk_P4KSGZSS.computeGraphFacet.of(computeGraph);
+      return import_chunk_SQZEJPZ7.computeGraphFacet.of(computeGraph);
     }
   }
 ]);
-//# sourceMappingURL=markdown-YTCSW66K.cjs.map
+//# sourceMappingURL=markdown-SQHC4EGJ.cjs.map