@dxos/plugin-sheet 0.6.12-main.f9d0246 → 0.6.12-staging.e11e696

package/dist/lib/node/{chunk-6DQABRGJ.cjs → chunk-5FTFZL5W.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_6DQABRGJ_exports = {};
-__export(chunk_6DQABRGJ_exports, {
+var chunk_5FTFZL5W_exports = {};
+__export(chunk_5FTFZL5W_exports, {
   ComputeGraphContextProvider: () => ComputeGraphContextProvider,
   Sheet: () => Sheet,
   SheetContainer: () => SheetContainer,
@@ -37,10 +37,10 @@ __export(chunk_6DQABRGJ_exports, {
   useComputeGraph: () => useComputeGraph,
   useSheetContext: () => useSheetContext
 });
-module.exports = __toCommonJS(chunk_6DQABRGJ_exports);
+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_P5QYYEHQ = require("./chunk-P5QYYEHQ.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");
@@ -70,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");
@@ -87,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;
@@ -578,10 +579,16 @@ var ComputeGraphContextProvider = ({ registry, children }) => {
     }
   }, children);
 };
-var SheetContainer = import_react7.default.lazy(() => import("./SheetContainer-2MEALQWW.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"));
-  const [graph] = (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
   ]);
@@ -754,12 +761,16 @@ var SheetModel = class extends import_context.Resource {
       id: this.id
     }, {
       F: __dxlog_file2,
-      L: 103,
+      L: 104,
       S: this,
       C: (f, a) => f(...a)
     });
     initialize(this._sheet);
-    this._node = await this._graph.getOrCreateNode((0, import_chunk_P5QYYEHQ.createSheetName)(this._sheet.id));
+    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();
@@ -772,7 +783,7 @@ var SheetModel = class extends import_context.Resource {
   reset() {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 122,
+      L: 124,
       S: this,
       A: [
         "this._node",
@@ -783,7 +794,7 @@ var SheetModel = class extends import_context.Resource {
     Object.entries(this._sheet.cells).forEach(([key, { value }]) => {
       (0, import_invariant3.invariant)(this._node, void 0, {
         F: __dxlog_file2,
-        L: 125,
+        L: 127,
         S: this,
         A: [
           "this._node",
@@ -829,7 +840,7 @@ var SheetModel = class extends import_context.Resource {
   clear(range) {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 167,
+      L: 169,
       S: this,
       A: [
         "this._node",
@@ -847,7 +858,7 @@ var SheetModel = class extends import_context.Resource {
   cut(range) {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 178,
+      L: 180,
       S: this,
       A: [
         "this._node",
@@ -863,7 +874,7 @@ var SheetModel = class extends import_context.Resource {
   copy(range) {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 187,
+      L: 189,
       S: this,
       A: [
         "this._node",
@@ -875,7 +886,7 @@ var SheetModel = class extends import_context.Resource {
   paste(cell) {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 192,
+      L: 194,
       S: this,
       A: [
         "this._node",
@@ -902,7 +913,7 @@ var SheetModel = class extends import_context.Resource {
   undo() {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 207,
+      L: 209,
       S: this,
       A: [
         "this._node",
@@ -916,7 +927,7 @@ var SheetModel = class extends import_context.Resource {
   redo() {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 215,
+      L: 217,
       S: this,
       A: [
         "this._node",
@@ -960,7 +971,7 @@ var SheetModel = class extends import_context.Resource {
   getValue(cell) {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 258,
+      L: 260,
       S: this,
       A: [
         "this._node",
@@ -979,7 +990,7 @@ var SheetModel = class extends import_context.Resource {
   getValueType(cell) {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 271,
+      L: 273,
       S: this,
       A: [
         "this._node",
@@ -996,7 +1007,7 @@ var SheetModel = class extends import_context.Resource {
   setValue(cell, value) {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 281,
+      L: 283,
       S: this,
       A: [
         "this._node",
@@ -1093,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: 370,
+      L: 372,
       S: this,
       A: [
         "formula.charAt(0) === '='",
@@ -1110,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: 380,
+      L: 382,
       S: this,
       A: [
         "formula.charAt(0) === '='",
@@ -1136,7 +1147,7 @@ var SheetModel = class extends import_context.Resource {
   toDateTime(num) {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 401,
+      L: 403,
       S: this,
       A: [
         "this._node",
@@ -1148,7 +1159,7 @@ var SheetModel = class extends import_context.Resource {
   toDate(num) {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 406,
+      L: 408,
       S: this,
       A: [
         "this._node",
@@ -1160,7 +1171,7 @@ var SheetModel = class extends import_context.Resource {
   toTime(num) {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 411,
+      L: 413,
       S: this,
       A: [
         "this._node",
@@ -1608,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",
@@ -1725,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) {
@@ -2287,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)
       });
@@ -2405,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",
@@ -2493,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();
@@ -2665,4 +2687,4 @@ var Sheet = {
   useComputeGraph,
   useSheetContext
 });
-//# sourceMappingURL=chunk-6DQABRGJ.cjs.map
+//# sourceMappingURL=chunk-5FTFZL5W.cjs.map