@dxos/plugin-sheet 0.10.0 → 0.11.0

package/dist/lib/neutral/capabilities/index.mjs

@@ -1,27 +0,0 @@
-import "../chunk-J5LGTIGS.mjs";
-
-// src/capabilities/index.ts
-import { Capability } from "@dxos/app-framework";
-var AnchorSort = Capability.lazy("AnchorSort", () => import("../anchor-sort-2POWTKTD.mjs"));
-var CommentConfig = Capability.lazy("CommentConfig", () => import("../comment-config-4CIQFYM2.mjs"));
-var ComputeGraphRegistry = Capability.lazy("ComputeGraphRegistry", () => import("../compute-graph-registry-YYINTFC2.mjs"));
-var CreateObject = Capability.lazy("CreateObject", () => import("../create-object-5WEY5XZJ.mjs"));
-var Markdown = Capability.lazy("MarkdownExtension", () => import("../markdown-extension-HTJDICGT.mjs"));
-var OperationHandler = Capability.lazy("OperationHandler", () => import("../operation-handler-TB6LFV2H.mjs"));
-var ReactSurface = Capability.lazy("ReactSurface", () => import("../react-surface-TJT6F2E4.mjs"));
-var SheetState = Capability.lazy("SheetState", () => import("../state-HPA27MX2.mjs"));
-var SkillDefinition = Capability.lazy("SkillDefinition", () => import("../skill-definition-U3KQCFOI.mjs"));
-var UndoMappings = Capability.lazy("UndoMappings", () => import("../undo-mappings-O75AYIRG.mjs"));
-export {
-  AnchorSort,
-  CommentConfig,
-  ComputeGraphRegistry,
-  CreateObject,
-  Markdown,
-  OperationHandler,
-  ReactSurface,
-  SheetState,
-  SkillDefinition,
-  UndoMappings
-};
-//# sourceMappingURL=index.mjs.map

package/dist/lib/neutral/capabilities/index.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/capabilities/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\nimport { OperationHandlerSet } from '@dxos/compute';\n\nexport const AnchorSort = Capability.lazy('AnchorSort', () => import('./anchor-sort'));\nexport const CommentConfig = Capability.lazy('CommentConfig', () => import('./comment-config'));\nexport const ComputeGraphRegistry = Capability.lazy('ComputeGraphRegistry', () => import('./compute-graph-registry'));\nexport const CreateObject = Capability.lazy('CreateObject', () => import('./create-object'));\nexport const Markdown = Capability.lazy('MarkdownExtension', () => import('./markdown-extension'));\nexport const OperationHandler = Capability.lazy<OperationHandlerSet.OperationHandlerSet>(\n  'OperationHandler',\n  () => import('./operation-handler'),\n);\nexport const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));\nexport const SheetState = Capability.lazy('SheetState', () => import('./state'));\nexport const SkillDefinition = Capability.lazy('SkillDefinition', () => import('./skill-definition'));\nexport const UndoMappings = Capability.lazy('UndoMappings', () => import('./undo-mappings'));\n"],
-  "mappings": ";;;AAIA,SAASA,kBAAkB;AAGpB,IAAMC,aAAaD,WAAWE,KAAK,cAAc,MAAM,OAAO,6BAAA,CAAA;AAC9D,IAAMC,gBAAgBH,WAAWE,KAAK,iBAAiB,MAAM,OAAO,gCAAA,CAAA;AACpE,IAAME,uBAAuBJ,WAAWE,KAAK,wBAAwB,MAAM,OAAO,wCAAA,CAAA;AAClF,IAAMG,eAAeL,WAAWE,KAAK,gBAAgB,MAAM,OAAO,+BAAA,CAAA;AAClE,IAAMI,WAAWN,WAAWE,KAAK,qBAAqB,MAAM,OAAO,oCAAA,CAAA;AACnE,IAAMK,mBAAmBP,WAAWE,KACzC,oBACA,MAAM,OAAO,mCAAA,CAAA;AAER,IAAMM,eAAeR,WAAWE,KAAK,gBAAgB,MAAM,OAAO,+BAAA,CAAA;AAClE,IAAMO,aAAaT,WAAWE,KAAK,cAAc,MAAM,OAAO,uBAAA,CAAA;AAC9D,IAAMQ,kBAAkBV,WAAWE,KAAK,mBAAmB,MAAM,OAAO,kCAAA,CAAA;AACxE,IAAMS,eAAeX,WAAWE,KAAK,gBAAgB,MAAM,OAAO,+BAAA,CAAA;",
-  "names": ["Capability", "AnchorSort", "lazy", "CommentConfig", "ComputeGraphRegistry", "CreateObject", "Markdown", "OperationHandler", "ReactSurface", "SheetState", "SkillDefinition", "UndoMappings"]
-}

