@iobroker/adapter-react-v5 8.2.12 → 8.3.0

package/build/Components/Image.js

@@ -82,10 +82,14 @@ export class Image extends Component {
         try {
             src = atob(src);
             const svg = getElementFromSource(src);
-            const inner = svg.innerHTML;
-            const svgProps = serializeAttrs(svg.attributes);
-            svg.remove();
-            return (React.createElement(Box, { component: "svg", sx: this.props.sx, className: this.props.className, style: this.state.color ? { color: this.state.color } : undefined, ...svgProps, dangerouslySetInnerHTML: { __html: inner } }));
+            let inner;
+            let svgProps;
+            if (svg) {
+                inner = svg.innerHTML;
+                svgProps = serializeAttrs(svg.attributes);
+                svg.remove();
+            }
+            return (React.createElement(Box, { component: "svg", sx: this.props.sx, className: this.props.className, style: this.state.color ? { color: this.state.color } : undefined, ...svgProps, dangerouslySetInnerHTML: { __html: inner || '' } }));
         }
         catch {
             // ignore

package/build/Components/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sourceRoot":"./src/","sources":["Components/Image.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX, Component } from 'react';\n\nimport { Box, type SxProps } from '@mui/material';\n\nimport { IconNoIcon } from '../icons/IconNoIcon';\n\nfunction getElementFromSource(src: string): HTMLElement | null {\n    const svgContainer = document.createElement('div');\n    svgContainer.innerHTML = src;\n    const svg: HTMLElement = svgContainer.firstElementChild as HTMLElement;\n    if (svg?.remove) {\n        svg.remove();\n    } else if (svg) {\n        svgContainer.removeChild(svg);\n    }\n\n    svgContainer.remove();\n    return svg;\n}\n\nfunction serializeAttrs(map?: NamedNodeMap): Record<string, string> {\n    const ret: Record<string, string> = {};\n    if (!map) {\n        return ret;\n    }\n    for (let prop, i = 0; i < map.length; i++) {\n        const key = map[i].name;\n        if (key === 'class') {\n            prop = 'className';\n        } else if (!key.startsWith('data-')) {\n            prop = key.replace(/[-|:]([a-z])/g, g => g[1].toUpperCase());\n        } else {\n            prop = key;\n        }\n\n        ret[prop] = map[i].value;\n    }\n    return ret;\n}\n\ninterface ImageProps {\n    /* The color */\n    color?: string;\n    /* The source of the image */\n    src?: string;\n    /* The image prefix (default: './files/') */\n    imagePrefix?: string;\n    /* The CSS class name */\n    className?: string;\n    /* Show image errors (or just show no image)? */\n    showError?: boolean;\n    sx?: SxProps;\n}\n\ninterface ImageState {\n    svg?: boolean;\n    created?: boolean;\n    color?: string;\n    src?: string;\n    imgError?: boolean;\n    showError?: boolean;\n}\n\n/**\n * A component for displaying an image.\n */\nexport class Image extends Component<ImageProps, ImageState> {\n    private svg: JSX.Element | null;\n\n    static REMOTE_SERVER: boolean = window.location.hostname.includes('iobroker.in');\n\n    static REMOTE_PREFIX: string = window.location.pathname.substring(0, window.location.pathname.lastIndexOf('/') + 1);\n\n    constructor(props: ImageProps) {\n        super(props);\n        this.state = {\n            svg: !!this.props.src?.startsWith('data:'),\n            created: true,\n            color: this.props.color || '',\n            src: this.props.src || '',\n            imgError: false,\n            showError: !!this.props.showError,\n        };\n\n        this.svg = this.state.svg && this.state.src ? this.getSvgFromData(this.state.src) : null;\n    }\n\n    static getDerivedStateFromProps(props: ImageProps, state: ImageState): Partial<ImageState> | null {\n        const newState: ImageState = {};\n        let changed = false;\n\n        if (props && state && props.src !== state.src) {\n            newState.src = props.src;\n            newState.svg = props.src?.startsWith('data:');\n            newState.created = false;\n            changed = true;\n        }\n\n        if (props && state && props.color !== state.color) {\n            newState.color = props.color;\n            newState.created = false;\n            changed = true;\n        }\n\n        if (props && state && props.showError !== state.showError) {\n            newState.showError = props.showError;\n            changed = true;\n        }\n\n        return changed ? newState : null;\n    }\n\n    getSvgFromData(src: string): JSX.Element | null {\n        const len = 'data:image/svg+xml;base64,';\n        if (!src.startsWith(len)) {\n            return null;\n        }\n        src = src.substring(len.length);\n        try {\n            src = atob(src);\n            const svg: HTMLElement = getElementFromSource(src);\n            const inner = svg.innerHTML;\n            const svgProps = serializeAttrs(svg.attributes);\n\n            svg.remove();\n\n            return (\n                <Box\n                    component=\"svg\"\n                    sx={this.props.sx}\n                    className={this.props.className}\n                    style={this.state.color ? { color: this.state.color } : undefined}\n                    {...svgProps}\n                    dangerouslySetInnerHTML={{ __html: inner }}\n                />\n            );\n        } catch {\n            // ignore\n        }\n        return null;\n    }\n\n    render(): JSX.Element | null {\n        if (this.state.svg) {\n            if (!this.state.created) {\n                setTimeout(() => {\n                    this.svg = this.state.src ? this.getSvgFromData(this.state.src) : null;\n                    this.setState({ created: true });\n                }, 50);\n            }\n\n            return this.svg;\n        }\n        if (this.state.src) {\n            if (this.state.imgError || !this.state.src) {\n                return <IconNoIcon className={this.props.className} />;\n            }\n            if (\n                Image.REMOTE_SERVER &&\n                !this.state.src.startsWith('http://') &&\n                !this.state.src.startsWith('https://')\n            ) {\n                let src = (this.props.imagePrefix || '') + this.state.src;\n                if (src.startsWith('./')) {\n                    src = Image.REMOTE_PREFIX + src.substring(2);\n                } else if (!src.startsWith('/')) {\n                    src = Image.REMOTE_PREFIX + src;\n                }\n                return (\n                    <Box\n                        component=\"img\"\n                        sx={this.props.sx}\n                        className={this.props.className}\n                        src={`https://remote-files.iobroker.in${src}`}\n                        alt=\"\"\n                        onError={() =>\n                            this.props.showError ? this.setState({ imgError: true }) : this.setState({ src: '' })\n                        }\n                    />\n                );\n            }\n\n            return (\n                <Box\n                    component=\"img\"\n                    sx={this.props.sx}\n                    className={this.props.className}\n                    src={(this.props.imagePrefix || '') + this.state.src}\n                    alt=\"\"\n                    onError={() =>\n                        this.props.showError ? this.setState({ imgError: true }) : this.setState({ src: '' })\n                    }\n                />\n            );\n        }\n\n        return null;\n    }\n}\n"]}
+{"version":3,"file":"Image.js","sourceRoot":"./src/","sources":["Components/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,GAAG,EAAgB,MAAM,eAAe,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,SAAS,oBAAoB,CAAC,GAAW;IACrC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACnD,YAAY,CAAC,SAAS,GAAG,GAAG,CAAC;IAC7B,MAAM,GAAG,GAAgB,YAAY,CAAC,iBAAgC,CAAC;IACvE,IAAI,GAAG,EAAE,MAAM,EAAE,CAAC;QACd,GAAG,CAAC,MAAM,EAAE,CAAC;IACjB,CAAC;SAAM,IAAI,GAAG,EAAE,CAAC;QACb,YAAY,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAClC,CAAC;IAED,YAAY,CAAC,MAAM,EAAE,CAAC;IACtB,OAAO,GAAG,CAAC;AACf,CAAC;AAED,SAAS,cAAc,CAAC,GAAkB;IACtC,MAAM,GAAG,GAA2B,EAAE,CAAC;IACvC,IAAI,CAAC,GAAG,EAAE,CAAC;QACP,OAAO,GAAG,CAAC;IACf,CAAC;IACD,KAAK,IAAI,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACxC,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACxB,IAAI,GAAG,KAAK,OAAO,EAAE,CAAC;YAClB,IAAI,GAAG,WAAW,CAAC;QACvB,CAAC;aAAM,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;YAClC,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;QACjE,CAAC;aAAM,CAAC;YACJ,IAAI,GAAG,GAAG,CAAC;QACf,CAAC;QAED,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAC7B,CAAC;IACD,OAAO,GAAG,CAAC;AACf,CAAC;AAyBD;;GAEG;AACH,MAAM,OAAO,KAAM,SAAQ,SAAiC;IAChD,GAAG,CAAqB;IAEhC,MAAM,CAAC,aAAa,GAAY,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAEjF,MAAM,CAAC,aAAa,GAAW,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAEpH,YAAY,KAAiB;QACzB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,UAAU,CAAC,OAAO,CAAC;YAC1C,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE;YAC7B,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,EAAE;YACzB,QAAQ,EAAE,KAAK;YACf,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS;SACpC,CAAC;QAEF,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7F,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAiB,EAAE,KAAiB;QAChE,MAAM,QAAQ,GAAe,EAAE,CAAC;QAChC,IAAI,OAAO,GAAG,KAAK,CAAC;QAEpB,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,CAAC,GAAG,EAAE,CAAC;YAC5C,QAAQ,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;YACzB,QAAQ,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;YAC9C,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;YACzB,OAAO,GAAG,IAAI,CAAC;QACnB,CAAC;QAED,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,EAAE,CAAC;YAChD,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;YAC7B,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;YACzB,OAAO,GAAG,IAAI,CAAC;QACnB,CAAC;QAED,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,SAAS,EAAE,CAAC;YACxD,QAAQ,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;YACrC,OAAO,GAAG,IAAI,CAAC;QACnB,CAAC;QAED,OAAO,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;IACrC,CAAC;IAED,cAAc,CAAC,GAAW;QACtB,MAAM,GAAG,GAAG,4BAA4B,CAAC;QACzC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YACvB,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,GAAG,GAAG,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC;YACD,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;YAChB,MAAM,GAAG,GAAuB,oBAAoB,CAAC,GAAG,CAAC,CAAC;YAC1D,IAAI,KAAyB,CAAC;YAC9B,IAAI,QAA4C,CAAC;YACjD,IAAI,GAAG,EAAE,CAAC;gBACN,KAAK,GAAG,GAAG,CAAC,SAAS,CAAC;gBACtB,QAAQ,GAAG,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;gBAC1C,GAAG,CAAC,MAAM,EAAE,CAAC;YACjB,CAAC;YAED,OAAO,CACH,oBAAC,GAAG,IACA,SAAS,EAAC,KAAK,EACf,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACjB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,KAC7D,QAAQ,EACZ,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,IAAI,EAAE,EAAE,GAClD,CACL,CAAC;QACN,CAAC;QAAC,MAAM,CAAC;YACL,SAAS;QACb,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM;QACF,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;YACjB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;gBACtB,UAAU,CAAC,GAAG,EAAE;oBACZ,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;oBACvE,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;gBACrC,CAAC,EAAE,EAAE,CAAC,CAAC;YACX,CAAC;YAED,OAAO,IAAI,CAAC,GAAG,CAAC;QACpB,CAAC;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;YACjB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;gBACzC,OAAO,oBAAC,UAAU,IAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAI,CAAC;YAC3D,CAAC;YACD,IACI,KAAK,CAAC,aAAa;gBACnB,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC;gBACrC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,UAAU,CAAC,EACxC,CAAC;gBACC,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;gBAC1D,IAAI,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;oBACvB,GAAG,GAAG,KAAK,CAAC,aAAa,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;gBACjD,CAAC;qBAAM,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;oBAC9B,GAAG,GAAG,KAAK,CAAC,aAAa,GAAG,GAAG,CAAC;gBACpC,CAAC;gBACD,OAAO,CACH,oBAAC,GAAG,IACA,SAAS,EAAC,KAAK,EACf,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACjB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,GAAG,EAAE,mCAAmC,GAAG,EAAE,EAC7C,GAAG,EAAC,EAAE,EACN,OAAO,EAAE,GAAG,EAAE,CACV,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAE3F,CACL,CAAC;YACN,CAAC;YAED,OAAO,CACH,oBAAC,GAAG,IACA,SAAS,EAAC,KAAK,EACf,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACjB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,EACpD,GAAG,EAAC,EAAE,EACN,OAAO,EAAE,GAAG,EAAE,CACV,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAE3F,CACL,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC","sourcesContent":["import React, { type JSX, Component } from 'react';\n\nimport { Box, type SxProps } from '@mui/material';\n\nimport { IconNoIcon } from '../icons/IconNoIcon';\n\nfunction getElementFromSource(src: string): HTMLElement | null {\n    const svgContainer = document.createElement('div');\n    svgContainer.innerHTML = src;\n    const svg: HTMLElement = svgContainer.firstElementChild as HTMLElement;\n    if (svg?.remove) {\n        svg.remove();\n    } else if (svg) {\n        svgContainer.removeChild(svg);\n    }\n\n    svgContainer.remove();\n    return svg;\n}\n\nfunction serializeAttrs(map?: NamedNodeMap): Record<string, string> {\n    const ret: Record<string, string> = {};\n    if (!map) {\n        return ret;\n    }\n    for (let prop, i = 0; i < map.length; i++) {\n        const key = map[i].name;\n        if (key === 'class') {\n            prop = 'className';\n        } else if (!key.startsWith('data-')) {\n            prop = key.replace(/[-|:]([a-z])/g, g => g[1].toUpperCase());\n        } else {\n            prop = key;\n        }\n\n        ret[prop] = map[i].value;\n    }\n    return ret;\n}\n\ninterface ImageProps {\n    /* The color */\n    color?: string;\n    /* The source of the image */\n    src?: string;\n    /* The image prefix (default: './files/') */\n    imagePrefix?: string;\n    /* The CSS class name */\n    className?: string;\n    /* Show image errors (or just show no image)? */\n    showError?: boolean;\n    sx?: SxProps;\n}\n\ninterface ImageState {\n    svg?: boolean;\n    created?: boolean;\n    color?: string;\n    src?: string;\n    imgError?: boolean;\n    showError?: boolean;\n}\n\n/**\n * A component for displaying an image.\n */\nexport class Image extends Component<ImageProps, ImageState> {\n    private svg: JSX.Element | null;\n\n    static REMOTE_SERVER: boolean = window.location.hostname.includes('iobroker.in');\n\n    static REMOTE_PREFIX: string = window.location.pathname.substring(0, window.location.pathname.lastIndexOf('/') + 1);\n\n    constructor(props: ImageProps) {\n        super(props);\n        this.state = {\n            svg: !!this.props.src?.startsWith('data:'),\n            created: true,\n            color: this.props.color || '',\n            src: this.props.src || '',\n            imgError: false,\n            showError: !!this.props.showError,\n        };\n\n        this.svg = this.state.svg && this.state.src ? this.getSvgFromData(this.state.src) : null;\n    }\n\n    static getDerivedStateFromProps(props: ImageProps, state: ImageState): Partial<ImageState> | null {\n        const newState: ImageState = {};\n        let changed = false;\n\n        if (props && state && props.src !== state.src) {\n            newState.src = props.src;\n            newState.svg = props.src?.startsWith('data:');\n            newState.created = false;\n            changed = true;\n        }\n\n        if (props && state && props.color !== state.color) {\n            newState.color = props.color;\n            newState.created = false;\n            changed = true;\n        }\n\n        if (props && state && props.showError !== state.showError) {\n            newState.showError = props.showError;\n            changed = true;\n        }\n\n        return changed ? newState : null;\n    }\n\n    getSvgFromData(src: string): JSX.Element | null {\n        const len = 'data:image/svg+xml;base64,';\n        if (!src.startsWith(len)) {\n            return null;\n        }\n        src = src.substring(len.length);\n        try {\n            src = atob(src);\n            const svg: HTMLElement | null = getElementFromSource(src);\n            let inner: string | undefined;\n            let svgProps: Record<string, string> | undefined;\n            if (svg) {\n                inner = svg.innerHTML;\n                svgProps = serializeAttrs(svg.attributes);\n                svg.remove();\n            }\n\n            return (\n                <Box\n                    component=\"svg\"\n                    sx={this.props.sx}\n                    className={this.props.className}\n                    style={this.state.color ? { color: this.state.color } : undefined}\n                    {...svgProps}\n                    dangerouslySetInnerHTML={{ __html: inner || '' }}\n                />\n            );\n        } catch {\n            // ignore\n        }\n        return null;\n    }\n\n    render(): JSX.Element | null {\n        if (this.state.svg) {\n            if (!this.state.created) {\n                setTimeout(() => {\n                    this.svg = this.state.src ? this.getSvgFromData(this.state.src) : null;\n                    this.setState({ created: true });\n                }, 50);\n            }\n\n            return this.svg;\n        }\n        if (this.state.src) {\n            if (this.state.imgError || !this.state.src) {\n                return <IconNoIcon className={this.props.className} />;\n            }\n            if (\n                Image.REMOTE_SERVER &&\n                !this.state.src.startsWith('http://') &&\n                !this.state.src.startsWith('https://')\n            ) {\n                let src = (this.props.imagePrefix || '') + this.state.src;\n                if (src.startsWith('./')) {\n                    src = Image.REMOTE_PREFIX + src.substring(2);\n                } else if (!src.startsWith('/')) {\n                    src = Image.REMOTE_PREFIX + src;\n                }\n                return (\n                    <Box\n                        component=\"img\"\n                        sx={this.props.sx}\n                        className={this.props.className}\n                        src={`https://remote-files.iobroker.in${src}`}\n                        alt=\"\"\n                        onError={() =>\n                            this.props.showError ? this.setState({ imgError: true }) : this.setState({ src: '' })\n                        }\n                    />\n                );\n            }\n\n            return (\n                <Box\n                    component=\"img\"\n                    sx={this.props.sx}\n                    className={this.props.className}\n                    src={(this.props.imagePrefix || '') + this.state.src}\n                    alt=\"\"\n                    onError={() =>\n                        this.props.showError ? this.setState({ imgError: true }) : this.setState({ src: '' })\n                    }\n                />\n            );\n        }\n\n        return null;\n    }\n}\n"]}

package/build/Components/IobUri.js

@@ -43,7 +43,7 @@ export function iobUriParse(uri) {
         result.type = 'file';
         uri = uri.replace('iobfile://', '');
         const parts = uri.split('/');
-        result.address = parts.shift();
+        result.address = parts.shift() || '';
         result.path = parts.join('/'); // main/img/hello.png
     }
     else if (uri.startsWith('http://') || uri.startsWith('https://')) {
@@ -97,7 +97,7 @@ export function iobUriParse(uri) {
         }
         else {
             // it is a file
-            result.address = parts.shift();
+            result.address = parts.shift() || '';
             result.type = 'file';
             result.path = parts.join('/');
         }
@@ -146,7 +146,7 @@ export async function iobUriRead(uri, socket) {
         return state?.[uri.path];
     }
     if (uri.type === 'file') {
-        return await socket.readFile(uri.address, uri.path, true);
+        return await socket.readFile(uri.address, uri.path || '', true);
     }
     if (uri.type === 'http') {
         return fetch(uri.address)

package/build/Components/IobUri.js.map

@@ -1 +1 @@
-{"version":3,"file":"IobUri.js","sourceRoot":"./src/","sources":["Components/IobUri.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Connection } from '../index';\n\nexport type IobUri = string;\nexport type IobUriType = 'object' | 'state' | 'file' | 'http' | 'base64';\n\nexport type IobUriParsed = { type: IobUriType; address: string; path?: string };\n\nexport function iobUriToString(uri: IobUriParsed): IobUri {\n    if (uri.type === 'object') {\n        return `iobobject://${uri.address}/${uri.path || ''}`;\n    }\n    if (uri.type === 'state') {\n        return `iobstate://${uri.address}`;\n    }\n    if (uri.type === 'file') {\n        return `iobfile://${uri.address}/${uri.path || ''}`;\n    }\n    if (uri.type === 'http') {\n        return uri.address;\n    }\n    if (uri.path?.includes('/')) {\n        return `iobfile://${uri.address}/${uri.path}`;\n    }\n    if (uri.path) {\n        return `iobobject://${uri.address}/${uri.path}`;\n    }\n    return `iobstate://${uri.address}`;\n}\n\n/** Parse ioBroker URI */\nexport function iobUriParse(uri: string): IobUriParsed {\n    const result: IobUriParsed = {\n        type: 'object',\n        address: '',\n    };\n    if (uri.startsWith('iobobject://')) {\n        result.type = 'object';\n        uri = uri.replace('iobobject://', '');\n        const parts = uri.split('/');\n        result.address = parts[0];\n        result.path = parts[1]; // native.schemas.myObject\n    } else if (uri.startsWith('iobstate://')) {\n        result.type = 'state';\n        uri = uri.replace('iobstate://', '');\n        const parts = uri.split('/');\n        result.address = parts[0];\n        result.path = parts[1]; // val, ts, lc, from, q, ...\n    } else if (uri.startsWith('iobfile://')) {\n        result.type = 'file';\n        uri = uri.replace('iobfile://', '');\n        const parts = uri.split('/');\n        result.address = parts.shift();\n        result.path = parts.join('/'); // main/img/hello.png\n    } else if (uri.startsWith('http://') || uri.startsWith('https://')) {\n        result.type = 'http';\n        result.address = uri; // https://googlw.com/path/uri?lakds=7889\n    } else if (uri.startsWith('data:')) {\n        // data:image/jpeg;base64,\n        result.type = 'base64';\n        result.address = uri; // data:image/jpeg;base64,...\n    } else {\n        // no protocol provided\n        const parts = uri.split('/');\n        if (parts.length === 2) {\n            result.address = parts[0];\n            result.path = parts[1];\n            if (result.path.includes('.')) {\n                result.type = 'object';\n            } else if (result.path) {\n                if (\n                    result.path === 'val' ||\n                    result.path === 'q' ||\n                    result.path === 'ack' ||\n                    result.path === 'ts' ||\n                    result.path === 'lc' ||\n                    result.path === 'from' ||\n                    result.path === 'user' ||\n                    result.path === 'expire' ||\n                    result.path === 'c'\n                ) {\n                    result.type = 'state';\n                } else if (\n                    result.path === 'common' ||\n                    result.path === 'native' ||\n                    result.path === 'from' ||\n                    result.path === 'acl' ||\n                    result.path === 'type'\n                ) {\n                    result.type = 'object';\n                } else {\n                    throw new Error(`Unknown path: ${result.path}`);\n                }\n            } else {\n                result.type = 'state';\n            }\n        } else if (parts.length === 1) {\n            result.address = parts[0];\n            result.type = 'state';\n        } else {\n            // it is a file\n            result.address = parts.shift();\n            result.type = 'file';\n            result.path = parts.join('/');\n        }\n    }\n    return result;\n}\n\nexport function getAttrInObject(\n    obj: Record<string, any> | null | undefined,\n    path: string[] | undefined,\n    _position?: number,\n): any {\n    _position ||= 0;\n    if (obj === undefined || obj === null || !path) {\n        return obj;\n    }\n    if (path.length - 1 === _position) {\n        return obj[path[_position]];\n    }\n    if (typeof obj === 'object') {\n        return getAttrInObject(obj[path[_position]], path, _position + 1);\n    }\n    return undefined;\n}\n\nexport function setAttrInObject(\n    obj: Record<string, any> | null | undefined,\n    path: string[] | undefined,\n    value: any,\n    _position?: number,\n): any {\n    _position ||= 0;\n    if (obj === undefined || obj === null || !path) {\n        return value;\n    }\n    if (path.length - 1 === _position) {\n        obj[path[_position]] = value;\n        return obj;\n    }\n    if (typeof obj === 'object') {\n        return setAttrInObject(obj[path[_position]], path, value, _position + 1);\n    }\n}\n\nexport async function iobUriRead(uri: IobUri | IobUriParsed, socket: Connection): Promise<any> {\n    if (typeof uri === 'string') {\n        uri = iobUriParse(uri);\n    }\n    if (uri.type === 'object') {\n        const obj: ioBroker.Object | null | undefined = await socket.getObject(uri.address);\n        return getAttrInObject(obj, uri.path?.split('.'));\n    }\n    if (uri.type === 'state') {\n        const state: ioBroker.State | null | undefined = await socket.getState(uri.address);\n        if (!uri.path) {\n            return state;\n        }\n        return (state as Record<string, any>)?.[uri.path];\n    }\n    if (uri.type === 'file') {\n        return await socket.readFile(uri.address, uri.path, true);\n    }\n    if (uri.type === 'http') {\n        return fetch(uri.address)\n            .then(response => response.text())\n            .then(text => {\n                if ((text.startsWith('{') && text.endsWith('}')) || (text.startsWith('[') && text.endsWith(']'))) {\n                    try {\n                        return JSON.parse(text);\n                    } catch {\n                        // ignore\n                    }\n                }\n                return text;\n            });\n    }\n    throw new Error(`Unknown type: ${uri.type}`);\n}\n"]}
+{"version":3,"file":"IobUri.js","sourceRoot":"./src/","sources":["Components/IobUri.tsx"],"names":[],"mappings":"AAOA,MAAM,UAAU,cAAc,CAAC,GAAiB;IAC5C,IAAI,GAAG,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QACxB,OAAO,eAAe,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,IAAI,IAAI,EAAE,EAAE,CAAC;IAC1D,CAAC;IACD,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QACvB,OAAO,cAAc,GAAG,CAAC,OAAO,EAAE,CAAC;IACvC,CAAC;IACD,IAAI,GAAG,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QACtB,OAAO,aAAa,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,IAAI,IAAI,EAAE,EAAE,CAAC;IACxD,CAAC;IACD,IAAI,GAAG,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QACtB,OAAO,GAAG,CAAC,OAAO,CAAC;IACvB,CAAC;IACD,IAAI,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QAC1B,OAAO,aAAa,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,IAAI,EAAE,CAAC;IAClD,CAAC;IACD,IAAI,GAAG,CAAC,IAAI,EAAE,CAAC;QACX,OAAO,eAAe,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,IAAI,EAAE,CAAC;IACpD,CAAC;IACD,OAAO,cAAc,GAAG,CAAC,OAAO,EAAE,CAAC;AACvC,CAAC;AAED,yBAAyB;AACzB,MAAM,UAAU,WAAW,CAAC,GAAW;IACnC,MAAM,MAAM,GAAiB;QACzB,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE,EAAE;KACd,CAAC;IACF,IAAI,GAAG,CAAC,UAAU,CAAC,cAAc,CAAC,EAAE,CAAC;QACjC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;QACvB,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;QACtC,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC7B,MAAM,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QAC1B,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,0BAA0B;IACtD,CAAC;SAAM,IAAI,GAAG,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,CAAC;QACvC,MAAM,CAAC,IAAI,GAAG,OAAO,CAAC;QACtB,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;QACrC,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC7B,MAAM,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QAC1B,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,4BAA4B;IACxD,CAAC;SAAM,IAAI,GAAG,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,CAAC;QACtC,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC;QACrB,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;QACpC,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC7B,MAAM,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC;QACrC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAqB;IACxD,CAAC;SAAM,IAAI,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;QACjE,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC;QACrB,MAAM,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC,yCAAyC;IACnE,CAAC;SAAM,IAAI,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;QACjC,0BAA0B;QAC1B,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;QACvB,MAAM,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC,6BAA6B;IACvD,CAAC;SAAM,CAAC;QACJ,uBAAuB;QACvB,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC7B,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACrB,MAAM,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YAC1B,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACvB,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC5B,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;YAC3B,CAAC;iBAAM,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;gBACrB,IACI,MAAM,CAAC,IAAI,KAAK,KAAK;oBACrB,MAAM,CAAC,IAAI,KAAK,GAAG;oBACnB,MAAM,CAAC,IAAI,KAAK,KAAK;oBACrB,MAAM,CAAC,IAAI,KAAK,IAAI;oBACpB,MAAM,CAAC,IAAI,KAAK,IAAI;oBACpB,MAAM,CAAC,IAAI,KAAK,MAAM;oBACtB,MAAM,CAAC,IAAI,KAAK,MAAM;oBACtB,MAAM,CAAC,IAAI,KAAK,QAAQ;oBACxB,MAAM,CAAC,IAAI,KAAK,GAAG,EACrB,CAAC;oBACC,MAAM,CAAC,IAAI,GAAG,OAAO,CAAC;gBAC1B,CAAC;qBAAM,IACH,MAAM,CAAC,IAAI,KAAK,QAAQ;oBACxB,MAAM,CAAC,IAAI,KAAK,QAAQ;oBACxB,MAAM,CAAC,IAAI,KAAK,MAAM;oBACtB,MAAM,CAAC,IAAI,KAAK,KAAK;oBACrB,MAAM,CAAC,IAAI,KAAK,MAAM,EACxB,CAAC;oBACC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;gBAC3B,CAAC;qBAAM,CAAC;oBACJ,MAAM,IAAI,KAAK,CAAC,iBAAiB,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;gBACpD,CAAC;YACL,CAAC;iBAAM,CAAC;gBACJ,MAAM,CAAC,IAAI,GAAG,OAAO,CAAC;YAC1B,CAAC;QACL,CAAC;aAAM,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC5B,MAAM,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YAC1B,MAAM,CAAC,IAAI,GAAG,OAAO,CAAC;QAC1B,CAAC;aAAM,CAAC;YACJ,eAAe;YACf,MAAM,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC;YACrC,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC;YACrB,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAClC,CAAC;IACL,CAAC;IACD,OAAO,MAAM,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,eAAe,CAC3B,GAA2C,EAC3C,IAA0B,EAC1B,SAAkB;IAElB,SAAS,KAAK,CAAC,CAAC;IAChB,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QAC7C,OAAO,GAAG,CAAC;IACf,CAAC;IACD,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,KAAK,SAAS,EAAE,CAAC;QAChC,OAAO,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IAChC,CAAC;IACD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC1B,OAAO,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC;IACtE,CAAC;IACD,OAAO,SAAS,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,eAAe,CAC3B,GAA2C,EAC3C,IAA0B,EAC1B,KAAU,EACV,SAAkB;IAElB,SAAS,KAAK,CAAC,CAAC;IAChB,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QAC7C,OAAO,KAAK,CAAC;IACjB,CAAC;IACD,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,KAAK,SAAS,EAAE,CAAC;QAChC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,KAAK,CAAC;QAC7B,OAAO,GAAG,CAAC;IACf,CAAC;IACD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC1B,OAAO,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC;IAC7E,CAAC;AACL,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,UAAU,CAAC,GAA0B,EAAE,MAAkB;IAC3E,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC1B,GAAG,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;IAC3B,CAAC;IACD,IAAI,GAAG,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QACxB,MAAM,GAAG,GAAuC,MAAM,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACpF,OAAO,eAAe,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IACtD,CAAC;IACD,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QACvB,MAAM,KAAK,GAAsC,MAAM,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACpF,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;YACZ,OAAO,KAAK,CAAC;QACjB,CAAC;QACD,OAAQ,KAA6B,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACtD,CAAC;IACD,IAAI,GAAG,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QACtB,OAAO,MAAM,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,IAAI,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC;IACpE,CAAC;IACD,IAAI,GAAG,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QACtB,OAAO,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;aACpB,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;aACjC,IAAI,CAAC,IAAI,CAAC,EAAE;YACT,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;gBAC/F,IAAI,CAAC;oBACD,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBAC5B,CAAC;gBAAC,MAAM,CAAC;oBACL,SAAS;gBACb,CAAC;YACL,CAAC;YACD,OAAO,IAAI,CAAC;QAChB,CAAC,CAAC,CAAC;IACX,CAAC;IACD,MAAM,IAAI,KAAK,CAAC,iBAAiB,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;AACjD,CAAC","sourcesContent":["import type { Connection } from '../index';\n\nexport type IobUri = string;\nexport type IobUriType = 'object' | 'state' | 'file' | 'http' | 'base64';\n\nexport type IobUriParsed = { type: IobUriType; address: string; path?: string };\n\nexport function iobUriToString(uri: IobUriParsed): IobUri {\n    if (uri.type === 'object') {\n        return `iobobject://${uri.address}/${uri.path || ''}`;\n    }\n    if (uri.type === 'state') {\n        return `iobstate://${uri.address}`;\n    }\n    if (uri.type === 'file') {\n        return `iobfile://${uri.address}/${uri.path || ''}`;\n    }\n    if (uri.type === 'http') {\n        return uri.address;\n    }\n    if (uri.path?.includes('/')) {\n        return `iobfile://${uri.address}/${uri.path}`;\n    }\n    if (uri.path) {\n        return `iobobject://${uri.address}/${uri.path}`;\n    }\n    return `iobstate://${uri.address}`;\n}\n\n/** Parse ioBroker URI */\nexport function iobUriParse(uri: string): IobUriParsed {\n    const result: IobUriParsed = {\n        type: 'object',\n        address: '',\n    };\n    if (uri.startsWith('iobobject://')) {\n        result.type = 'object';\n        uri = uri.replace('iobobject://', '');\n        const parts = uri.split('/');\n        result.address = parts[0];\n        result.path = parts[1]; // native.schemas.myObject\n    } else if (uri.startsWith('iobstate://')) {\n        result.type = 'state';\n        uri = uri.replace('iobstate://', '');\n        const parts = uri.split('/');\n        result.address = parts[0];\n        result.path = parts[1]; // val, ts, lc, from, q, ...\n    } else if (uri.startsWith('iobfile://')) {\n        result.type = 'file';\n        uri = uri.replace('iobfile://', '');\n        const parts = uri.split('/');\n        result.address = parts.shift() || '';\n        result.path = parts.join('/'); // main/img/hello.png\n    } else if (uri.startsWith('http://') || uri.startsWith('https://')) {\n        result.type = 'http';\n        result.address = uri; // https://googlw.com/path/uri?lakds=7889\n    } else if (uri.startsWith('data:')) {\n        // data:image/jpeg;base64,\n        result.type = 'base64';\n        result.address = uri; // data:image/jpeg;base64,...\n    } else {\n        // no protocol provided\n        const parts = uri.split('/');\n        if (parts.length === 2) {\n            result.address = parts[0];\n            result.path = parts[1];\n            if (result.path.includes('.')) {\n                result.type = 'object';\n            } else if (result.path) {\n                if (\n                    result.path === 'val' ||\n                    result.path === 'q' ||\n                    result.path === 'ack' ||\n                    result.path === 'ts' ||\n                    result.path === 'lc' ||\n                    result.path === 'from' ||\n                    result.path === 'user' ||\n                    result.path === 'expire' ||\n                    result.path === 'c'\n                ) {\n                    result.type = 'state';\n                } else if (\n                    result.path === 'common' ||\n                    result.path === 'native' ||\n                    result.path === 'from' ||\n                    result.path === 'acl' ||\n                    result.path === 'type'\n                ) {\n                    result.type = 'object';\n                } else {\n                    throw new Error(`Unknown path: ${result.path}`);\n                }\n            } else {\n                result.type = 'state';\n            }\n        } else if (parts.length === 1) {\n            result.address = parts[0];\n            result.type = 'state';\n        } else {\n            // it is a file\n            result.address = parts.shift() || '';\n            result.type = 'file';\n            result.path = parts.join('/');\n        }\n    }\n    return result;\n}\n\nexport function getAttrInObject(\n    obj: Record<string, any> | null | undefined,\n    path: string[] | undefined,\n    _position?: number,\n): any {\n    _position ||= 0;\n    if (obj === undefined || obj === null || !path) {\n        return obj;\n    }\n    if (path.length - 1 === _position) {\n        return obj[path[_position]];\n    }\n    if (typeof obj === 'object') {\n        return getAttrInObject(obj[path[_position]], path, _position + 1);\n    }\n    return undefined;\n}\n\nexport function setAttrInObject(\n    obj: Record<string, any> | null | undefined,\n    path: string[] | undefined,\n    value: any,\n    _position?: number,\n): any {\n    _position ||= 0;\n    if (obj === undefined || obj === null || !path) {\n        return value;\n    }\n    if (path.length - 1 === _position) {\n        obj[path[_position]] = value;\n        return obj;\n    }\n    if (typeof obj === 'object') {\n        return setAttrInObject(obj[path[_position]], path, value, _position + 1);\n    }\n}\n\nexport async function iobUriRead(uri: IobUri | IobUriParsed, socket: Connection): Promise<any> {\n    if (typeof uri === 'string') {\n        uri = iobUriParse(uri);\n    }\n    if (uri.type === 'object') {\n        const obj: ioBroker.Object | null | undefined = await socket.getObject(uri.address);\n        return getAttrInObject(obj, uri.path?.split('.'));\n    }\n    if (uri.type === 'state') {\n        const state: ioBroker.State | null | undefined = await socket.getState(uri.address);\n        if (!uri.path) {\n            return state;\n        }\n        return (state as Record<string, any>)?.[uri.path];\n    }\n    if (uri.type === 'file') {\n        return await socket.readFile(uri.address, uri.path || '', true);\n    }\n    if (uri.type === 'http') {\n        return fetch(uri.address)\n            .then(response => response.text())\n            .then(text => {\n                if ((text.startsWith('{') && text.endsWith('}')) || (text.startsWith('[') && text.endsWith(']'))) {\n                    try {\n                        return JSON.parse(text);\n                    } catch {\n                        // ignore\n                    }\n                }\n                return text;\n            });\n    }\n    throw new Error(`Unknown type: ${uri.type}`);\n}\n"]}

package/build/Components/ObjectBrowser.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright 2020-2025, Denis Haev <dogafox@gmail.com>
+ * Copyright 2020-2026, Denis Haev <dogafox@gmail.com>
  *
  * MIT License
  *
@@ -225,7 +225,7 @@ export declare class ObjectBrowserClass extends Component<ObjectBrowserProps, Ob
      */
     renderItem(root: TreeItem, isExpanded: boolean | undefined, counter?: {
         count: number;
-    }): JSX.Element[];
+    }): (JSX.Element | null)[];
     private calculateColumnsVisibility;
     resizerMouseMove: (e: MouseEvent) => void;
     resizerMouseUp: () => void;

package/build/Components/ObjectBrowser.js

@@ -1,5 +1,5 @@
 /**
- * Copyright 2020-2025, Denis Haev <dogafox@gmail.com>
+ * Copyright 2020-2026, Denis Haev <dogafox@gmail.com>
  *
  * MIT License
  *
@@ -37,6 +37,7 @@ const COLOR_NAME_CONNECTED_DARK = '#57ff45';
 const COLOR_NAME_CONNECTED_LIGHT = '#098c04';
 const COLOR_NAME_DISCONNECTED_DARK = '#f3ad11';
 const COLOR_NAME_DISCONNECTED_LIGHT = '#6c5008';
+const DEFAULT_DATE_FORMAT = 'YYYY.MM.DD';
 const styles = {
     toolbar: {
         minHeight: 38, // Theme.toolbar.height,
@@ -825,7 +826,7 @@ export class ObjectBrowserClass extends Component {
     resizerActiveDiv = null;
     resizerNextDiv = null;
     storedWidths = null;
-    systemConfig;
+    systemConfig = null;
     objects;
     defaultHistory = '';
     ctrlPressed = false;
@@ -1129,22 +1130,19 @@ export class ObjectBrowserClass extends Component {
                     Object.assign(objects || {}, moreObjects);
                 }
             }
-            this.systemConfig =
-                this.systemConfig ||
-                    objects?.['system.config'] ||
+            this.systemConfig ||=
+                objects?.['system.config'] ||
                     (await props.socket.getObject('system.config'));
-            this.systemConfig.common = this.systemConfig.common || {};
-            this.systemConfig.common.defaultNewAcl = this.systemConfig.common.defaultNewAcl || {
+            this.systemConfig.common ||= {};
+            this.systemConfig.common.defaultNewAcl ||= {
                 object: 0,
                 state: 0,
                 file: 0,
                 owner: 'system.user.admin',
                 ownerGroup: 'system.group.administrator',
             };
-            this.systemConfig.common.defaultNewAcl.owner =
-                this.systemConfig.common.defaultNewAcl.owner || 'system.user.admin';
-            this.systemConfig.common.defaultNewAcl.ownerGroup =
-                this.systemConfig.common.defaultNewAcl.ownerGroup || 'system.group.administrator';
+            this.systemConfig.common.defaultNewAcl.owner ||= 'system.user.admin';
+            this.systemConfig.common.defaultNewAcl.ownerGroup ||= 'system.group.administrator';
             if (typeof this.systemConfig.common.defaultNewAcl.state !== 'number') {
                 // TODO: may be convert here from string
                 this.systemConfig.common.defaultNewAcl.state = 0x664;
@@ -1728,7 +1726,7 @@ export class ObjectBrowserClass extends Component {
             let cColumns;
             if (columns) {
                 cColumns = aColumns
-                    .map((_item) => {
+                    ?.map((_item) => {
                     if (typeof _item !== 'object') {
                         return { path: _item, name: _item.split('.').pop() };
                     }
@@ -1768,7 +1766,7 @@ export class ObjectBrowserClass extends Component {
             else {
                 cColumns = null;
             }
-            if (cColumns?.length) {
+            if (cColumns && cColumns.length) {
                 columnsForAdmin ||= {};
                 columnsForAdmin[obj.common.name] = cColumns.sort((a, b) => a.path > b.path ? -1 : a.path < b.path ? 1 : 0);
             }
@@ -1979,7 +1977,7 @@ export class ObjectBrowserClass extends Component {
             } }));
     }
     getFilterSelect(name, values) {
-        return (React.createElement(CustomFilterSelect, { key: `${name}_${this.state.filterKey}`, name: name, texts: this.texts, initialValue: this.state.filter[name] || [], values: values, onChange: (name, value) => {
+        return (React.createElement(CustomFilterSelect, { key: `${name}_${this.state.filterKey}`, name: name, texts: this.texts, initialValue: this.state.filter[name] || [], values: values || [], onChange: (name, value) => {
                 const filter = { ...this.state.filter };
                 if (value === undefined) {
                     delete filter[name];
@@ -2052,6 +2050,9 @@ export class ObjectBrowserClass extends Component {
         this.setState({ expanded: [], depth: 0, selected: [] }, () => this.onAfterSelect());
     }
     expandDepth(root, depth, expanded) {
+        if (!this.root) {
+            throw new Error('No root');
+        }
         root ||= this.root;
         if (depth > 0) {
             root.children?.forEach(item => {
@@ -2329,7 +2330,7 @@ export class ObjectBrowserClass extends Component {
             return null;
         }
         const ObjectMoveRenameDialog = this.props.objectMoveRenameDialog;
-        return (React.createElement(ObjectMoveRenameDialog, { expertMode: this.props.expertMode, onClose: () => this.setState({ showRenameDialog: null }), id: this.state.showRenameDialog.id, childrenIds: this.state.showRenameDialog.childrenIds, theme: this.props.theme, socket: this.props.socket, t: this.props.t, objectType: this.objects[this.state.showRenameDialog.id]?.type }));
+        return (React.createElement(ObjectMoveRenameDialog, { expertMode: !!this.props.expertMode, onClose: () => this.setState({ showRenameDialog: null }), id: this.state.showRenameDialog.id, childrenIds: this.state.showRenameDialog.childrenIds, theme: this.props.theme, socket: this.props.socket, t: this.props.t, objectType: this.objects[this.state.showRenameDialog.id]?.type }));
     }
     async parseJsonFile(contents) {
         try {
@@ -2402,8 +2403,7 @@ export class ObjectBrowserClass extends Component {
         if (f) {
             const r = new FileReader();
             r.onload = (e) => {
-                void this.parseJsonFile(e.target?.result);
-                return null;
+                this.parseJsonFile(e.target?.result).catch(e => console.log(`Cannot parse file: ${e}`));
             };
             r.readAsText(f);
         }
@@ -2489,10 +2489,10 @@ export class ObjectBrowserClass extends Component {
         input.click();
     }
     renderInputJsonDialog() {
-        const ObjectBrowserInsertJsonObjects = this.props.objectBrowserInsertJsonObjects;
         if (!this.state.showImportDialog) {
             return null;
         }
+        const ObjectBrowserInsertJsonObjects = this.props.objectBrowserInsertJsonObjects;
         return (React.createElement(ObjectBrowserInsertJsonObjects, { onClose: (text) => {
                 this.setState({ showImportDialog: false });
                 if (text) {
@@ -2762,8 +2762,8 @@ export class ObjectBrowserClass extends Component {
             : 0;
         const aclSystemConfig = item.data.obj.acl &&
             (item.data.obj.type === 'state'
-                ? this.systemConfig.common.defaultNewAcl.state
-                : this.systemConfig.common.defaultNewAcl.object);
+                ? this.systemConfig?.common.defaultNewAcl.state
+                : this.systemConfig?.common.defaultNewAcl.object);
         const showEdit = this.state.filter.expertMode || isNonExpertId(item.data.id);
         return [
             this.state.filter.expertMode && this.props.objectEditOfAccessControl ? (React.createElement(Tooltip, { key: "acl", title: item.data.aclTooltip, slotProps: { popper: { sx: styles.tooltip } } },
@@ -2877,8 +2877,10 @@ export class ObjectBrowserClass extends Component {
             state,
             obj: obj,
             texts: this.texts,
-            dateFormat: this.props.dateFormat || this.systemConfig.common.dateFormat,
-            isFloatComma: this.props.isFloatComma === undefined ? this.systemConfig.common.isFloatComma : this.props.isFloatComma,
+            dateFormat: this.props.dateFormat || this.systemConfig?.common.dateFormat || DEFAULT_DATE_FORMAT,
+            isFloatComma: this.props.isFloatComma === undefined
+                ? (this.systemConfig?.common.isFloatComma ?? true)
+                : this.props.isFloatComma,
             full: true,
         });
         const valFullRx = [];
@@ -2952,9 +2954,9 @@ export class ObjectBrowserClass extends Component {
                 state,
                 obj: obj,
                 texts: this.texts,
-                dateFormat: this.props.dateFormat || this.systemConfig.common.dateFormat,
+                dateFormat: this.props.dateFormat || this.systemConfig?.common.dateFormat || DEFAULT_DATE_FORMAT,
                 isFloatComma: this.props.isFloatComma === undefined
-                    ? this.systemConfig.common.isFloatComma
+                    ? (this.systemConfig?.common.isFloatComma ?? true)
                     : this.props.isFloatComma,
             });
             const valTextRx = [];
@@ -3143,7 +3145,7 @@ export class ObjectBrowserClass extends Component {
         if (this.state.roleDialog && this.props.objectBrowserEditRole) {
             const ObjectBrowserEditRole = this.props.objectBrowserEditRole;
             return (React.createElement(ObjectBrowserEditRole, { key: "objectBrowserEditRole", id: this.state.roleDialog, socket: this.props.socket, t: this.props.t, roleArray: this.info.roles, commonType: this.info.objects[this.state.roleDialog]?.common?.type, onClose: (obj) => {
-                    if (obj) {
+                    if (obj && this.state.roleDialog) {
                         this.info.objects[this.state.roleDialog] = obj;
                     }
                     this.setState({ roleDialog: null });
@@ -3350,7 +3352,7 @@ export class ObjectBrowserClass extends Component {
                 newValueTitle.push(`${this.texts.objectChangedBy} ${obj.user.replace(/^system\.user\./, '')}`);
             }
             if (obj.ts) {
-                newValueTitle.push(`${this.texts.objectChangedByUser} ${Utils.formatDate(new Date(obj.ts), this.props.dateFormat || this.systemConfig.common.dateFormat)}`);
+                newValueTitle.push(`${this.texts.objectChangedByUser} ${Utils.formatDate(new Date(obj.ts), this.props.dateFormat || this.systemConfig?.common.dateFormat || DEFAULT_DATE_FORMAT)}`);
             }
         }
         let readWriteAlias = false;
@@ -3722,7 +3724,9 @@ export class ObjectBrowserClass extends Component {
                                 ...styles.cellRole,
                                 width: this.props.width !== 'xs' ? this.columnsVisibility.timestamp : undefined,
                             } }, checkVisibleObjectType && this.states[id]?.ts
-                            ? Utils.formatDate(new Date(this.states[id].ts), this.props.dateFormat || this.systemConfig.common.dateFormat)
+                            ? Utils.formatDate(new Date(this.states[id].ts), this.props.dateFormat ||
+                                this.systemConfig?.common.dateFormat ||
+                                DEFAULT_DATE_FORMAT)
                             : null)),
                         type: 'ts',
                     }
@@ -3734,7 +3738,9 @@ export class ObjectBrowserClass extends Component {
                                 ...styles.cellRole,
                                 width: this.props.width !== 'xs' ? this.columnsVisibility.lastChange : undefined,
                             } }, checkVisibleObjectType && this.states[id]?.lc
-                            ? Utils.formatDate(new Date(this.states[id].lc), this.props.dateFormat || this.systemConfig.common.dateFormat)
+                            ? Utils.formatDate(new Date(this.states[id].lc), this.props.dateFormat ||
+                                this.systemConfig?.common.dateFormat ||
+                                DEFAULT_DATE_FORMAT)
                             : null)),
                         type: 'lc',
                     }
@@ -3874,9 +3880,11 @@ export class ObjectBrowserClass extends Component {
                                 state: this.states[id],
                                 obj: this.objects[id],
                                 texts: this.texts,
-                                dateFormat: this.props.dateFormat || this.systemConfig.common.dateFormat,
+                                dateFormat: this.props.dateFormat ||
+                                    this.systemConfig?.common.dateFormat ||
+                                    DEFAULT_DATE_FORMAT,
                                 isFloatComma: this.props.isFloatComma === undefined
-                                    ? this.systemConfig.common.isFloatComma
+                                    ? (this.systemConfig?.common.isFloatComma ?? true)
                                     : this.props.isFloatComma,
                             });
                             this.onCopy(e, valText.c !== undefined ? valText.c : valText.v.toString());
@@ -4552,10 +4560,10 @@ export class ObjectBrowserClass extends Component {
         });
     }
     renderCustomDialog() {
-        if (this.state.customDialog && this.props.objectCustomDialog) {
+        if (this.state.customDialog && this.props.objectCustomDialog && this.systemConfig) {
             const ObjectCustomDialog = this.props.objectCustomDialog;
             return (React.createElement(ObjectCustomDialog, { reportChangedIds: (changedIds) => (this.changedIds = [...changedIds]), objectIDs: this.state.customDialog, allVisibleObjects: !!this.state.customDialogAll, expertMode: this.state.filter.expertMode, isFloatComma: this.props.isFloatComma === undefined
-                    ? this.systemConfig.common.isFloatComma
+                    ? (this.systemConfig?.common.isFloatComma ?? true)
                     : this.props.isFloatComma, t: this.props.t, lang: this.props.lang, socket: this.props.socket, themeName: this.props.themeName, themeType: this.props.themeType, theme: this.props.theme, objects: this.objects, customsInstances: this.info.customs, onClose: () => {
                     this.pauseSubscribe(false);
                     this.setState({ customDialog: null });
@@ -4584,8 +4592,8 @@ export class ObjectBrowserClass extends Component {
             return null;
         }
         const ObjectBrowserEditObject = this.props.objectBrowserEditObject;
-        return (React.createElement(ObjectBrowserEditObject, { key: this.state.editObjectDialog, obj: this.objects[this.state.editObjectDialog], roleArray: this.info.roles, objects: this.objects, dateFormat: this.props.dateFormat || this.systemConfig.common.dateFormat, isFloatComma: this.props.isFloatComma === undefined
-                ? this.systemConfig.common.isFloatComma
+        return (React.createElement(ObjectBrowserEditObject, { key: this.state.editObjectDialog, obj: this.objects[this.state.editObjectDialog], roleArray: this.info.roles, objects: this.objects, dateFormat: this.props.dateFormat || this.systemConfig?.common.dateFormat || DEFAULT_DATE_FORMAT, isFloatComma: this.props.isFloatComma === undefined
+                ? (this.systemConfig?.common.isFloatComma ?? true)
                 : this.props.isFloatComma, themeType: this.props.themeType, theme: this.props.theme, socket: this.props.socket, dialogName: this.props.dialogName, aliasTab: this.state.editObjectAlias, t: this.props.t, expertMode: !!this.state.filter.expertMode, onNewObject: (obj) => this.props.socket
                 .setObject(obj._id, obj)
                 .then(() => this.setState({ editObjectDialog: obj._id, editObjectAlias: false }, () => this.onSelect(obj._id)))
@@ -4675,8 +4683,8 @@ export class ObjectBrowserClass extends Component {
                 const acl = obj.acl ? (obj.type === 'state' ? obj.acl.state : obj.acl.object) : 0;
                 const aclSystemConfig = obj.acl &&
                     (obj.type === 'state'
-                        ? this.systemConfig.common.defaultNewAcl.state
-                        : this.systemConfig.common.defaultNewAcl.object);
+                        ? this.systemConfig?.common.defaultNewAcl.state
+                        : this.systemConfig?.common.defaultNewAcl.object);
                 showACL = Number.isNaN(Number(acl)) ? Number(aclSystemConfig).toString(16) : Number(acl).toString(16);
             }
         }
@@ -5010,8 +5018,8 @@ export class ObjectBrowserClass extends Component {
             : typeof this.edit.val;
         const role = this.objects[this.edit.id].common.role;
         const ObjectBrowserValue = this.props.objectBrowserValue;
-        return (React.createElement(ObjectBrowserValue, { t: this.props.t, lang: this.props.lang, type: type, role: role || '', states: Utils.getStates(this.objects[this.edit.id]), themeType: this.props.themeType, theme: this.props.theme, expertMode: !!this.state.filter.expertMode, value: this.edit.val, socket: this.props.socket, object: this.objects[this.edit.id], defaultHistory: this.defaultHistory, dateFormat: this.props.dateFormat || this.systemConfig.common.dateFormat, isFloatComma: this.props.isFloatComma === undefined
-                ? this.systemConfig.common.isFloatComma
+        return (React.createElement(ObjectBrowserValue, { t: this.props.t, lang: this.props.lang, type: type, role: role || '', states: Utils.getStates(this.objects[this.edit.id]), themeType: this.props.themeType, theme: this.props.theme, expertMode: !!this.state.filter.expertMode, value: this.edit.val, socket: this.props.socket, object: this.objects[this.edit.id], defaultHistory: this.defaultHistory, dateFormat: this.props.dateFormat || this.systemConfig?.common.dateFormat || DEFAULT_DATE_FORMAT, isFloatComma: this.props.isFloatComma === undefined
+                ? (this.systemConfig?.common.isFloatComma ?? true)
                 : this.props.isFloatComma, onClose: (res) => {
                 this.setState({ updateOpened: false });
                 if (res) {