@p10node/office-engine 0.2.0 → 0.2.3

package/README.md

@@ -1,32 +1,27 @@
 # @p10node/office-engine
 
+[![npm version](https://img.shields.io/npm/v/@p10node/office-engine)](https://www.npmjs.com/package/@p10node/office-engine)
+[![npm downloads](https://img.shields.io/npm/dm/@p10node/office-engine)](https://www.npmjs.com/package/@p10node/office-engine)
+[![CI](https://github.com/p10node/office-engine/actions/workflows/ci.yml/badge.svg)](https://github.com/p10node/office-engine/actions/workflows/ci.yml)
+[![License: MIT](https://img.shields.io/npm/l/@p10node/office-engine)](LICENSE)
+
 View + edit **DOCX / XLSX / PPTX** directly in the browser. Loads progressively like Google Docs, handles heavy files, one-line React embed, saves back to the original format.
 
-**[Live demo](https://p10node.github.io/office-engine/demo/)**: samples, heavy files (300k-row sheet, 305-slide deck), drag & drop your own file, edit and download.
+**[npm](https://www.npmjs.com/package/@p10node/office-engine)** · **[Live demo](https://p10node.github.io/office-engine/demo/)** · **[Docs](https://p10node.github.io/office-engine/)**
 
-| DOCX                                      | XLSX                                      | PPTX                                      |
-|-------------------------------------------|-------------------------------------------|-------------------------------------------|
-| ![DOCX editor](docs/screenshots/docx.png) | ![XLSX editor](docs/screenshots/xlsx.png) | ![PPTX editor](docs/screenshots/pptx.png) |
+The demo has samples, heavy files (300k-row sheet, 305-slide deck), drag & drop your own file, edit and download.
 
-## Features
+**Real-time collaboration**
 
-- **Progressive loading**: lazy ZIP, HTTP Range requests, streaming XML parser in a Web Worker → UI never blocks
-- **Virtualized views**: only visible pages, cells and slides render
-- **Editing** with a Google Docs-style toolbar: DOCX text, styles, lists, images, tables; XLSX cells, formulas (134 functions), formats, borders, rows/columns, sheets; PPTX text, shapes, images, slides, slideshow
-- **Fast save**: only edited parts are regenerated, everything else keeps its original bytes
-- **File menu**: new, open (also CSV / text / Markdown / HTML), import CSV, rename, download as PDF / HTML / text / CSV, document details, print
-- **Real-time collaboration**: live edits, avatars, collaborators' cursors, offline edits sync on reconnect
-- **Embed anywhere**: React component, hook, vanilla `mount()`, `<office-viewer>` web component, single `<script>` file
+![Real-time collaboration: Ann and Bob edit one sheet side by side, Cara joins from a third browser](docs/screenshots/collab.gif)
 
-Full list, format coverage and limitations: [Features](docs/features.md).
+**300k-row XLSX open in the browser**
 
-| File                     | Size    | First paint | Fully loaded      |
-|--------------------------|---------|-------------|-------------------|
-| DOCX 20k paragraphs      | 1.2 MB  | ~180 ms     | 2073 pages in ~2s |
-| XLSX 300k rows × 12 cols | 24.8 MB | ~330 ms     | ~2s               |
-| PPTX 305 slides          | 0.3 MB  | ~110 ms     | on-demand         |
+![300k-row XLSX opening in the browser: rows stream in, then a jump to the last row](docs/screenshots/xlsx-300k.gif)
 
-Measured in headless Chromium on Apple M-series.
+| DOCX editor                               | PPTX editor                               |
+|-------------------------------------------|-------------------------------------------|
+| ![DOCX editor](docs/screenshots/docx.png) | ![PPTX editor](docs/screenshots/pptx.png) |
 
 ## Install
 
@@ -62,6 +57,26 @@ Also online at [p10node.github.io/office-engine](https://p10node.github.io/offic
 - [Real-time collaboration](docs/collaboration.md)
 - [Development](docs/development.md): playground, architecture, demo deploy, release
 
+## Features
+
+- **Progressive loading**: lazy ZIP, HTTP Range requests, streaming XML parser in a Web Worker → UI never blocks
+- **Virtualized views**: only visible pages, cells and slides render
+- **Editing** with a Google Docs-style toolbar: DOCX text, styles, lists, images, tables; XLSX cells, formulas (134 functions), formats, borders, rows/columns, sheets; PPTX text, shapes, images, slides, slideshow
+- **Fast save**: only edited parts are regenerated, everything else keeps its original bytes
+- **File menu**: new, open (also CSV / text / Markdown / HTML), import CSV, rename, download as PDF / HTML / text / CSV, document details, print
+- **Real-time collaboration**: live edits, avatars, collaborators' cursors, offline edits sync on reconnect
+- **Embed anywhere**: React component, hook, vanilla `mount()`, `<office-viewer>` web component, single `<script>` file
+
+Full list, format coverage and limitations: [Features](docs/features.md).
+
+| File                     | Size    | First paint | Fully loaded      |
+|--------------------------|---------|-------------|-------------------|
+| DOCX 20k paragraphs      | 1.2 MB  | ~180 ms     | 2073 pages in ~2s |
+| XLSX 300k rows × 12 cols | 24.8 MB | ~330 ms     | ~2s               |
+| PPTX 305 slides          | 0.3 MB  | ~110 ms     | on-demand         |
+
+Measured in headless Chromium on Apple M-series.
+
 ## License
 
 [MIT](LICENSE) © p10node

package/dist/{DocViewer-PJieqbIR.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-DfpaJUjf.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 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-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";
@@ -304,22 +304,23 @@ function ke(e) {
 	let [t, n] = M({
 		x: 0,
 		y: 0
-	});
-	return k(() => {
-		let t = e.current;
-		if (!t) return;
-		let r = 0, i = () => {
-			r ||= requestAnimationFrame(() => {
-				r = 0, n({
-					x: t.scrollLeft,
-					y: t.scrollTop
-				});
+	}), [r, i] = M(null);
+	return Ee(() => {
+		e.current !== r && i(e.current);
+	}), k(() => {
+		if (!r) return;
+		let e = 0, t = () => n((e) => e.x === r.scrollLeft && e.y === r.scrollTop ? e : {
+			x: r.scrollLeft,
+			y: r.scrollTop
+		}), i = () => {
+			e ||= requestAnimationFrame(() => {
+				e = 0, t();
 			});
 		};
-		return t.addEventListener("scroll", i, { passive: !0 }), () => {
-			t.removeEventListener("scroll", i), cancelAnimationFrame(r);
+		return t(), r.addEventListener("scroll", i, { passive: !0 }), () => {
+			r.removeEventListener("scroll", i), cancelAnimationFrame(e);
 		};
-	}, [e]), t;
+	}, [r]), t;
 }
 function U(e, n, r = !0) {
 	let [i, a] = M(null);
@@ -1834,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,
@@ -2327,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,
@@ -4226,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,
@@ -4261,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", {
@@ -9296,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();
@@ -10566,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-PJieqbIR.js.map
+//# sourceMappingURL=DocViewer-CT8VAa1L.js.map