package/dist/lib/neutral/chunk-ERHMBRSU.mjs

@@ -1,234 +0,0 @@
-// src/extensions/compute.ts
-import { syntaxTree } from "@codemirror/language";
-import { RangeSetBuilder, StateEffect, StateField } from "@codemirror/state";
-import { Decoration, EditorView, ViewPlugin, WidgetType } from "@codemirror/view";
-import { debounce } from "@dxos/async";
-import { createSheetName } from "@dxos/compute-hyperformula";
-import { invariant } from "@dxos/invariant";
-import { documentId, singleValueFacet } from "@dxos/ui-editor";
-var updateAllDecorations = StateEffect.define();
-var computeGraphFacet = singleValueFacet();
-
-// src/extensions/editor/sheet-extension.ts
-import { acceptCompletion, autocompletion, completionStatus, startCompletion } from "@codemirror/autocomplete";
-import { HighlightStyle, syntaxHighlighting } from "@codemirror/language";
-import { ViewPlugin as ViewPlugin2, keymap } from "@codemirror/view";
-import { tags } from "@lezer/highlight";
-import { spreadsheet } from "codemirror-lang-spreadsheet";
-import { RANGE_NOTATION } from "@dxos/compute-hyperformula";
-import { singleValueFacet as singleValueFacet2 } from "@dxos/ui-editor";
-import { mx } from "@dxos/ui-theme";
-var highlightStyles = HighlightStyle.define([
-  // Function.
-  {
-    tag: tags.name,
-    class: "text-accent-text"
-  },
-  // Range.
-  {
-    tag: tags.tagName,
-    class: "text-pink-text"
-  },
-  // Values.
-  {
-    tag: tags.number,
-    class: "text-teal-text"
-  },
-  {
-    tag: tags.bool,
-    class: "text-teal-text"
-  },
-  {
-    tag: tags.string,
-    class: "text-teal-text"
-  },
-  // Error.
-  {
-    tag: tags.invalid,
-    class: "text-un-accent"
-  }
-]);
-var languageFacet = singleValueFacet2();
-var sheetExtension = ({ debug, functions = [] }) => {
-  const { extension, language } = spreadsheet({
-    idiom: "en-US",
-    decimalSeparator: "."
-  });
-  const createCompletion = (name) => {
-    const { section = "Custom", description, syntax } = functions.find((value) => value.name === name) ?? {};
-    return {
-      section,
-      label: name,
-      info: () => {
-        if (!description && !syntax) {
-          return null;
-        }
-        const root = document.createElement("div");
-        root.className = "flex flex-col gap-2 text-sm";
-        const title = document.createElement("h2");
-        title.innerText = name;
-        title.className = "text-lg font-mono text-accent-text";
-        root.appendChild(title);
-        if (description) {
-          const info = document.createElement("p");
-          info.innerText = description;
-          info.className = "text-subdued";
-          root.appendChild(info);
-        }
-        if (syntax) {
-          const detail = document.createElement("pre");
-          detail.innerText = syntax;
-          detail.className = "whitespace-pre-wrap text-green-text";
-          root.appendChild(detail);
-        }
-        return root;
-      },
-      apply: (view, completion, from, to) => {
-        const insertParens = to === view.state.doc.toString().length;
-        view.dispatch(view.state.update({
-          changes: {
-            from,
-            to,
-            insert: completion.label + (insertParens ? "()" : "")
-          },
-          selection: {
-            anchor: from + completion.label.length + 1
-          }
-        }));
-      }
-    };
-  };
-  return [
-    extension,
-    languageFacet.of(language),
-    language.data.of({
-      autocomplete: (context) => {
-        if (context.state.doc.toString()[0] !== "=") {
-          return null;
-        }
-        const match = context.matchBefore(/\w*/);
-        if (!match || match.from === match.to) {
-          return null;
-        }
-        const text = match.text.toUpperCase();
-        if (!context.explicit && match.text.length < 2) {
-          return null;
-        }
-        return {
-          from: match.from,
-          options: functions?.filter(({ name }) => name.startsWith(text)).map(({ name }) => createCompletion(name)) ?? []
-        };
-      }
-    }),
-    syntaxHighlighting(highlightStyles),
-    autocompletion({
-      aboveCursor: false,
-      defaultKeymap: true,
-      activateOnTyping: true,
-      closeOnBlur: !debug,
-      icons: false,
-      tooltipClass: () => mx("!-left-[1px] !top-[33px] !-m-0 border border-h-0! [&>ul]:!min-w-[198px]", "[&>ul>li[aria-selected]]:!bg-accent-bg", "border-separator")
-    }),
-    keymap.of([
-      {
-        key: "Tab",
-        run: (view) => {
-          return completionStatus(view.state) === "active" ? acceptCompletion(view) : startCompletion(view);
-        }
-      }
-    ])
-  ];
-};
-var rangeExtension = ({ onInit, onStateChange }) => {
-  let view;
-  let activeRange;
-  const notifier = {
-    setRange: (range) => {
-      if (activeRange) {
-        view.dispatch(view.state.update({
-          changes: {
-            ...activeRange,
-            insert: range.toString()
-          },
-          selection: {
-            anchor: activeRange.from + range.length
-          }
-        }));
-      }
-      view.focus();
-    }
-  };
-  return ViewPlugin2.fromClass(class {
-    constructor(_view) {
-      view = _view;
-      onInit?.(notifier);
-    }
-    update(view2) {
-      const { anchor } = view2.state.selection.ranges[0];
-      activeRange = void 0;
-      const language = view2.state.facet(languageFacet);
-      const { topNode } = language.parser.parse(view2.state.doc.toString());
-      visitTree(topNode, ({ type, from, to }) => {
-        if (from <= anchor && to >= anchor) {
-          switch (type.name) {
-            case "Function":
-              activeRange = {
-                from: to,
-                to
-              };
-              break;
-            case "CloseParen":
-              activeRange = {
-                from,
-                to: from
-              };
-              break;
-            case "RangeToken":
-            case "CellToken":
-              activeRange = {
-                from,
-                to
-              };
-              return true;
-          }
-        }
-        return false;
-      });
-      if (!activeRange && view2.state.doc.toString()[0] === "=") {
-        const str = view2.state.doc.sliceString(1);
-        if (RANGE_NOTATION.test(str)) {
-          activeRange = {
-            from: 1,
-            to: str.length + 1
-          };
-        } else {
-          activeRange = {
-            from: str.length + 1,
-            to: str.length + 1
-          };
-        }
-      }
-      onStateChange?.({
-        activeRange: activeRange ? view2.state.doc.sliceString(activeRange.from, activeRange.to) : void 0
-      });
-    }
-  });
-};
-var visitTree = (node, callback) => {
-  if (callback(node)) {
-    return true;
-  }
-  for (let child = node.firstChild; child !== null; child = child.nextSibling) {
-    if (visitTree(child, callback)) {
-      return true;
-    }
-  }
-  return false;
-};
-
-export {
-  computeGraphFacet,
-  sheetExtension,
-  rangeExtension
-};
-//# sourceMappingURL=chunk-ERHMBRSU.mjs.map

