From c25d017b0a8b066e89ae95a852599de1d4b04c0b Mon Sep 17 00:00:00 2001
From: dilesoft <dilesoft@gmail.com>
Date: Thu, 12 Dec 2024 20:35:05 +0300
Subject: [PATCH] vite script

---
 src-editor/{public => }/index.html     |  1 +
 src-editor/package.json                | 12 +++-
 src-editor/src/OpenAi/OpenAiPrompt.tsx |  4 +-
 src-editor/tsconfig.json               |  1 -
 src-editor/vite-env.d.ts               |  1 +
 src-editor/vite.config.js              | 81 --------------------------
 src-editor/vite.config.ts              | 21 +++++++
 7 files changed, 34 insertions(+), 87 deletions(-)
 rename src-editor/{public => }/index.html (99%)
 create mode 100644 src-editor/vite-env.d.ts
 delete mode 100644 src-editor/vite.config.js
 create mode 100644 src-editor/vite.config.ts

diff --git a/src-editor/public/index.html b/src-editor/index.html
similarity index 99%
rename from src-editor/public/index.html
rename to src-editor/index.html
index 93c379681..69d151210 100644
--- a/src-editor/public/index.html
+++ b/src-editor/index.html
@@ -85,6 +85,7 @@
     <noscript>
       You need to enable JavaScript to run this app.
     </noscript>
