Code review for WaziGate dashboard V3

.dockerignore

@@ -0,0 +1,7 @@
+node_modules
+.env
+.eslintrc.js
+.gitignore
+postcss.config.js
+tailwind.config.js
+commitlint.config.js

.gitignore

@@ -22,3 +22,8 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+*.zip
+*.sh
+changes.txt
+src/app
+/system_apps/*

.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx --no -- commitlint --edit ${1}

Dockerfile

@@ -0,0 +1,8 @@
+FROM node:alpine3.19 as production
+WORKDIR /app
+COPY package.json package-lock.json ./
+RUN npm install --force
+COPY . .
+RUN npm run build
+EXPOSE 5173
+CMD ["npm", "run", "preview"]

README.md

@@ -1,27 +1,40 @@
-# React + TypeScript + Vite
+# Wazigate dashboard V3
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+This is the application repository for the wazigate dashboard version 3, feel free to check the repository and run the development version.
 
-Currently, two official plugins are available:
+## Installation
 
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+- To install and run the development version of the app, clone the repository
+- use either pnpm, yarn or npm to install dependencies
+- ```npm install```
+- Then run the development ``npm run dev``
 
-## Expanding the ESLint configuration
 
-If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+## Docker
 
-- Configure the top-level `parserOptions` property like this:
+To run with docker, do:
+```
+docker build -t wazigate_ui_v3 .
+docker run -it --net=host wazigate_ui_v3
+```
+
+Then open http://localhost:5173/
 
-```js
-   parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-    project: ['./tsconfig.json', './tsconfig.node.json'],
-    tsconfigRootDir: __dirname,
-   },
+Development
+===========
+
+You can develop on the dashboard locally on your PC, linking it to a remote WaziGate.
+Run it like this:
+```
+export VITE_WAZIGATE_API_URL=http://wazigate-dashboard.staging.waziup.io
+npm run dev
 ```
 
-- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
-- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
-- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
+Then, you need to open the interface inyou browser, without CORS protections.
+With Chrome, you can run it like that:
+```
+google-chrome --disable-site-isolation-trials --disable-web-security --user-data-dir="~/tmp"
+```
+Or install a plugin to remove CORS protections.
+
+

admin/index.html

@@ -0,0 +1,4 @@
+<script>
+    // redirect to login
+    window.location.href = "../";
+</script>

commitlint.config.cjs

@@ -0,0 +1 @@
+module.exports = {extends: ['@commitlint/config-conventional']}

custom.conf

@@ -0,0 +1,43 @@
+server {
+    listen       5173;
+    server_name  localhost;
+
+    #access_log  /var/log/nginx/host.access.log  main;
+
+    location / {
+        root   /usr/share/nginx/html;
+        index  index.html index.htm;
+    }
+
+    #error_page  404              /404.html;
+
+    # redirect server error pages to the static page /50x.html
+    #
+    error_page   500 502 503 504  /50x.html;
+    location = /50x.html {
+        root   /usr/share/nginx/html;
+    }
+
+    # proxy the PHP scripts to Apache listening on 127.0.0.1:80
+    #
+    #location ~ \.php$ {
+    #    proxy_pass   http://127.0.0.1;
+    #}
+
+    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
+    #
+    #location ~ \.php$ {
+    #    root           html;
+    #    fastcgi_pass   127.0.0.1:9000;
+    #    fastcgi_index  index.php;
+    #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
+    #    include        fastcgi_params;
+    #}
+
+    # deny access to .htaccess files, if Apache's document root
+    # concurs with nginx's one
+    #
+    #location ~ /\.ht {
+    #    deny  all;
+    #}
+}

docs/index.html

@@ -0,0 +1,58 @@
+<!-- HTML for static distribution bundle build -->
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <title>Swagger UI</title>
+    <link rel="stylesheet" type="text/css" href="./swagger-ui.css" >
+    <style>
+      html
+      {
+        box-sizing: border-box;
+        overflow: -moz-scrollbars-vertical;
+        overflow-y: scroll;
+      }
+
+      *,
+      *:before,
+      *:after
+      {
+        box-sizing: inherit;
+      }
+
+      body
+      {
+        margin:0;
+        background: #fafafa;
+      }
+    </style>
+  </head>
+
+  <body>
+    <div id="swagger-ui"></div>
+
+    <script src="./swagger-ui-bundle.js"> </script>
+    <script src="./swagger-ui-standalone-preset.js"> </script>
+    <script>
+    window.onload = function() {
+      // Begin Swagger UI call region
+      const ui = SwaggerUIBundle({
+        url: "openapi.json",
+        dom_id: '#swagger-ui',
+        deepLinking: true,
+        presets: [
+          SwaggerUIBundle.presets.apis,
+          SwaggerUIStandalonePreset
+        ],
+        plugins: [
+          SwaggerUIBundle.plugins.DownloadUrl
+        ],
+        layout: "StandaloneLayout"
+      })
+      // End Swagger UI call region
+
+      window.ui = ui
+    }
+  </script>
+  </body>
+</html>