package/dist/lib/neutral/chunk-ERHMBRSU.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/extensions/compute.ts", "../../../src/extensions/editor/sheet-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 CleanupFn, debounce } from '@dxos/async';\nimport {\n  type CellAddress,\n  type CellScalarValue,\n  type ComputeGraph,\n  type ComputeNode,\n  createSheetName,\n} from '@dxos/compute-hyperformula';\nimport { invariant } from '@dxos/invariant';\nimport { documentId, singleValueFacet } from '@dxos/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                    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?: CleanupFn;\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): HTMLDivElement {\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-hyperformula';\nimport { RANGE_NOTATION } from '@dxos/compute-hyperformula';\nimport { singleValueFacet } from '@dxos/ui-editor';\nimport { mx } from '@dxos/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-accent-text',\n  },\n  // Range.\n  {\n    tag: tags.tagName,\n    class: 'text-pink-text',\n  },\n  // Values.\n  {\n    tag: tags.number,\n    class: 'text-teal-text',\n  },\n  {\n    tag: tags.bool,\n    class: 'text-teal-text',\n  },\n  {\n    tag: tags.string,\n    class: 'text-teal-text',\n  },\n  // Error.\n  {\n    tag: tags.invalid,\n    class: 'text-un-accent',\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({\n    idiom: 'en-US',\n    decimalSeparator: '.',\n  });\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-accent-text';\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-green-text';\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-h-0! [&>ul]:!min-w-[198px]',\n          '[&>ul>li[aria-selected]]:!bg-accent-bg',\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": ["syntaxTree", "RangeSetBuilder", "StateEffect", "StateField", "Decoration", "EditorView", "ViewPlugin", "WidgetType", "debounce", "createSheetName", "invariant", "documentId", "singleValueFacet", "_options", "computeNode", "acceptCompletion", "autocompletion", "completionStatus", "startCompletion", "HighlightStyle", "syntaxHighlighting", "ViewPlugin", "keymap", "tags", "spreadsheet", "RANGE_NOTATION", "singleValueFacet", "mx", "highlightStyles", "define", "tag", "name", "class", "tagName", "number", "bool", "string", "invalid", "languageFacet", "sheetExtension", "debug", "functions", "extension", "language", "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", "aboveCursor", "defaultKeymap", "activateOnTyping", "closeOnBlur", "icons", "tooltipClass", "key", "run", "rangeExtension", "onInit", "onStateChange", "activeRange", "notifier", "setRange", "range", "focus", "fromClass", "_view", "ranges", "undefined", "facet", "topNode", "parser", "parse", "visitTree", "type", "str", "sliceString", "test", "node", "callback", "child", "firstChild", "nextSibling"]
-}

