docxodus 9.7.0 → 9.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "docxodus",
-  "version": "9.7.0",
+  "version": "9.9.0",
   "description": "Render, edit, diff and project Word .docx files in the browser — DOCX to HTML, a block editor, Word-grade redlines with tracked changes, and anchor-addressed markdown for LLM agents. WebAssembly, no server.",
   "type": "module",
   "main": "./dist/index.js",
@@ -38,7 +38,11 @@
     }
   },
   "files": [
-    "dist"
+    "dist/*.js",
+    "dist/*.js.map",
+    "dist/*.d.ts",
+    "dist/*.d.ts.map",
+    "dist/wasm/_framework"
   ],
   "scripts": {
     "build:wasm": "../scripts/build-wasm.sh",
@@ -50,12 +54,17 @@
     "build:embed-bundle": "esbuild src/embed.ts --bundle --format=esm --outfile=dist/embed.bundle.js && esbuild src/embed.ts --bundle --format=iife --global-name=Docxodus --outfile=dist/embed.iife.js",
     "build:worker-bundle": "esbuild src/docxodus.worker.ts --bundle --format=esm --outfile=dist/docxodus.worker.js && esbuild src/worker-proxy.ts --bundle --format=esm --outfile=dist/worker-proxy.bundle.js",
     "build": "npm run build:wasm && npm run build:ts && npm run build:pagination-bundle && npm run build:session-bundle && npm run build:editor-bundle && npm run build:embed-bundle && npm run build:worker-bundle",
-    "pretest": "npm run typecheck && cp tests/test-harness.html dist/wasm/ && cp tests/worker-test-harness.html dist/wasm/ && cp tests/profiling-harness.html dist/wasm/ && cp examples/editor.html dist/wasm/ && cp examples/embed.html dist/wasm/ && cp examples/ascii-animation.html dist/wasm/ && cp examples/ascii-animation-editor.html dist/wasm/ && cp ../docs/demo/ascii-scenes.js dist/wasm/ && cp ../docs/demo/player.html dist/wasm/player.html && cp ../docs/demo/index.html dist/wasm/demo-index.html && cp ../docs/demo/app.html dist/wasm/demo-app.html && cp ../docs/demo/observatory.html dist/wasm/demo-observatory.html && cp ../docs/demo/docxodus-demo-guide.docx dist/wasm/docxodus-demo-guide.docx && cp dist/pagination.bundle.js dist/wasm/ && cp dist/session.bundle.js dist/wasm/ && cp dist/editor.bundle.js dist/wasm/ && cp dist/embed.bundle.js dist/wasm/ && cp dist/docxodus.worker.js dist/wasm/ && cp dist/worker-proxy.bundle.js dist/wasm/worker-proxy.js",
+    "pretest": "npm run test:demo-logic && npm run typecheck && cp tests/test-harness.html dist/wasm/ && cp tests/worker-test-harness.html dist/wasm/ && cp tests/profiling-harness.html dist/wasm/ && cp examples/editor.html dist/wasm/ && cp examples/embed.html dist/wasm/ && cp examples/ascii-animation.html dist/wasm/ && cp examples/ascii-animation-editor.html dist/wasm/ && cp ../docs/demo/ascii-scenes.js dist/wasm/ && mkdir -p dist/wasm/fonts && cp ../docs/demo/fonts/docxodus-canvas-mono.woff2 dist/wasm/fonts/ &&cp ../docs/demo/player.html dist/wasm/player.html && cp ../docs/demo/index.html dist/wasm/demo-index.html && cp ../docs/demo/app.html dist/wasm/demo-app.html && cp ../docs/demo/observatory.html dist/wasm/demo-observatory.html && cp ../docs/demo/arcade.html dist/wasm/demo-arcade.html && cp ../docs/demo/ascii-arcade.js dist/wasm/ && cp ../docs/demo/freedoom-e1m1.js dist/wasm/ && cp ../docs/demo/docxodus-demo-guide.docx dist/wasm/docxodus-demo-guide.docx && cp dist/pagination.bundle.js dist/wasm/ && cp dist/session.bundle.js dist/wasm/ && cp dist/editor.bundle.js dist/wasm/ && cp dist/embed.bundle.js dist/wasm/ && cp dist/docxodus.worker.js dist/wasm/ && cp dist/worker-proxy.bundle.js dist/wasm/worker-proxy.js && npm run test:package-boundary",
+    "test:demo-logic": "node ../docs/demo/tools/ascii-arcade.test.mjs && node ../docs/demo/tools/wad2cart.test.mjs && node ../docs/demo/tools/canvas-font.test.mjs",
+    "test:package-boundary": "node scripts/check-package-boundary.mjs",
     "test": "playwright test",
+    "test:arcade:libreoffice": "npm run pretest && DOCXODUS_LO_PARITY=1 playwright test demo-arcade-libreoffice.spec.ts --project=chromium",
+    "test:visual-parity": "npm run pretest && DOCXODUS_VISUAL_PARITY=1 playwright test visual-parity.spec.ts visual-parity-reductions.spec.ts --project=chromium --reporter=line",
+    "capture:word-reference": "mkdir -p dist/wasm && playwright test word-reference-capture.spec.ts --project=chromium --reporter=line",
     "test:ui": "playwright test --ui",
     "demo": "npm run build && npm run demo:serve",
     "demo:serve": "cp dist/editor.bundle.js examples/editor.html dist/wasm/ && cp ../TestFiles/HC031-Complicated-Document.docx dist/wasm/sample.docx && echo '\\n>>> Open http://localhost:8088/editor.html\\n' && python3 -m http.server 8088 --directory dist/wasm",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build && npm run test:package-boundary"
   },
   "repository": {
     "type": "git",
@@ -85,7 +94,7 @@
     "agent",
     "react"
   ],
