@rowsncolumns/y-spreadsheet 14.0.32

package/dist/cjs/use-yspreadsheet.d.ts

@@ -0,0 +1,39 @@
+import type { HocuspocusProvider } from "@hocuspocus/provider";
+import type { CellInterface } from "@rowsncolumns/grid";
+import type { CellData, Collaborator, ConditionalFormatRule, DataValidationRuleRecord, EmbeddedChart, EmbeddedObject, NamedRange, ProtectedRange, Sheet, TableView } from "@rowsncolumns/spreadsheet";
+import type { CalculateNowOptions, CalculationOperation, HistoryType, SheetData, SpreadsheetPatch } from "@rowsncolumns/spreadsheet-state";
+import type { Patch } from "immer";
+import type { WebsocketProvider } from "y-websocket";
+import type * as Y from "yjs";
+export type useYSpreadsheetProps<T extends CellData, S extends Sheet, C extends EmbeddedChart, O extends EmbeddedObject> = {
+    userId: string | number;
+    title: string;
+    sheetId: number;
+    activeCell?: CellInterface;
+    provider?: HocuspocusProvider | WebsocketProvider | any;
+    doc: Y.Doc;
+    calculateNow(options?: CalculateNowOptions): void;
+    onChangeSheetData: React.Dispatch<React.SetStateAction<SheetData<T>>>;
+    onChangeTables: React.Dispatch<React.SetStateAction<TableView[]>>;
+    onChangeSheets: React.Dispatch<React.SetStateAction<S[]>>;
+    onChangeCharts?: React.Dispatch<React.SetStateAction<C[]>>;
+    onChangeEmbeds?: React.Dispatch<React.SetStateAction<O[]>>;
+    onChangeNamedRanges?: React.Dispatch<React.SetStateAction<NamedRange[]>>;
+    onChangeProtectedRanges?: React.Dispatch<React.SetStateAction<ProtectedRange[]>>;
+    onChangeConditionalFormats?: React.Dispatch<React.SetStateAction<ConditionalFormatRule[]>>;
+    onChangeDataValidations?: React.Dispatch<React.SetStateAction<DataValidationRuleRecord[]>>;
+    enqueueCalculation: (operation: CalculationOperation) => void;
+    onError?(err: unknown): void;
+    onInitialDataLoaded?(): void;
+};
+/**
+ * Connects to a Y server and picks up the most recent change
+ * Does not load initial data
+ * @returns
+ */
+export declare const useYSpreadsheet: <T extends CellData, S extends Sheet, C extends EmbeddedChart, O extends EmbeddedObject>({ onChangeSheetData, onChangeSheets, onChangeTables, onChangeCharts, onChangeEmbeds, onChangeConditionalFormats, onChangeDataValidations, onChangeNamedRanges, onChangeProtectedRanges, onError, enqueueCalculation, calculateNow, userId, title, sheetId, activeCell, doc, provider, }: useYSpreadsheetProps<T, S, C, O>) => {
+    onBroadcastPatch: (patches: [patch: SpreadsheetPatch<Patch>, type?: HistoryType | undefined][]) => void;
+    users: Collaborator[];
+    synced: boolean;
+};
+//# sourceMappingURL=use-yspreadsheet.d.ts.map

