@iobroker/adapter-react-v5 3.1.22 → 3.1.25

package/Components/FileViewer.js

@@ -29,6 +29,8 @@ var _styles = require("@mui/styles");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _buffer = require("buffer");
+
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
@@ -94,7 +96,7 @@ var styles = function styles(theme) {
 
 var EXTENSIONS = {
   images: ['png', 'jpg', 'svg', 'jpeg', 'bmp'],
-  code: ['js', 'json', 'md'],
+  code: ['js', 'json', 'json5', 'md'],
   txt: ['log', 'txt', 'html', 'css', 'xml'],
   audio: ['mp3', 'wav', 'ogg', 'acc'],
   video: ['mp4', 'mov', 'avi']
@@ -163,7 +165,7 @@ var FileViewer = /*#__PURE__*/function (_Component) {
       var adapter = parts[0];
       var name = parts.splice(1).join('/');
 
-      _this.props.socket.writeFile64(adapter, name, Buffer.from(data).toString('base64')).then(function (_) {
+      _this.props.socket.writeFile64(adapter, name, _buffer.Buffer.from(data).toString('base64')).then(function (_) {
         return _this.props.onClose();
       })["catch"](function (e) {
         return window.alert('Cannot write file: ' + e);
@@ -250,26 +252,6 @@ var FileViewer = /*#__PURE__*/function (_Component) {
       var name = parts.splice(1).join('/');
       this.props.supportSubscribes && this.props.socket.subscribeFiles(adapter, name, this.onFileChanged);
     }
-  }, {
-    key: "getEditFile",
-    value: function getEditFile(ext) {
-      switch (ext) {
-        case 'json':
-          return 'json';
-
-        case 'js':
-          return 'javascript';
-
-        case 'html':
-          return 'html';
-
-        case 'txt':
-          return 'html';
-
-        default:
-          return 'json';
-      }
-    }
   }, {
     key: "getContent",
     value: function getContent() {
@@ -361,6 +343,29 @@ var FileViewer = /*#__PURE__*/function (_Component) {
         startIcon: /*#__PURE__*/_react["default"].createElement(_Close["default"], null)
       }, this.props.t('Close'))));
     }
+  }], [{
+    key: "getEditFile",
+    value: function getEditFile(ext) {
+      switch (ext) {
+        case 'json':
+          return 'json';
+
+        case 'json5':
+          return 'json5';
+
+        case 'js':
+          return 'javascript';
+
+        case 'html':
+          return 'html';
+
+        case 'txt':
+          return 'html';
+
+        default:
+          return 'json';
+      }
+    }
   }]);
   return FileViewer;
 }(_react.Component);