-  "author": "JSv4",
+  "author": "John Scrudato IV",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/JSv4/Docxodus/issues"

package/dist/wasm/index.html

@@ -1,238 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8" />
-    <title>Docxodus WASM Test</title>
-    <style>
-        body {
-            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-            max-width: 1200px;
-            margin: 0 auto;
-            padding: 20px;
-            background: #f5f5f5;
-        }
-        h1 { color: #333; }
-        .card {
-            background: white;
-            border-radius: 8px;
-            padding: 20px;
-            margin: 20px 0;
-            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-        }
-        .card h2 {
-            margin-top: 0;
-            color: #555;
-            border-bottom: 1px solid #eee;
-            padding-bottom: 10px;
-        }
-        input[type="file"] {
-            margin: 10px 0;
-        }
-        button {
-            background: #007bff;
-            color: white;
-            border: none;
-            padding: 10px 20px;
-            border-radius: 4px;
-            cursor: pointer;
-            margin: 5px;
-        }
-        button:hover { background: #0056b3; }
-        button:disabled {
-            background: #ccc;
-            cursor: not-allowed;
-        }
-        #output {
-            background: #f8f9fa;
-            border: 1px solid #dee2e6;
-            border-radius: 4px;
-            padding: 15px;
-            margin-top: 15px;
-            max-height: 500px;
-            overflow: auto;
-        }
-        #status {
-            padding: 10px;
-            border-radius: 4px;
-            margin-bottom: 20px;
-        }
-        .loading { background: #fff3cd; color: #856404; }
-        .ready { background: #d4edda; color: #155724; }
-        .error { background: #f8d7da; color: #721c24; }
-        .file-inputs {
-            display: flex;
-            gap: 20px;
-            flex-wrap: wrap;
-        }
-        .file-input-group {
-            flex: 1;
-            min-width: 250px;
-        }
-        .file-input-group label {
-            display: block;
-            margin-bottom: 5px;
-            font-weight: 500;
-        }
-    </style>
-</head>
-<body>
-    <h1>Docxodus WASM Test</h1>
-
-    <div id="status" class="loading">Loading WASM runtime...</div>
-
-    <div class="card">
-        <h2>Convert DOCX to HTML</h2>
-        <input type="file" id="convertFile" accept=".docx" disabled />
-        <button id="convertBtn" onclick="convertToHtml()" disabled>Convert to HTML</button>
-    </div>
-
-    <div class="card">
-        <h2>Compare Documents (Redline)</h2>
-        <div class="file-inputs">
-            <div class="file-input-group">
-                <label>Original Document:</label>
-                <input type="file" id="originalFile" accept=".docx" disabled />
-            </div>
-            <div class="file-input-group">
-                <label>Modified Document:</label>
-                <input type="file" id="modifiedFile" accept=".docx" disabled />
-            </div>
-        </div>
-        <div style="margin-top: 15px;">
-            <button id="compareHtmlBtn" onclick="compareToHtml()" disabled>Compare → HTML</button>
-            <button id="compareDocxBtn" onclick="compareToDocx()" disabled>Compare → Download DOCX</button>
-        </div>
-    </div>
-
-    <div class="card">
-        <h2>Output</h2>
-        <div id="output">Results will appear here...</div>
-    </div>
-
-    <script type="module" src="./main.js"></script>
-    <script>
-        // Wait for Docxodus to be ready
-        window.onDocxodusReady = function() {
-            document.getElementById('status').className = 'ready';
-            document.getElementById('status').textContent = 'Docxodus WASM Ready!';
-
-            // Enable all controls
-            document.querySelectorAll('input, button').forEach(el => el.disabled = false);
-        };
-
-        // Check if already ready
-        if (window.DocxodusReady) {
-            window.onDocxodusReady();
-        }
-
-        async function readFileAsBytes(file) {
-            const buffer = await file.arrayBuffer();
-            return new Uint8Array(buffer);
-        }
-
-        async function convertToHtml() {
-            const fileInput = document.getElementById('convertFile');
-            const output = document.getElementById('output');
-
-            if (!fileInput.files[0]) {
-                output.innerHTML = '<p style="color: red;">Please select a DOCX file</p>';
-                return;
-            }
-
-            output.innerHTML = '<p>Converting...</p>';
-
-            try {
-                const bytes = await readFileAsBytes(fileInput.files[0]);
-                const html = window.Docxodus.DocumentConverter.ConvertDocxToHtml(bytes);
-
-                if (html.startsWith('{') && html.includes('error')) {
-                    const error = JSON.parse(html);
-                    output.innerHTML = `<p style="color: red;">Error: ${error.error}</p>`;
-                } else {
-                    output.innerHTML = html;
-                }
-            } catch (err) {
-                output.innerHTML = `<p style="color: red;">Error: ${err.message}</p>`;
-            }
-        }
-
-        async function compareToHtml() {
-            const originalInput = document.getElementById('originalFile');
-            const modifiedInput = document.getElementById('modifiedFile');
-            const output = document.getElementById('output');
-
-            if (!originalInput.files[0] || !modifiedInput.files[0]) {
-                output.innerHTML = '<p style="color: red;">Please select both original and modified DOCX files</p>';
-                return;
-            }
-
-            output.innerHTML = '<p>Comparing documents...</p>';
-
-            try {
-                const originalBytes = await readFileAsBytes(originalInput.files[0]);
-                const modifiedBytes = await readFileAsBytes(modifiedInput.files[0]);
-
-                const html = window.Docxodus.DocumentComparer.CompareDocumentsToHtml(
-                    originalBytes,
-                    modifiedBytes,
-                    'Docxodus WASM'
-                );
-
-                if (html.startsWith('{') && html.includes('error')) {
-                    const error = JSON.parse(html);
-                    output.innerHTML = `<p style="color: red;">Error: ${error.error}</p>`;
-                } else {
-                    output.innerHTML = html;
-                }
-            } catch (err) {
-                output.innerHTML = `<p style="color: red;">Error: ${err.message}</p>`;
-            }
-        }
-
-        async function compareToDocx() {
-            const originalInput = document.getElementById('originalFile');
-            const modifiedInput = document.getElementById('modifiedFile');
-            const output = document.getElementById('output');
-
-            if (!originalInput.files[0] || !modifiedInput.files[0]) {
-                output.innerHTML = '<p style="color: red;">Please select both original and modified DOCX files</p>';
-                return;
-            }
-
-            output.innerHTML = '<p>Comparing documents...</p>';
-
-            try {
-                const originalBytes = await readFileAsBytes(originalInput.files[0]);
-                const modifiedBytes = await readFileAsBytes(modifiedInput.files[0]);
-
-                const resultBytes = window.Docxodus.DocumentComparer.CompareDocuments(
-                    originalBytes,
-                    modifiedBytes,
-                    'Docxodus WASM',
-                    1 // ComparisonEngine.DocxDiff
-                );
-
-                if (resultBytes.length === 0) {
-                    output.innerHTML = '<p style="color: red;">Comparison failed - check console for details</p>';
-                    return;
-                }
-
-                // Download the result
-                const blob = new Blob([resultBytes], {
-                    type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
-                });
-                const url = URL.createObjectURL(blob);
-                const a = document.createElement('a');
-                a.href = url;
-                a.download = 'comparison-result.docx';
-                a.click();
-                URL.revokeObjectURL(url);
-
-                output.innerHTML = '<p style="color: green;">Comparison complete! Download started.</p>';
-            } catch (err) {
-                output.innerHTML = `<p style="color: red;">Error: ${err.message}</p>`;
-            }
-        }
-    </script>
-</body>
-</html>

package/dist/wasm/main.js

@@ -1,26 +0,0 @@
-// Docxodus WASM Bootstrap
-// This file initializes the .NET WASM runtime and exposes exports to JavaScript
-
-import { dotnet } from './_framework/dotnet.js';
-
-const { getAssemblyExports, getConfig } = await dotnet
-    .withDiagnosticTracing(false)
-    .create();
-
-const config = getConfig();
-const exports = await getAssemblyExports(config.mainAssemblyName);
-
-// Expose Docxodus APIs to window for testing
-window.Docxodus = {
-    DocumentConverter: exports.DocxodusWasm.DocumentConverter,
-    DocumentComparer: exports.DocxodusWasm.DocumentComparer
-};
-
-console.log("Docxodus WASM loaded successfully");
-console.log("Version:", window.Docxodus.DocumentConverter.GetVersion());
-
-// Signal that Docxodus is ready
-window.DocxodusReady = true;
-if (window.onDocxodusReady) {
-    window.onDocxodusReady();
-}