feat: v9 beta, CJK support, HiDPI fix, browser-native file editing

.github/workflows/ci.yml

@@ -72,7 +72,7 @@ jobs:
         run: pnpm install --frozen-lockfile
 
       - name: Install Playwright browsers
-        run: pnpm exec playwright install --with-deps chromium
+        run: pnpm --filter=@bybrowser/web exec playwright install --with-deps chromium
 
       - name: Run E2E tests
         run: pnpm run test:e2e
@@ -82,5 +82,5 @@ jobs:
         uses: actions/upload-artifact@v4
         with:
           name: playwright-report
-          path: playwright-report/
+          path: apps/web/playwright-report/
           retention-days: 7

.github/workflows/pages-build-site.yml

@@ -44,7 +44,7 @@ jobs:
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v5
         with:
-          path: "./dist"
+          path: "./apps/web/dist"
 
   deploy:
     name: Deploy to GitHub Pages

.github/workflows/release.yml

@@ -19,25 +19,32 @@ jobs:
       - name: Checkout code
         uses: actions/checkout@v6
 
+      - uses: pnpm/action-setup@v6
+        name: Install pnpm
+        with:
+          run_install: false
+
       - name: Setup Node.js
         uses: actions/setup-node@v6
         with:
-          node-version: "20"
+          node-version: "22"
+          cache: "pnpm"
 
       - name: Install dependencies
-        run: npm install
+        run: pnpm install --frozen-lockfile
 
       - name: Build project
-        run: bash bin/build.sh
+        run: pnpm build
 
       - name: Create Single-File HTML
+        working-directory: apps/web
         run: node bin/bundle_single_html.js
 
       - name: Create ZIP archive
         run: |
-          cd dist
-          zip -r ../document-editor.zip .
-          cd ..
+          cd apps/web/dist
+          zip -r ../../../document-editor.zip .
+          cd -
 
       - name: Create Release
         id: create_release
@@ -48,7 +55,7 @@ jobs:
           body: ${{ github.event.inputs.release_body }}
           files: |
             document-editor.zip
-            dist/single-file.html
+            apps/web/dist/single-file.html
           draft: false
           prerelease: false
         env:

.gitignore

@@ -18,4 +18,11 @@ dist
 coverage/
 playwright-report/
 test-results/
-public/fonts/__fallback__/
+apps/web/public/fonts/__fallback__/
+# Large Noto CJK font families (5-24 MB each) — download separately; only the
+# hand-crafted Subset-LongLoca.ttf variants are tracked in the repo.
+apps/web/public/fonts/NotoSans*-Regular.ttf
+apps/web/public/fonts/NotoSans*-Bold.ttf
+apps/web/public/fonts/NotoSans*-VF.ttf
+apps/web/public/fonts/NotoSerif*-VF.ttf
+docs/screenshots/

.oxlintrc.json

@@ -5,6 +5,8 @@
     "**/assets/**",
     "**/temp/**",
     "**/public/**",
+    "**/public-v7/**",
+    "**/public-v9/**",
     "**/cache/**",
     "**/*.snap",
     "**/node_modules/**"

.prettierignore

@@ -0,0 +1,11 @@
+node_modules/
+dist/
+coverage/
+playwright-report/
+test-results/
+public/
+docs/explorations/
+
+# OnlyOffice vendor files — minified, not our code
+apps/web/public-v7/
+apps/web/public-v9/

Dockerfile

@@ -23,4 +23,4 @@ RUN pnpm run build
 #COPY --from=builder /app/dist /usr/share/nginx/html
 
 FROM joseluisq/static-web-server:2.42.0
-COPY --from=builder /app/dist /public
+COPY --from=builder /app/apps/web/dist /public

apps/web/.prettierignore

@@ -0,0 +1,9 @@
+# OnlyOffice vendor files — minified, not our code
+public-v7/
+public-v9/
+
+# Build output and generated reports
+dist/
+coverage/
+playwright-report/
+test-results/

apps/web/bin/build.sh

