added a way to bundle the whole app

.gitignore

@@ -1,2 +1,3 @@
+dist/
 node_modules/
 public/client.js

difftool.sh

@@ -32,7 +32,7 @@ if [ ${#ARGS[@]} -lt 3 ]; then
 fi
 
 script_dir="$(cd "$(dirname "$0")" && pwd)"
-node_args=("$script_dir/server.js")
+node_args=("$script_dir/dist/server.cjs")
 [ -n "$STATIC" ] && node_args+=("$STATIC")
 [ -n "$OUTFILE" ] && node_args+=("--out" "$OUTFILE")
 node_args+=("${ARGS[@]}")

package-lock.json

@@ -7,13 +7,14 @@
     "": {
       "name": "difftool",
       "version": "0.1.0",
+      "hasInstallScript": true,
       "dependencies": {
-        "@pierre/diffs": "^1.2.7",
+        "@pierre/diffs": "1.2.7",
-        "@pierre/trees": "^1.0.0-beta.4",
+        "express": "5.2.1"
-        "express": "^5.1.0"
       },
       "devDependencies": {
-        "esbuild": "^0.28.0"
+        "@pierre/trees": "1.0.0-beta.4",
+        "esbuild": "0.28.0"
       }
     },
     "node_modules/@esbuild/aix-ppc64": {
@@ -489,6 +490,7 @@
       "version": "1.0.0-beta.4",
       "resolved": "https://registry.npmjs.org/@pierre/trees/-/trees-1.0.0-beta.4.tgz",
       "integrity": "sha512-OfT1yk9ne8Te5+GB5zUY8yqE6B8BqjBHQJleH4lu8ltwNpoocZl4vXt1AzlEExpxI/pp+AFX5QG+lR3JjtTEag==",
+      "dev": true,
       "license": "apache-2.0",
       "dependencies": {
         "preact": "11.0.0-beta.0",
@@ -1460,6 +1462,7 @@
       "version": "11.0.0-beta.0",
       "resolved": "https://registry.npmjs.org/preact/-/preact-11.0.0-beta.0.tgz",
       "integrity": "sha512-IcODoASASYwJ9kxz7+MJeiJhvLriwSb4y4mHIyxdgaRZp6kPUud7xytrk/6GZw8U3y6EFJaRb5wi9SrEK+8+lg==",
+      "dev": true,
       "license": "MIT",
       "funding": {
         "type": "opencollective",
@@ -1470,6 +1473,7 @@
       "version": "6.6.5",
       "resolved": "https://registry.npmjs.org/preact-render-to-string/-/preact-render-to-string-6.6.5.tgz",
       "integrity": "sha512-O6MHzYNIKYaiSX3bOw0gGZfEbOmlIDtDfWwN1JJdc/T3ihzRT6tGGSEWE088dWrEDGa1u7101q+6fzQnO9XCPA==",
+      "dev": true,
       "license": "MIT",
       "peerDependencies": {
         "preact": ">=10 || >= 11.0.0-0"

package.json

@@ -4,15 +4,17 @@
   "type": "module",
   "private": true,
   "dependencies": {
-    "@pierre/diffs": "^1.2.7",
+    "@pierre/diffs": "1.2.7",
-    "@pierre/trees": "^1.0.0-beta.4",
+    "express": "5.2.1"
-    "express": "^5.1.0"
   },
   "scripts": {
-    "build": "esbuild src/client.js --bundle --outfile=public/client.js --format=esm",
+    "build:client": "esbuild src/client.js --bundle --outfile=public/client.js --format=esm",
+    "build:server": "esbuild server.js --bundle --platform=node --target=node20 --outfile=dist/server.cjs --format=cjs && mkdir -p dist/public && cp -r public/. dist/public",
+    "build": "npm run build:server && npm run build:client",
     "postinstall": "npm run build"
   },
   "devDependencies": {
-    "esbuild": "^0.28.0"
+    "@pierre/trees": "1.0.0-beta.4",
+    "esbuild": "0.28.0"
   }
 }

server.js

@@ -7,7 +7,9 @@ import { fileURLToPath } from 'url';
 import { parsePatchFiles, DEFAULT_THEMES } from '@pierre/diffs';
 import { preloadFileDiff } from '@pierre/diffs/ssr';
 
-const __dirname = dirname(fileURLToPath(import.meta.url));
+const __dirname = typeof __filename !== 'undefined'
+  ? dirname(__filename)
+  : dirname(fileURLToPath(import.meta.url));
 
 // --- arg parsing ---
 
@@ -86,8 +88,9 @@ if (files.length === 0) {
   process.exit(0);
 }
 
-// --- SSR diffs ---
+// --- SSR diffs + helpers + mode dispatch ---
 
+(async () => {
   const ssrOptions = {
     theme: DEFAULT_THEMES,
     themeType: 'system',
@@ -112,7 +115,7 @@ for (const fileDiff of files) {
     }
   }
 
-// --- helpers ---
+  const finalPatch = patch;
 
   function escapeHtml(str) {
     return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
@@ -122,8 +125,6 @@ function fileId(name) {
     return 'DF-' + name.replace(/[^a-zA-Z0-9_-]/g, '_');
   }
 
-// --- HTML template ---
-
   function pageHtml(opts) {
     const { mode, sidebarHtml, extraScript } = opts;
 
@@ -264,8 +265,6 @@ ${extraScript}
 </html>`;
   }
 
-// --- static HTML generation (shared by --static and --out) ---
-
   function buildStaticHtml() {
     const sidebarHtml = `
       <div class="sidebar">
@@ -274,7 +273,7 @@ ${renderedFiles.map(f => `          <a class="file-item" href="#${fileId(f.name)
         </div>
       </div>`;
 
-  const escapedPatch = escapeHtml(patch);
+    const escapedPatch = escapeHtml(finalPatch);
 
     const extraScript = `  <script>
     document.querySelectorAll('.file-item').forEach(el => {
@@ -303,7 +302,6 @@ ${renderedFiles.map(f => `          <a class="file-item" href="#${fileId(f.name)
   // --- mode dispatch ---
 
   if (outFile) {
-  // -- out mode: write HTML to specified path, exit --
     const html = buildStaticHtml();
     writeFileSync(outFile, html, 'utf-8');
     console.log(`Written to ${outFile}`);
@@ -311,7 +309,6 @@ if (outFile) {
   }
 
   if (isStatic) {
-  // -- static mode: generate self-contained HTML file, open in browser, exit --
     const html = buildStaticHtml();
     const tmpFile = join(tmpdir(), `difftool-${Date.now()}.html`);
     writeFileSync(tmpFile, html, 'utf-8');
@@ -326,13 +323,11 @@ if (isStatic) {
       console.log(`HTML file saved to ${tmpFile}`);
     }
   } else {
-  // -- server mode: start Express --
-
     const app = express();
     app.use(express.static(join(__dirname, 'public')));
 
     app.get('/patch', (req, res) => {
-    res.type('text/plain').send(patch);
+      res.type('text/plain').send(finalPatch);
     });
 
     app.get('/', (req, res) => {
@@ -354,3 +349,4 @@ if (isStatic) {
       console.log(`Patch endpoint: http://localhost:${port}/patch`);
     });
   }
+})();