package/Components/FileViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileViewer.js","names":["styles","theme","dialog","height","paper","content","textAlign","textarea","width","img","objectFit","dialogTitle","justifyContent","display","EXTENSIONS","images","code","txt","audio","video","bufferToBase64","buffer","binary","bytes","Uint8Array","len","byteLength","i","String","fromCharCode","window","btoa","FileViewer","props","id","fileName","size","state","changed","timeout","clearTimeout","setTimeout","alert","text","readFile","setState","forceUpdate","Date","now","parts","href","split","data","editingValue","splice","adapter","name","join","socket","writeFile64","Buffer","from","toString","then","_","onClose","e","ext","Utils","getFileExtension","editing","formatEditFile","copyPossible","includes","imgError","file","undefined","newState","type","detectMimeType","supportSubscribes","subscribeFiles","onFileChanged","clsx","classes","getClassBackgroundImage","target","onerror","newValue","readOnly","scrollPaper","t","setStateBackgroundImage","getContent","copyToClipboard","Component","propTypes","PropTypes","func","lang","string","expertMode","bool","isRequired","_export","withWidth","withStyles"],"sources":["FileViewer.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { withStyles } from '@mui/styles';\nimport PropTypes from 'prop-types';\n\nimport TextField from '@mui/material/TextField';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport { IconButton } from '@mui/material';\n\nimport IconNoIcon from '../icons/IconNoIcon';\nimport withWidth from './withWidth';\nimport Utils from './Utils';\n\n// Icons\nimport { FaCopy as CopyIcon } from 'react-icons/fa';\nimport Brightness5Icon from '@mui/icons-material/Brightness6';\nimport CloseIcon from '@mui/icons-material/Close';\nimport SaveIcon from '@mui/icons-material/Save';\n\nconst styles = theme => ({\n    dialog: {\n        height: '100%',\n    },\n    paper: {\n        height: 'calc(100% - 64px)',\n    },\n    content: {\n        textAlign: 'center',\n    },\n    textarea: {\n        width: '100%',\n        height: '100%',\n    },\n    img: {\n        width: 'auto',\n        height: 'calc(100% - 5px)',\n        objectFit: 'contain',\n    },\n    dialogTitle: {\n        justifyContent: 'space-between',\n        display: 'flex'\n    }\n});\n\nexport const EXTENSIONS = {\n    images: ['png', 'jpg', 'svg', 'jpeg', 'bmp'],\n    code:   ['js', 'json', 'md'],\n    txt:    ['log', 'txt', 'html', 'css', 'xml'],\n    audio:  ['mp3', 'wav', 'ogg', 'acc'],\n    video:  ['mp4', 'mov', 'avi'],\n};\n\nfunction bufferToBase64(buffer) {\n    let binary = '';\n    let bytes = new Uint8Array(buffer);\n    let len = bytes.byteLength;\n    for (let i = 0; i < len && i < 50; i++) {\n        binary += String.fromCharCode(bytes[i]);\n    }\n    return window.btoa(binary);\n}\n\n/**\n * @typedef {object} FileViewerProps\n * @property {import('../types').Translator} t Translation function\n * @property {ioBroker.Languages} [lang] The selected language.\n * @property {boolean} [expertMode] Is expert mode enabled? (default: false)\n * @property {() => void} onClose Callback when the viewer is closed.\n * @property {string} href The URL to the file to be displayed.\n *\n * @extends {React.Component<FileViewerProps>}\n */\nclass FileViewer extends Component {\n    /**\n     * @param {Readonly<FileViewerProps>} props\n     */\n    constructor(props) {\n        super(props);\n        const ext = Utils.getFileExtension(this.props.href);\n\n        this.state = {\n            text: null,\n            code: null,\n            ext,\n            editing: !!this.props.formatEditFile || false,\n            editingValue: null,\n            copyPossible: EXTENSIONS.code.includes(ext) || EXTENSIONS.txt.includes(ext),\n            forceUpdate: Date.now(),\n            changed: false,\n            imgError: false,\n        };\n    }\n\n    readFile() {\n        if (this.props.href) {\n            const parts = this.props.href.split('/');\n            parts.splice(0, 2);\n            const adapter = parts[0];\n            const name = parts.splice(1).join('/');\n\n            this.props.socket.readFile(adapter, name)\n                .then(data => {\n                    if (data.file !== undefined) {\n                        data = data.file;\n                    }\n\n                    const newState = {copyPossible: this.state.copyPossible};\n                    // try to detect valid extension\n                    if (data.type === 'Buffer') {\n                        const ext = Utils.detectMimeType(bufferToBase64(data.data));\n                        if (ext) {\n                            newState.ext = ext;\n                            newState.copyPossible = EXTENSIONS.code.includes(ext) || EXTENSIONS.txt.includes(ext);\n                        }\n                    }\n\n                    if (newState.copyPossible) {\n                        if (EXTENSIONS.txt.includes(this.state.ext)) {\n                            newState.text = data;\n                            newState.editingValue = data;\n                        } else if (EXTENSIONS.code.includes(this.state.ext)) {\n                            newState.code = data;\n                            newState.editingValue = data;\n                        }\n                    }\n\n                    this.setState(newState);\n                })\n                .catch(e => window.alert('Cannot read file: ' + e));\n        }\n    }\n\n    componentDidMount() {\n        this.readFile();\n\n        const parts = this.props.href.split('/');\n        parts.splice(0, 2);\n        const adapter = parts[0];\n        const name = parts.splice(1).join('/');\n\n        this.props.supportSubscribes && this.props.socket.subscribeFiles(adapter, name, this.onFileChanged);\n    }\n\n    componentWillUnmount() {\n        this.timeout && clearTimeout(this.timeout);\n        const parts = this.props.href.split('/');\n        parts.splice(0, 2);\n        const adapter = parts[0];\n        const name = parts.splice(1).join('/');\n        this.props.supportSubscribes && this.props.socket.subscribeFiles(adapter, name, this.onFileChanged);\n    }\n\n    onFileChanged = (id, fileName, size) => {\n        if (!this.state.changed) {\n            this.timeout && clearTimeout(this.timeout);\n            this.timeout = setTimeout(() => {\n                this.timeout = null;\n                if (size === null) {\n                    window.alert('Show file was deleted!');\n                } else if (this.state.text !== null || this.state.code !== null) {\n                    this.readFile();\n                } else {\n                    this.setState({ forceUpdate: Date.now() });\n                }\n            }, 300);\n        }\n    };\n\n    writeFile64 = () => {\n        const parts = this.props.href.split('/');\n        const data = this.state.editingValue;\n        parts.splice(0, 2);\n        const adapter = parts[0];\n        const name = parts.splice(1).join('/');\n        this.props.socket.writeFile64(adapter, name, Buffer.from(data).toString('base64'))\n            .then(_ => this.props.onClose())\n            .catch(e => window.alert('Cannot write file: ' + e));\n    }\n\n    getEditFile(ext) {\n        switch (ext) {\n            case 'json':\n                return 'json';\n            case 'js':\n                return 'javascript';\n            case 'html':\n                return 'html';\n            case 'txt':\n                return 'html';\n            default:\n                return 'json';\n        }\n    }\n\n    getContent() {\n        if (EXTENSIONS.images.includes(this.state.ext)) {\n            if (this.state.imgError) {\n                return <IconNoIcon className={Utils.clsx(this.props.classes.img, this.props.getClassBackgroundImage())} />;\n            } else {\n                return <img\n                    onError={e => {\n                        e.target.onerror = null;\n                        this.setState({ imgError: true });\n                    }}\n                    className={Utils.clsx(this.props.classes.img, this.props.getClassBackgroundImage())}\n                    src={this.props.href + '?ts=' + this.state.forceUpdate}\n                    alt={this.props.href}\n                />;\n            }\n        } else if (this.state.code !== null || this.state.text !== null || this.state.editing) {\n            return <TextField\n                variant=\"standard\"\n                className={ this.props.classes.textarea }\n                multiline\n                value={ this.state.editingValue || this.state.code || this.state.text }\n                onChange={newValue => this.setState({ editingValue: newValue, changed: true })}\n                InputProps={{ readOnly: !this.state.editing,}}\n            />;\n        }\n    }\n\n    render() {\n        return <Dialog\n            classes={{ scrollPaper: this.props.classes.dialog, paper: this.props.classes.paper }}\n            scroll=\"paper\"\n            open={!!this.props.href}\n            onClose={() => this.props.onClose()}\n            fullWidth={true}\n            maxWidth=\"xl\"\n            aria-labelledby=\"form-dialog-title\"\n        >\n            <div className={this.props.classes.dialogTitle}>\n                <DialogTitle id=\"form-dialog-title\">{this.props.t(this.state.editing ? 'Edit' : 'View') + ': ' + this.props.href}</DialogTitle>\n                {EXTENSIONS.images.includes(this.state.ext) && <div>\n                    <IconButton size=\"large\"\n                        color={'inherit'}\n                        onClick={this.props.setStateBackgroundImage}\n                    >\n                        <Brightness5Icon />\n                    </IconButton>\n                </div>\n                }\n            </div>\n            <DialogContent className={this.props.classes.content}>\n                {this.getContent()}\n            </DialogContent>\n            <DialogActions>\n                {this.state.copyPossible ?\n                    <Button\n                        color=\"grey\"\n                        onClick={e => Utils.copyToClipboard(this.state.text || this.state.code, e)}\n                        startIcon={<CopyIcon />}\n                    >\n                        {this.props.t('Copy content')}\n                    </Button> : null}\n                {this.state.editing ?\n                    <Button\n                        color=\"grey\"\n                        disabled={this.state.editingValue === this.state.code || this.state.editingValue === this.state.text}\n                        variant=\"contained\"\n                        onClick={this.writeFile64}\n                        startIcon={<SaveIcon />}\n                    >\n                        {this.props.t('Save')}\n                    </Button> : null}\n                <Button\n                    variant=\"contained\"\n                    onClick={() => this.props.onClose()}\n                    color=\"primary\"\n                    startIcon={<CloseIcon />}\n                >\n                    {this.props.t('Close')}\n                </Button>\n            </DialogActions>\n        </Dialog>;\n    }\n}\n\nFileViewer.propTypes = {\n    t: PropTypes.func,\n    lang: PropTypes.string,\n    expertMode: PropTypes.bool,\n    onClose: PropTypes.func,\n    href: PropTypes.string.isRequired,\n    supportSubscribes: PropTypes.bool,\n};\n\n/** @type {typeof FileViewer} */\nconst _export = withWidth()(withStyles(styles)(FileViewer));\nexport default _export;\n"],"mappings":"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"}
+{"version":3,"file":"FileViewer.js","names":["styles","theme","dialog","height","paper","content","textAlign","textarea","width","img","objectFit","dialogTitle","justifyContent","display","EXTENSIONS","images","code","txt","audio","video","bufferToBase64","buffer","binary","bytes","Uint8Array","len","byteLength","i","String","fromCharCode","window","btoa","FileViewer","props","id","fileName","size","state","changed","timeout","clearTimeout","setTimeout","alert","text","readFile","setState","forceUpdate","Date","now","parts","href","split","data","editingValue","splice","adapter","name","join","socket","writeFile64","Buffer","from","toString","then","_","onClose","e","ext","Utils","getFileExtension","editing","formatEditFile","copyPossible","includes","imgError","file","undefined","newState","type","detectMimeType","supportSubscribes","subscribeFiles","onFileChanged","clsx","classes","getClassBackgroundImage","target","onerror","newValue","readOnly","scrollPaper","t","setStateBackgroundImage","getContent","copyToClipboard","Component","propTypes","PropTypes","func","lang","string","expertMode","bool","isRequired","_export","withWidth","withStyles"],"sources":["FileViewer.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { withStyles } from '@mui/styles';\nimport PropTypes from 'prop-types';\n\nimport { Buffer } from 'buffer';\n\nimport TextField from '@mui/material/TextField';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport { IconButton } from '@mui/material';\n\nimport IconNoIcon from '../icons/IconNoIcon';\nimport withWidth from './withWidth';\nimport Utils from './Utils';\n\n// Icons\nimport { FaCopy as CopyIcon } from 'react-icons/fa';\nimport Brightness5Icon from '@mui/icons-material/Brightness6';\nimport CloseIcon from '@mui/icons-material/Close';\nimport SaveIcon from '@mui/icons-material/Save';\n\nconst styles = theme => ({\n    dialog: {\n        height: '100%',\n    },\n    paper: {\n        height: 'calc(100% - 64px)',\n    },\n    content: {\n        textAlign: 'center',\n    },\n    textarea: {\n        width: '100%',\n        height: '100%',\n    },\n    img: {\n        width: 'auto',\n        height: 'calc(100% - 5px)',\n        objectFit: 'contain',\n    },\n    dialogTitle: {\n        justifyContent: 'space-between',\n        display: 'flex'\n    }\n});\n\nexport const EXTENSIONS = {\n    images: ['png', 'jpg', 'svg', 'jpeg', 'bmp'],\n    code:   ['js', 'json', 'json5', 'md'],\n    txt:    ['log', 'txt', 'html', 'css', 'xml'],\n    audio:  ['mp3', 'wav', 'ogg', 'acc'],\n    video:  ['mp4', 'mov', 'avi'],\n};\n\nfunction bufferToBase64(buffer) {\n    let binary = '';\n    let bytes = new Uint8Array(buffer);\n    let len = bytes.byteLength;\n    for (let i = 0; i < len && i < 50; i++) {\n        binary += String.fromCharCode(bytes[i]);\n    }\n    return window.btoa(binary);\n}\n\n/**\n * @typedef {object} FileViewerProps\n * @property {import('../types').Translator} t Translation function\n * @property {ioBroker.Languages} [lang] The selected language.\n * @property {boolean} [expertMode] Is expert mode enabled? (default: false)\n * @property {() => void} onClose Callback when the viewer is closed.\n * @property {string} href The URL to the file to be displayed.\n *\n * @extends {React.Component<FileViewerProps>}\n */\nclass FileViewer extends Component {\n    /**\n     * @param {Readonly<FileViewerProps>} props\n     */\n    constructor(props) {\n        super(props);\n        const ext = Utils.getFileExtension(this.props.href);\n\n        this.state = {\n            text: null,\n            code: null,\n            ext,\n            editing: !!this.props.formatEditFile || false,\n            editingValue: null,\n            copyPossible: EXTENSIONS.code.includes(ext) || EXTENSIONS.txt.includes(ext),\n            forceUpdate: Date.now(),\n            changed: false,\n            imgError: false,\n        };\n    }\n\n    readFile() {\n        if (this.props.href) {\n            const parts = this.props.href.split('/');\n            parts.splice(0, 2);\n            const adapter = parts[0];\n            const name = parts.splice(1).join('/');\n\n            this.props.socket.readFile(adapter, name)\n                .then(data => {\n                    if (data.file !== undefined) {\n                        data = data.file;\n                    }\n\n                    const newState = {copyPossible: this.state.copyPossible};\n                    // try to detect valid extension\n                    if (data.type === 'Buffer') {\n                        const ext = Utils.detectMimeType(bufferToBase64(data.data));\n                        if (ext) {\n                            newState.ext = ext;\n                            newState.copyPossible = EXTENSIONS.code.includes(ext) || EXTENSIONS.txt.includes(ext);\n                        }\n                    }\n\n                    if (newState.copyPossible) {\n                        if (EXTENSIONS.txt.includes(this.state.ext)) {\n                            newState.text = data;\n                            newState.editingValue = data;\n                        } else if (EXTENSIONS.code.includes(this.state.ext)) {\n                            newState.code = data;\n                            newState.editingValue = data;\n                        }\n                    }\n\n                    this.setState(newState);\n                })\n                .catch(e => window.alert('Cannot read file: ' + e));\n        }\n    }\n\n    componentDidMount() {\n        this.readFile();\n\n        const parts = this.props.href.split('/');\n        parts.splice(0, 2);\n        const adapter = parts[0];\n        const name = parts.splice(1).join('/');\n\n        this.props.supportSubscribes && this.props.socket.subscribeFiles(adapter, name, this.onFileChanged);\n    }\n\n    componentWillUnmount() {\n        this.timeout && clearTimeout(this.timeout);\n        const parts = this.props.href.split('/');\n        parts.splice(0, 2);\n        const adapter = parts[0];\n        const name = parts.splice(1).join('/');\n        this.props.supportSubscribes && this.props.socket.subscribeFiles(adapter, name, this.onFileChanged);\n    }\n\n    onFileChanged = (id, fileName, size) => {\n        if (!this.state.changed) {\n            this.timeout && clearTimeout(this.timeout);\n            this.timeout = setTimeout(() => {\n                this.timeout = null;\n                if (size === null) {\n                    window.alert('Show file was deleted!');\n                } else if (this.state.text !== null || this.state.code !== null) {\n                    this.readFile();\n                } else {\n                    this.setState({ forceUpdate: Date.now() });\n                }\n            }, 300);\n        }\n    };\n\n    writeFile64 = () => {\n        const parts = this.props.href.split('/');\n        const data = this.state.editingValue;\n        parts.splice(0, 2);\n        const adapter = parts[0];\n        const name = parts.splice(1).join('/');\n        this.props.socket.writeFile64(adapter, name, Buffer.from(data).toString('base64'))\n            .then(_ => this.props.onClose())\n            .catch(e => window.alert('Cannot write file: ' + e));\n    }\n\n    static getEditFile(ext) {\n        switch (ext) {\n            case 'json':\n                return 'json';\n            case 'json5':\n                return 'json5';\n            case 'js':\n                return 'javascript';\n            case 'html':\n                return 'html';\n            case 'txt':\n                return 'html';\n            default:\n                return 'json';\n        }\n    }\n\n    getContent() {\n        if (EXTENSIONS.images.includes(this.state.ext)) {\n            if (this.state.imgError) {\n                return <IconNoIcon className={Utils.clsx(this.props.classes.img, this.props.getClassBackgroundImage())} />;\n            } else {\n                return <img\n                    onError={e => {\n                        e.target.onerror = null;\n                        this.setState({ imgError: true });\n                    }}\n                    className={Utils.clsx(this.props.classes.img, this.props.getClassBackgroundImage())}\n                    src={this.props.href + '?ts=' + this.state.forceUpdate}\n                    alt={this.props.href}\n                />;\n            }\n        } else if (this.state.code !== null || this.state.text !== null || this.state.editing) {\n            return <TextField\n                variant=\"standard\"\n                className={ this.props.classes.textarea }\n                multiline\n                value={ this.state.editingValue || this.state.code || this.state.text }\n                onChange={newValue => this.setState({ editingValue: newValue, changed: true })}\n                InputProps={{ readOnly: !this.state.editing }}\n            />;\n        }\n    }\n\n    render() {\n        return <Dialog\n            classes={{ scrollPaper: this.props.classes.dialog, paper: this.props.classes.paper }}\n            scroll=\"paper\"\n            open={!!this.props.href}\n            onClose={() => this.props.onClose()}\n            fullWidth={true}\n            maxWidth=\"xl\"\n            aria-labelledby=\"form-dialog-title\"\n        >\n            <div className={this.props.classes.dialogTitle}>\n                <DialogTitle id=\"form-dialog-title\">{this.props.t(this.state.editing ? 'Edit' : 'View') + ': ' + this.props.href}</DialogTitle>\n                {EXTENSIONS.images.includes(this.state.ext) && <div>\n                    <IconButton size=\"large\"\n                        color={'inherit'}\n                        onClick={this.props.setStateBackgroundImage}\n                    >\n                        <Brightness5Icon />\n                    </IconButton>\n                </div>\n                }\n            </div>\n            <DialogContent className={this.props.classes.content}>\n                {this.getContent()}\n            </DialogContent>\n            <DialogActions>\n                {this.state.copyPossible ?\n                    <Button\n                        color=\"grey\"\n                        onClick={e => Utils.copyToClipboard(this.state.text || this.state.code, e)}\n                        startIcon={<CopyIcon />}\n                    >\n                        {this.props.t('Copy content')}\n                    </Button> : null}\n                {this.state.editing ?\n                    <Button\n                        color=\"grey\"\n                        disabled={this.state.editingValue === this.state.code || this.state.editingValue === this.state.text}\n                        variant=\"contained\"\n                        onClick={this.writeFile64}\n                        startIcon={<SaveIcon />}\n                    >\n                        {this.props.t('Save')}\n                    </Button> : null}\n                <Button\n                    variant=\"contained\"\n                    onClick={() => this.props.onClose()}\n                    color=\"primary\"\n                    startIcon={<CloseIcon />}\n                >\n                    {this.props.t('Close')}\n                </Button>\n            </DialogActions>\n        </Dialog>;\n    }\n}\n\nFileViewer.propTypes = {\n    t: PropTypes.func,\n    lang: PropTypes.string,\n    expertMode: PropTypes.bool,\n    onClose: PropTypes.func,\n    href: PropTypes.string.isRequired,\n    supportSubscribes: PropTypes.bool,\n};\n\n/** @type {typeof FileViewer} */\nconst _export = withWidth()(withStyles(styles)(FileViewer));\nexport default _export;\n"],"mappings":"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"}