@@ -0,0 +1,27 @@
+#!/bin/bash
+
+set -e
+
+inject_sw_version() {
+  local sw_path="$1"
+  if [ -f "$sw_path" ]; then
+    local timestamp
+    timestamp=$(date +%s)
+    if [[ "$OSTYPE" == "darwin"* ]]; then
+      sed -i '' "s/SW_VERSION_PLACEHOLDER/$timestamp/g" "$sw_path"
+    else
+      sed -i "s/SW_VERSION_PLACEHOLDER/$timestamp/g" "$sw_path"
+    fi
+    echo "Service Worker versioned: $sw_path ($timestamp)"
+  fi
+}
+
+echo "Building v7.5.0 (stable)..."
+pnpm vite build --config vite.v7.config.ts
+inject_sw_version "dist/sw.js"
+
+echo "Building v9.3.0 (beta)..."
+pnpm vite build
+inject_sw_version "dist/9.3.0/sw.js"
+
+echo "Build completed."

apps/web/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@bybrowser/web",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "description": "A local web-based document editor based on OnlyOffice, allowing you to edit documents directly in your browser without server-side processing, ensuring your privacy and security.",
+  "scripts": {
+    "dev": "pnpm dev:v7",
+    "dev:v7": "vite --host --force --config vite.v7.config.ts",
+    "dev:v9": "vite --host --force",
+    "build": "sh ./bin/build.sh",
+    "build:v7": "vite build --config vite.v7.config.ts",
+    "build:v9": "vite build",
+    "build:single": "node bin/bundle_single_html.js",
+    "preview": "vite preview",
+    "tsc": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "test:e2e": "playwright test",
+    "test:e2e:ui": "playwright test --ui",
+    "format:check": "prettier --check .",
+    "lint:ts": "oxlint && tsc --noEmit",
+    "lint:docker": "docker compose -f ../../docker-compose.yaml config --quiet",
+    "lint": "pnpm run lint:ts && pnpm run lint:docker"
+  },
+  "engines": {
+    "node": ">=20.19.0"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.60.0",
+    "@tailwindcss/postcss": "^4.3.0",
+    "@types/node": "^25.9.1",
+    "@vitest/coverage-v8": "^4.1.7",
+    "jsdom": "^29.1.1",
+    "oxlint": "^1.67.0",
+    "postcss": "^8.5.15",
+    "prettier": "^3.8.3",
+    "tailwindcss": "^4.3.0",
+    "typescript": "^6.0.3",
+    "undici": "^7.28.0",
+    "vite": "^8.0.16",
+    "vitest": "^4.1.7"
+  },
+  "dependencies": {
+    "@bybrowser/core": "workspace:*",
+    "@bybrowser/editor-v7": "workspace:*",
+    "@bybrowser/editor-v9": "workspace:*",
+    "@khmyznikov/pwa-install": "^0.6.3",
+    "ranui": "0.1.10-alpha-27",
+    "ranuts": "0.1.0-alpha-23"
+  }
+}

apps/web/pages/csv-editor/index.html

