fix: Portal frontend 48 (#82)

* fix: create vite proxy

* fix: add vite config

* fix: todo

* add todo

* fix package.json

* update lock

Author: SKairinos

package.json

@@ -5,19 +5,7 @@
   "version": "2.6.11",
   "type": "module",
   "scripts": {
-    "dev": "vite",
-    "start": "serve -s dist",
-    "build": "tsc && vite build",
-    "preview": "vite preview",
-    "test": "vitest run",
-    "test:coverage": "vitest run --coverage",
-    "test:verbose": "vitest run --reporter=verbose --coverage.thresholds.lines=90 --coverage.thresholds.functions=90 --coverage.thresholds.branches=90 --coverage.thresholds.statements=90",
-    "test:ui": "vitest --ui",
-    "format": "prettier --write .",
-    "format:check": "prettier --check --write=false .",
-    "lint": "eslint --max-warnings=0 .",
-    "lint:fix": "eslint --fix .",
-    "type-check": "tsc --noEmit"
+    "cli": "VITE_CONFIG=./vite.config.ts ../scripts/frontend/cli $@"
   },
   "repository": {
     "type": "git",
@@ -47,7 +35,6 @@
     "react-dom": "^18.2.0",
     "react-redux": "^9.1.0",
     "react-router-dom": "^6.23.1",
-    "serve": "^14.2.3",
     "sirv": "^3.0.0",
     "yup": "^1.1.1"
   },
@@ -97,4 +84,4 @@
       "@semantic-release/github"
     ]
   }
-}
+}

src/settings/index.ts

@@ -1,5 +1,10 @@
 // Shorthand to access environment variables.
-export default import.meta.env as Record<string, string>
+export default Object.defineProperty(import.meta.env, "vite", {
+  writable: false,
+  value: new Proxy(import.meta.env, {
+    get: (target, name: string) => target[`VITE_${name}`],
+  }),
+}) as ImportMetaEnv & { vite: Record<string, string> }
 
 export * from "./custom"
 export * from "./vite"

src/vite.config.ts

@@ -0,0 +1,49 @@
+/**
+ * Shared Vite configuration for all frontend services.
+ *
+ * Vite: https://vitest.dev/config/
+ * Vitest: https://vitest.dev/config/
+ *
+ * NOTE: This doesn't belong in codeforlife-workspace/configs/frontend as it's
+ * still and a script which needs to be included in a Node.js runtime.
+ */
+
+import { defineConfig } from "vitest/config"
+import react from "@vitejs/plugin-react"
+
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      codeforlife: "codeforlife/src",
+    },
+  },
+  envDir: "env",
+  server: {
+    open: true,
+    host: true,
+  },
+  test: {
+    globals: true,
+    environment: "jsdom",
+    setupFiles: "src/setupTests",
+    mockReset: true,
+    coverage: {
+      enabled: true,
+      provider: "istanbul",
+      reporter: ["html", "cobertura"],
+    },
+  },
+  optimizeDeps: {
+    // TODO: investigate which of these are needed
+    include: [
+      "@mui/x-date-pickers",
+      "@mui/x-date-pickers/AdapterDayjs",
+      "dayjs",
+      "dayjs/locale/en-gb",
+      "@mui/icons-material",
+      "yup",
+      "formik",
+    ],
+  },
+})

vite.config.ts

@@ -2,6 +2,8 @@ import react from "@vitejs/plugin-react"
 import { defineConfig } from "vitest/config"
 
 // https://vitejs.dev/config/
+// TODO: https://vite.dev/guide/build.html#library-mode
+// TODO: import common configs from src/vite.config.ts
 export default defineConfig({
   plugins: [react()],
   server: {