Include web assets in packaged release

Author: Codex Mobile Bridge

.github/workflows/release.yml

@@ -38,6 +38,7 @@ jobs:
           $staging = Join-Path $distDir 'staging'
           New-Item -ItemType Directory -Path $staging -Force | Out-Null
           Copy-Item "$distDir/codex-mobile-bridge.exe" $staging
+          Copy-Item "$distDir/web" (Join-Path $staging 'web') -Recurse
           Copy-Item 'scripts/install-service.ps1' $staging
           Copy-Item 'scripts/uninstall-service.ps1' $staging
           Copy-Item 'scripts/bridge-status.ps1' $staging

apps/bridge/src/http/server.ts

@@ -1,9 +1,26 @@
 import express from 'express';
 import cors from 'cors';
 import path from 'path';
+import fs from 'fs';
 import { AuthGuard } from '@codex-mobile-bridge/security';
 import { LocalStore } from '@codex-mobile-bridge/store';
 
+function resolveWebDist(): string {
+  const candidates = [
+    path.join(path.dirname(process.execPath), 'web'),
+    path.resolve(process.cwd(), 'apps', 'web', 'dist'),
+    path.resolve(__dirname, '../../../web/dist'),
+  ];
+
+  for (const candidate of candidates) {
+    if (fs.existsSync(path.join(candidate, 'index.html'))) {
+      return candidate;
+    }
+  }
+
+  return candidates[0];
+}
+
 export function createHttpServer(
   authGuard: AuthGuard,
   _store: LocalStore
@@ -13,7 +30,7 @@ export function createHttpServer(
   app.use(express.json());
 
   // Serve Web/PWA static files
-  const webDist = path.resolve(__dirname, '../../../web/dist');
+  const webDist = resolveWebDist();
   app.use(express.static(webDist));
 
   // Generate pairing code
@@ -53,4 +70,4 @@ export function createHttpServer(
   });
 
   return app;
-}
+}

apps/web/package.json

@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "private": true,
   "scripts": {
-    "build": "esbuild src/app.ts --bundle --outfile=dist/app.js --format=iife --sourcemap",
+    "build": "esbuild src/app.ts --bundle --outfile=dist/app.js --format=iife --sourcemap && node ../../scripts/copy-web-static.js",
     "dev": "esbuild src/app.ts --bundle --outfile=dist/app.js --format=iife --sourcemap --watch"
   },
   "devDependencies": {

package.json

@@ -20,10 +20,10 @@
     "test:integration": "jest --config jest.integration.config.js",
     "test:e2e:mock": "jest --config jest.e2e.config.js",
     "security:scan": "npm audit --audit-level=high --omit=dev && echo Secret scan: checking source files... && node scripts/check-secrets.js",
-    "build": "tsc --build",
+    "build": "tsc --build && npm run build -w apps/web",
     "bridge:probe": "node scripts/probe-codex.js",
     "rebuild-native": "node scripts/rebuild-native.js",
-    "package:windows": "npm run rebuild-native && node scripts/bundle-deps.js && pkg apps/bridge/dist/service.js --target node20-win-x64 --output dist/codex-mobile-bridge.exe --compress GZip",
+    "package:windows": "npm run build -w apps/web && npm run rebuild-native && node scripts/bundle-deps.js && pkg apps/bridge/dist/service.js --target node20-win-x64 --output dist/codex-mobile-bridge.exe --compress GZip && node scripts/stage-web-assets.js",
     "smoke:package": "node scripts/smoke-package.js"
   },
   "pkg": {

scripts/copy-web-static.js

@@ -0,0 +1,14 @@
+const fs = require('fs');
+const path = require('path');
+
+const repoRoot = path.resolve(__dirname, '..');
+const webSrc = path.join(repoRoot, 'apps', 'web', 'src');
+const webDist = path.join(repoRoot, 'apps', 'web', 'dist');
+const staticFiles = ['index.html', 'style.css', 'manifest.json'];
+
+fs.mkdirSync(webDist, { recursive: true });
+
+for (const file of staticFiles) {
+  fs.copyFileSync(path.join(webSrc, file), path.join(webDist, file));
+  console.log(`copied ${file}`);
+}

scripts/smoke-package.js

@@ -4,10 +4,11 @@
  * Launches dist/codex-mobile-bridge.exe with isolated temp dirs and
  * random ports, then validates:
  *   1. HTTP GET /api/status returns 200 { status: 'ok' }
- *   2. POST /api/pairing/generate returns { code, deviceId }
- *   3. POST /api/pairing/verify with { code } returns { token }
- *   4. state.db exists in BRIDGE_DATA_DIR (SQLite works)
- *   5. service-crash.log has NO ABI / dlopen errors
+ *   2. HTTP GET /index.html returns the Web/PWA shell
+ *   3. POST /api/pairing/generate returns { code, deviceId }
+ *   4. POST /api/pairing/verify with { code } returns { token }
+ *   5. state.db exists in BRIDGE_DATA_DIR (SQLite works)
+ *   6. service-crash.log has NO ABI / dlopen errors
  *
  * Exits 0 on pass, 1 on fail. No || true, no skipping checks.
  */
@@ -159,11 +160,25 @@ async function run() {
     }
   }
 