@@ -0,0 +1,113 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <link href="../img/64.png" rel="shortcut icon" />
+    <link rel="icon" type="image/png" href="../img/64.png" />
+    <link rel="manifest" href="../manifest.json" />
+    <meta name="theme-color" content="#0052cc" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta
+      name="description"
+      content="Open and edit CSV files locally in your browser with a spreadsheet-style document editor. No upload and no account required."
+    />
+    <link rel="canonical" href="https://bybrowser.com/csv-editor/" />
+    <link rel="alternate" hreflang="en" href="https://bybrowser.com/csv-editor/" />
+    <link rel="alternate" hreflang="zh-Hans" href="https://bybrowser.com/zh-cn/csv-editor/" />
+    <link rel="alternate" hreflang="x-default" href="https://bybrowser.com/csv-editor/" />
+    <meta property="og:title" content="CSV Editor in Your Browser" />
+    <meta property="og:description" content="Review and edit CSV files locally with a browser-based Office editor." />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://bybrowser.com/csv-editor/" />
+    <meta property="og:image" content="https://bybrowser.com/img/512.png" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <title>CSV Editor in Your Browser | Local Spreadsheet Editing</title>
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "SoftwareApplication",
+        "name": "CSV Editor — ByBrowser",
+        "url": "https://bybrowser.com/csv-editor/",
+        "description": "Open and edit CSV files locally in your browser with a spreadsheet-style editor. No upload and no account required.",
+        "applicationCategory": "ProductivityApplication",
+        "operatingSystem": "Web Browser",
+        "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" },
+        "featureList": "CSV editing, spreadsheet grid, no upload, privacy-first, delimiter auto-detection"
+      }
+    </script>
+    <script src="../web-apps/apps/api/documents/api.js"></script>
+  </head>
+
+  <body>
+    <main id="seo-content">
+      <h1>CSV Editor in Your Browser</h1>
+      <p>
+        Open and edit CSV files locally in your browser without pasting tabular data into upload-based tools. View and
+        modify comma-separated data in a full spreadsheet grid — privately.
+      </p>
+
+      <h2>What You Can Do</h2>
+      <ul>
+        <li>Open any <strong>.csv</strong> file directly from your device — no upload required</li>
+        <li>View and edit data in a spreadsheet-style grid with column and row controls</li>
+        <li>Add, delete, and reorder rows and columns</li>
+        <li>Save the edited data back as a CSV file</li>
+        <li>Handle large CSV exports from databases, CRMs, or analytics tools</li>
+      </ul>
+
+      <h2>When You Need a Private CSV Editor</h2>
+      <p>
+        CSV files frequently contain exported database records, customer lists, financial transactions, or survey
+        responses. Pasting this data into an online tool or uploading to a third-party service is a data risk.
+        ByBrowser's CSV editor loads and renders your file entirely in the browser — nothing is transmitted anywhere.
+      </p>
+
+      <h2>How to Open a CSV File</h2>
+      <ol>
+        <li>Click the upload button and select your <code>.csv</code> file, or drag and drop it</li>
+        <li>The file opens in a grid view powered by the OnlyOffice spreadsheet engine</li>
+        <li>Edit cells, fix formatting errors, or clean up the data</li>
+        <li>Save the modified CSV back to your device</li>
+      </ol>
+
+      <h2>Frequently Asked Questions</h2>
+      <dl>
+        <dt>Does this support large CSV files?</dt>
+        <dd>
+          Yes. Files with thousands of rows load well in modern browsers. Very large files (hundreds of thousands of
+          rows) may be slower depending on your device's memory.
+        </dd>
+
+        <dt>Will my CSV be sent to a server?</dt>
+        <dd>
+          No. The entire file is read and processed locally by WebAssembly running in your browser tab. Nothing is
+          uploaded.
+        </dd>
+
+        <dt>Can I convert CSV to XLSX?</dt>
+        <dd>Yes. Open the CSV file and use Save As to export the data as an XLSX spreadsheet.</dd>
+
+        <dt>Does it handle different delimiters like semicolons or tabs?</dt>
+        <dd>
+          The OnlyOffice engine auto-detects common delimiters. If detection fails, you can adjust the import settings
+          on open.
+        </dd>
+      </dl>
+
+      <nav aria-label="Related tools">
+        <h2>More Browser-Only Editors</h2>
+        <a href="../docx-editor/">DOCX Editor — edit Word documents without uploading</a>
+        <a href="../xlsx-editor/">XLSX Editor — edit Excel spreadsheets in your browser</a>
+        <a href="../pptx-editor/">PPTX Editor — open PowerPoint presentations locally</a>
+        <a href="../private-document-editor/">Private Document Editor — maximum privacy mode</a>
+        <a href="../">All browser-only tools — ByBrowser home</a>
+      </nav>
+    </main>
+    <div id="app" class="w-full h-full">
+      <div id="iframe"></div>
+    </div>
+  </body>
+  <script type="module" src="../../src/index.ts"></script>
+</html>

index.html → apps/web/pages/csv/index.html

@@ -3,20 +3,19 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
-    <link href="img/64.png" rel="shortcut icon" />
-    <link rel="icon" type="image/png" href="img/64.png" />
-    <link rel="manifest" href="manifest.json" />
+    <link href="../img/64.png" rel="shortcut icon" />
+    <link rel="icon" type="image/png" href="../img/64.png" />
+    <link rel="manifest" href="../manifest.json" />
     <meta name="theme-color" content="#0052cc" />
     <meta name="mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black" />
-    <title>Document Editor</title>
-    <script src="web-apps/apps/api/documents/api.js"></script>
+    <title>CSV Editor | ByBrowser</title>
+    <script src="../web-apps/apps/api/documents/api.js"></script>
   </head>
-
   <body>
     <div id="app" class="w-full h-full">
       <div id="iframe"></div>
     </div>
   </body>
-  <script type="module" src="./index.ts"></script>
+  <script type="module" src="../../src/index.ts"></script>
 </html>