@beyondwork/docx-react-component 1.0.2 → 1.0.3

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@beyondwork/docx-react-component",
   "publisher": "beyondwork",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Embeddable React Word (docx) editor with review, comments, tracked changes, and round-trip OOXML fidelity.",
-  "packageManager": "pnpm@10.30.3",
   "type": "module",
   "files": [
     "README.md",
@@ -33,23 +32,6 @@
     "./package.json": "./package.json"
   },
   "types": "./src/index.ts",
-  "scripts": {
-    "build": "tsup",
-    "test": "bash scripts/run-workspace-tests.sh",
-    "test:repo": "pnpm exec tsx --test $(find test -type f \\( -name '*.test.ts' -o -name '*.test.tsx' \\) | sort)",
-    "test:harness": "pnpm --filter @docx-react-component/react-word-editor-harness test",
-    "lint:no-authored-js": "bash scripts/check-no-authored-js.sh",
-    "context7:api-check": "bash scripts/context7-export-env.sh run bash scripts/context7-api-check.sh",
-    "wave:doctor": "bash scripts/context7-export-env.sh run pnpm exec wave doctor --json",
-    "wave:dry-run": "bash scripts/context7-export-env.sh run pnpm exec wave launch --lane main --dry-run --no-dashboard",
-    "wave:launch": "bash scripts/context7-export-env.sh run pnpm exec wave launch --lane main",
-    "wave:launch:managed": "bash scripts/wave-launch.sh",
-    "wave:status": "bash scripts/wave-status.sh",
-    "wave:watch": "bash scripts/wave-watch.sh --follow",
-    "wave:dashboard:current": "bash scripts/wave-dashboard-attach.sh current",
-    "wave:dashboard:global": "bash scripts/wave-dashboard-attach.sh global",
-    "harness:dev": "pnpm --filter @docx-react-component/react-word-editor-harness dev"
-  },
   "keywords": [
     "docx",
     "word",
@@ -71,6 +53,7 @@
     "@radix-ui/react-toggle": "^1.1.10",
     "@radix-ui/react-toggle-group": "^1.1.11",
     "@radix-ui/react-tooltip": "^1.2.8",
+    "fflate": "^0.8.2",
     "lucide-react": "^1.7.0"
   },
   "peerDependencies": {
@@ -101,14 +84,21 @@
     "tsup": "^8.3.0",
     "tsx": "^4.21.0"
   },
-  "pnpm": {
-    "onlyBuiltDependencies": [
-      "esbuild",
-      "sharp"
-    ],
-    "overrides": {
-      "react": "19.2.4",
-      "react-dom": "19.2.4"
-    }
+  "scripts": {
+    "build": "tsup",
+    "test": "bash scripts/run-workspace-tests.sh",
+    "test:repo": "pnpm exec tsx --test $(find test -type f \\( -name '*.test.ts' -o -name '*.test.tsx' \\) | sort)",
+    "test:harness": "pnpm --filter @docx-react-component/react-word-editor-harness test",
+    "lint:no-authored-js": "bash scripts/check-no-authored-js.sh",
+    "context7:api-check": "bash scripts/context7-export-env.sh run bash scripts/context7-api-check.sh",
+    "wave:doctor": "bash scripts/context7-export-env.sh run pnpm exec wave doctor --json",
+    "wave:dry-run": "bash scripts/context7-export-env.sh run pnpm exec wave launch --lane main --dry-run --no-dashboard",
+    "wave:launch": "bash scripts/context7-export-env.sh run pnpm exec wave launch --lane main",
+    "wave:launch:managed": "bash scripts/wave-launch.sh",
+    "wave:status": "bash scripts/wave-status.sh",
+    "wave:watch": "bash scripts/wave-watch.sh --follow",
+    "wave:dashboard:current": "bash scripts/wave-dashboard-attach.sh current",
+    "wave:dashboard:global": "bash scripts/wave-dashboard-attach.sh global",
+    "harness:dev": "pnpm --filter @docx-react-component/react-word-editor-harness dev"
   }
 }

