fix(notes): resolve white page on Porter deploy

- Set PORT=80 in porter.yaml env so app binds to the port Porter routes to
  (was defaulting to 3000 while Porter forwarded traffic to 80)
- Fix frontend crash on load: replace Vite-specific import.meta.env.DEV
  with process.env.NODE_ENV check in devMode.ts (undefined in Bun prod
  bundle → TypeError → blank page)
- Add .dockerignore to stop node_modules/.env from leaking into image
- Add docker:build/run/test scripts for local prod-parity testing
  (linux/amd64 to match Porter)
- Clean up Dockerfile: drop stale build:webview comment (Bun.serve
  bundles HTML routes at runtime, no separate build step needed)

Author: AryanFP

.dockerignore

@@ -0,0 +1,18 @@
+node_modules
+**/node_modules
+.env
+.env.local
+.env.*.local
+.git
+.gitignore
+.DS_Store
+*.log
+.vscode
+.idea
+dist
+build
+coverage
+.next
+.cache
+packages/display-utils/dist
+packages/display-utils/node_modules

docker/Dockerfile

@@ -26,14 +26,15 @@ RUN bun install
 # Copy the rest of the application code
 COPY . .
 
-# Build webview for production
-# RUN bun run build:webview
+# Note: no separate webview build step — Bun.serve bundles HTML routes
+# (src/frontend/index.prod.html → frontend.tsx) on demand at request time.
 
 # Set production environment
 ENV NODE_ENV=production
+ENV PORT=80
+ENV HOST=0.0.0.0
 
 # Expose the port
 EXPOSE 80
 
-# dont' Start the application, the porter.yaml file has cmd to start it.
-# CMD ["bun", "src/index.ts"]
+# porter.yaml's `run:` field starts the app.

package.json

@@ -11,6 +11,10 @@
   "scripts": {
     "dev": "lsof -ti:3000 | xargs kill -9 2>/dev/null; NODE_ENV=development bun --watch src/index.ts",
     "start": "bun src/index.ts",
+    "start:prod": "NODE_ENV=production bun src/index.ts",
+    "docker:build": "docker build --platform linux/amd64 -f docker/Dockerfile -t mentra-notes:local .",
+    "docker:run": "docker run --rm --platform linux/amd64 -p 8080:80 --env-file .env -e NODE_ENV=production -e PORT=80 -e HOST=0.0.0.0 mentra-notes:local bun src/index.ts",
+    "docker:test": "bun run docker:build && bun run docker:run",
     "ngrok": "ngrok http 3000 --url https://isaiah-tpa.ngrok.app",
     "test:eval:classifier": "bun test src/test/evals/classifier/triage-classifier.test.ts",
     "test:eval:classifier:easy": "EVAL_DIFFICULTY=easy bun test src/test/evals/classifier/triage-classifier.test.ts",

porter.yaml

@@ -18,3 +18,4 @@ services:
       NODE_ENV: ${NODE_ENV}
       PORTER_APP_NAME: ${PORTER_APP_NAME}
       HOST: "0.0.0.0"
+      PORT: "80"

src/frontend/lib/devMode.ts

@@ -11,8 +11,10 @@
 
 /**
  * Check if we're in development mode
+ *
+ * Bun replaces `process.env.NODE_ENV` at bundle time for HTML routes.
  */
-export const isDevelopmentMode = import.meta.env.DEV;
+export const isDevelopmentMode = process.env.NODE_ENV !== "production";
 
 /**
  * Get current mock data mode setting