package/Components/JsonConfigComponent/ConfigSendto.js

@@ -7,8 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -47,6 +53,10 @@ var _Error2 = _interopRequireDefault(require("@mui/icons-material/Error"));
 
 var _Info = _interopRequireDefault(require("@mui/icons-material/Info"));
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -64,6 +74,82 @@ var styles = function styles(theme) {
   };
 };
 
+function ip2int(ip) {
+  return ip.split('.').reduce(function (ipInt, octet) {
+    return (ipInt << 8) + parseInt(octet, 10);
+  }, 0) >>> 0;
+} // copied from iobroker.admin/src-rx/src/Utils.js
+
+
+function findNetworkAddressOfHost(obj, localIp) {
+  var _obj$native, _obj$native$hardware;
+
+  var networkInterfaces = obj === null || obj === void 0 ? void 0 : (_obj$native = obj["native"]) === null || _obj$native === void 0 ? void 0 : (_obj$native$hardware = _obj$native.hardware) === null || _obj$native$hardware === void 0 ? void 0 : _obj$native$hardware.networkInterfaces;
+
+  if (!networkInterfaces) {
+    return null;
+  }
+
+  var hostIp;
+  Object.keys(networkInterfaces).forEach(function (inter) {
+    return networkInterfaces[inter].forEach(function (ip) {
+      if (ip.internal) {
+        return;
+      } else if (localIp.includes(':') && ip.family !== 'IPv6') {
+        return;
+      } else if (localIp.includes('.') && !localIp.match(/[^.\d]/) && ip.family !== 'IPv4') {
+        return;
+      }
+
+      if (localIp === '127.0.0.0' || localIp === 'localhost' || localIp.match(/[^.\d]/)) {
+        // if DNS name
+        hostIp = ip.address;
+      } else {
+        if (ip.family === 'IPv4' && localIp.includes('.') && (ip2int(localIp) & ip2int(ip.netmask)) === (ip2int(ip.address) & ip2int(ip.netmask))) {
+          hostIp = ip.address;
+        } else {
+          hostIp = ip.address;
+        }
+      }
+    });
+  });
+
+  if (!hostIp) {
+    Object.keys(networkInterfaces).forEach(function (inter) {
+      networkInterfaces[inter].forEach(function (ip) {
+        if (ip.internal) {
+          return;
+        } else if (localIp.includes(':') && ip.family !== 'IPv6') {
+          return;
+        } else if (localIp.includes('.') && !localIp.match(/[^.\d]/) && ip.family !== 'IPv4') {
+          return;
+        }
+
+        if (localIp === '127.0.0.0' || localIp === 'localhost' || localIp.match(/[^.\d]/)) {
+          // if DNS name
+          hostIp = ip.address;
+        } else {
+          hostIp = ip.address;
+        }
+      });
+    });
+  }
+
+  if (!hostIp) {
+    Object.keys(networkInterfaces).forEach(function (inter) {
+      networkInterfaces[inter].forEach(function (ip) {
+        if (ip.internal) {
+          return;
+        }
+
+        hostIp = ip.address;
+      });
+    });
+  }
+
+  return hostIp;
+}
+
 var ConfigSendto = /*#__PURE__*/function (_ConfigGeneric) {
   (0, _inherits2["default"])(ConfigSendto, _ConfigGeneric);
 
@@ -76,13 +162,72 @@ var ConfigSendto = /*#__PURE__*/function (_ConfigGeneric) {
 
   (0, _createClass2["default"])(ConfigSendto, [{
     key: "componentDidMount",
-    value: function componentDidMount() {
-      (0, _get2["default"])((0, _getPrototypeOf2["default"])(ConfigSendto.prototype), "componentDidMount", this).call(this);
-      this.setState({
-        _error: '',
-        _message: ''
-      });
-    }
+    value: function () {
+      var _componentDidMount = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        var hostname, adminInstance, instanceObj, hostObj, ip;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                (0, _get2["default"])((0, _getPrototypeOf2["default"])(ConfigSendto.prototype), "componentDidMount", this).call(this);
+                hostname = window.location.hostname;
+
+                if (!this.props.schema.openUrl) {
+                  _context.next = 19;
+                  break;
+                }
+
+                _context.next = 5;
+                return this.props.socket.getCurrentInstance();
+
+              case 5:
+                adminInstance = _context.sent;
+                _context.next = 8;
+                return this.props.socket.getObject("system.adapter.".concat(adminInstance));
+
+              case 8:
+                instanceObj = _context.sent;
+                _context.next = 11;
+                return this.props.socket.getObject("system.host.".concat(instanceObj.common.host));
+
+              case 11:
+                hostObj = _context.sent;
+                ip = findNetworkAddressOfHost(hostObj, window.location.hostname);
+
+                if (!ip) {
+                  _context.next = 17;
+                  break;
+                }
+
+                hostname = ip + ':' + window.location.port;
+                _context.next = 19;
+                break;
+
+              case 17:
+                console.warn("Cannot find suitable IP in host ".concat(instanceObj.common.host, " for ").concat(instanceObj._id));
+                return _context.abrupt("return", null);
+
+              case 19:
+                this.setState({
+                  _error: '',
+                  _message: '',
+                  hostname: hostname
+                });
+
+              case 20:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function componentDidMount() {
+        return _componentDidMount.apply(this, arguments);
+      }
+
+      return componentDidMount;
+    }()
   }, {
     key: "renderErrorDialog",
     value: function renderErrorDialog() {
@@ -127,10 +272,15 @@ var ConfigSendto = /*#__PURE__*/function (_ConfigGeneric) {
       var _this3 = this;
 
       this.props.onCommandRunning(true);
+
+      var _origin = "".concat(window.location.protocol, "//").concat(this.state.hostname).concat(window.location.pathname.replace(/\/index\.html$/, ''));
+
       var data = this.props.schema.data;
 
       if (data === undefined && this.props.schema.jsonData) {
-        data = this.getPattern(this.props.schema.jsonData, {}, this.props.data);
+        data = this.getPattern(this.props.schema.jsonData, {}, _objectSpread({
+          _origin: _origin
+        }, this.props.data));
 
         try {
           data = JSON.parse(data);
@@ -143,6 +293,12 @@ var ConfigSendto = /*#__PURE__*/function (_ConfigGeneric) {
         data = null;
       }
 
+      if (this.props.schema.openUrl && !data) {
+        data = {
+          _origin: "".concat(window.location.protocol, "//").concat(this.state.hostname).concat(window.location.pathname.replace(/\/index\.html$/, ''))
+        };
+      }
+
       this.props.socket.sendTo("".concat(this.props.adapterName, ".").concat(this.props.instance), this.props.schema.command || 'send', data).then(function (response) {
         if (response !== null && response !== void 0 && response.error) {
           if (_this3.props.schema.error && _this3.props.schema.error[response.error]) {
@@ -163,7 +319,9 @@ var ConfigSendto = /*#__PURE__*/function (_ConfigGeneric) {
             });
           }
         } else {
-          if (response !== null && response !== void 0 && response.result && _this3.props.schema.result && _this3.props.schema.result[response.result]) {
+          if (response !== null && response !== void 0 && response.openUrl && _this3.props.schema.openUrl) {
+            window.open(response.openUrl, response.window || _this3.props.schema.window || '_blank');
+          } else if (response !== null && response !== void 0 && response.result && _this3.props.schema.result && _this3.props.schema.result[response.result]) {
             var text = _this3.getText(_this3.props.schema.result[response.result]);
 
             if (response.args) {
@@ -180,6 +338,10 @@ var ConfigSendto = /*#__PURE__*/function (_ConfigGeneric) {
               window.alert(_i18n["default"].t('ra_Ok'));
             }
           }
+
+          if (response !== null && response !== void 0 && response.saveConfig) {
+            _this3.props.onChange(null, null, null, true);
+          }
         }
       })["catch"](function (e) {
         if (_this3.props.schema.error && _this3.props.schema.error[e.toString()]) {

package/Components/JsonConfigComponent/ConfigSendto.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigSendto.js","names":["styles","theme","fullWidth","width","icon","height","marginRight","ConfigSendto","setState","_error","_message","state","undefined","props","onCommandRunning","data","schema","jsonData","getPattern","JSON","parse","e","console","error","socket","sendTo","adapterName","instance","command","then","response","getText","args","forEach","arg","replace","I18n","t","result","text","window","alert","stringify","toString","confirmDialog","confirm","confirmData","type","title","ok","cancel","isOk","_onClick","disabled","defaultValue","classes","variant","color","label","noTranslation","renderErrorDialog","renderMessageDialog","ConfigGeneric","propTypes","PropTypes","object","isRequired","themeType","string","themeName","style","className","onError","func","onChange","number","commandRunning","bool","withStyles"],"sources":["JsonConfigComponent/ConfigSendto.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport Button from '@mui/material/Button';\n\nimport I18n from '../../i18n';\nimport Icon from '../Icon';\nimport DialogError from '../../Dialogs/Error';\nimport DialogMessage from '../../Dialogs/Message';\nimport ConfirmDialog from '../../Dialogs/Confirm';\n\nimport ConfigGeneric from './ConfigGeneric';\nimport IconWarning from '@mui/icons-material/Warning';\nimport IconError from '@mui/icons-material/Error';\nimport IconInfo from '@mui/icons-material/Info';\n\nconst styles = theme => ({\n    fullWidth: {\n        width: '100%'\n    },\n    icon: {\n        width: 24,\n        height: 24,\n        marginRight: 4\n    }\n});\n\nclass ConfigSendto extends ConfigGeneric {\n    componentDidMount() {\n        super.componentDidMount();\n\n        this.setState( {_error: '', _message: ''});\n    }\n\n    renderErrorDialog() {\n        if (this.state._error) {\n            return <DialogError text={this.state._error} classes={undefined} onClose={() => this.setState({_error: ''})} />;\n        } else {\n            return null;\n        }\n    }\n\n    renderMessageDialog() {\n        if (this.state._message) {\n            return <DialogMessage text={this.state._message} classes={undefined} onClose={() => this.setState({_error: ''})} />;\n        } else {\n            return null;\n        }\n    }\n\n    _onClick() {\n        this.props.onCommandRunning(true);\n\n        let data = this.props.schema.data;\n        if (data === undefined && this.props.schema.jsonData) {\n            data = this.getPattern(this.props.schema.jsonData, {}, this.props.data);\n            try {\n                data = JSON.parse(data);\n            } catch (e) {\n                console.error('Cannot parse json data: ' + data);\n            }\n        }\n        if (data === undefined) {\n            data = null;\n        }\n\n        this.props.socket.sendTo(\n            `${this.props.adapterName}.${this.props.instance}`,\n            this.props.schema.command || 'send',\n            data\n        )\n            .then(response => {\n                if (response?.error) {\n                    if (this.props.schema.error && this.props.schema.error[response.error]) {\n                        let error = this.getText(this.props.schema.error[response.error]);\n                        if (response.args) {\n                            response.args.forEach(arg => error = error.replace('%s', arg));\n                        }\n                        this.setState({_error: error});\n                    } else {\n                        this.setState({_error: response.error ? I18n.t(response.error) : I18n.t('ra_Error')});\n                    }\n                } else {\n                    if (response?.result && this.props.schema.result && this.props.schema.result[response.result]) {\n                        let text = this.getText(this.props.schema.result[response.result]);\n                        if (response.args) {\n                            response.args.forEach(arg => text = text.replace('%s', arg));\n                        }\n                        window.alert(text);\n                    } else {\n                        if (response?.result) {\n                            window.alert(typeof response.result === 'object' ? JSON.stringify(response.result) : response.result);\n                        } else {\n                            window.alert(I18n.t('ra_Ok'));\n                        }\n                    }\n                }\n            })\n            .catch(e => {\n                if (this.props.schema.error && this.props.schema.error[e.toString()]) {\n                    this.setState({_error: this.getText(this.props.schema.error[e.toString()])});\n                } else {\n                    this.setState({_error: I18n.t(e.toString()) || I18n.t('ra_Error')});\n                }\n            })\n            .then(() => this.props.onCommandRunning(false))\n    }\n\n    renderConfirmDialog() {\n        if (!this.state.confirmDialog) {\n            return null;\n        }\n        const confirm = this.state.confirmData || this.props.schema.confirm;\n        let icon = null;\n        if (confirm.type === 'warning') {\n            icon = <IconWarning />;\n        } else if (confirm.type === 'error') {\n            icon = <IconError />;\n        } else if (confirm.type === 'info') {\n            icon = <IconInfo />;\n        }\n\n        return <ConfirmDialog\n            title={ this.getText(confirm.title) || I18n.t('ra_Please confirm') }\n            text={ this.getText(confirm.text) }\n            ok={ this.getText(confirm.ok) || I18n.t('ra_Ok') }\n            cancel={ this.getText(confirm.cancel) || I18n.t('ra_Cancel') }\n            icon={icon}\n            onClose={isOk =>\n                this.setState({ confirmDialog: false}, () =>\n                    isOk && this._onClick())\n            }\n        />;\n    }\n\n    renderItem(error, disabled, defaultValue) {\n        return <div className={this.props.classes.fullWidth}>\n            <Button\n                variant={this.props.schema.variant || undefined}\n                color={this.props.schema.color || 'grey'}\n                className={this.props.classes.fullWidth}\n                disabled={disabled}\n                onClick={() => {\n                    if (this.props.schema.confirm) {\n                        this.setState({confirmDialog: true});\n                    } else {\n                        this._onClick();\n                    }\n                }}\n            >\n                {this.props.schema.icon ? <Icon src={this.props.schema.icon} className={this.props.classes.icon}/> : null}\n                {this.getText(this.props.schema.label, this.props.schema.noTranslation)}\n            </Button>\n            {this.renderErrorDialog()}\n            {this.renderMessageDialog()}\n        </div>;\n    }\n}\n\nConfigSendto.propTypes = {\n    socket: PropTypes.object.isRequired,\n    themeType: PropTypes.string,\n    themeName: PropTypes.string,\n    style: PropTypes.object,\n    className: PropTypes.string,\n    data: PropTypes.object.isRequired,\n    schema: PropTypes.object,\n    onError: PropTypes.func,\n    onChange: PropTypes.func,\n    adapterName: PropTypes.string,\n    instance: PropTypes.number,\n    commandRunning: PropTypes.bool,\n    onCommandRunning: PropTypes.func,\n};\n\nexport default withStyles(styles)(ConfigSendto);"],"mappings":"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"}
+{"version":3,"file":"ConfigSendto.js","names":["styles","theme","fullWidth","width","icon","height","marginRight","ip2int","ip","split","reduce","ipInt","octet","parseInt","findNetworkAddressOfHost","obj","localIp","networkInterfaces","hardware","hostIp","Object","keys","forEach","inter","internal","includes","family","match","address","netmask","ConfigSendto","hostname","window","location","props","schema","openUrl","socket","getCurrentInstance","adminInstance","getObject","instanceObj","common","host","hostObj","port","console","warn","_id","setState","_error","_message","state","undefined","onCommandRunning","_origin","protocol","pathname","replace","data","jsonData","getPattern","JSON","parse","e","error","sendTo","adapterName","instance","command","then","response","getText","args","arg","I18n","t","open","result","text","alert","stringify","saveConfig","onChange","toString","confirmDialog","confirm","confirmData","type","title","ok","cancel","isOk","_onClick","disabled","defaultValue","classes","variant","color","label","noTranslation","renderErrorDialog","renderMessageDialog","ConfigGeneric","propTypes","PropTypes","object","isRequired","themeType","string","themeName","style","className","onError","func","number","commandRunning","bool","withStyles"],"sources":["JsonConfigComponent/ConfigSendto.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport Button from '@mui/material/Button';\n\nimport I18n from '../../i18n';\nimport Icon from '../Icon';\nimport DialogError from '../../Dialogs/Error';\nimport DialogMessage from '../../Dialogs/Message';\nimport ConfirmDialog from '../../Dialogs/Confirm';\n\nimport ConfigGeneric from './ConfigGeneric';\nimport IconWarning from '@mui/icons-material/Warning';\nimport IconError from '@mui/icons-material/Error';\nimport IconInfo from '@mui/icons-material/Info';\n\nconst styles = theme => ({\n    fullWidth: {\n        width: '100%'\n    },\n    icon: {\n        width: 24,\n        height: 24,\n        marginRight: 4\n    }\n});\n\nfunction ip2int(ip) {\n    return ip.split('.').reduce((ipInt, octet) => (ipInt << 8) + parseInt(octet, 10), 0) >>> 0;\n}\n\n// copied from iobroker.admin/src-rx/src/Utils.js\nfunction findNetworkAddressOfHost(obj, localIp) {\n    const networkInterfaces = obj?.native?.hardware?.networkInterfaces;\n    if (!networkInterfaces) {\n        return null;\n    }\n\n    let hostIp;\n    Object.keys(networkInterfaces).forEach(inter =>\n        networkInterfaces[inter].forEach(ip => {\n            if (ip.internal) {\n                return;\n            } else if (localIp.includes(':') && ip.family !== 'IPv6') {\n                return;\n            } else if (localIp.includes('.') && !localIp.match(/[^.\\d]/) && ip.family !== 'IPv4') {\n                return;\n            }\n            if (localIp === '127.0.0.0' || localIp === 'localhost' || localIp.match(/[^.\\d]/)) { // if DNS name\n                hostIp = ip.address;\n            } else {\n                if (ip.family === 'IPv4' && localIp.includes('.') &&\n                    (ip2int(localIp) & ip2int(ip.netmask)) === (ip2int(ip.address) & ip2int(ip.netmask))) {\n                    hostIp = ip.address;\n                } else {\n                    hostIp = ip.address;\n                }\n            }\n        }));\n\n    if (!hostIp) {\n        Object.keys(networkInterfaces).forEach(inter => {\n            networkInterfaces[inter].forEach(ip => {\n                if (ip.internal) {\n                    return;\n                } else if (localIp.includes(':') && ip.family !== 'IPv6') {\n                    return;\n                } else if (localIp.includes('.') && !localIp.match(/[^.\\d]/) && ip.family !== 'IPv4') {\n                    return;\n                }\n                if (localIp === '127.0.0.0' || localIp === 'localhost' || localIp.match(/[^.\\d]/)) { // if DNS name\n                    hostIp = ip.address;\n                } else {\n                    hostIp = ip.address;\n                }\n            });\n        });\n    }\n\n    if (!hostIp) {\n        Object.keys(networkInterfaces).forEach(inter => {\n            networkInterfaces[inter].forEach(ip => {\n                if (ip.internal) {\n                    return;\n                }\n                hostIp = ip.address;\n            });\n        });\n    }\n\n    return hostIp;\n}\n\n\nclass ConfigSendto extends ConfigGeneric {\n    async componentDidMount() {\n        super.componentDidMount();\n\n        let hostname = window.location.hostname;\n        if (this.props.schema.openUrl) {\n            // read admin host\n            const adminInstance = await this.props.socket.getCurrentInstance();\n            const instanceObj = await this.props.socket.getObject(`system.adapter.${adminInstance}`);\n            const hostObj = await this.props.socket.getObject(`system.host.${instanceObj.common.host}`);\n\n            const ip = findNetworkAddressOfHost(hostObj, window.location.hostname);\n            if (ip) {\n                hostname = ip + ':' + window.location.port;\n            } else {\n                console.warn(`Cannot find suitable IP in host ${instanceObj.common.host} for ${instanceObj._id}`);\n                return null;\n            }\n        }\n        this.setState( { _error: '', _message: '', hostname });\n    }\n\n    renderErrorDialog() {\n        if (this.state._error) {\n            return <DialogError text={this.state._error} classes={undefined} onClose={() => this.setState({_error: ''})} />;\n        } else {\n            return null;\n        }\n    }\n\n    renderMessageDialog() {\n        if (this.state._message) {\n            return <DialogMessage text={this.state._message} classes={undefined} onClose={() => this.setState({_error: ''})} />;\n        } else {\n            return null;\n        }\n    }\n\n    _onClick() {\n        this.props.onCommandRunning(true);\n\n        const _origin = `${window.location.protocol}//${this.state.hostname}${window.location.pathname.replace(/\\/index\\.html$/, '')}`\n\n        let data = this.props.schema.data;\n        if (data === undefined && this.props.schema.jsonData) {\n            data = this.getPattern(this.props.schema.jsonData, {}, {\n                _origin,\n                ...this.props.data\n            });\n            try {\n                data = JSON.parse(data);\n            } catch (e) {\n                console.error('Cannot parse json data: ' + data);\n            }\n        }\n        if (data === undefined) {\n            data = null;\n        }\n        if (this.props.schema.openUrl && !data) {\n            data = { _origin: `${window.location.protocol}//${this.state.hostname}${window.location.pathname.replace(/\\/index\\.html$/, '')}` };\n        }\n\n        this.props.socket.sendTo(\n            `${this.props.adapterName}.${this.props.instance}`,\n            this.props.schema.command || 'send',\n            data\n        )\n            .then(response => {\n                if (response?.error) {\n                    if (this.props.schema.error && this.props.schema.error[response.error]) {\n                        let error = this.getText(this.props.schema.error[response.error]);\n                        if (response.args) {\n                            response.args.forEach(arg => error = error.replace('%s', arg));\n                        }\n                        this.setState({_error: error});\n                    } else {\n                        this.setState({_error: response.error ? I18n.t(response.error) : I18n.t('ra_Error')});\n                    }\n                } else {\n                    if (response?.openUrl && this.props.schema.openUrl) {\n                        window.open(response.openUrl, response.window || this.props.schema.window || '_blank');\n                    } else\n                    if (response?.result && this.props.schema.result && this.props.schema.result[response.result]) {\n                        let text = this.getText(this.props.schema.result[response.result]);\n                        if (response.args) {\n                            response.args.forEach(arg => text = text.replace('%s', arg));\n                        }\n                        window.alert(text);\n                    } else {\n                        if (response?.result) {\n                            window.alert(typeof response.result === 'object' ? JSON.stringify(response.result) : response.result);\n                        } else {\n                            window.alert(I18n.t('ra_Ok'));\n                        }\n                    }\n\n                    if (response?.saveConfig) {\n                        this.props.onChange(null, null, null, true);\n                    }\n                }\n            })\n            .catch(e => {\n                if (this.props.schema.error && this.props.schema.error[e.toString()]) {\n                    this.setState({_error: this.getText(this.props.schema.error[e.toString()])});\n                } else {\n                    this.setState({_error: I18n.t(e.toString()) || I18n.t('ra_Error')});\n                }\n            })\n            .then(() => this.props.onCommandRunning(false))\n    }\n\n    renderConfirmDialog() {\n        if (!this.state.confirmDialog) {\n            return null;\n        }\n        const confirm = this.state.confirmData || this.props.schema.confirm;\n        let icon = null;\n        if (confirm.type === 'warning') {\n            icon = <IconWarning />;\n        } else if (confirm.type === 'error') {\n            icon = <IconError />;\n        } else if (confirm.type === 'info') {\n            icon = <IconInfo />;\n        }\n\n        return <ConfirmDialog\n            title={ this.getText(confirm.title) || I18n.t('ra_Please confirm') }\n            text={ this.getText(confirm.text) }\n            ok={ this.getText(confirm.ok) || I18n.t('ra_Ok') }\n            cancel={ this.getText(confirm.cancel) || I18n.t('ra_Cancel') }\n            icon={icon}\n            onClose={isOk =>\n                this.setState({ confirmDialog: false}, () =>\n                    isOk && this._onClick())\n            }\n        />;\n    }\n\n    renderItem(error, disabled, defaultValue) {\n        return <div className={this.props.classes.fullWidth}>\n            <Button\n                variant={this.props.schema.variant || undefined}\n                color={this.props.schema.color || 'grey'}\n                className={this.props.classes.fullWidth}\n                disabled={disabled}\n                onClick={() => {\n                    if (this.props.schema.confirm) {\n                        this.setState({confirmDialog: true});\n                    } else {\n                        this._onClick();\n                    }\n                }}\n            >\n                {this.props.schema.icon ? <Icon src={this.props.schema.icon} className={this.props.classes.icon}/> : null}\n                {this.getText(this.props.schema.label, this.props.schema.noTranslation)}\n            </Button>\n            {this.renderErrorDialog()}\n            {this.renderMessageDialog()}\n        </div>;\n    }\n}\n\nConfigSendto.propTypes = {\n    socket: PropTypes.object.isRequired,\n    themeType: PropTypes.string,\n    themeName: PropTypes.string,\n    style: PropTypes.object,\n    className: PropTypes.string,\n    data: PropTypes.object.isRequired,\n    schema: PropTypes.object,\n    onError: PropTypes.func,\n    onChange: PropTypes.func,\n    adapterName: PropTypes.string,\n    instance: PropTypes.number,\n    commandRunning: PropTypes.bool,\n    onCommandRunning: PropTypes.func,\n};\n\nexport default withStyles(styles)(ConfigSendto);"],"mappings":"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"}

package/Components/JsonConfigComponent/ConfigText.js

@@ -65,7 +65,11 @@ var ConfigText = /*#__PURE__*/function (_ConfigGeneric) {
       var value = _ConfigGeneric2["default"].getValue(this.props.data, this.props.attr);
 
       this.setState({
-        value: value
+        value: value,
+        tempValue: {
+          value: value,
+          ts: Date.now()
+        }
       });
     }
   }, {
@@ -75,6 +79,20 @@ var ConfigText = /*#__PURE__*/function (_ConfigGeneric) {
 
       var isIndeterminate = Array.isArray(this.state.value) || this.state.value === _ConfigGeneric2["default"].DIFFERENT_VALUE;
 
+      if (this.state.tempValue.value !== this.state.value) {
+        this.updateTimeout && clearTimeout(this.updateTimeout);
+        this.updateTimeout = setTimeout(function () {
+          _this.updateTimeout = null;
+
+          _this.setState({
+            value: _this.state.tempValue.value
+          });
+        }, 30);
+      } else if (this.updateTimeout) {
+        clearTimeout(this.updateTimeout);
+        this.updateTimeout = null;
+      }
+
       if (isIndeterminate) {
         var arr = (0, _toConsumableArray2["default"])(this.state.value).map(function (item) {
           return {
@@ -142,9 +160,12 @@ var ConfigText = /*#__PURE__*/function (_ConfigGeneric) {
     value: function getDerivedStateFromProps(props, state) {
       var value = _ConfigGeneric2["default"].getValue(props.data, props.attr);
 
-      if (value === null || value === undefined || value.toString().trim() !== (state.value || '').toString().trim()) {
+      if (value === null || value === undefined || value.toString().trim() !== (state.tempValue || '').toString().trim()) {
         return {
-          value: value
+          tempValue: {
+            value: value,
+            ts: Date.now()
+          }
         };
       } else {
         return null;

package/Components/JsonConfigComponent/ConfigText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigText.js","names":["styles","theme","indeterminate","opacity","ConfigText","value","ConfigGeneric","getValue","props","data","attr","setState","error","disabled","defaultValue","isIndeterminate","Array","isArray","state","DIFFERENT_VALUE","arr","map","item","label","toString","unshift","I18n","t","DIFFERENT_LABEL","classes","option","_","onChange","params","getText","schema","placeholder","renderHelp","help","helpLink","noTranslation","undefined","maxLength","max","e","target","trim","propTypes","socket","PropTypes","object","isRequired","themeType","string","themeName","style","className","onError","func","withStyles"],"sources":["JsonConfigComponent/ConfigText.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport { Autocomplete, TextField } from '@mui/material';\n\nimport I18n from '../../i18n';\n\nimport ConfigGeneric from './ConfigGeneric';\n\nconst styles = theme => ({\n    indeterminate: {\n        opacity: 0.5\n    }\n});\n\nclass ConfigText extends ConfigGeneric {\n    componentDidMount() {\n        super.componentDidMount();\n        const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n        this.setState({ value });\n    }\n\n    static getDerivedStateFromProps(props, state) {\n        const value = ConfigGeneric.getValue(props.data, props.attr);\n        if (value === null || value === undefined || value.toString().trim() !== (state.value ||  '').toString().trim()) {\n            return {value};\n        } else {\n            return null;\n        }\n    }\n\n    renderItem(error, disabled, defaultValue) {\n        let isIndeterminate = Array.isArray(this.state.value) || this.state.value === ConfigGeneric.DIFFERENT_VALUE;\n\n        if (isIndeterminate) {\n            const arr = [...this.state.value].map(item => ({label: item.toString(), value: item}));\n            arr.unshift({label: I18n.t(ConfigGeneric.DIFFERENT_LABEL), value: ConfigGeneric.DIFFERENT_VALUE});\n\n            return <Autocomplete\n                className={this.props.classes.indeterminate}\n                fullWidth\n                value={arr[0]}\n                getOptionSelected={(option, value) => option.label === value.label}\n                onChange={(_, value) =>\n                    this.onChange(this.props.attr, value ? value.value : '')}\n                options={arr}\n                getOptionLabel={option => option.label}\n                renderInput={params => <TextField\n                    variant=\"standard\"\n                    {...params}\n                    error={!!error}\n                    placeholder={this.getText(this.props.schema.placeholder)}\n                    label={this.getText(this.props.schema.label)}\n                    helperText={this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}\n                    disabled={!!disabled}\n                />}\n            />;\n        } else {\n            return <TextField\n                variant=\"standard\"\n                fullWidth\n                value={this.state.value === null || this.state.value === undefined ? '' : this.state.value}\n                error={!!error}\n                disabled={!!disabled}\n                inputProps={{maxLength: this.props.schema.maxLength || this.props.schema.max || undefined}}\n                onChange={e => {\n                    const value = e.target.value;\n                    this.setState({value}, () =>\n                        this.onChange(this.props.attr, this.props.schema.trim === false ? value : (value || '').trim()));\n                }}\n                placeholder={this.getText(this.props.schema.placeholder)}\n                label={this.getText(this.props.schema.label)}\n                helperText={this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}\n            />;\n        }\n    }\n}\n\nConfigText.propTypes = {\n    socket: PropTypes.object.isRequired,\n    themeType: PropTypes.string,\n    themeName: PropTypes.string,\n    style: PropTypes.object,\n    className: PropTypes.string,\n    data: PropTypes.object.isRequired,\n    schema: PropTypes.object,\n    onError: PropTypes.func,\n    onChange: PropTypes.func,\n};\n\nexport default withStyles(styles)(ConfigText);"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAEA;;AAEA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;EAAA,OAAK;IACrBC,aAAa,EAAE;MACXC,OAAO,EAAE;IADE;EADM,CAAL;AAAA,CAApB;;IAMMC,U;;;;;;;;;;;;WACF,6BAAoB;MAChB;;MACA,IAAMC,KAAK,GAAGC,0BAAA,CAAcC,QAAd,CAAuB,KAAKC,KAAL,CAAWC,IAAlC,EAAwC,KAAKD,KAAL,CAAWE,IAAnD,CAAd;;MACA,KAAKC,QAAL,CAAc;QAAEN,KAAK,EAALA;MAAF,CAAd;IACH;;;WAWD,oBAAWO,KAAX,EAAkBC,QAAlB,EAA4BC,YAA5B,EAA0C;MAAA;;MACtC,IAAIC,eAAe,GAAGC,KAAK,CAACC,OAAN,CAAc,KAAKC,KAAL,CAAWb,KAAzB,KAAmC,KAAKa,KAAL,CAAWb,KAAX,KAAqBC,0BAAA,CAAca,eAA5F;;MAEA,IAAIJ,eAAJ,EAAqB;QACjB,IAAMK,GAAG,GAAG,oCAAI,KAAKF,KAAL,CAAWb,KAAf,EAAsBgB,GAAtB,CAA0B,UAAAC,IAAI;UAAA,OAAK;YAACC,KAAK,EAAED,IAAI,CAACE,QAAL,EAAR;YAAyBnB,KAAK,EAAEiB;UAAhC,CAAL;QAAA,CAA9B,CAAZ;QACAF,GAAG,CAACK,OAAJ,CAAY;UAACF,KAAK,EAAEG,gBAAA,CAAKC,CAAL,CAAOrB,0BAAA,CAAcsB,eAArB,CAAR;UAA+CvB,KAAK,EAAEC,0BAAA,CAAca;QAApE,CAAZ;QAEA,oBAAO,gCAAC,sBAAD;UACH,SAAS,EAAE,KAAKX,KAAL,CAAWqB,OAAX,CAAmB3B,aAD3B;UAEH,SAAS,MAFN;UAGH,KAAK,EAAEkB,GAAG,CAAC,CAAD,CAHP;UAIH,iBAAiB,EAAE,2BAACU,MAAD,EAASzB,KAAT;YAAA,OAAmByB,MAAM,CAACP,KAAP,KAAiBlB,KAAK,CAACkB,KAA1C;UAAA,CAJhB;UAKH,QAAQ,EAAE,kBAACQ,CAAD,EAAI1B,KAAJ;YAAA,OACN,KAAI,CAAC2B,QAAL,CAAc,KAAI,CAACxB,KAAL,CAAWE,IAAzB,EAA+BL,KAAK,GAAGA,KAAK,CAACA,KAAT,GAAiB,EAArD,CADM;UAAA,CALP;UAOH,OAAO,EAAEe,GAPN;UAQH,cAAc,EAAE,wBAAAU,MAAM;YAAA,OAAIA,MAAM,CAACP,KAAX;UAAA,CARnB;UASH,WAAW,EAAE,qBAAAU,MAAM;YAAA,oBAAI,gCAAC,mBAAD;cACnB,OAAO,EAAC;YADW,GAEfA,MAFe;cAGnB,KAAK,EAAE,CAAC,CAACrB,KAHU;cAInB,WAAW,EAAE,KAAI,CAACsB,OAAL,CAAa,KAAI,CAAC1B,KAAL,CAAW2B,MAAX,CAAkBC,WAA/B,CAJM;cAKnB,KAAK,EAAE,KAAI,CAACF,OAAL,CAAa,KAAI,CAAC1B,KAAL,CAAW2B,MAAX,CAAkBZ,KAA/B,CALY;cAMnB,UAAU,EAAE,KAAI,CAACc,UAAL,CAAgB,KAAI,CAAC7B,KAAL,CAAW2B,MAAX,CAAkBG,IAAlC,EAAwC,KAAI,CAAC9B,KAAL,CAAW2B,MAAX,CAAkBI,QAA1D,EAAoE,KAAI,CAAC/B,KAAL,CAAW2B,MAAX,CAAkBK,aAAtF,CANO;cAOnB,QAAQ,EAAE,CAAC,CAAC3B;YAPO,GAAJ;UAAA;QAThB,EAAP;MAmBH,CAvBD,MAuBO;QACH,oBAAO,gCAAC,mBAAD;UACH,OAAO,EAAC,UADL;UAEH,SAAS,MAFN;UAGH,KAAK,EAAE,KAAKK,KAAL,CAAWb,KAAX,KAAqB,IAArB,IAA6B,KAAKa,KAAL,CAAWb,KAAX,KAAqBoC,SAAlD,GAA8D,EAA9D,GAAmE,KAAKvB,KAAL,CAAWb,KAHlF;UAIH,KAAK,EAAE,CAAC,CAACO,KAJN;UAKH,QAAQ,EAAE,CAAC,CAACC,QALT;UAMH,UAAU,EAAE;YAAC6B,SAAS,EAAE,KAAKlC,KAAL,CAAW2B,MAAX,CAAkBO,SAAlB,IAA+B,KAAKlC,KAAL,CAAW2B,MAAX,CAAkBQ,GAAjD,IAAwDF;UAApE,CANT;UAOH,QAAQ,EAAE,kBAAAG,CAAC,EAAI;YACX,IAAMvC,KAAK,GAAGuC,CAAC,CAACC,MAAF,CAASxC,KAAvB;;YACA,KAAI,CAACM,QAAL,CAAc;cAACN,KAAK,EAALA;YAAD,CAAd,EAAuB;cAAA,OACnB,KAAI,CAAC2B,QAAL,CAAc,KAAI,CAACxB,KAAL,CAAWE,IAAzB,EAA+B,KAAI,CAACF,KAAL,CAAW2B,MAAX,CAAkBW,IAAlB,KAA2B,KAA3B,GAAmCzC,KAAnC,GAA2C,CAACA,KAAK,IAAI,EAAV,EAAcyC,IAAd,EAA1E,CADmB;YAAA,CAAvB;UAEH,CAXE;UAYH,WAAW,EAAE,KAAKZ,OAAL,CAAa,KAAK1B,KAAL,CAAW2B,MAAX,CAAkBC,WAA/B,CAZV;UAaH,KAAK,EAAE,KAAKF,OAAL,CAAa,KAAK1B,KAAL,CAAW2B,MAAX,CAAkBZ,KAA/B,CAbJ;UAcH,UAAU,EAAE,KAAKc,UAAL,CAAgB,KAAK7B,KAAL,CAAW2B,MAAX,CAAkBG,IAAlC,EAAwC,KAAK9B,KAAL,CAAW2B,MAAX,CAAkBI,QAA1D,EAAoE,KAAK/B,KAAL,CAAW2B,MAAX,CAAkBK,aAAtF;QAdT,EAAP;MAgBH;IACJ;;;WArDD,kCAAgChC,KAAhC,EAAuCU,KAAvC,EAA8C;MAC1C,IAAMb,KAAK,GAAGC,0BAAA,CAAcC,QAAd,CAAuBC,KAAK,CAACC,IAA7B,EAAmCD,KAAK,CAACE,IAAzC,CAAd;;MACA,IAAIL,KAAK,KAAK,IAAV,IAAkBA,KAAK,KAAKoC,SAA5B,IAAyCpC,KAAK,CAACmB,QAAN,GAAiBsB,IAAjB,OAA4B,CAAC5B,KAAK,CAACb,KAAN,IAAgB,EAAjB,EAAqBmB,QAArB,GAAgCsB,IAAhC,EAAzE,EAAiH;QAC7G,OAAO;UAACzC,KAAK,EAALA;QAAD,CAAP;MACH,CAFD,MAEO;QACH,OAAO,IAAP;MACH;IACJ;;;EAdoBC,0B;;AA+DzBF,UAAU,CAAC2C,SAAX,GAAuB;EACnBC,MAAM,EAAEC,qBAAA,CAAUC,MAAV,CAAiBC,UADN;EAEnBC,SAAS,EAAEH,qBAAA,CAAUI,MAFF;EAGnBC,SAAS,EAAEL,qBAAA,CAAUI,MAHF;EAInBE,KAAK,EAAEN,qBAAA,CAAUC,MAJE;EAKnBM,SAAS,EAAEP,qBAAA,CAAUI,MALF;EAMnB5C,IAAI,EAAEwC,qBAAA,CAAUC,MAAV,CAAiBC,UANJ;EAOnBhB,MAAM,EAAEc,qBAAA,CAAUC,MAPC;EAQnBO,OAAO,EAAER,qBAAA,CAAUS,IARA;EASnB1B,QAAQ,EAAEiB,qBAAA,CAAUS;AATD,CAAvB;;eAYe,IAAAC,kBAAA,EAAW3D,MAAX,EAAmBI,UAAnB,C"}
+{"version":3,"file":"ConfigText.js","names":["styles","theme","indeterminate","opacity","ConfigText","value","ConfigGeneric","getValue","props","data","attr","setState","tempValue","ts","Date","now","error","disabled","defaultValue","isIndeterminate","Array","isArray","state","DIFFERENT_VALUE","updateTimeout","clearTimeout","setTimeout","arr","map","item","label","toString","unshift","I18n","t","DIFFERENT_LABEL","classes","option","_","onChange","params","getText","schema","placeholder","renderHelp","help","helpLink","noTranslation","undefined","maxLength","max","e","target","trim","propTypes","socket","PropTypes","object","isRequired","themeType","string","themeName","style","className","onError","func","withStyles"],"sources":["JsonConfigComponent/ConfigText.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport { Autocomplete, TextField } from '@mui/material';\n\nimport I18n from '../../i18n';\n\nimport ConfigGeneric from './ConfigGeneric';\n\nconst styles = theme => ({\n    indeterminate: {\n        opacity: 0.5\n    }\n});\n\nclass ConfigText extends ConfigGeneric {\n    componentDidMount() {\n        super.componentDidMount();\n        const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n        this.setState({ value, tempValue: { value, ts: Date.now() } });\n    }\n\n    static getDerivedStateFromProps(props, state) {\n        const value = ConfigGeneric.getValue(props.data, props.attr);\n        if (value === null || value === undefined || value.toString().trim() !== (state.tempValue ||  '').toString().trim()) {\n            return { tempValue: { value, ts: Date.now() } };\n        } else {\n            return null;\n        }\n    }\n\n    renderItem(error, disabled, defaultValue) {\n        let isIndeterminate = Array.isArray(this.state.value) || this.state.value === ConfigGeneric.DIFFERENT_VALUE;\n\n        if (this.state.tempValue.value !== this.state.value) {\n            this.updateTimeout && clearTimeout(this.updateTimeout);\n            this.updateTimeout = setTimeout(() => {\n                this.updateTimeout = null;\n                this.setState({ value: this.state.tempValue.value });\n            }, 30)\n        } else if (this.updateTimeout) {\n            clearTimeout(this.updateTimeout);\n            this.updateTimeout = null;\n        }\n\n        if (isIndeterminate) {\n            const arr = [...this.state.value].map(item => ({label: item.toString(), value: item}));\n            arr.unshift({label: I18n.t(ConfigGeneric.DIFFERENT_LABEL), value: ConfigGeneric.DIFFERENT_VALUE});\n\n            return <Autocomplete\n                className={this.props.classes.indeterminate}\n                fullWidth\n                value={arr[0]}\n                getOptionSelected={(option, value) => option.label === value.label}\n                onChange={(_, value) =>\n                    this.onChange(this.props.attr, value ? value.value : '')}\n                options={arr}\n                getOptionLabel={option => option.label}\n                renderInput={params => <TextField\n                    variant=\"standard\"\n                    {...params}\n                    error={!!error}\n                    placeholder={this.getText(this.props.schema.placeholder)}\n                    label={this.getText(this.props.schema.label)}\n                    helperText={this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}\n                    disabled={!!disabled}\n                />}\n            />;\n        } else {\n            return <TextField\n                variant=\"standard\"\n                fullWidth\n                value={this.state.value === null || this.state.value === undefined ? '' : this.state.value}\n                error={!!error}\n                disabled={!!disabled}\n                inputProps={{maxLength: this.props.schema.maxLength || this.props.schema.max || undefined}}\n                onChange={e => {\n                    const value = e.target.value;\n                    this.setState({value}, () =>\n                        this.onChange(this.props.attr, this.props.schema.trim === false ? value : (value || '').trim()));\n                }}\n                placeholder={this.getText(this.props.schema.placeholder)}\n                label={this.getText(this.props.schema.label)}\n                helperText={this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}\n            />;\n        }\n    }\n}\n\nConfigText.propTypes = {\n    socket: PropTypes.object.isRequired,\n    themeType: PropTypes.string,\n    themeName: PropTypes.string,\n    style: PropTypes.object,\n    className: PropTypes.string,\n    data: PropTypes.object.isRequired,\n    schema: PropTypes.object,\n    onError: PropTypes.func,\n    onChange: PropTypes.func,\n};\n\nexport default withStyles(styles)(ConfigText);"],"mappings":"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"}