package/dist/cjs/use-yspreadsheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-yspreadsheet.d.ts","sourceRoot":"","sources":["../../use-yspreadsheet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EACV,QAAQ,EACR,YAAY,EACZ,qBAAqB,EACrB,wBAAwB,EACxB,aAAa,EACb,cAAc,EACd,UAAU,EACV,cAAc,EACd,KAAK,EACL,SAAS,EACV,MAAM,2BAA2B,CAAC;AAKnC,OAAO,KAAK,EACV,mBAAmB,EACnB,oBAAoB,EACpB,WAAW,EAEX,SAAS,EACT,gBAAgB,EACjB,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAInC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,KAAK,KAAK,CAAC,MAAM,KAAK,CAAC;AAuB9B,MAAM,MAAM,oBAAoB,CAC9B,CAAC,SAAS,QAAQ,EAClB,CAAC,SAAS,KAAK,EACf,CAAC,SAAS,aAAa,EACvB,CAAC,SAAS,cAAc,IACtB;IACF,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,QAAQ,CAAC,EAAE,kBAAkB,GAAG,iBAAiB,GAAG,GAAG,CAAC;IACxD,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC;IACX,YAAY,CAAC,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAClD,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtE,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAClE,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1D,cAAc,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3D,cAAc,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3D,mBAAmB,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IACzE,uBAAuB,CAAC,EAAE,KAAK,CAAC,QAAQ,CACtC,KAAK,CAAC,cAAc,CAAC,cAAc,EAAE,CAAC,CACvC,CAAC;IACF,0BAA0B,CAAC,EAAE,KAAK,CAAC,QAAQ,CACzC,KAAK,CAAC,cAAc,CAAC,qBAAqB,EAAE,CAAC,CAC9C,CAAC;IACF,uBAAuB,CAAC,EAAE,KAAK,CAAC,QAAQ,CACtC,KAAK,CAAC,cAAc,CAAC,wBAAwB,EAAE,CAAC,CACjD,CAAC;IACF,kBAAkB,EAAE,CAAC,SAAS,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAC;IAC7B,mBAAmB,CAAC,IAAI,IAAI,CAAC;CAC9B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAC1B,CAAC,SAAS,QAAQ,EAClB,CAAC,SAAS,KAAK,EACf,CAAC,SAAS,aAAa,EACvB,CAAC,SAAS,cAAc,EACxB,yRAmBC,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;gCAySpB,CACP,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,EAC9B,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,CAC/B,EAAE;;;CAwDR,CAAC"}

package/dist/cjs/use-yspreadsheet.js

