Fixed config info

ui/Dockerfile

@@ -1,30 +1,33 @@
 FROM node:18-alpine AS base
 
+# ============
+# Builder Stage
+# ============
 FROM base AS builder
 RUN apk add --no-cache libc6-compat
 WORKDIR /builder
 COPY . .
 RUN \
-  if [ -f package.json ]; then npm i && npm run build; \
-  else echo "package.json not found." && exit 2; \
+  if [ -f package.json ]; then  \
+    npm i && \
+    npm run build; \
+  else  \
+    echo "package.json not found." && \
+    exit 2; \
   fi
 
+# ============
+# Runtime Stage
+# ============
 FROM base AS runner
 ARG PORT=3000
 ENV PORT=${PORT}
-
+ENV NODE_ENV=production
 WORKDIR /app
 
-ENV NODE_ENV=production
-
-#RUN addgroup --system --gid 1001 node
-#RUN adduser --system --uid 1001 node
-
-COPY --from=builder /builder /app
-#RUN chown -R node:node /app
+COPY --chown=node --from=builder /builder /app
 
 USER node
 
 EXPOSE ${PORT}
-
 CMD ["npm", "run", "dev"]

ui/package-lock.json

@@ -12,7 +12,7 @@
         "@mantine/form": "^7.17.2",
         "@mantine/hooks": "^7.17.2",
         "@mantine/modals": "^7.17.2",
-        "@mantine/notifications": "7.17.2",
+        "@mantine/notifications": "^7.17.2",
         "@tabler/icons-react": "^3.31.0",
         "d3": "^7.9.0",
         "leaflet": "^1.9.4",

ui/package.json

@@ -15,7 +15,7 @@
     "@mantine/form": "^7.17.2",
     "@mantine/hooks": "^7.17.2",
     "@mantine/modals": "^7.17.2",
-    "@mantine/notifications": "7.17.2",
+    "@mantine/notifications": "^7.17.2",
     "@tabler/icons-react": "^3.31.0",
     "d3": "^7.9.0",
     "leaflet": "^1.9.4",

ui/src/components/Header/index.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { Avatar, Box, Burger, Button, Container, Group, Text } from '@mantine/core';
+import { Avatar, Box, Burger, Button, Group, Text } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
 import classes from './Header.module.css';
 

ui/tsconfig.app.json

@@ -36,4 +36,5 @@
     }
   },
   "include": ["src"],
+  "exclude": []
 }

ui/tsconfig.json

@@ -2,6 +2,6 @@
   "files": [],
   "references": [
     { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
+    { "path": "./tsconfig.vite.json" }
   ]
 }

ui/tsconfig.vite.json

@@ -1,10 +1,11 @@
 {
   "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.vite.tsbuildinfo",
     "target": "ES2022",
     "lib": ["ES2023"],
     "module": "ESNext",
     "skipLibCheck": true,
+    "esModuleInterop": true,
 
     /* Bundler mode */
     "moduleResolution": "bundler",
@@ -20,5 +21,6 @@
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true
   },
-  "include": ["vite.config.ts"]
+  "include": ["vite.config.ts"],
+  "exclude": []
 }

ui/vite.config.ts

@@ -1,8 +1,7 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
-import path from "path";
+import path from 'path'
 
-// https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
   resolve: {
@@ -13,4 +12,4 @@ export default defineConfig({
       '@lib': path.resolve(__dirname, './src/lib'),
     }
   }
-})
+})