package/dist/lib/neutral/chunk-HEN74ZWI.mjs

@@ -1,83 +0,0 @@
-// src/integrations/thread-ranges.ts
-import { useCallback, useEffect, useMemo } from "react";
-import { useOperationInvoker } from "@dxos/app-framework/ui";
-import { LayoutOperation } from "@dxos/app-toolkit";
-import { debounce } from "@dxos/async";
-import { inRange } from "@dxos/compute-hyperformula";
-import { Filter, Obj, Query, Relation } from "@dxos/echo";
-import { CommentOperation } from "@dxos/plugin-comments/types";
-import { useQuery } from "@dxos/react-client/echo";
-import { linkedSegment } from "@dxos/react-ui-attention";
-import { AnchoredTo, Thread } from "@dxos/types";
-import { useSheetContext } from "#components";
-var parseThreadAnchorAsCellRange = (cursor) => {
-  const coords = cursor.split(",");
-  if (coords.length !== 4) {
-    return null;
-  } else {
-    const [fromCol, fromRow, toCol, toRow] = coords;
-    return {
-      from: {
-        col: parseInt(fromCol),
-        row: parseInt(fromRow)
-      },
-      to: {
-        col: parseInt(toCol),
-        row: parseInt(toRow)
-      }
-    };
-  }
-};
-var useSelectThreadOnCellFocus = () => {
-  const { model, cursor } = useSheetContext();
-  const { invokePromise } = useOperationInvoker();
-  const db = Obj.getDatabase(model.sheet);
-  const anchors = useQuery(db, Query.select(Filter.id(model.sheet.id)).targetOf(AnchoredTo.AnchoredTo));
-  const selectClosestThread = useCallback((cellAddress) => {
-    if (!cellAddress) {
-      return;
-    }
-    const closestThread = anchors.find((anchor) => {
-      const source = Relation.getSource(anchor);
-      if (anchor.anchor && Obj.instanceOf(Thread.Thread, source)) {
-        const range = parseThreadAnchorAsCellRange(anchor.anchor);
-        return range ? inRange(range, cellAddress) : false;
-      } else {
-        return false;
-      }
-    });
-    if (closestThread) {
-      void (async () => {
-        await invokePromise(CommentOperation.Select, {
-          current: Relation.getURI(closestThread)
-        });
-        await invokePromise(LayoutOperation.UpdateCompanion, {
-          subject: linkedSegment("comments")
-        });
-      })();
-    }
-  }, [
-    invokePromise,
-    anchors
-  ]);
-  const debounced = useMemo(() => {
-    return debounce((cellCoords) => requestAnimationFrame(() => selectClosestThread(cellCoords)), 50);
-  }, [
-    selectClosestThread
-  ]);
-  useEffect(() => {
-    if (!cursor) {
-      return;
-    }
-    debounced(cursor);
-  }, [
-    cursor,
-    debounced
-  ]);
-};
-
-export {
-  parseThreadAnchorAsCellRange,
-  useSelectThreadOnCellFocus
-};
-//# sourceMappingURL=chunk-HEN74ZWI.mjs.map

