@p10node/office-engine 0.2.2 → 0.2.3

package/README.md

@@ -11,9 +11,17 @@ View + edit **DOCX / XLSX / PPTX** directly in the browser. Loads progressively
 
 The demo has samples, heavy files (300k-row sheet, 305-slide deck), drag & drop your own file, edit and download.
 
-| DOCX                                      | XLSX                                      | PPTX                                      |
-|-------------------------------------------|-------------------------------------------|-------------------------------------------|
-| ![DOCX editor](docs/screenshots/docx.png) | ![XLSX editor](docs/screenshots/xlsx.png) | ![PPTX editor](docs/screenshots/pptx.png) |
+**Real-time collaboration**
+
+![Real-time collaboration: Ann and Bob edit one sheet side by side, Cara joins from a third browser](docs/screenshots/collab.gif)
+
+**300k-row XLSX open in the browser**
+
+![300k-row XLSX opening in the browser: rows stream in, then a jump to the last row](docs/screenshots/xlsx-300k.gif)
+
+| DOCX editor                               | PPTX editor                               |
+|-------------------------------------------|-------------------------------------------|
+| ![DOCX editor](docs/screenshots/docx.png) | ![PPTX editor](docs/screenshots/pptx.png) |
 
 ## Install
 

package/dist/{DocViewer-Co7q5D2H.js → DocViewer-CT8VAa1L.js}

@@ -1,6 +1,6 @@
 
 import { C as e, E as t, N as n, P as r, S as i, d as a, f as o, h as s, j as c, m as l, o as u, p as d, t as f, u as p, w as m } from "./default-worker-BDj6MNRA.js";
-import { C as h, D as g, E as _, O as v, S as y, T as b, _ as ee, b as x, d as S, f as C, g as w, h as te, k as ne, m as re, p as ie, t as ae, v as T, w as E, x as oe, y as se } from "./collab-BvjXvfJ9.js";
+import { C as h, D as g, E as _, O as v, S as y, T as b, _ as ee, b as x, d as S, f as C, g as w, h as te, k as ne, m as re, p as ie, t as ae, v as T, w as E, x as oe, y as se } from "./collab-Dx00zqXR.js";
 import { Children as D, Fragment as ce, createContext as le, isValidElement as O, memo as ue, useCallback as de, useContext as fe, useEffect as k, useId as pe, useInsertionEffect as me, useLayoutEffect as A, useMemo as he, useReducer as ge, useRef as j, useState as M, useSyncExternalStore as _e } from "react";
 import { createPortal as N } from "react-dom";
 import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
@@ -1835,6 +1835,37 @@ var Pt = class {
 		for (let e = 0; e < Math.min(n.length, r.length); e++) if (n[e] !== r[e]) return n[e] - r[e];
 		return n.length - r.length;
 	}
+	all() {
+		let e = -1, t = -1;
+		return this.st.blocks.forEach((n, r) => {
+			this.para(String(r)) && (e < 0 && (e = r), t = r);
+		}), e < 0 ? null : {
+			a: {
+				pa: String(e),
+				o: 0
+			},
+			f: {
+				pa: String(t),
+				o: oe(this.para(String(t)).runs)
+			}
+		};
+	}
+	selectAll() {
+		this.input.selectAll();
+	}
+	deleteAcross(e, t) {
+		let n = Mt(e.pa), r = Mt(t.pa);
+		if (n.length !== 1 || r.length !== 1 || n[0] >= r[0]) return null;
+		let i = this.para(e.pa), a = this.para(t.pa);
+		if (!i || !a) return null;
+		let o = (e, t) => this.st.blocks[e]?.t === "p" && this.st.blocks[e].pid === t.pid;
+		if (o(n[0] - 1, i) || o(r[0] + 1, a)) return null;
+		let s = x([...b(i.runs, e.o)[0], ...b(a.runs, t.o)[1]]), c = this.st.blocks.slice(n[0] + 1, r[0]).filter((e) => e.t === "sect");
+		return this.replaceBlocks(n[0], r[0] - n[0] + 1, [this.join(i, a, s), ...c], {
+			a: e,
+			f: e
+		}), e;
+	}
 	withRuns(e, t) {
 		return {
 			...e,
@@ -2328,7 +2359,12 @@ var Pt = class {
 			item: e.item,
 			spec: null
 		});
-		if (n.forEach((t, n) => t.t === "tbl" && t.tid !== void 0 && this.commitTable(e + n)), this.onCommit?.({
+		if (n.forEach((t, n) => {
+			t.t === "tbl" && (t.tid === void 0 && !c.has(o(t)) && (this.st.blocks[e + n] = {
+				...t,
+				tid: this.nextPid++
+			}), this.commitTable(e + n));
+		}), this.onCommit?.({
 			kind: "blocks",
 			bi: e,
 			before: a,
@@ -4227,7 +4263,7 @@ function bn({ client: e, onStatus: t, initialZoom: n = "fit" }) {
 			label: "Select all",
 			icon: "selectAll",
 			hint: `${Z}A`,
-			run: () => document.execCommand("selectAll")
+			run: () => b.selectAll()
 		}), r;
 	}, $e = c?.styles?.find((e) => e.canon === "title")?.id, et = he(() => se ? vn(a.blocks, $e) : [], [
 		se,
@@ -4262,10 +4298,11 @@ function bn({ client: e, onStatus: t, initialZoom: n = "fit" }) {
 				className: "de-scroll",
 				tabIndex: -1,
 				onKeyDown: (e) => {
-					(e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "f" && (e.preventDefault(), w((e) => ({
+					let t = (e.metaKey || e.ctrlKey) && !e.altKey, n = e.key.toLowerCase();
+					t && n === "f" ? (e.preventDefault(), w((e) => ({
 						...e,
 						open: !0
-					})));
+					}))) : t && n === "a" && !e.shiftKey && !x && y.current && (e.preventDefault(), ie(y.current)?.selectAllChildren(y.current));
 				},
 				children: [
 					c && z.length > 0 && /* @__PURE__ */ F("div", {
@@ -9297,6 +9334,15 @@ function ua({ store: e, sheet: t, meta: n, client: r, edit: i, setEdit: a, hold:
 			e.preventDefault(), d.save();
 			return;
 		}
+		if (t && n === "a" && !e.altKey && !e.shiftKey) {
+			e.preventDefault(), Ye({
+				ar: 0,
+				ac: 0,
+				fr: Math.max(0, p.rows - 1),
+				fc: Math.max(0, p.cols - 1)
+			});
+			return;
+		}
 		if (f && t && !e.altKey) {
 			if (n === "z") {
 				e.preventDefault(), e.shiftKey ? Wt() : Ut();
@@ -10567,4 +10613,4 @@ function Ca(e) {
 }
 export { ea as a, li as c, bn as d, ma as i, dr as l, _a as n, Ci as o, va as r, Si as s, Ca as t, lr as u };
 
-//# sourceMappingURL=DocViewer-Co7q5D2H.js.map
+//# sourceMappingURL=DocViewer-CT8VAa1L.js.map