@iobroker/adapter-react-v5 7.0.1 → 7.1.0

package/src/Components/Logo.tsx

@@ -1,166 +1,176 @@
-import React from 'react';
-import { Fab } from '@mui/material';
-
-import {
-    Help as IconHelp,
-    VerticalAlignTop as IconUpload,
-    VerticalAlignBottom as IconDownload,
-} from '@mui/icons-material';
-
-import I18n from '../i18n';
-import Icon from './Icon';
-
-interface LogoProps {
-    /* Adapter common configuration from io-package.json */
-    common: any;
-    /* Adapter native data from io-package.json */
-    native: any;
-    /* Adapter instance number. */
-    instance: number;
-    /* on Load handler */
-    onLoad?: (contents: any) => void;
-    /* on Error handler */
-    onError?: (error: string) => void;
-    className?: string;
-    style?: Record<string, any>;
-}
-
-class Logo extends React.Component<LogoProps> {
-    static generateFile(fileName: string, obj: any) {
-        const el = window.document.createElement('a');
-        el.setAttribute('href', `data:application/json;charset=utf-8,${encodeURIComponent(JSON.stringify(obj, null, 2))}`);
-        el.setAttribute('download', fileName);
-
-        el.style.display = 'none';
-        window.document.body.appendChild(el);
-
-        el.click();
-
-        window.document.body.removeChild(el);
-    }
-
-    handleFileSelect = (evt: Event) => {
-        const target = evt.target as HTMLInputElement;
-        const files = target?.files;
-        if (!files || !files.length) {
-            console.error('No files found. Please report to developers');
-            return;
-        }
-        const f = files[0];
-
-        if (f) {
-            const r = new window.FileReader();
-            r.onload = () => {
-                const contents: string = r.result?.toString() || '';
-                try {
-                    const json = JSON.parse(contents);
-                    if (json.native && json.common) {
-                        if (json.common.name !== this.props.common.name) {
-                            this.props.onError && this.props.onError(I18n.t('ra_otherConfig', json.common.name));
-                        } else {
-                            this.props.onLoad && this.props.onLoad(json.native);
-                        }
-                    } else {
-                        this.props.onError && this.props.onError(I18n.t('ra_invalidConfig'));
-                    }
-                } catch (err: any) {
-                    this.props.onError && this.props.onError(err?.toString());
-                }
-            };
-            r.readAsText(f);
-        } else {
-            alert('Failed to open JSON File');
-        }
-    };
-
-    download() {
-        const result = {
-            _id: `system.adapter.${this.props.common.name}.${this.props.instance}`,
-            common: JSON.parse(JSON.stringify(this.props.common)),
-            native: this.props.native,
-        };
-        // remove unimportant information
-        if (result.common.news) {
-            delete result.common.news;
-        }
-        if (result.common.titleLang) {
-            delete result.common.titleLang;
-        }
-        if (result.common.desc) {
-            delete result.common.desc;
-        }
-
-        // window.open('data:application/iobroker; content-disposition=attachment; filename=' + result._id + '.json,' + JSON.stringify(result, null, 2));
-        Logo.generateFile(`${result._id}.json`, result);
-    }
-
-    upload() {
-        const input = window.document.createElement('input');
-        input.setAttribute('type', 'file');
-        input.setAttribute('id', 'files');
-        input.setAttribute('opacity', '0');
-        input.addEventListener('change', this.handleFileSelect, false);
-        (input.click)();
-    }
-
-    render() {
-        return <div className={this.props.className} style={this.props.style}>
-            {this.props.common.icon ?
-                <Icon
-                    src={this.props.common.icon}
-                    style={{
-                        padding: 8,
-                        width: 64,
-                    }}
-                    alt="logo"
-                /> : null}
-            {this.props.common.readme ?
-                <Fab
-                    size="small"
-                    color="primary"
-                    aria-label="Help"
-                    style={{
-                        marginRight: 5,
-                        marginTop: 5,
-                        float: 'right',
-                    }}
-                    onClick={() => {
-                        const win = window.open(this.props.common.readme, '_blank');
-                        win?.focus();
-                    }}
-                >
-                    <IconHelp />
-                </Fab> : null}
-            <Fab
-                size="small"
-                color="primary"
-                aria-label="Load config"
-                style={{
-                    marginRight: 5,
-                    marginTop: 5,
-                    float: 'right',
-                }}
-                title={I18n.t('ra_Load configuration from file')}
-                onClick={() => this.upload()}
-            >
-                <IconUpload />
-            </Fab>
-            <Fab
-                size="small"
-                color="primary"
-                aria-label="Save config"
-                style={{
-                    marginRight: 5,
-                    marginTop: 5,
-                    float: 'right',
-                }}
-                title={I18n.t('ra_Save configuration to file')}
-                onClick={() => this.download()}
-            >
-                <IconDownload />
-            </Fab>
-        </div>;
-    }
-}
-
-export default Logo;
+import React from 'react';
+import { Fab } from '@mui/material';
+
+import {
+    Help as IconHelp,
+    VerticalAlignTop as IconUpload,
+    VerticalAlignBottom as IconDownload,
+} from '@mui/icons-material';
+
+import I18n from '../i18n';
+import Icon from './Icon';
+
+interface LogoProps {
+    /* Adapter common configuration from io-package.json */
+    common: any;
+    /* Adapter native data from io-package.json */
+    native: any;
+    /* Adapter instance number. */
+    instance: number;
+    /* on Load handler */
+    onLoad?: (contents: any) => void;
+    /* on Error handler */
+    onError?: (error: string) => void;
+    className?: string;
+    style?: Record<string, any>;
+}
+
+class Logo extends React.Component<LogoProps> {
+    static generateFile(fileName: string, obj: any): void {
+        const el = window.document.createElement('a');
+        el.setAttribute(
+            'href',
+            `data:application/json;charset=utf-8,${encodeURIComponent(JSON.stringify(obj, null, 2))}`,
+        );
+        el.setAttribute('download', fileName);
+
+        el.style.display = 'none';
+        window.document.body.appendChild(el);
+
+        el.click();
+
+        window.document.body.removeChild(el);
+    }
+
+    handleFileSelect = (evt: Event): void => {
+        const target = evt.target as HTMLInputElement;
+        const files = target?.files;
+        if (!files || !files.length) {
+            console.error('No files found. Please report to developers');
+            return;
+        }
+        const f = files[0];
+
+        if (f) {
+            const r = new window.FileReader();
+            r.onload = () => {
+                const contents: string = r.result?.toString() || '';
+                try {
+                    const json = JSON.parse(contents);
+                    if (json.native && json.common) {
+                        if (json.common.name !== this.props.common.name) {
+                            this.props.onError && this.props.onError(I18n.t('ra_otherConfig', json.common.name));
+                        } else {
+                            this.props.onLoad && this.props.onLoad(json.native);
+                        }
+                    } else {
+                        this.props.onError && this.props.onError(I18n.t('ra_invalidConfig'));
+                    }
+                } catch (err: any) {
+                    this.props.onError && this.props.onError(err?.toString());
+                }
+            };
+            r.readAsText(f);
+        } else {
+            alert('Failed to open JSON File');
+        }
+    };
+
+    download(): void {
+        const result = {
+            _id: `system.adapter.${this.props.common.name}.${this.props.instance}`,
+            common: JSON.parse(JSON.stringify(this.props.common)),
+            native: this.props.native,
+        };
+        // remove unimportant information
+        if (result.common.news) {
+            delete result.common.news;
+        }
+        if (result.common.titleLang) {
+            delete result.common.titleLang;
+        }
+        if (result.common.desc) {
+            delete result.common.desc;
+        }
+
+        // window.open('data:application/iobroker; content-disposition=attachment; filename=' + result._id + '.json,' + JSON.stringify(result, null, 2));
+        Logo.generateFile(`${result._id}.json`, result);
+    }
+
+    upload(): void {
+        const input = window.document.createElement('input');
+        input.setAttribute('type', 'file');
+        input.setAttribute('id', 'files');
+        input.setAttribute('opacity', '0');
+        input.addEventListener('change', this.handleFileSelect, false);
+        input.click();
+    }
+
+    render(): React.JSX.Element {
+        return (
+            <div
+                className={this.props.className}
+                style={this.props.style}
+            >
+                {this.props.common.icon ? (
+                    <Icon
+                        src={this.props.common.icon}
+                        style={{
+                            padding: 8,
+                            width: 64,
+                        }}
+                        alt="logo"
+                    />
+                ) : null}
+                {this.props.common.readme ? (
+                    <Fab
+                        size="small"
+                        color="primary"
+                        aria-label="Help"
+                        style={{
+                            marginRight: 5,
+                            marginTop: 5,
+                            float: 'right',
+                        }}
+                        onClick={() => {
+                            const win = window.open(this.props.common.readme, '_blank');
+                            win?.focus();
+                        }}
+                    >
+                        <IconHelp />
+                    </Fab>
+                ) : null}
+                <Fab
+                    size="small"
+                    color="primary"
+                    aria-label="Load config"
+                    style={{
+                        marginRight: 5,
+                        marginTop: 5,
+                        float: 'right',
+                    }}
+                    title={I18n.t('ra_Load configuration from file')}
+                    onClick={() => this.upload()}
+                >
+                    <IconUpload />
+                </Fab>
+                <Fab
+                    size="small"
+                    color="primary"
+                    aria-label="Save config"
+                    style={{
+                        marginRight: 5,
+                        marginTop: 5,
+                        float: 'right',
+                    }}
+                    title={I18n.t('ra_Save configuration to file')}
+                    onClick={() => this.download()}
+                >
+                    <IconDownload />
+                </Fab>
+            </div>
+        );
+    }
+}
+
+export default Logo;

