@p10node/office-engine 0.2.0 → 0.2.2

package/README.md

@@ -1,33 +1,20 @@
 # @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/)**
+
+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) |
 
-## 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.
-
 ## Install
 
 ```bash
@@ -62,6 +49,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-Co7q5D2H.js}

@@ -1,5 +1,5 @@
 
-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 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 { 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";
@@ -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);
@@ -10566,4 +10567,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-Co7q5D2H.js.map