package/src/io/opc/package-reader.ts

@@ -1,4 +1,4 @@
-import { inflateRawSync } from "node:zlib";
+import { inflateRawSync } from "fflate";
 
 import {
   CONTENT_TYPES_PATH,
@@ -35,8 +35,7 @@ const LOCAL_FILE_HEADER_SIGNATURE = 0x04034b50;
 
 export function readOpcPackage(source: Uint8Array | ArrayBuffer): OpcPackage {
   const bytes = source instanceof Uint8Array ? source : new Uint8Array(source);
-  const archive = Buffer.from(bytes.buffer, bytes.byteOffset, bytes.byteLength);
-  const centralDirectory = readCentralDirectory(archive);
+  const centralDirectory = readCentralDirectory(bytes);
   const parts = new Map<string, OpcPackagePart>();
 
   for (const entry of centralDirectory) {
@@ -44,7 +43,7 @@ export function readOpcPackage(source: Uint8Array | ArrayBuffer): OpcPackage {
       continue;
     }
 
-    const storedBytes = readZipEntry(archive, entry);
+    const storedBytes = readZipEntry(bytes, entry);
     const normalizedPath = normalizePartPath(entry.path);
     const surfaceKind = getSurfaceKind(normalizedPath);
 
@@ -112,30 +111,31 @@ export function readOpcPackage(source: Uint8Array | ArrayBuffer): OpcPackage {
   };
 }
 
-function readCentralDirectory(archive: Buffer): ZipCentralDirectoryEntry[] {
-  const eocdOffset = findEndOfCentralDirectory(archive);
-  const entryCount = archive.readUInt16LE(eocdOffset + 10);
-  const centralDirectoryOffset = archive.readUInt32LE(eocdOffset + 16);
+function readCentralDirectory(archive: Uint8Array): ZipCentralDirectoryEntry[] {
+  const view = new DataView(archive.buffer, archive.byteOffset, archive.byteLength);
+  const eocdOffset = findEndOfCentralDirectory(archive, view);
+  const entryCount = view.getUint16(eocdOffset + 10, true);
+  const centralDirectoryOffset = view.getUint32(eocdOffset + 16, true);
   const entries: ZipCentralDirectoryEntry[] = [];
   let offset = centralDirectoryOffset;
 
   for (let index = 0; index < entryCount; index += 1) {
-    const signature = archive.readUInt32LE(offset);
+    const signature = view.getUint32(offset, true);
     if (signature !== CENTRAL_DIRECTORY_SIGNATURE) {
       throw new Error(`Invalid ZIP central directory signature at offset ${offset}.`);
     }
 
-    const generalPurposeBitFlag = archive.readUInt16LE(offset + 8);
-    const compressionMethod = archive.readUInt16LE(offset + 10);
-    const crc32 = archive.readUInt32LE(offset + 16);
-    const compressedSize = archive.readUInt32LE(offset + 20);
-    const uncompressedSize = archive.readUInt32LE(offset + 24);
-    const fileNameLength = archive.readUInt16LE(offset + 28);
-    const extraFieldLength = archive.readUInt16LE(offset + 30);
-    const fileCommentLength = archive.readUInt16LE(offset + 32);
-    const localHeaderOffset = archive.readUInt32LE(offset + 42);
+    const generalPurposeBitFlag = view.getUint16(offset + 8, true);
+    const compressionMethod = view.getUint16(offset + 10, true);
+    const crc32 = view.getUint32(offset + 16, true);
+    const compressedSize = view.getUint32(offset + 20, true);
+    const uncompressedSize = view.getUint32(offset + 24, true);
+    const fileNameLength = view.getUint16(offset + 28, true);
+    const extraFieldLength = view.getUint16(offset + 30, true);
+    const fileCommentLength = view.getUint16(offset + 32, true);
+    const localHeaderOffset = view.getUint32(offset + 42, true);
     const fileNameOffset = offset + 46;
-    const fileName = archive.subarray(fileNameOffset, fileNameOffset + fileNameLength).toString("utf8");
+    const fileName = decodeUtf8(archive.subarray(fileNameOffset, fileNameOffset + fileNameLength));
 
     entries.push({
       path: fileName,
@@ -153,13 +153,13 @@ function readCentralDirectory(archive: Buffer): ZipCentralDirectoryEntry[] {
   return entries;
 }
 
-function findEndOfCentralDirectory(archive: Buffer): number {
+function findEndOfCentralDirectory(archive: Uint8Array, view: DataView): number {
   const minimumEocdSize = 22;
   const maximumCommentSize = 0xffff;
   const searchStart = Math.max(0, archive.length - minimumEocdSize - maximumCommentSize);
 
   for (let offset = archive.length - minimumEocdSize; offset >= searchStart; offset -= 1) {
-    if (archive.readUInt32LE(offset) === EOCD_SIGNATURE) {
+    if (view.getUint32(offset, true) === EOCD_SIGNATURE) {
       return offset;
     }
   }
@@ -167,15 +167,16 @@ function findEndOfCentralDirectory(archive: Buffer): number {
   throw new Error("Invalid ZIP archive: end of central directory not found.");
 }
 
-function readZipEntry(archive: Buffer, entry: ZipCentralDirectoryEntry): Uint8Array {
+function readZipEntry(archive: Uint8Array, entry: ZipCentralDirectoryEntry): Uint8Array {
+  const view = new DataView(archive.buffer, archive.byteOffset, archive.byteLength);
   const headerOffset = entry.localHeaderOffset;
-  const signature = archive.readUInt32LE(headerOffset);
+  const signature = view.getUint32(headerOffset, true);
   if (signature !== LOCAL_FILE_HEADER_SIGNATURE) {
     throw new Error(`Invalid ZIP local file header signature at offset ${headerOffset}.`);
   }
 
-  const fileNameLength = archive.readUInt16LE(headerOffset + 26);
-  const extraFieldLength = archive.readUInt16LE(headerOffset + 28);
+  const fileNameLength = view.getUint16(headerOffset + 26, true);
+  const extraFieldLength = view.getUint16(headerOffset + 28, true);
   const dataOffset = headerOffset + 30 + fileNameLength + extraFieldLength;
   const compressed = archive.subarray(dataOffset, dataOffset + entry.compressedSize);
 
@@ -183,7 +184,7 @@ function readZipEntry(archive: Buffer, entry: ZipCentralDirectoryEntry): Uint8Ar
     case "store":
       return new Uint8Array(compressed);
     case "deflate":
-      return new Uint8Array(inflateRawSync(compressed));
+      return inflateRawSync(compressed);
     default:
       throw new Error(`Unsupported ZIP compression for ${entry.path}.`);
   }
@@ -213,7 +214,11 @@ function getSurfaceKind(path: string): OpcPartManifestEntry["surfaceKind"] {
 }
 
 function decodeXml(bytes: Uint8Array): string {
-  return Buffer.from(bytes.buffer, bytes.byteOffset, bytes.byteLength).toString("utf8");
+  return new TextDecoder("utf-8").decode(bytes);
+}
+
+function decodeUtf8(bytes: Uint8Array): string {
+  return new TextDecoder("utf-8").decode(bytes);
 }
 
 function parseContentTypesXml(xml: string): OpcPackageManifest["contentTypes"] {

package/src/ui/WordReviewEditor.tsx

@@ -880,6 +880,8 @@ function findRegionFocusTarget(
   if (regionId === "document" || regionId === "toolbar" || regionId === "review-rail" || regionId === "status") {
     return region;
   }
+
+  return null;
 }
 
 function isAccessibleRegionId(value: string | undefined): value is AccessibleRegionId {