Renew frontend

Dockerfile

@@ -1,3 +1,15 @@
+# Frontend build
+FROM node:20-alpine3.18 as build
+
+WORKDIR /opt/app
+
+COPY frontend ./frontend
+
+WORKDIR /opt/app/frontend
+
+RUN npm install && npm run build && rm -rf node_modules
+
+# Main build
 FROM elixir:1.8-alpine
 
 WORKDIR /opt/app
@@ -16,7 +28,7 @@ ADD mix.lock ./
 
 RUN mix do deps.get, deps.compile
 
-COPY frontend/dist/ /opt/app/frontend/dist/
+COPY --from=build /opt/app/frontend ./frontend
 COPY config/ /opt/app/config/
 
 COPY lib /opt/app/lib/

frontend/.eslintrc.js

@@ -1,30 +1,14 @@
-// https://eslint.org/docs/user-guide/configuring
+/* eslint-env node */
+require("@rushstack/eslint-patch/modern-module-resolution")
 
 module.exports = {
   root: true,
-  parserOptions: {
-    parser: 'babel-eslint'
-  },
-  env: {
-    browser: true,
-    amd: true
-  },
-  extends: [
-    // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
-    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
-    'plugin:vue/essential',
-    // https://github.com/standard/standard/blob/master/docs/RULES-en.md
-    'standard'
-  ],
-  // required to lint *.vue files
-  plugins: [
-    'vue'
-  ],
-  // add your custom rules here
+  extends: ["plugin:vue/recommended", "eslint:recommended"],
   rules: {
-    // allow async-await
-    'generator-star-spacing': 'off',
-    // allow debugger during development
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off"
+  },
+  parserOptions: {
+    ecmaVersion: "latest"
   }
 }

frontend/.gitignore

@@ -0,0 +1,31 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# redoc
+public/redoc-static.html

frontend/.prettierrc.json

@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": false,
+  "tabWidth": 2,
+  "singleQuote": false,
+  "printWidth": 100,
+  "trailingComma": "none"
+}

frontend/Dockerfile

@@ -1,9 +1,9 @@
-FROM node:12-alpine
+FROM node:20-alpine3.18 as build
 
 WORKDIR /app
 
 COPY package.json package-lock.json ./
 
 RUN npm install
 
-COPY . .
+COPY . .