@@ -0,0 +1,430 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useYSpreadsheet = void 0;
+var tslib_1 = require("tslib");
+var spreadsheet_1 = require("@rowsncolumns/spreadsheet");
+var immer_1 = require("immer");
+var uniqBy_1 = tslib_1.__importDefault(require("lodash/uniqBy"));
+var react_1 = require("react");
+var yjs_1 = require("yjs");
+var getStateVector = function (doc) { return (0, yjs_1.encodeStateVector)(doc); };
+// Function to get updates between two state vectors
+var getUpdatesBetween = function (doc, stateVector1, stateVector2) {
+    var diff = (0, yjs_1.encodeStateAsUpdate)(doc, stateVector1);
+    var newDiff = (0, yjs_1.encodeStateAsUpdate)(doc, stateVector2);
+    return (0, yjs_1.diffUpdate)(diff, newDiff);
+};
+/**
+ * Connects to a Y server and picks up the most recent change
+ * Does not load initial data
+ * @returns
+ */
+var useYSpreadsheet = function (_a) {
+    var onChangeSheetData = _a.onChangeSheetData, onChangeSheets = _a.onChangeSheets, onChangeTables = _a.onChangeTables, onChangeCharts = _a.onChangeCharts, onChangeEmbeds = _a.onChangeEmbeds, onChangeConditionalFormats = _a.onChangeConditionalFormats, onChangeDataValidations = _a.onChangeDataValidations, onChangeNamedRanges = _a.onChangeNamedRanges, onChangeProtectedRanges = _a.onChangeProtectedRanges, onError = _a.onError, enqueueCalculation = _a.enqueueCalculation, calculateNow = _a.calculateNow, userId = _a.userId, title = _a.title, sheetId = _a.sheetId, activeCell = _a.activeCell, doc = _a.doc, provider = _a.provider;
+    var _b = tslib_1.__read((0, react_1.useState)([]), 2), users = _b[0], setUsers = _b[1];
+    var _c = tslib_1.__read((0, react_1.useState)(false), 2), synced = _c[0], setSynced = _c[1];
+    var previousStateVectorRef = (0, react_1.useRef)(undefined);
+    var currentStateVectorRef = (0, react_1.useRef)(undefined);
+    // Recalc cells
+    var yRecalcCells = (0, react_1.useMemo)(function () { return doc.getArray("recalcCells"); }, [doc]);
+    var yDisableRecalc = doc.getMap("disableRecalc");
+    // Counter
+    // Create a counter to keep track of when the last sync was done
+    var docSyncCounterRef = (0, react_1.useRef)(new Map());
+    // Create a doc map
+    var docMap = (0, react_1.useMemo)(function () {
+        var docMap = new Map([
+            [
+                "sheets",
+                [doc.getArray("sheets"), onChangeSheets, "sheetId"],
+            ],
+            [
+                "sheetData",
+                [doc.getArray("sheetData"), onChangeSheetData],
+            ],
+            ["tables", [doc.getArray("tables"), onChangeTables, "id"]],
+            ["embeds", [doc.getArray("embeds"), onChangeEmbeds, "id"]],
+            ["charts", [doc.getArray("charts"), onChangeCharts, "id"]],
+            [
+                "conditionalFormats",
+                [
+                    doc.getArray("conditionalFormats"),
+                    onChangeConditionalFormats,
+                    "id",
+                ],
+            ],
+            [
+                "dataValidations",
+                [
+                    doc.getArray("dataValidations"),
+                    onChangeDataValidations,
+                    "id",
+                ],
+            ],
+            [
+                "namedRanges",
+                [doc.getArray("namedRanges"), onChangeNamedRanges, "id"],
+            ],
+            [
+                "protectedRanges",
+                [
+                    doc.getArray("protectedRanges"),
+                    onChangeProtectedRanges,
+                    "id",
+                ],
+            ],
+        ]);
+        return docMap;
+    }, [
+        onChangeSheets,
+        onChangeSheetData,
+        onChangeTables,
+        onChangeCharts,
+        onChangeConditionalFormats,
+        onChangeDataValidations,
+        onChangeNamedRanges,
+        onChangeProtectedRanges,
+        onChangeEmbeds,
+        doc,
+    ]);
+    // Listen to awareness
+    var awareness = provider === null || provider === void 0 ? void 0 : provider.awareness;
+    // Callback when the content is first synced
+    var onSynced = (0, react_1.useCallback)(function () {
+        var e_1, _a;
+        var _b;
+        var syncedDoc = doc;
+        if (previousStateVectorRef.current) {
+            // Capture the current state vector on subsequent syncs
+            currentStateVectorRef.current = getStateVector(doc);
+            var updates = getUpdatesBetween(doc, previousStateVectorRef.current, currentStateVectorRef.current);
+            var newDoc = new yjs_1.Doc({ gc: true });
+            (0, yjs_1.applyUpdate)(newDoc, updates);
+            syncedDoc = newDoc;
+            previousStateVectorRef.current = currentStateVectorRef.current;
+        }
+        var getInitialPatches = function (ydoc, counterStart) {
+            var e_2, _a;
+            if (counterStart === void 0) { counterStart = 0; }
+            var patches = [];
+            var endCounter = counterStart;
+            for (var i = counterStart; i < ydoc.length; i++) {
+                var userPatches = ydoc.get(i).patches;
+                try {
+                    for (var userPatches_1 = (e_2 = void 0, tslib_1.__values(userPatches)), userPatches_1_1 = userPatches_1.next(); !userPatches_1_1.done; userPatches_1_1 = userPatches_1.next()) {
+                        var patch = userPatches_1_1.value;
+                        patches.push(patch);
+                    }
+                }
+                catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                finally {
+                    try {
+                        if (userPatches_1_1 && !userPatches_1_1.done && (_a = userPatches_1.return)) _a.call(userPatches_1);
+                    }
+                    finally { if (e_2) throw e_2.error; }
+                }
+                endCounter++;
+            }
+            return [patches, endCounter];
+        };
+        var _loop_1 = function (mappingKey, _1, setStateFn, idKey) {
+            var startCounter = (_b = docSyncCounterRef.current.get(mappingKey)) !== null && _b !== void 0 ? _b : 0;
+            var _e = tslib_1.__read(getInitialPatches(syncedDoc.getArray(mappingKey), startCounter), 2), patches = _e[0], endCounter = _e[1];
+            if (patches.length) {
+                docSyncCounterRef.current.set(mappingKey, endCounter);
+                setStateFn === null || setStateFn === void 0 ? void 0 : setStateFn(function (prev) {
+                    try {
+                        var nextState = idKey
+                            ? (0, uniqBy_1.default)((0, immer_1.applyPatches)(prev, patches), idKey)
+                            : (0, immer_1.applyPatches)(prev, patches);
+                        return nextState;
+                    }
+                    catch (err) {
+                        console.error(err);
+                        onError === null || onError === void 0 ? void 0 : onError(err);
+                    }
+                    return prev;
+                });
+            }
+        };
+        try {
+            for (var docMap_1 = tslib_1.__values(docMap), docMap_1_1 = docMap_1.next(); !docMap_1_1.done; docMap_1_1 = docMap_1.next()) {
+                var _c = tslib_1.__read(docMap_1_1.value, 2), mappingKey = _c[0], _d = tslib_1.__read(_c[1], 3), _1 = _d[0], setStateFn = _d[1], idKey = _d[2];
+                _loop_1(mappingKey, _1, setStateFn, idKey);
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (docMap_1_1 && !docMap_1_1.done && (_a = docMap_1.return)) _a.call(docMap_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        // Update recalc cells
+        (0, spreadsheet_1.scheduleNormalPriorityCallback)(function () {
+            calculateNow({
+                disableEvaluation: true,
+                shouldResetCellDependencyGraph: true,
+            });
+        });
+        // Set synced
+        setSynced(true);
+    }, [calculateNow, docMap, onError, doc]);
+    // Sync state
+    if ((provider === null || provider === void 0 ? void 0 : provider.synced) && !synced) {
+        onSynced();
+    }
+    // Listen to first sync event
+    (0, spreadsheet_1.useIsomorphicLayoutEffect)(function () {
+        provider === null || provider === void 0 ? void 0 : provider.on("synced", onSynced);
+        var onConnectionStatusChange = function (_a) {
+            var status = _a.status;
+            if (status === "disconnected") {
+                previousStateVectorRef.current = getStateVector(doc);
+            }
+        };
+        provider === null || provider === void 0 ? void 0 : provider.on("status", onConnectionStatusChange);
+        return function () {
+            provider === null || provider === void 0 ? void 0 : provider.off("synced", onSynced);
+            provider === null || provider === void 0 ? void 0 : provider.off("status", onConnectionStatusChange);
+        };
+    }, [provider, onSynced, doc]);
+    // Awareness
+    (0, spreadsheet_1.useIsomorphicLayoutEffect)(function () {
+        var onChangeAwareness = function () {
+            var e_3, _a;
+            if (awareness) {
+                var collaborators = [];
+                try {
+                    for (var _b = tslib_1.__values(awareness.getStates().entries()), _c = _b.next(); !_c.done; _c = _b.next()) {
+                        var _d = tslib_1.__read(_c.value, 2), _2 = _d[0], value = _d[1];
+                        if (value && value.activeCell && value.userId) {
+                            collaborators.push({
+                                activeCell: value.activeCell,
+                                title: value.title,
+                                userId: value.userId,
+                                sheetId: value.sheetId,
+                            });
+                        }
+                    }
+                }
+                catch (e_3_1) { e_3 = { error: e_3_1 }; }
+                finally {
+                    try {
+                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                    }
+                    finally { if (e_3) throw e_3.error; }
+                }
+                setUsers(collaborators);
+            }
+        };
+        // Listen to awareness
+        awareness === null || awareness === void 0 ? void 0 : awareness.on("change", onChangeAwareness);
+        return function () {
+            awareness === null || awareness === void 0 ? void 0 : awareness.off("change", onChangeAwareness);
+        };
+    }, [awareness]);
+    // Set local awareness state
+    (0, spreadsheet_1.useIsomorphicLayoutEffect)(function () {
+        awareness === null || awareness === void 0 ? void 0 : awareness.setLocalState({
+            userId: userId,
+            title: title,
+            sheetId: sheetId,
+        });
+    }, [awareness, userId, title, sheetId]);
+    // Sheet data changes
+    (0, spreadsheet_1.useIsomorphicLayoutEffect)(function () {
+        var e_4, _a;
+        var getPatchDeltasFromEvent = function (event) {
+            var e_5, _a, e_6, _b, e_7, _c;
+            var patches = [];
+            if (event.transaction.origin !== "locale") {
+                try {
+                    for (var _d = tslib_1.__values(event.changes.delta), _e = _d.next(); !_e.done; _e = _d.next()) {
+                        var changes = _e.value;
+                        for (var type in changes) {
+                            if (type === "insert" && changes[type] !== undefined) {
+                                try {
+                                    for (var _f = (e_6 = void 0, tslib_1.__values(changes[type])), _g = _f.next(); !_g.done; _g = _f.next()) {
+                                        var userPatches = _g.value.patches;
+                                        try {
+                                            for (var userPatches_2 = (e_7 = void 0, tslib_1.__values(userPatches)), userPatches_2_1 = userPatches_2.next(); !userPatches_2_1.done; userPatches_2_1 = userPatches_2.next()) {
+                                                var patch = userPatches_2_1.value;
+                                                patches.push(patch);
+                                            }
+                                        }
+                                        catch (e_7_1) { e_7 = { error: e_7_1 }; }
+                                        finally {
+                                            try {
+                                                if (userPatches_2_1 && !userPatches_2_1.done && (_c = userPatches_2.return)) _c.call(userPatches_2);
+                                            }
+                                            finally { if (e_7) throw e_7.error; }
+                                        }
+                                    }
+                                }
+                                catch (e_6_1) { e_6 = { error: e_6_1 }; }
+                                finally {
+                                    try {
+                                        if (_g && !_g.done && (_b = _f.return)) _b.call(_f);
+                                    }
+                                    finally { if (e_6) throw e_6.error; }
+                                }
+                            }
+                        }
+                    }
+                }
+                catch (e_5_1) { e_5 = { error: e_5_1 }; }
+                finally {
+                    try {
+                        if (_e && !_e.done && (_a = _d.return)) _a.call(_d);
+                    }
+                    finally { if (e_5) throw e_5.error; }
+                }
+            }
+            return patches;
+        };
+        var syncRecalcCells = function (recalcCells) {
+            var e_8, _a;
+            try {
+                for (var recalcCells_1 = tslib_1.__values(recalcCells), recalcCells_1_1 = recalcCells_1.next(); !recalcCells_1_1.done; recalcCells_1_1 = recalcCells_1.next()) {
+                    var _b = tslib_1.__read(recalcCells_1_1.value, 2), _3 = _b[0], position = _b[1];
+                    enqueueCalculation({
+                        type: "add",
+                        position: position,
+                    });
+                }
+            }
+            catch (e_8_1) { e_8 = { error: e_8_1 }; }
+            finally {
+                try {
+                    if (recalcCells_1_1 && !recalcCells_1_1.done && (_a = recalcCells_1.return)) _a.call(recalcCells_1);
+                }
+                finally { if (e_8) throw e_8.error; }
+            }
+        };
+        // Trigger cell recalcs
+        var onRecalcCellsChange = function (event) {
+            var patches = getPatchDeltasFromEvent(event);
+            if (event.transaction.origin !== "local") {
+                syncRecalcCells(patches);
+            }
+        };
+        // Listen to changes after sync
+        if (synced) {
+            var subs_1 = [];
+            var _loop_2 = function (_4, doc_1, setStateFn) {
+                var callback = function (event) {
+                    var patches = getPatchDeltasFromEvent(event);
+                    var disableRecalc = yDisableRecalc.get("disableRecalc");
+                    if (event.transaction.origin !== "local" && disableRecalc !== true) {
+                        if (patches.length) {
+                            setStateFn === null || setStateFn === void 0 ? void 0 : setStateFn(function (prev) {
+                                try {
+                                    return (0, immer_1.applyPatches)(prev, patches);
+                                }
+                                catch (err) {
+                                    console.error(err);
+                                    onError === null || onError === void 0 ? void 0 : onError(err);
+                                }
+                                return prev;
+                            });
+                        }
+                    }
+                };
+                doc_1.observe(callback);
+                subs_1.push([doc_1, callback]);
+            };
+            try {
+                for (var docMap_2 = tslib_1.__values(docMap), docMap_2_1 = docMap_2.next(); !docMap_2_1.done; docMap_2_1 = docMap_2.next()) {
+                    var _b = tslib_1.__read(docMap_2_1.value, 2), _4 = _b[0], _c = tslib_1.__read(_b[1], 2), doc_1 = _c[0], setStateFn = _c[1];
+                    _loop_2(_4, doc_1, setStateFn);
+                }
+            }
+            catch (e_4_1) { e_4 = { error: e_4_1 }; }
+            finally {
+                try {
+                    if (docMap_2_1 && !docMap_2_1.done && (_a = docMap_2.return)) _a.call(docMap_2);
+                }
+                finally { if (e_4) throw e_4.error; }
+            }
+            // Observe recalc cells separat
+            yRecalcCells.observe(onRecalcCellsChange);
+            return function () {
+                subs_1.forEach(function (_a) {
+                    var _b = tslib_1.__read(_a, 2), doc = _b[0], callback = _b[1];
+                    return doc.unobserve(callback);
+                });
+                yRecalcCells.unobserve(onRecalcCellsChange);
+            };
+        }
+    }, [userId, provider, synced, doc, yDisableRecalc]);
+    // Broadcast patch
+    var onBroadcastPatch = (0, react_1.useCallback)(function (patches) {
+        doc.transact(function () {
+            var e_9, _a, e_10, _b;
+            var _c, _d;
+            try {
+                for (var patches_1 = tslib_1.__values(patches), patches_1_1 = patches_1.next(); !patches_1_1.done; patches_1_1 = patches_1.next()) {
+                    var _e = tslib_1.__read(patches_1_1.value, 2), patch = _e[0], _f = _e[1], type = _f === void 0 ? "redo" : _f;
+                    var patchKey = type === "redo" ? "patches" : "inversePatches";
+                    try {
+                        for (var docMap_3 = (e_10 = void 0, tslib_1.__values(docMap)), docMap_3_1 = docMap_3.next(); !docMap_3_1.done; docMap_3_1 = docMap_3.next()) {
+                            var _g = tslib_1.__read(docMap_3_1.value, 2), mappingKey = _g[0], _h = tslib_1.__read(_g[1], 1), doc_2 = _h[0];
+                            var currentPatch = patch[mappingKey];
+                            var patches_2 = currentPatch === null || currentPatch === void 0 ? void 0 : currentPatch[patchKey];
+                            if (patches_2) {
+                                var startCounter = (_c = docSyncCounterRef.current.get(mappingKey)) !== null && _c !== void 0 ? _c : 0;
+                                doc_2.push([
+                                    {
+                                        userId: userId,
+                                        patches: patches_2,
+                                    },
+                                ]);
+                                // Update last counter
+                                docSyncCounterRef.current.set(mappingKey, startCounter + patches_2.length);
+                            }
+                        }
+                    }
+                    catch (e_10_1) { e_10 = { error: e_10_1 }; }
+                    finally {
+                        try {
+                            if (docMap_3_1 && !docMap_3_1.done && (_b = docMap_3.return)) _b.call(docMap_3);
+                        }
+                        finally { if (e_10) throw e_10.error; }
+                    }
+                    if ((_d = patch.recalcCells) === null || _d === void 0 ? void 0 : _d[type]) {
+                        yRecalcCells.push([
+                            {
+                                userId: userId,
+                                patches: Array.from(patch.recalcCells[type]),
+                            },
+                        ]);
+                    }
+                }
+            }
+            catch (e_9_1) { e_9 = { error: e_9_1 }; }
+            finally {
+                try {
+                    if (patches_1_1 && !patches_1_1.done && (_a = patches_1.return)) _a.call(patches_1);
+                }
+                finally { if (e_9) throw e_9.error; }
+            }
+        }, "local");
+    }, [userId, docMap, doc, yRecalcCells, yDisableRecalc]);
+    // Listen to active cell change
+    (0, spreadsheet_1.useIsomorphicLayoutEffect)(function () {
+        if (activeCell) {
+            awareness === null || awareness === void 0 ? void 0 : awareness.setLocalStateField("activeCell", activeCell);
+        }
+    }, [awareness, activeCell]);
+    // Listen to sheet change
+    (0, spreadsheet_1.useIsomorphicLayoutEffect)(function () {
+        awareness === null || awareness === void 0 ? void 0 : awareness.setLocalStateField("sheetId", sheetId);
+    }, [awareness, sheetId]);
+    return {
+        onBroadcastPatch: onBroadcastPatch,
+        users: users,
+        synced: synced,
+    };
+};
+exports.useYSpreadsheet = useYSpreadsheet;

package/dist/cjs/vitest.config.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vite").UserConfig;
+export default _default;
+//# sourceMappingURL=vitest.config.d.ts.map

package/dist/cjs/vitest.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vitest.config.d.ts","sourceRoot":"","sources":["../../vitest.config.ts"],"names":[],"mappings":";AAEA,wBAsBG"}

package/dist/cjs/vitest.config.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var config_1 = require("vitest/config");
+exports.default = (0, config_1.defineConfig)({
+    test: {
+        globals: true,
+        environment: "jsdom",
+        // ✅ correct location for deps.inline
+        deps: {
+            inline: ["konva", "react-konva"],
+        },
+    },
+    // Ensure Vite bundles these for SSR-style test runs
+    ssr: {
+        noExternal: ["konva", "react-konva"],
+    },
+    // Prefer the ESM build of react-konva (avoid its CJS wrapper that requires konva)
+    resolve: {
+        alias: {
+            "react-konva": "react-konva/es/ReactKonvaCore.js",
+        },
+    },
+});