Use vite for build

ioBroker · Jan 15, 2025 · 34bbc13 · 34bbc13
1 parent dacf6c5
commit 34bbc13
Show file tree

Hide file tree

Showing 31 changed files with 847 additions and 689 deletions.
diff --git a/.eslintignore b/.eslintignore
diff --git a/.eslintrc.json b/.eslintrc.json
diff --git a/.prettierignore b/.prettierignore
diff --git a/.prettierrc.js b/.prettierrc.js
diff --git a/DEBUGGING.md b/DEBUGGING.md
@@ -2,19 +2,19 @@
 
 ## Local Debugging
 
-To test the repochecker and debug into the script under vscode:
+To test the adapter-checker and debug into the script under vscode:
 
 1. Clone the repository to your local machine.\
-   Best is that the directory is on the same level than your adapter repository.
+   Best is that the directory is on the same level as your adapter repository.
 
-2. run npm install in the repochecker directory.
+2. run npm install in the adapter-checker directory.
 
 3. switch to your adapter repository and create a new launch configuration:
 
 ```json5
     {
         "name": "Launch Program",
-        "program": "../iobroker.repochecker/index.js", // path to the repochecker repo
+        "program": "../iobroker.repochecker/index.js", // path to the adapter checker repo
         // args as entered on the commandline, arguments as a array
         "args": ["https://github.com/klein0r/ioBroker.luftdaten","--local"],
         "request": "launch",
@@ -29,12 +29,12 @@ To test the repochecker and debug into the script under vscode:
 
 ## Local Testing without debugging
 
-To test the repochecker under vscode:
+To test the adapter checker under vscode:
 
 1. Clone the repository to your local machine.\
-   Best is that the directory is on the same level than your adapter repository.
+   Best is that the directory is on the same level as your adapter repository.
 
-2. run npm install in the repochecker directory.
+2. run npm install in the adapter checker directory.
 
 3. switch to your adapter repository and enter the following commandline in a new terminal
 

diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -0,0 +1,27 @@
+import config from '@iobroker/eslint-config';
+
+export default [
+    ...config,
+    {
+        languageOptions: {
+            parserOptions: {
+                allowDefaultProject: {
+                    allow: ['*.js', '*.mjs'],
+                },
+                tsconfigRootDir: import.meta.dirname,
+                project: './tsconfig.json',
+                // projectService: true,
+            },
+        },
+    },
+    {
+        // disable temporary the rule 'jsdoc/require-param' and enable 'jsdoc/require-jsdoc'
+        rules: {
+            'jsdoc/require-jsdoc': 'off',
+            'jsdoc/require-param': 'off',
+        },
+    },
+    {
+        ignores: ['build-backend/**/*', 'lib/**/*'],
+    },
+];
diff --git a/frontend/eslint.config.mjs b/frontend/eslint.config.mjs
@@ -0,0 +1,34 @@
+import config, { reactConfig } from '@iobroker/eslint-config';
+
+export default [
+    ...config,
+    ...reactConfig,
+    {
+        rules: {
+            'no-new-func': 'warn',
+            'no-extend-native': 'warn',
+            'no-eval': 'warn',
+        },
+    },
+    {
+        languageOptions: {
+            parserOptions: {
+                projectService: {
+                    allowDefaultProject: ['*.mjs'],
+                },
+                tsconfigRootDir: import.meta.dirname,
+            },
+        },
+    },
+    {
+        // disable temporary the rule 'jsdoc/require-param' and enable 'jsdoc/require-jsdoc'
+        rules: {
+            'jsdoc/require-jsdoc': 'off',
+            'jsdoc/require-param': 'off',
+            '@/no-duplicate-imports': 'error',
+        },
+    },
+    {
+        ignores: ['build/**/*', 'node_modules/**/*', 'src/serviceWorker.js', 'vite.config.mjs'],
+    },
+];
diff --git a/frontend/index.html b/frontend/index.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <link
+            rel="shortcut icon"
+            href="favicon.ico"
+        />
+        <meta
+            name="viewport"
+            content="width=device-width, initial-scale=1, shrink-to-fit=no"
+        />
+        <meta
+            name="theme-color"
+            content="#000000"
+        />
+        <link
+            rel="manifest"
+            href="manifest.json"
+        />
+        <script>
+            window.API_URL = '${API_URL}';
+        </script>
+        <title>ioBroker Adapter checker</title>
+    </head>
+    <body>
+        <noscript> You need to enable JavaScript to run this app. </noscript>
+        <div id="root"></div>
+        <script type="module" src="src/index.jsx"></script>
+    </body>
+</html>
diff --git a/frontend/package.json b/frontend/package.json
@@ -1,32 +1,30 @@
 {
-  "name": "frontend-user",
-  "version": "0.1.0",
-  "private": true,
-  "dependencies": {
-    "@iobroker/adapter-react-v5": "^4.0.2",
-    "@mui/material": "^5.10.17",
-    "@mui/icons-material": "^5.10.16",
-    "@mui/styles": "^5.10.16",
-    "babel-eslint": "^10.1.0",
-    "react-moment": "^1.1.2",
-    "moment": "^2.29.4",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-scripts": "^5.0.1"
-  },
-  "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
-  },
-  "eslintConfig": {
-    "extends": "react-app"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ]
+    "name": "frontend-user",
+    "version": "0.1.0",
+    "private": true,
+    "dependencies": {
+        "@iobroker/adapter-react-v5": "^7.4.14",
+        "@mui/material": "^6.4.0",
+        "@mui/icons-material": "^6.4.0",
+        "@vitejs/plugin-react": "^4.3.4",
+        "react-moment": "^1.1.3",
+        "moment": "^2.30.1",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1"
+    },
+    "scripts": {
+        "start": "vite",
+        "build": "vite build",
+        "lint": "eslint -c eslint.config.mjs",
+        "npm": "npm i --force"
+    },
+    "eslintConfig": {
+        "extends": "react-app"
+    },
+    "browserslist": [
+        ">0.2%",
+        "not dead",
+        "not ie <= 11",
+        "not op_mini all"
+    ]
 }
diff --git a/frontend/public/index.html b/frontend/public/index.html
diff --git a/frontend/public/manifest.json b/frontend/public/manifest.json
@@ -1,15 +1,15 @@
 {
-  "short_name": "Repo checker",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
+    "short_name": "Adapter checker",
+    "name": "ioBroker Adapter checker",
+    "icons": [
+        {
+            "src": "favicon.ico",
+            "sizes": "64x64 32x32 24x24 16x16",
+            "type": "image/x-icon"
+        }
+    ],
+    "start_url": ".",
+    "display": "standalone",
+    "theme_color": "#000000",
+    "background_color": "#ffffff"
 }
diff --git a/frontend/src/App.css b/frontend/src/App.css