Try to make widgets with typescript

ioBroker · Sep 21, 2024 · 609103d · 609103d
1 parent 38d726f
commit 609103d
Show file tree

Hide file tree

Showing 45 changed files with 3,184 additions and 1,337 deletions.
diff --git a/src-widgets/craco.config.js b/src-widgets/craco.config.js
diff --git a/src-widgets/eslint.config.mjs b/src-widgets/eslint.config.mjs
@@ -0,0 +1,30 @@
+import config, { reactConfig } from '@iobroker/eslint-config';
+
+// disable temporary the rule 'jsdoc/require-param' and enable 'jsdoc/require-jsdoc'
+config.forEach(rule => {
+    if (rule?.plugins?.jsdoc) {
+        rule.rules['jsdoc/require-jsdoc'] = 'off';
+        rule.rules['jsdoc/require-param'] = 'off';
+    }
+});
+
+export default [
+    ...config,
+    ...reactConfig,
+    {
+        rules: {
+            '@typescript-eslint/explicit-module-boundary-types': 'off',
+            '@typescript-eslint/explicit-function-return-type': 'off',
+        },
+    },
+    {
+        languageOptions: {
+            parserOptions: {
+                projectService: {
+                    allowDefaultProject: ['*.js', '*.mjs'],
+                },
+                tsconfigRootDir: import.meta.dirname,
+            },
+        },
+    },
+];
diff --git a/src-widgets/public/index.html → src-widgets/index.html b/src-widgets/public/index.html → src-widgets/index.html
@@ -22,6 +22,10 @@
             script.src = window.location.protocol + '//' + window.location.hostname + ':8082/lib/js/socket.io.js';
             document.head.appendChild(script);
         </script>
+        <script
+                type="module"
+                src="/src/index.tsx"
+        ></script>
     </head>
     <body>
         <div id="root"></div>

diff --git a/src-widgets/modulefederation.config.js b/src-widgets/modulefederation.config.js
diff --git a/src-widgets/package.json b/src-widgets/package.json
@@ -3,39 +3,34 @@
     "private": true,
     "version": "2.1.2",
     "dependencies": {
-        "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-        "@craco/craco": "^7.1.0",
         "@iobroker/adapter-react-v5": "^7.1.4",
-        "@iobroker/vis-2-widgets-react-dev": "^4.0.3",
+        "@iobroker/eslint-config": "^0.1.6",
+        "@iobroker/types": "^6.0.11",
+        "@iobroker/types-vis-2": "^2.10.7",
         "@mui/icons-material": "^6.1.1",
         "@mui/material": "^6.1.1",
-        "craco-esbuild": "^0.6.1",
-        "craco-module-federation": "^1.1.0",
-        "eslint": "^8.57.0",
-        "eslint-config-airbnb": "^19.0.4",
-        "eslint-config-react-app": "^7.0.1",
-        "eslint-plugin-eqeqeq-fix": "^1.0.3",
-        "eslint-plugin-import": "^2.29.1",
-        "eslint-plugin-jsx-a11y": "^6.9.0",
-        "eslint-plugin-only-warn": "^1.1.0",
-        "eslint-plugin-react": "^7.34.4",
-        "eslint-plugin-react-hooks": "^4.6.2",
+        "@types/react": "^18.3.7",
+        "@types/react-dom": "^18.3.0",
+        "@vitejs/plugin-react": "^4.3.1",
+        "@originjs/vite-plugin-federation": "^1.3.6",
         "hls.js": "^1.5.15",
         "moment": "^2.30.1",
-        "node-sass": "^9.0.0",
         "prop-types": "^15.8.1",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
-        "react-scripts": "^5.0.1",
         "sass": "^1.79.1",
-        "uuid": "^10.0.0"
+        "uuid": "^10.0.0",
+        "vite": "^5.4.6",
+        "vite-tsconfig-paths": "^5.0.1",
+        "vite-plugin-top-level-await": "^1.4.4"
     },
     "scripts": {
-        "start": "set PORT=4173 && craco start",
+        "start": "vite",
+        "build": "tsc && vite build",
+        "preview": "vite preview",
         "lint": "eslint -c eslint.config.mjs src",
-        "build": "craco build",
-        "test": "react-scripts test",
-        "eject": "react-scripts eject",
+        "tsc": "tsc -p tsconfig.json",
+        "prettier": "prettier -c prettier.config.mjs --write src",
         "i18n": "node node_modules/@iobroker/vis-2-widgets-react-dev/searchI18n vis_2_widgets_camera"
     },
     "eslintConfig": {

diff --git a/src-widgets/prettier.config.mjs b/src-widgets/prettier.config.mjs
@@ -0,0 +1,3 @@
+import prettierConfig from '@iobroker/eslint-config/prettier.config.mjs';
+
+export default prettierConfig;
diff --git a/src-widgets/src/.eslintrc.js b/src-widgets/src/.eslintrc.js
diff --git a/src-widgets/src/Generic.jsx b/src-widgets/src/Generic.jsx
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		import prettierConfig from '@iobroker/eslint-config/prettier.config.mjs';

		export default prettierConfig;