build: build electron appimage npm run command

Author: abose

.gitignore

@@ -24,6 +24,7 @@ src-electron/bin
 src-electron/src-node
 src-electron/config-effective.json
 src-electron/dist
+src-electron/phoenix-dist
 
 node_modules
 dist

package.json

@@ -20,7 +20,8 @@
         "releaseDistTest": "npm run _make_src-node && npm run _createDistTestReleaseConfig && tauri build --config ./src-tauri/tauri-local.conf.json",
         "releaseDistTestDebug": "npm run _make_src-node && npm run _createDistTestReleaseConfig && tauri build --config ./src-tauri/tauri-local.conf.json --debug",
         "_make_src-node": "node ./src-build/makeSrcNode.js ../phoenix/src-node",
-        "build:electron": "npm run _make_src-node && cd src-electron && npm run build:appimage",
+        "_copy_phoenix-dist": "cd ../phoenix && npm run release:prod && cd ../phoenix-desktop && shx rm -rf src-electron/phoenix-dist && shx cp -r ../phoenix/dist src-electron/phoenix-dist",
+        "build:electron": "npm run _make_src-node && npm run _copy_phoenix-dist && cd src-electron && npm run build:appimage",
         "_ci_make_src-node": "node ./src-build/makeSrcNode.js phoenix/src-node",
         "_ci-clonePhoenixForTests": "npm run _ci-env-warn && node ./src-build/clonePhoenixForTests.js",
         "_ci-cloneAndBuildPhoenix": "npm run _ci-env-warn && node ./src-build/clonePhoenix.js && cd phoenix && npm ci && npm run build && cd ..",

src-electron/electron-builder.yml

@@ -15,6 +15,7 @@ files:
   - "!dist/**"
   - "!src-node/**"
   - "!bin/**"
+  - "!phoenix-dist/**"
 
 asarUnpack:
   - "node_modules/keytar/**"
@@ -24,6 +25,8 @@ extraResources:
     to: "src-node"
   - from: "bin"
     to: "bin"
+  - from: "phoenix-dist"
+    to: "phoenix-dist"
 
 extraMetadata:
   main: main.js

src-electron/main.js

@@ -210,38 +210,45 @@ app.whenReady().then(async () => {
     Menu.setApplicationMenu(null);
 
     // Register phtauri:// protocol for serving Phoenix files
-    // In dev: serves from ../phoenix/ repo
-    // In packaged: would need different handling (but typically uses https:// in production)
-    if (!app.isPackaged) {
-        const phoenixRepoPath = path.resolve(__dirname, '..', '..', 'phoenix');
-
-        protocol.handle('phtauri', (request) => {
-            try {
-                const url = new URL(request.url);
-                // phtauri://localhost/src/index.html -> ../phoenix/src/index.html
-                let requestedPath = decodeURIComponent(url.pathname);
-
-                // Serve index.html for directory requests
-                if (requestedPath.endsWith('/')) {
-                    requestedPath += 'index.html';
-                }
-
-                const filePath = path.join(phoenixRepoPath, requestedPath);
-                const normalizedFilePath = path.normalize(filePath);
-
-                // Security: Ensure path is under phoenix repo (prevent directory traversal)
-                if (!normalizedFilePath.startsWith(phoenixRepoPath)) {
-                    console.error('phtauri access denied - path not under phoenix repo:', requestedPath);
-                    return new Response('Access denied', { status: 403 });
-                }
-
-                return net.fetch(`file://${normalizedFilePath}`);
-            } catch (err) {
-                console.error('phtauri protocol error:', err);
-                return new Response('Not found', { status: 404 });
+    // In dev: serves from ../phoenix/ repo (phtauri://localhost/src/ -> ../phoenix/src/)
+    // In packaged: serves from resources/phoenix-dist/ (phtauri://localhost/src/ -> phoenix-dist/)
+    const phoenixBasePath = app.isPackaged
+        ? path.join(process.resourcesPath, 'phoenix-dist')
+        : path.resolve(__dirname, '..', '..', 'phoenix', 'src');
+
+    protocol.handle('phtauri', (request) => {
+        try {
+            const url = new URL(request.url);
+            // phtauri://localhost/src/index.html -> strip /src prefix
+            let requestedPath = decodeURIComponent(url.pathname);
+
+            // Strip /src/ prefix since phoenix-dist already contains src contents
+            if (requestedPath.startsWith('/src/')) {
+                requestedPath = requestedPath.substring(4); // Remove '/src'
+            } else if (requestedPath === '/src') {
+                requestedPath = '/';
             }
-        });
-    }
+
+            // Serve index.html for directory requests
+            if (requestedPath.endsWith('/')) {
+                requestedPath += 'index.html';
+            }
+
+            const filePath = path.join(phoenixBasePath, requestedPath);
+            const normalizedFilePath = path.normalize(filePath);
+
+            // Security: Ensure path is under phoenix base (prevent directory traversal)
+            if (!normalizedFilePath.startsWith(phoenixBasePath)) {
+                console.error('phtauri access denied - path not under phoenix base:', requestedPath);
+                return new Response('Access denied', { status: 403 });
+            }
+
+            return net.fetch(`file://${normalizedFilePath}`);
+        } catch (err) {
+            console.error('phtauri protocol error:', err);
+            return new Response('Not found', { status: 404 });
+        }
+    });
 
     // Register asset:// protocol for serving local files from appLocalData/assets/
     const appDataDir = getAppDataDir();