@dxos/plugin-sheet 0.6.12-main.78ddbdf → 0.6.12-main.89e9959

package/dist/lib/node/{chunk-OTTD7FBK.cjs → chunk-5FTFZL5W.cjs}

@@ -26,20 +26,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_OTTD7FBK_exports = {};
-__export(chunk_OTTD7FBK_exports, {
+var chunk_5FTFZL5W_exports = {};
+__export(chunk_5FTFZL5W_exports, {
   ComputeGraphContextProvider: () => ComputeGraphContextProvider,
   Sheet: () => Sheet,
   SheetContainer: () => SheetContainer,
   addressToIndex: () => addressToIndex,
   compareIndexPositions: () => compareIndexPositions,
   createSheet: () => createSheet,
+  useComputeGraph: () => useComputeGraph,
   useSheetContext: () => useSheetContext
 });
-module.exports = __toCommonJS(chunk_OTTD7FBK_exports);
-var import_chunk_Q3HBHPRL = require("./chunk-Q3HBHPRL.cjs");
+module.exports = __toCommonJS(chunk_5FTFZL5W_exports);
+var import_chunk_AOP42UAA = require("./chunk-AOP42UAA.cjs");
 var import_chunk_BNARJ5GM = require("./chunk-BNARJ5GM.cjs");
-var import_chunk_DD6FIXWC = require("./chunk-DD6FIXWC.cjs");
+var import_chunk_5XPK2V4A = require("./chunk-5XPK2V4A.cjs");
 var import_core = require("@dnd-kit/core");
 var import_modifiers = require("@dnd-kit/modifiers");
 var import_utilities = require("@dnd-kit/utilities");
@@ -69,6 +70,7 @@ var import_react8 = __toESM(require("react"));
 var import_react9 = require("react");
 var import_async2 = require("@dxos/async");
 var import_context = require("@dxos/context");
+var import_echo_schema3 = require("@dxos/echo-schema");
 var import_invariant3 = require("@dxos/invariant");
 var import_keys = require("@dxos/keys");
 var import_log2 = require("@dxos/log");
@@ -86,10 +88,10 @@ var import_react_ui2 = require("@dxos/react-ui");
 var import_react_ui_editor = require("@dxos/react-ui-editor");
 var import_autocomplete = require("@codemirror/autocomplete");
 var import_language = require("@codemirror/language");
-var import_state = require("@codemirror/state");
 var import_view2 = require("@codemirror/view");
 var import_highlight = require("@lezer/highlight");
 var import_codemirror_lang_spreadsheet = require("codemirror-lang-spreadsheet");
+var import_state = require("@dxos/react-ui-editor/state");
 var import_react_ui_theme2 = require("@dxos/react-ui-theme");
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-sheet/src/defs/types.ts";
 var DEFAULT_ROWS = 50;
@@ -118,7 +120,7 @@ var addressFromA1Notation = (ref) => {
   const match = ref.match(/([A-Z]+)(\d+)/);
   (0, import_invariant.invariant)(match, `Invalid notation: ${ref}`, {
     F: __dxlog_file,
-    L: 39,
+    L: 40,
     S: void 0,
     A: [
       "match",
@@ -189,9 +191,9 @@ var initialize = (sheet, { rows = DEFAULT_ROWS, columns = DEFAULT_COLUMNS } = {}
     insertIndices(sheet.columns, 0, columns, MAX_COLUMNS);
   }
 };
-var createSheet = ({ title, ...size } = {}) => {
-  const sheet = (0, import_echo_schema.create)(import_chunk_Q3HBHPRL.SheetType, {
-    title,
+var createSheet = ({ name, cells, ...size } = {}) => {
+  const sheet = (0, import_echo_schema.create)(import_chunk_AOP42UAA.SheetType, {
+    name,
     cells: {},
     rows: [],
     columns: [],
@@ -200,6 +202,14 @@ var createSheet = ({ title, ...size } = {}) => {
     formatting: {}
   });
   initialize(sheet, size);
+  if (cells) {
+    Object.entries(cells).forEach(([key, { value }]) => {
+      const idx = addressToIndex(sheet, addressFromA1Notation(key));
+      sheet.cells[idx] = {
+        value
+      };
+    });
+  }
   return sheet;
 };
 var addressToIndex = (sheet, cell) => {
@@ -569,13 +579,20 @@ var ComputeGraphContextProvider = ({ registry, children }) => {
     }
   }, children);
 };
-var SheetContainer = import_react7.default.lazy(() => import("./SheetContainer-3ZY7MPWJ.cjs"));
+var SheetContainer = import_react7.default.lazy(() => import("./SheetContainer-OZ7DHH4L.cjs"));
 var useComputeGraph = (space) => {
   const { registry } = (0, import_react6.useContext)(ComputeGraphContext) ?? (0, import_debug.raise)(new Error("Missing ComputeGraphContext"));
-  return (0, import_react_hooks.useAsyncState)(async () => space && registry.getOrCreateGraph(space), [
+  const [graph] = (0, import_react_hooks.useAsyncState)(async () => {
+    if (space) {
+      const graph2 = registry.getOrCreateGraph(space);
+      await graph2.open();
+      return graph2;
+    }
+  }, [
     space,
     registry
   ]);
+  return graph;
 };
 var FormattingModel = class {
   constructor(_model) {
@@ -609,7 +626,7 @@ var FormattingModel = class {
     const defaultNumber = "justify-end font-mono";
     const type = formatting?.type ?? this._model.getValueType(cell);
     switch (type) {
-      case import_chunk_Q3HBHPRL.ValueTypeEnum.Boolean: {
+      case import_chunk_AOP42UAA.ValueTypeEnum.Boolean: {
         return {
           value: value.toLocaleString().toUpperCase(),
           classNames: [
@@ -621,7 +638,7 @@ var FormattingModel = class {
       //
       // Numbers.
       //
-      case import_chunk_Q3HBHPRL.ValueTypeEnum.Number: {
+      case import_chunk_AOP42UAA.ValueTypeEnum.Number: {
         return {
           value: value.toLocaleString(locales),
           classNames: [
@@ -630,7 +647,7 @@ var FormattingModel = class {
           ]
         };
       }
-      case import_chunk_Q3HBHPRL.ValueTypeEnum.Percent: {
+      case import_chunk_AOP42UAA.ValueTypeEnum.Percent: {
         return {
           value: value * 100 + "%",
           classNames: [
@@ -639,7 +656,7 @@ var FormattingModel = class {
           ]
         };
       }
-      case import_chunk_Q3HBHPRL.ValueTypeEnum.Currency: {
+      case import_chunk_AOP42UAA.ValueTypeEnum.Currency: {
         return {
           value: value.toLocaleString(locales, {
             style: "currency",
@@ -656,21 +673,21 @@ var FormattingModel = class {
       //
       // Dates.
       //
-      case import_chunk_Q3HBHPRL.ValueTypeEnum.DateTime: {
+      case import_chunk_AOP42UAA.ValueTypeEnum.DateTime: {
         const date = this._model.toLocalDate(value);
         return {
           value: date.toLocaleString(locales),
           classNames
         };
       }
-      case import_chunk_Q3HBHPRL.ValueTypeEnum.Date: {
+      case import_chunk_AOP42UAA.ValueTypeEnum.Date: {
         const date = this._model.toLocalDate(value);
         return {
           value: date.toLocaleDateString(locales),
           classNames
         };
       }
-      case import_chunk_Q3HBHPRL.ValueTypeEnum.Time: {
+      case import_chunk_AOP42UAA.ValueTypeEnum.Time: {
         const date = this._model.toLocalDate(value);
         return {
           value: date.toLocaleTimeString(locales),
@@ -688,13 +705,13 @@ var FormattingModel = class {
 };
 var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-sheet/src/model/sheet-model.ts";
 var typeMap = {
-  BOOLEAN: import_chunk_Q3HBHPRL.ValueTypeEnum.Boolean,
-  NUMBER_RAW: import_chunk_Q3HBHPRL.ValueTypeEnum.Number,
-  NUMBER_PERCENT: import_chunk_Q3HBHPRL.ValueTypeEnum.Percent,
-  NUMBER_CURRENCY: import_chunk_Q3HBHPRL.ValueTypeEnum.Currency,
-  NUMBER_DATETIME: import_chunk_Q3HBHPRL.ValueTypeEnum.DateTime,
-  NUMBER_DATE: import_chunk_Q3HBHPRL.ValueTypeEnum.Date,
-  NUMBER_TIME: import_chunk_Q3HBHPRL.ValueTypeEnum.Time
+  BOOLEAN: import_chunk_AOP42UAA.ValueTypeEnum.Boolean,
+  NUMBER_RAW: import_chunk_AOP42UAA.ValueTypeEnum.Number,
+  NUMBER_PERCENT: import_chunk_AOP42UAA.ValueTypeEnum.Percent,
+  NUMBER_CURRENCY: import_chunk_AOP42UAA.ValueTypeEnum.Currency,
+  NUMBER_DATETIME: import_chunk_AOP42UAA.ValueTypeEnum.DateTime,
+  NUMBER_DATE: import_chunk_AOP42UAA.ValueTypeEnum.Date,
+  NUMBER_TIME: import_chunk_AOP42UAA.ValueTypeEnum.Time
 };
 var getTopLeft = (range) => {
   const to = range.to ?? range.from;
@@ -720,8 +737,6 @@ var SheetModel = class extends import_context.Resource {
     this._options = _options;
     this.id = `model-${import_keys.PublicKey.random().truncate()}`;
     this.update = new import_async2.Event();
-    this._node = this._graph.getOrCreateNode((0, import_chunk_DD6FIXWC.createSheetName)(this._sheet.id));
-    this.reset();
   }
   get graph() {
     return this._graph;
@@ -746,14 +761,19 @@ var SheetModel = class extends import_context.Resource {
       id: this.id
     }, {
       F: __dxlog_file2,
-      L: 105,
+      L: 104,
       S: this,
       C: (f, a) => f(...a)
     });
     initialize(this._sheet);
-    this.reset();
-    const unsubscribe = this._graph.update.on(() => this.update.emit());
+    this._node = this._graph.getOrCreateNode((0, import_chunk_5XPK2V4A.createSheetName)({
+      type: (0, import_echo_schema3.getTypename)(this._sheet),
+      id: this._sheet.id
+    }));
+    await this._node.open();
+    const unsubscribe = this._node.update.on((event) => this.update.emit(event));
     this._ctx.onDispose(unsubscribe);
+    this.reset();
   }
   /**
   * Update engine.
@@ -761,13 +781,31 @@ var SheetModel = class extends import_context.Resource {
   * @deprecated
   */
   reset() {
-    this._node.hf.clearSheet(this._node.sheetId);
+    (0, import_invariant3.invariant)(this._node, void 0, {
+      F: __dxlog_file2,
+      L: 124,
+      S: this,
+      A: [
+        "this._node",
+        ""
+      ]
+    });
+    this._node.graph.hf.clearSheet(this._node.sheetId);
     Object.entries(this._sheet.cells).forEach(([key, { value }]) => {
+      (0, import_invariant3.invariant)(this._node, void 0, {
+        F: __dxlog_file2,
+        L: 127,
+        S: this,
+        A: [
+          "this._node",
+          ""
+        ]
+      });
       const { col, row } = addressFromIndex(this._sheet, key);
       if (typeof value === "string" && value.charAt(0) === "=") {
         value = this._graph.mapFormulaToNative(this._graph.mapFunctionBindingFromId(this.mapFormulaIndicesToRefs(value)));
       }
-      this._node.hf.setCellContents({
+      this._node.graph.hf.setCellContents({
         sheet: this._node.sheetId,
         row,
         col
@@ -782,7 +820,7 @@ var SheetModel = class extends import_context.Resource {
   */
   // TODO(burdon): Remove.
   recalculate() {
-    this._node.hf.rebuildAndRecalculate();
+    this._node?.graph.hf.rebuildAndRecalculate();
   }
   insertRows(i, n = 1) {
     insertIndices(this._sheet.rows, i, n, MAX_ROWS);
@@ -800,27 +838,63 @@ var SheetModel = class extends import_context.Resource {
   * Clear range of values.
   */
   clear(range) {
+    (0, import_invariant3.invariant)(this._node, void 0, {
+      F: __dxlog_file2,
+      L: 169,
+      S: this,
+      A: [
+        "this._node",
+        ""
+      ]
+    });
     const topLeft = getTopLeft(range);
     const values = this._iterRange(range, () => null);
-    this._node.hf.setCellContents(toSimpleCellAddress(this._node.sheetId, topLeft), values);
+    this._node.graph.hf.setCellContents(toSimpleCellAddress(this._node.sheetId, topLeft), values);
     this._iterRange(range, (cell) => {
       const idx = addressToIndex(this._sheet, cell);
       delete this._sheet.cells[idx];
     });
   }
   cut(range) {
-    this._node.hf.cut(toModelRange(this._node.sheetId, range));
+    (0, import_invariant3.invariant)(this._node, void 0, {
+      F: __dxlog_file2,
+      L: 180,
+      S: this,
+      A: [
+        "this._node",
+        ""
+      ]
+    });
+    this._node.graph.hf.cut(toModelRange(this._node.sheetId, range));
     this._iterRange(range, (cell) => {
       const idx = addressToIndex(this._sheet, cell);
       delete this._sheet.cells[idx];
     });
   }
   copy(range) {
-    this._node.hf.copy(toModelRange(this._node.sheetId, range));
+    (0, import_invariant3.invariant)(this._node, void 0, {
+      F: __dxlog_file2,
+      L: 189,
+      S: this,
+      A: [
+        "this._node",
+        ""
+      ]
+    });
+    this._node.graph.hf.copy(toModelRange(this._node.sheetId, range));
   }
   paste(cell) {
-    if (!this._node.hf.isClipboardEmpty()) {
-      const changes = this._node.hf.paste(toSimpleCellAddress(this._node.sheetId, cell));
+    (0, import_invariant3.invariant)(this._node, void 0, {
+      F: __dxlog_file2,
+      L: 194,
+      S: this,
+      A: [
+        "this._node",
+        ""
+      ]
+    });
+    if (!this._node.graph.hf.isClipboardEmpty()) {
+      const changes = this._node.graph.hf.paste(toSimpleCellAddress(this._node.sheetId, cell));
       for (const change of changes) {
         if (change instanceof import_hyperformula.ExportedCellChange) {
           const { address, newValue } = change;
@@ -837,15 +911,31 @@ var SheetModel = class extends import_context.Resource {
   }
   // TODO(burdon): Display undo/redo state.
   undo() {
-    if (this._node.hf.isThereSomethingToUndo()) {
-      this._node.hf.undo();
-      this.update.emit();
+    (0, import_invariant3.invariant)(this._node, void 0, {
+      F: __dxlog_file2,
+      L: 209,
+      S: this,
+      A: [
+        "this._node",
+        ""
+      ]
+    });
+    if (this._node.graph.hf.isThereSomethingToUndo()) {
+      this._node.graph.hf.undo();
     }
   }
   redo() {
-    if (this._node.hf.isThereSomethingToRedo()) {
-      this._node.hf.redo();
-      this.update.emit();
+    (0, import_invariant3.invariant)(this._node, void 0, {
+      F: __dxlog_file2,
+      L: 217,
+      S: this,
+      A: [
+        "this._node",
+        ""
+      ]
+    });
+    if (this._node.graph.hf.isThereSomethingToRedo()) {
+      this._node.graph.hf.redo();
     }
   }
   /**
@@ -879,7 +969,16 @@ var SheetModel = class extends import_context.Resource {
   * Gets the regular or computed value from the engine.
   */
   getValue(cell) {
-    const value = this._node.hf.getCellValue(toSimpleCellAddress(this._node.sheetId, cell));
+    (0, import_invariant3.invariant)(this._node, void 0, {
+      F: __dxlog_file2,
+      L: 260,
+      S: this,
+      A: [
+        "this._node",
+        ""
+      ]
+    });
+    const value = this._node.graph.hf.getCellValue(toSimpleCellAddress(this._node.sheetId, cell));
     if (value instanceof import_hyperformula.DetailedCellError) {
       return value.toString();
     }
@@ -889,14 +988,32 @@ var SheetModel = class extends import_context.Resource {
   * Get value type.
   */
   getValueType(cell) {
+    (0, import_invariant3.invariant)(this._node, void 0, {
+      F: __dxlog_file2,
+      L: 273,
+      S: this,
+      A: [
+        "this._node",
+        ""
+      ]
+    });
     const addr = toSimpleCellAddress(this._node.sheetId, cell);
-    const type = this._node.hf.getCellValueDetailedType(addr);
+    const type = this._node.graph.hf.getCellValueDetailedType(addr);
     return typeMap[type];
   }
   /**
   * Sets the value, updating the sheet and engine.
   */
   setValue(cell, value) {
+    (0, import_invariant3.invariant)(this._node, void 0, {
+      F: __dxlog_file2,
+      L: 283,
+      S: this,
+      A: [
+        "this._node",
+        ""
+      ]
+    });
     if (this._options.readonly) {
       throw new ReadonlyException();
     }
@@ -912,7 +1029,7 @@ var SheetModel = class extends import_context.Resource {
     if (refresh) {
       this.reset();
     }
-    this._node.hf.setCellContents({
+    this._node.graph.hf.setCellContents({
       sheet: this._node.sheetId,
       row: cell.row,
       col: cell.col
@@ -987,7 +1104,7 @@ var SheetModel = class extends import_context.Resource {
   mapFormulaRefsToIndices(formula) {
     (0, import_invariant3.invariant)(formula.charAt(0) === "=", void 0, {
       F: __dxlog_file2,
-      L: 358,
+      L: 372,
       S: this,
       A: [
         "formula.charAt(0) === '='",
@@ -1004,7 +1121,7 @@ var SheetModel = class extends import_context.Resource {
   mapFormulaIndicesToRefs(formula) {
     (0, import_invariant3.invariant)(formula.charAt(0) === "=", void 0, {
       F: __dxlog_file2,
-      L: 368,
+      L: 382,
       S: this,
       A: [
         "formula.charAt(0) === '='",
@@ -1028,13 +1145,40 @@ var SheetModel = class extends import_context.Resource {
     return new Date(year, month - 1, day, hours, minutes, seconds);
   }
   toDateTime(num) {
-    return this._node.hf.numberToDateTime(num);
+    (0, import_invariant3.invariant)(this._node, void 0, {
+      F: __dxlog_file2,
+      L: 403,
+      S: this,
+      A: [
+        "this._node",
+        ""
+      ]
+    });
+    return this._node.graph.hf.numberToDateTime(num);
   }
   toDate(num) {
-    return this._node.hf.numberToDate(num);
+    (0, import_invariant3.invariant)(this._node, void 0, {
+      F: __dxlog_file2,
+      L: 408,
+      S: this,
+      A: [
+        "this._node",
+        ""
+      ]
+    });
+    return this._node.graph.hf.numberToDate(num);
   }
   toTime(num) {
-    return this._node.hf.numberToTime(num);
+    (0, import_invariant3.invariant)(this._node, void 0, {
+      F: __dxlog_file2,
+      L: 413,
+      S: this,
+      A: [
+        "this._node",
+        ""
+      ]
+    });
+    return this._node.graph.hf.numberToTime(num);
   }
 };
 var useFormattingModel = (model) => {
@@ -1042,11 +1186,10 @@ var useFormattingModel = (model) => {
     model
   ]);
 };
-var useSheetModel = (space, sheet, { readonly } = {}) => {
-  const graph = useComputeGraph(space);
+var useSheetModel = (graph, sheet, { readonly } = {}) => {
   const [model, setModel] = (0, import_react10.useState)();
   (0, import_react10.useEffect)(() => {
-    if (!space || !graph || !sheet) {
+    if (!graph || !sheet) {
       return;
     }
     let model2;
@@ -1062,9 +1205,8 @@ var useSheetModel = (space, sheet, { readonly } = {}) => {
       void model2?.close();
     };
   }, [
-    space,
-    sheet,
     graph,
+    sheet,
     readonly
   ]);
   return model;
@@ -1084,8 +1226,8 @@ var useSheetContext = () => {
   });
   return context;
 };
-var SheetContextProvider = ({ children, sheet, space, readonly, onInfo }) => {
-  const model = useSheetModel(space, sheet, {
+var SheetContextProvider = ({ children, graph, sheet, readonly, onInfo }) => {
+  const model = useSheetModel(graph, sheet, {
     readonly
   });
   const formatting = useFormattingModel(model);
@@ -1477,7 +1619,7 @@ var highlightStyles = import_language.HighlightStyle.define([
     class: "text-unAccent"
   }
 ]);
-var languageFacet = import_state.Facet.define();
+var languageFacet = (0, import_state.singleValueFacet)();
 var sheetExtension = ({ functions = [] }) => {
   const { extension, language } = (0, import_codemirror_lang_spreadsheet.spreadsheet)({
     idiom: "en-US",
@@ -1594,7 +1736,7 @@ var rangeExtension = (onInit) => {
     update(view2) {
       const { anchor } = view2.state.selection.ranges[0];
       activeRange = void 0;
-      const [language] = view2.state.facet(languageFacet);
+      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) {
@@ -2156,7 +2298,7 @@ var SheetGrid = /* @__PURE__ */ (0, import_react2.forwardRef)(({ size, rows, col
         id: model.id
       }, {
         F: __dxlog_file4,
-        L: 737,
+        L: 738,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -2274,8 +2416,7 @@ var SheetGrid = /* @__PURE__ */ (0, import_react2.forwardRef)(({ size, rows, col
     columnSizes
   });
   const id = (0, import_echo.fullyQualifiedId)(model.sheet);
-  const attendableAttrs = (0, import_react_ui_attention.createAttendableAttributes)(id);
-  const hasAttention = (0, import_react_ui_attention.useHasAttention)(id);
+  const { hasAttention } = (0, import_react_ui_attention.useAttention)(id);
   return /* @__PURE__ */ import_react2.default.createElement("div", {
     ref: containerRef,
     role: "grid",
@@ -2362,13 +2503,25 @@ var SheetGrid = /* @__PURE__ */ (0, import_react2.forwardRef)(({ size, rows, col
         }
       });
     });
-  }))), /* @__PURE__ */ (0, import_react_dom.createPortal)(/* @__PURE__ */ import_react2.default.createElement("input", {
+  }))), /* @__PURE__ */ (0, import_react_dom.createPortal)(/* @__PURE__ */ import_react2.default.createElement(SheetInput, {
     ref: inputRef,
-    autoFocus: true,
+    id,
+    onKeyDown: handleKeyDown
+  }), document.body));
+});
+var SheetInput = /* @__PURE__ */ (0, import_react2.forwardRef)(({ id, onKeyDown }, forwardedRef) => {
+  const path = (0, import_react_ui_attention.useAttentionPath)();
+  const attendableAttrs = (0, import_react_ui_attention.useAttendableAttributes)(id);
+  return path.toReversed().reduce((acc, part) => {
+    return /* @__PURE__ */ import_react2.default.createElement("div", {
+      [import_react_ui_attention.ATTENABLE_ATTRIBUTE]: part
+    }, acc);
+  }, /* @__PURE__ */ import_react2.default.createElement("input", {
+    ref: forwardedRef,
     className: "absolute w-[1px] h-[1px] bg-transparent outline-none border-none caret-transparent",
-    onKeyDown: handleKeyDown,
+    onKeyDown,
     ...attendableAttrs
-  }), document.body));
+  }));
 });
 var SelectionOverlay = ({ root }) => {
   const { range } = useSheetContext();
@@ -2531,6 +2684,7 @@ var Sheet = {
   addressToIndex,
   compareIndexPositions,
   createSheet,
+  useComputeGraph,
   useSheetContext
 });
-//# sourceMappingURL=chunk-OTTD7FBK.cjs.map
+//# sourceMappingURL=chunk-5FTFZL5W.cjs.map