+    <script type="module" src="/src/index.tsx"></script>
     <script>
         if ((window.localStorage && window.localStorage.getItem('App.theme')) === 'dark') {
             window.document.body.style.background = 'black';
diff --git a/src-editor/package.json b/src-editor/package.json
index 7f64233a4..688694ff7 100644
--- a/src-editor/package.json
+++ b/src-editor/package.json
@@ -2,6 +2,7 @@
     "name": "js",
     "version": "8.8.3",
     "private": true,
+    "type": "module",
     "dependencies": {
         "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
         "@blockly/field-colour": "^5.0.12",
@@ -19,6 +20,7 @@
         "@types/react": "^18.3.16",
         "@types/react-dom": "^18.3.5",
         "@types/reactour": "^1.18.5",
+        "@vitejs/plugin-react": "^4.3.4",
         "blockly": "^11.1.1",
         "craco-module-federation": "^1.1.0",
         "lodash": "^4.17.21",
@@ -45,12 +47,16 @@
         "reactour": "^1.19.4",
         "sass": "^1.82.0",
         "styled-components": "^6.1.13",
-        "suncalc2": "^1.8.1"
+        "suncalc2": "^1.8.1",
+        "vite": "^6.0.3",
+        "vite-plugin-commonjs": "^0.10.4",
+        "vite-plugin-svgr": "^4.3.0",
+        "vite-tsconfig-paths": "^5.1.4"
     },
     "scripts": {
-        "start": "craco start",
+        "start": "vite",
         "lint": "eslint -c eslint.config.mjs",
-        "build": "craco build",
+        "build": "tsc && vite build",
         "tsc": "tsc -p tsconfig.json",
         "npm": "npm i -f"
     },
diff --git a/src-editor/src/OpenAi/OpenAiPrompt.tsx b/src-editor/src/OpenAi/OpenAiPrompt.tsx
index 268148928..0e03221bd 100644
--- a/src-editor/src/OpenAi/OpenAiPrompt.tsx
+++ b/src-editor/src/OpenAi/OpenAiPrompt.tsx
@@ -1,7 +1,7 @@
 import ChannelDetector, { type DetectOptions, Types } from '@iobroker/type-detector';
 import { type AdminConnection, I18n } from '@iobroker/adapter-react-v5';
-import docs from './docs.md';
 import type { PatternControl } from '@iobroker/type-detector';
+const docs = import(`./docs.md?raw`);
 
 interface DeviceState {
     id: string;
@@ -270,5 +270,5 @@ async function detectDevices(socket: AdminConnection): Promise<DeviceObject[]> {
     return result;
 }
 
-const systemPrompt: () => Promise<string> = async (): Promise<string> => (await fetch(docs)).text();
+const systemPrompt: () => Promise<string> = async (): Promise<string> => (await docs).default;
 export { systemPrompt, detectDevices };
diff --git a/src-editor/tsconfig.json b/src-editor/tsconfig.json
index 010772aca..9661bd975 100644
--- a/src-editor/tsconfig.json
+++ b/src-editor/tsconfig.json
@@ -1,7 +1,6 @@
 // Specialized tsconfig for the admin directory,
 // includes DOM typings and configures the admin build
 {
-    "extends": "../tsconfig.json",
     "compilerOptions": {
         "baseUrl": "./",
         "allowSyntheticDefaultImports": true,
diff --git a/src-editor/vite-env.d.ts b/src-editor/vite-env.d.ts
new file mode 100644
index 000000000..11f02fe2a
--- /dev/null
+++ b/src-editor/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/src-editor/vite.config.js b/src-editor/vite.config.js
deleted file mode 100644
index db38e157a..000000000
--- a/src-editor/vite.config.js
+++ /dev/null
@@ -1,81 +0,0 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-import svgr from '@honkhonk/vite-plugin-svgr';
-import { viteCommonjs, esbuildCommonjs } from '@originjs/vite-plugin-commonjs';
-import federation from '@dilesoft/vite-plugin-federation-dynamic';
-import { NodeGlobalsPolyfillPlugin } from '@esbuild-plugins/node-globals-polyfill';
-
-export default defineConfig(({ mode }) => {
-    return {
-        plugins: [
-            react(),
-            svgr(),
-            viteCommonjs(),
-            federation({
-                // remotes: {
-                //   CustomComponent: {
-                //     external: 'Promise.resolve(\'\')',
-                //     externalType: 'promise'
-                //   }
-                // },
-                dynamicRemotes: true,
-                shared: {
-                    '@iobroker/adapter-react-v5': {
-                        singleton: true,
-                    },
-                    react: {
-                        singleton: true,
-                        // requiredVersion: pkg.dependencies.react,
-                    },
-                    'react-dom': {
-                        singleton: true,
-                        // requiredVersion: pkg.dependencies['react-dom'],
-                    },
-                    '@mui/material': {
-                        singleton: true,
-                        // requiredVersion: pkg.dependencies['@mui/material'],
-                    },
-                    '@mui/styles': {
-                        singleton: true,
-                        // requiredVersion: pkg.dependencies['@mui/material'],
-                    },
-                    'prop-types': {
-                        singleton: true,
-                        // requiredVersion: pkg.dependencies['@mui/material'],
-                    },
-                    './src/GenericBlock.jsx': {
-                        singleton: true,
-                        version: '1.0.0',
-                        packageName: './src/GenericBlock.jsx'
-                    },
-                }
-            })
-        ],
-        server: {
-            proxy: {
-                '/files': 'http://localhost:8081',
-                '/adapter': 'http://localhost:8081',
-            }
-        },
-        build: {
-            cssCodeSplit: false,
-            sourcemap: true
-        },
-        optimizeDeps: {
-            esbuildOptions: {
-                define: {
-                    global: 'globalThis'
-                },
-                plugins: [
-                    // Solves:
-                    // https://github.com/vitejs/vite/issues/5308
-                    esbuildCommonjs(['@iobroker/adapter-react']),
-                    NodeGlobalsPolyfillPlugin({
-                        buffer: true
-                    })
-                ]
-            }
-        },
-        base: './'
-    }
-});
\ No newline at end of file
diff --git a/src-editor/vite.config.ts b/src-editor/vite.config.ts
new file mode 100644
index 000000000..a95e9b922
--- /dev/null
+++ b/src-editor/vite.config.ts
@@ -0,0 +1,21 @@
+import { defineConfig, transformWithEsbuild } from 'vite';
+import react from '@vitejs/plugin-react';
+import commonjs from 'vite-plugin-commonjs';
+import svgr from 'vite-plugin-svgr';
+import vitetsConfigPaths from 'vite-tsconfig-paths';
+
+export default defineConfig({
+  plugins: [
+    react(),
+    vitetsConfigPaths(),
+    commonjs(),
+    svgr({
+      include: [
+        'src/**/*.svg',
+      ],
+    }),
+  ],
+  server: {
+    port: 3000
+  }
+});
\ No newline at end of file