package/src/Components/MDUtils.tsx

@@ -1,100 +1,104 @@
-/**
- * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>
- *
- * MIT License
- *
- * */
-import copy from './CopyToClipboard';
-
-class MDUtils {
-    static text2link(text: string): string {
-        const m = text.match(/\d+\.\)\s/);
-        if (m) {
-            text = text.replace(m[0], m[0].replace(/\s/, '&nbsp;'));
-        }
-
-        return text.replace(/[^a-zA-Zа-яА-Я0-9]/g, '').trim().replace(/\s/g, '').toLowerCase();
-    }
-
-    static openLink(url: string, target?: string) {
-        // replace IPv6 Address with [ipv6]:port
-        url = url.replace(/\/\/([0-9a-f]*:[0-9a-f]*:[0-9a-f]*:[0-9a-f]*:[0-9a-f]*:[0-9a-f]*)(:\d+)?\//i, '//[$1]$2/');
-
-        if (target === 'this') {
-            window.location.href = url;
-        } else {
-            window.open(url, target || '_blank');
-        }
-    }
-
-    static getTitle(text: string) {
-        const result = MDUtils.extractHeader(text);
-        let body = result.body;
-        const header = result.header;
-        if (!header.title) {
-            // remove {docsify-bla}
-            body = body.replace(/{[^}]*}/g, '');
-            body = body.trim();
-            const lines = body.replace(/\r/g, '').split('\n');
-            for (let i = 0; i < lines.length; i++) {
-                if (lines[i].startsWith('# ')) {
-                    return lines[i].substring(2).trim();
-                }
-            }
-            return '';
-        }
-
-        return header.title;
-    }
-
-    static extractHeader(text: string): { header: Record<string, string | boolean | number>; body: string } {
-        const attrs: Record<string, string | boolean | number> = {};
-        if (text.substring(0, 3) === '---') {
-            const pos = text.substring(3).indexOf('\n---');
-            if (pos !== -1) {
-                const _header = text.substring(3, pos + 3);
-                const lines = _header.replace(/\r/g, '').split('\n');
-                lines.forEach(line => {
-                    if (!line.trim()) {
-                        return;
-                    }
-                    const pos_ = line.indexOf(':');
-                    if (pos_ !== -1) {
-                        const attr = line.substring(0, pos_).trim();
-                        let val: string = line.substring(pos_ + 1).trim();
-                        val = val.replace(/^['"]|['"]$/g, '');
-                        if (val === 'true') {
-                            attrs[attr] = true;
-                        } else if (val === 'false') {
-                            attrs[attr] = false;
-                        } else if (parseFloat(val).toString() === val) {
-                            attrs[attr] = parseFloat(val);
-                        } else {
-                            attrs[attr] = val;
-                        }
-                    } else {
-                        attrs[line.trim()] = true;
-                    }
-                });
-                text = text.substring(pos + 7);
-            }
-        }
-        return { header: attrs, body: text };
-    }
-
-    static removeDocsify(text: string): string {
-        const m = text.match(/{docsify-[^}]*}/g);
-        if (m) {
-            m.forEach(doc => text = text.replace(doc, ''));
-        }
-        return text;
-    }
-
-    static onCopy(e: Event | null, text: string): void {
-        copy(text);
-        e && e.stopPropagation();
-        e && e.preventDefault();
-    }
-}
-
-export default MDUtils;
+/**
+ * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>
+ *
+ * MIT License
+ *
+ */
+import copy from './CopyToClipboard';
+
+class MDUtils {
+    static text2link(text: string): string {
+        const m = text.match(/\d+\.\)\s/);
+        if (m) {
+            text = text.replace(m[0], m[0].replace(/\s/, '&nbsp;'));
+        }
+
+        return text
+            .replace(/[^a-zA-Zа-яА-Я0-9]/g, '')
+            .trim()
+            .replace(/\s/g, '')
+            .toLowerCase();
+    }
+
+    static openLink(url: string, target?: string): void {
+        // replace IPv6 Address with [ipv6]:port
+        url = url.replace(/\/\/([0-9a-f]*:[0-9a-f]*:[0-9a-f]*:[0-9a-f]*:[0-9a-f]*:[0-9a-f]*)(:\d+)?\//i, '//[$1]$2/');
+
+        if (target === 'this') {
+            window.location.href = url;
+        } else {
+            window.open(url, target || '_blank');
+        }
+    }
+
+    static getTitle(text: string): string {
+        const result = MDUtils.extractHeader(text);
+        let body = result.body;
+        const header = result.header;
+        if (!header.title) {
+            // remove {docsify-bla}
+            body = body.replace(/{[^}]*}/g, '');
+            body = body.trim();
+            const lines = body.replace(/\r/g, '').split('\n');
+            for (let i = 0; i < lines.length; i++) {
+                if (lines[i].startsWith('# ')) {
+                    return lines[i].substring(2).trim();
+                }
+            }
+            return '';
+        }
+
+        return header.title.toString();
+    }
+
+    static extractHeader(text: string): { header: Record<string, string | boolean | number>; body: string } {
+        const attrs: Record<string, string | boolean | number> = {};
+        if (text.substring(0, 3) === '---') {
+            const pos = text.substring(3).indexOf('\n---');
+            if (pos !== -1) {
+                const _header = text.substring(3, pos + 3);
+                const lines = _header.replace(/\r/g, '').split('\n');
+                lines.forEach(line => {
+                    if (!line.trim()) {
+                        return;
+                    }
+                    const pos_ = line.indexOf(':');
+                    if (pos_ !== -1) {
+                        const attr = line.substring(0, pos_).trim();
+                        let val: string = line.substring(pos_ + 1).trim();
+                        val = val.replace(/^['"]|['"]$/g, '');
+                        if (val === 'true') {
+                            attrs[attr] = true;
+                        } else if (val === 'false') {
+                            attrs[attr] = false;
+                        } else if (parseFloat(val).toString() === val) {
+                            attrs[attr] = parseFloat(val);
+                        } else {
+                            attrs[attr] = val;
+                        }
+                    } else {
+                        attrs[line.trim()] = true;
+                    }
+                });
+                text = text.substring(pos + 7);
+            }
+        }
+        return { header: attrs, body: text };
+    }
+
+    static removeDocsify(text: string): string {
+        const m = text.match(/{docsify-[^}]*}/g);
+        if (m) {
+            m.forEach(doc => (text = text.replace(doc, '')));
+        }
+        return text;
+    }
+
+    static onCopy(e: Event | null, text: string): void {
+        copy(text);
+        e && e.stopPropagation();
+        e && e.preventDefault();
+    }
+}
+
+export default MDUtils;