@iobroker/gui-components 8.0.1

package/package.json

@@ -0,0 +1,86 @@
+{
+  "name": "@iobroker/gui-components",
+  "version": "8.0.1",
+  "description": "React components to develop ioBroker interfaces with react.",
+  "author": {
+    "name": "bluefox",
+    "email": "dogafox@gmail.com"
+  },
+  "scripts": {
+    "prepublishOnly": "npm run build",
+    "build:ts": "tsc -p tsconfig.build.json",
+    "build": "node tasks --0-clean && node tasks --2-copy && node tasks --3-patchReadme && npm run build:ts",
+    "release": "release-script --noPush --yes --lf",
+    "release-patch": "release-script patch --yes --lf",
+    "release-minor": "release-script minor --yes --lf",
+    "release-major": "release-script major --yes --lf",
+    "update-packages": "npx -y npm-check-updates --upgrade",
+    "0-clean": "node tasks --0-clean",
+    "1-build": "tsc -p tsconfig.build.json",
+    "2-copy": "node tasks --2-copy",
+    "3-patchReadme": "node tasks --3-patchReadme",
+    "npm": "npm i -f",
+    "lint": "eslint -c eslint.config.mjs src"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ioBroker/adapter-react-v5.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./build/index.js",
+  "types": "./build/index.d.ts",
+  "keywords": [
+    "iobroker",
+    "adapter",
+    "iot"
+  ],
+  "files": [
+    "build/",
+    "i18n/",
+    "index.css",
+    "LICENSE",
+    "tasksExample.js",
+    "craco-module-federation.js",
+    "modulefederation.admin.config.d.ts",
+    "modulefederation.admin.config.js"
+  ],
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/ioBroker/gui-components/issues"
+  },
+  "homepage": "https://github.com/ioBroker/gui-components#readme",
+  "dependencies": {
+    "@alcalzone/release-script": "^5.0.0",
+    "@alcalzone/release-script-plugin-license": "^4.0.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@iobroker/build-tools": "^2.0.15",
+    "@iobroker/eslint-config": "^2.2.0",
+    "@iobroker/js-controller-common": "^7.0.8-alpha.7-20250928-40cb80c18",
+    "@iobroker/js-controller-common-db": "^7.0.8-alpha.7-20250928-40cb80c18",
+    "@iobroker/socket-client": "5.0.2",
+    "@iobroker/type-detector": "^4.5.1",
+    "@iobroker/types": "^7.0.8-alpha.7-20250928-40cb80c18",
+    "@mui/icons-material": "^6.5.0",
+    "@mui/material": "^6.5.0",
+    "@sentry/browser": "^10.8.0",
+    "cronstrue": "^2.61.0",
+    "file-selector": "^2.1.2",
+    "react-color": "^2.19.3",
+    "react-colorful": "^5.6.1",
+    "react-cropper": "^2.3.3",
+    "react-dropzone": "^14.3.8",
+    "react-icons": "^5.4.0",
+    "react-inlinesvg": "^4.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.15.30",
+    "@types/react": "^18.3.23",
+    "@types/react-color": "^3.0.13",
+    "ajv": "^8.17.1",
+    "ts-node": "^10.9.2",
+    "typescript": "~5.9.3"
+  }
+}

package/tasksExample.js

@@ -0,0 +1,91 @@
+/**
+ * Copyright 2024 bluefox <dogafox@gmail.com>
+ *
+ * MIT License
+ *
+ */
+'use strict';
+
+const fs = require('node:fs');
+const { deleteFoldersRecursive, npmInstall, buildReact, copyFiles } = require('@iobroker/build-tools');
+
+const SRC = 'src';
+
+function copyAllFiles() {
+    deleteFoldersRecursive('admin', ['.png', '.json', 'i18n']);
+
+    copyFiles(
+        [
+            `${SRC}/build/*`,
+            `!${SRC}/build/index.html`,
+            `!${SRC}/build/static/js/main.*.chunk.js`,
+            `!${SRC}/build/static/media/*.svg`,
+            `!${SRC}/build/static/media/*.txt`,
+            `!${SRC}/build/i18n/*`,
+            `!${SRC}/build/i18n`,
+        ],
+        'admin',
+    );
+
+    copyFiles(`${SRC}/build/index.html`, 'admin');
+
+    copyFiles(`${SRC}/build/static/js/main.*.chunk.js`, 'admin/static/js');
+}
+
+function clean() {
+    deleteFoldersRecursive('admin', ['.png', '.json', 'i18n']);
+    deleteFoldersRecursive(`${SRC}/build`);
+}
+
+function installNpmLocal() {
+    if (fs.existsSync(`${SRC}/node_modules`)) {
+        return Promise.resolve();
+    }
+    return npmInstall(`${__dirname.replace(/\\/g, '/')}/${SRC}/`);
+}
+
+function patchFiles() {
+    if (fs.existsSync(`${__dirname}/admin/index.html`)) {
+        let code = fs.readFileSync(`${__dirname}/admin/index.html`).toString('utf8');
+        code = code.replace(
+            /<script>var script=document\.createElement\("script"\).+?<\/script>/,
+            `<script type="text/javascript" src="./../../lib/js/socket.io.js"></script>`,
+        );
+
+        fs.writeFileSync(`${__dirname}/admin/index.html`, code);
+    }
+    if (fs.existsSync(`${__dirname}/${SRC}/build/index.html`)) {
+        let code = fs.readFileSync(`${__dirname}/${SRC}/build/index.html`).toString('utf8');
+        code = code.replace(
+            /<script>var script=document\.createElement\("script"\).+?<\/script>/,
+            `<script type="text/javascript" src="./../../lib/js/socket.io.js"></script>`,
+        );
+
+        fs.writeFileSync(`${SRC}/build/index.html`, code);
+    }
+}
+
+if (process.argv.find(arg => arg === '--0-clean')) {
+    clean();
+} else if (process.argv.find(arg => arg === '--1-npm')) {
+    npmInstall(`${__dirname.replace(/\\/g, '/')}/${SRC}/`).catch(e => {
+        console.error(`Cannot install: ${e}`);
+        process.exit(1);
+    });
+} else if (process.argv.find(arg => arg === '--2-build')) {
+    buildReact(SRC, { rootDir: __dirname }).catch(e => {
+        console.error(`Cannot build: ${e}`);
+        process.exit(1);
+    });
+} else if (process.argv.find(arg => arg === '--3-copy')) {
+    copyAllFiles();
+} else if (process.argv.find(arg => arg === '--4-patch')) {
+    patchFiles();
+} else {
+    clean();
+
+    installNpmLocal()
+        .then(() => buildReact(SRC, { rootDir: __dirname }))
+        .then(() => copyAllFiles())
+        .then(() => patchFiles());
+}