+  if (pass) {
+    // CHECK 2: /index.html
+    try {
+      const r = await httpRequest('GET', '/index.html');
+      if (r.status !== 200 || !r.raw.includes('Codex Mobile Bridge') || !r.raw.includes('/app.js')) {
+        pass = fail(`/index.html returned ${r.status}: ${r.raw.slice(0, 300)}`);
+      } else {
+        console.log('  CHECK PASS: /index.html -> Web/PWA shell');
+      }
+    } catch (err) {
+      pass = fail(`/index.html request failed: ${err.message}`);
+    }
+  }
+
   let pairingCode;
   let pairingDeviceId;
 
   if (pass) {
-    // CHECK 2: /api/pairing/generate
+    // CHECK 3: /api/pairing/generate
     try {
       const r = await httpRequest('POST', '/api/pairing/generate', {});
       if (r.status !== 200 || !r.body || !r.body.code || !r.body.deviceId) {
@@ -179,7 +194,7 @@ async function run() {
   }
 
   if (pass) {
-    // CHECK 3: /api/pairing/verify with { code }
+    // CHECK 4: /api/pairing/verify with { code }
     try {
       const r = await httpRequest('POST', '/api/pairing/verify', { code: pairingCode });
       if (r.status !== 200 || !r.body || !r.body.token) {
@@ -197,7 +212,7 @@ async function run() {
   // Kill the exe now that HTTP checks are done
   killTree();
 
-  // CHECK 4: state.db exists
+  // CHECK 5: state.db exists
   const dbPath = path.join(dataDir, 'state.db');
   if (!fs.existsSync(dbPath)) {
     pass = fail(`state.db not found at ${dbPath} — SQLite may have crashed`);
@@ -206,7 +221,7 @@ async function run() {
     console.log(`  CHECK PASS: state.db exists (${dbSize} bytes)`);
   }
 
-  // CHECK 5: crash log has NO fatal ABI errors
+  // CHECK 6: crash log has NO fatal ABI errors
   if (fs.existsSync(crashLog)) {
     const content = fs.readFileSync(crashLog, 'utf-8');
     if (/NODE_MODULE_VERSION/.test(content)) {

scripts/stage-web-assets.js

@@ -0,0 +1,14 @@
+const fs = require('fs');
+const path = require('path');
+
+const repoRoot = path.resolve(__dirname, '..');
+const webDist = path.join(repoRoot, 'apps', 'web', 'dist');
+const runtimeWeb = path.join(repoRoot, 'dist', 'web');
+
+if (!fs.existsSync(path.join(webDist, 'index.html'))) {
+  throw new Error(`Web build output not found at ${webDist}. Run npm run build -w apps/web first.`);
+}
+
+fs.rmSync(runtimeWeb, { recursive: true, force: true });
+fs.cpSync(webDist, runtimeWeb, { recursive: true });
+console.log(`staged web assets: ${runtimeWeb}`);