package/dist/lib/neutral/chunk-HEN74ZWI.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/integrations/thread-ranges.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { useCallback, useEffect, useMemo } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { debounce } from '@dxos/async';\nimport { type CellAddress, type CompleteCellRange, inRange } from '@dxos/compute-hyperformula';\nimport { Filter, Obj, Query, Relation } from '@dxos/echo';\nimport { CommentOperation } from '@dxos/plugin-comments/types';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { linkedSegment } from '@dxos/react-ui-attention';\nimport { AnchoredTo, Thread } from '@dxos/types';\n\nimport { useSheetContext } from '#components';\n\nexport const completeCellRangeToThreadCursor = (range: CompleteCellRange): string => {\n  return `${range.from.col},${range.from.row},${range.to.col},${range.to.row}`;\n};\n\nexport const parseThreadAnchorAsCellRange = (cursor: string): CompleteCellRange | null => {\n  const coords = cursor.split(',');\n  if (coords.length !== 4) {\n    return null;\n  } else {\n    const [fromCol, fromRow, toCol, toRow] = coords;\n    return {\n      from: { col: parseInt(fromCol), row: parseInt(fromRow) },\n      to: { col: parseInt(toCol), row: parseInt(toRow) },\n    };\n  }\n};\n\nexport const useSelectThreadOnCellFocus = () => {\n  const { model, cursor } = useSheetContext();\n  const { invokePromise } = useOperationInvoker();\n\n  const db = Obj.getDatabase(model.sheet);\n  const anchors = useQuery(db, Query.select(Filter.id(model.sheet.id)).targetOf(AnchoredTo.AnchoredTo));\n\n  const selectClosestThread = useCallback(\n    (cellAddress: CellAddress) => {\n      if (!cellAddress) {\n        return;\n      }\n\n      const closestThread = anchors.find((anchor) => {\n        const source = Relation.getSource(anchor);\n        if (anchor.anchor && Obj.instanceOf(Thread.Thread, source)) {\n          const range = parseThreadAnchorAsCellRange(anchor.anchor);\n          return range ? inRange(range, cellAddress) : false;\n        } else {\n          return false;\n        }\n      });\n\n      if (closestThread) {\n        void (async () => {\n          await invokePromise(CommentOperation.Select, { current: Relation.getURI(closestThread) });\n          await invokePromise(LayoutOperation.UpdateCompanion, {\n            subject: linkedSegment('comments'),\n          });\n        })();\n      }\n    },\n    [invokePromise, anchors],\n  );\n\n  const debounced = useMemo(() => {\n    return debounce((cellCoords: CellAddress) => requestAnimationFrame(() => selectClosestThread(cellCoords)), 50);\n  }, [selectClosestThread]);\n\n  useEffect(() => {\n    if (!cursor) {\n      return;\n    }\n\n    debounced(cursor);\n  }, [cursor, debounced]);\n};\n"],
-  "mappings": ";AAIA,SAASA,aAAaC,WAAWC,eAAe;AAEhD,SAASC,2BAA2B;AACpC,SAASC,uBAAuB;AAChC,SAASC,gBAAgB;AACzB,SAAmDC,eAAe;AAClE,SAASC,QAAQC,KAAKC,OAAOC,gBAAgB;AAC7C,SAASC,wBAAwB;AACjC,SAASC,gBAAgB;AACzB,SAASC,qBAAqB;AAC9B,SAASC,YAAYC,cAAc;AAEnC,SAASC,uBAAuB;AAMzB,IAAMC,+BAA+B,CAACC,WAAAA;AAC3C,QAAMC,SAASD,OAAOE,MAAM,GAAA;AAC5B,MAAID,OAAOE,WAAW,GAAG;AACvB,WAAO;EACT,OAAO;AACL,UAAM,CAACC,SAASC,SAASC,OAAOC,KAAAA,IAASN;AACzC,WAAO;MACLO,MAAM;QAAEC,KAAKC,SAASN,OAAAA;QAAUO,KAAKD,SAASL,OAAAA;MAAS;MACvDO,IAAI;QAAEH,KAAKC,SAASJ,KAAAA;QAAQK,KAAKD,SAASH,KAAAA;MAAO;IACnD;EACF;AACF;AAEO,IAAMM,6BAA6B,MAAA;AACxC,QAAM,EAAEC,OAAOd,OAAM,IAAKe,gBAAAA;AAC1B,QAAM,EAAEC,cAAa,IAAKC,oBAAAA;AAE1B,QAAMC,KAAKC,IAAIC,YAAYN,MAAMO,KAAK;AACtC,QAAMC,UAAUC,SAASL,IAAIM,MAAMC,OAAOC,OAAOC,GAAGb,MAAMO,MAAMM,EAAE,CAAA,EAAGC,SAASC,WAAWA,UAAU,CAAA;AAEnG,QAAMC,sBAAsBC,YAC1B,CAACC,gBAAAA;AACC,QAAI,CAACA,aAAa;AAChB;IACF;AAEA,UAAMC,gBAAgBX,QAAQY,KAAK,CAACC,WAAAA;AAClC,YAAMC,SAASC,SAASC,UAAUH,MAAAA;AAClC,UAAIA,OAAOA,UAAUhB,IAAIoB,WAAWC,OAAOA,QAAQJ,MAAAA,GAAS;AAC1D,cAAMK,QAAQ1C,6BAA6BoC,OAAOA,MAAM;AACxD,eAAOM,QAAQC,QAAQD,OAAOT,WAAAA,IAAe;MAC/C,OAAO;AACL,eAAO;MACT;IACF,CAAA;AAEA,QAAIC,eAAe;AACjB,YAAM,YAAA;AACJ,cAAMjB,cAAc2B,iBAAiBC,QAAQ;UAAEC,SAASR,SAASS,OAAOb,aAAAA;QAAe,CAAA;AACvF,cAAMjB,cAAc+B,gBAAgBC,iBAAiB;UACnDC,SAASC,cAAc,UAAA;QACzB,CAAA;MACF,GAAA;IACF;EACF,GACA;IAAClC;IAAeM;GAAQ;AAG1B,QAAM6B,YAAYC,QAAQ,MAAA;AACxB,WAAOC,SAAS,CAACC,eAA4BC,sBAAsB,MAAMzB,oBAAoBwB,UAAAA,CAAAA,GAAc,EAAA;EAC7G,GAAG;IAACxB;GAAoB;AAExB0B,YAAU,MAAA;AACR,QAAI,CAACxD,QAAQ;AACX;IACF;AAEAmD,cAAUnD,MAAAA;EACZ,GAAG;IAACA;IAAQmD;GAAU;AACxB;",
-  "names": ["useCallback", "useEffect", "useMemo", "useOperationInvoker", "LayoutOperation", "debounce", "inRange", "Filter", "Obj", "Query", "Relation", "CommentOperation", "useQuery", "linkedSegment", "AnchoredTo", "Thread", "useSheetContext", "parseThreadAnchorAsCellRange", "cursor", "coords", "split", "length", "fromCol", "fromRow", "toCol", "toRow", "from", "col", "parseInt", "row", "to", "useSelectThreadOnCellFocus", "model", "useSheetContext", "invokePromise", "useOperationInvoker", "db", "Obj", "getDatabase", "sheet", "anchors", "useQuery", "Query", "select", "Filter", "id", "targetOf", "AnchoredTo", "selectClosestThread", "useCallback", "cellAddress", "closestThread", "find", "anchor", "source", "Relation", "getSource", "instanceOf", "Thread", "range", "inRange", "CommentOperation", "Select", "current", "getURI", "LayoutOperation", "UpdateCompanion", "subject", "linkedSegment", "debounced", "useMemo", "debounce", "cellCoords", "requestAnimationFrame", "useEffect"]
-}