Try fix memory errors during build

Author: jonburchel

.github/workflows/node.js.yml

@@ -30,5 +30,6 @@ jobs:
         cache: 'npm'
         cache-dependency-path: 'frontend/package-lock.json'
     - run: npm ci
-    - run: NODE_OPTIONS=--max_old_space_size=8192 npm run build --if-present
+    - run: npm run tsc
+    - run: npm run vite:build
     - run: npm run test --if-present

app.py

@@ -70,6 +70,10 @@ async def index():
 async def favicon():
     return await bp.send_static_file("favicon.ico")
 
+@bp.route("/mslearnguy.png")
+async def mslearnguy():
+    return await bp.send_static_file("mslearnguy.png")
+
 @bp.route("/assets/<path:path>")
 async def assets(path):
     return await send_from_directory("static/assets", path)

frontend/dist/tsconfig.tsbuildinfo

@@ -1,12 +1,12 @@
 {
   "name": "frontend",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
+  "version": "1.0.0",
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build",
-    "watch": "tsc && vite build --watch",
+    "tsc": "cross-env NODE_OPTIONS=--max_old_space_size=16384 tsc",
+    "vite:build": "cross-env NODE_OPTIONS=--max_old_space_size=16384 vite build",
+    "build": "npm run tsc && npm run vite:build",
+    "watch": "cross-env NODE_OPTIONS=--max_old_space_size=16384 tsc --watch",
     "test": "jest",
     "lint": "npx eslint src",
     "lint:fix": "npx eslint --fix",
@@ -15,10 +15,10 @@
     "format": "npm run prettier:fix && npm run lint:fix"
   },
   "dependencies": {
-    "axios": "^1.7.2",
     "@fluentui/react": "^8.105.3",
     "@fluentui/react-hooks": "^8.6.29",
     "@fluentui/react-icons": "^2.0.195",
+    "axios": "^1.7.2",
     "dompurify": "^3.0.8",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
@@ -35,9 +35,9 @@
     "remark-supersub": "^1.0.0"
   },
   "devDependencies": {
-    "@types/axios": "^0.14.0",
     "@eslint/eslintrc": "^3.0.2",
     "@eslint/js": "^9.1.1",
+    "@types/axios": "^0.14.0",
     "@types/dompurify": "^3.0.5",
     "@types/eslint-config-prettier": "^6.11.3",
     "@types/jest": "^29.5.12",
@@ -51,6 +51,7 @@
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
     "@vitejs/plugin-react": "^3.1.0",
+    "cross-env": "^7.0.3",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-config-standard-with-typescript": "^43.0.1",
@@ -72,4 +73,4 @@
     "typescript": "^4.9.5",
     "vite": "^4.1.5"
   }
-}
+}

frontend/package-lock.json

@@ -16,7 +16,9 @@
     "noEmit": true,
     "jsx": "react-jsx",
     "types": ["vite/client", "jest", "mocha"],
-    "noUnusedLocals": false
+    "noUnusedLocals": false,
+    "incremental": true,  // Enable incremental builds
+    "tsBuildInfoFile": "./dist/tsconfig.tsbuildinfo"  // Store incremental build infoEnable incremental builds
   },
   "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]

frontend/package.json

@@ -1,18 +1,24 @@
-import react from '@vitejs/plugin-react'
-import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
 
-// https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
   build: {
     outDir: '../static',
     emptyOutDir: true,
-    sourcemap: true
+    sourcemap: true,
+    rollupOptions: {
+      output: {
+        manualChunks: {
+          vendor: ['react', 'react-dom']
+        }
+      }
+    }
   },
   server: {
     proxy: {
       '/ask': 'http://localhost:5000',
       '/chat': 'http://localhost:5000'
     }
   }
-})
+});