@loftyshaky/shared 0.0.29 → 0.0.33

package/chunk-internal-473c60e9.js

@@ -1,439 +0,0 @@
-import { _ as __awaiter, o as observer, s as svg, B as Body$2, m as makeObservable, b as observable, d as action, r as runInAction, e as computed } from './chunk-internal-f314bc08.js';
-import React__default, { useEffect } from 'react';
-
-global.show_err_ribbon = (error_obj, error_code, { error_msg_key = '', silent = false, persistent = false, exit = false, hide_delay = Main$1.i().hide_delay, is_notification = false, notification_msg_key = '', } = {}) => Main$1.i().show_error(error_obj, error_code, {
-    error_msg_key,
-    silent,
-    persistent,
-    exit,
-    hide_delay,
-    is_notification,
-    notification_msg_key,
-});
-global.err = (f, error_code, { error_msg_key = '', silent = false, persistent = false, exit = false, hide_delay = Main$1.i().hide_delay, } = {}) => {
-    try {
-        return f();
-    }
-    catch (error_obj) {
-        Main$1.i().show_error(error_obj, error_code, {
-            error_msg_key,
-            silent,
-            persistent,
-            exit,
-            hide_delay,
-        });
-    }
-    return undefined;
-};
-global.err_async = (f, error_code, { error_msg_key = '', silent = false, persistent = false, exit = false, hide_delay = Main$1.i().hide_delay, } = {}) => __awaiter(void 0, void 0, void 0, function* () {
-    try {
-        return yield f();
-    }
-    catch (error_obj) {
-        Main$1.i().show_error(error_obj, error_code, {
-            error_msg_key,
-            silent,
-            persistent,
-            exit,
-            hide_delay,
-        });
-    }
-    return undefined;
-});
-global.throw_err = (msg) => {
-    throw new Error(msg);
-};
-global.err_obj = (msg) => new Error(msg);
-
-const Body$1 = observer(class Body extends React__default.Component {
-    static getDerivedStateFromError() {
-        Visibility.i().show_reload_ui_screen();
-    }
-    componentDidCatch(err_obj) {
-        show_err_ribbon(err_obj, 'shr_1000', { error_msg_key: 'cant_render_ui' });
-    }
-    render() {
-        if (Visibility.i().page_is_crashed) {
-            return (React__default.createElement("div", { className: 'reload_ui_btn_w' },
-                React__default.createElement("button", { className: x.cls(['btn', 'reload_ui']), type: 'button', onClick: Page.i().reload }, ext.msg('reload_ui_btn_text'))));
-        }
-        const { children } = this.props;
-        return children;
-    }
-});
-
-var index$8 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    Body: Body$1
-});
-
-const Body = observer((props) => {
-    useEffect(() => {
-        const { app_id } = props;
-        Main.i().load({ app_id });
-    }, [props]);
-    return (React__default.createElement("div", { className: x.cls([
-            'main',
-            'error',
-            State.i().is_highlighted_cls,
-            State.i().is_notification_cls,
-        ]), role: 'none', style: {
-            display: State.i().is_visible_style,
-        }, onMouseDown: State.i().clear_all_reset_state_timeouts },
-        React__default.createElement(ExtName, null),
-        React__default.createElement(Msg$1, null),
-        React__default.createElement(CloseBtn, null)));
-});
-
-const CloseBtn = observer(() => (React__default.createElement("button", { className: 'close_btn', type: 'button', onClick: () => State.i().change_state({
-        observable_key: 'is_visible',
-        state: false,
-    }) },
-    React__default.createElement(svg.Close, null))));
-
-const ExtName = () => (React__default.createElement("span", { className: 'ext_name' },
-    `${ext.msg('name') || we.runtime.getManifest().name} `,
-    React__default.createElement(Body$2, null)));
-
-const Msg$1 = observer(() => (React__default.createElement("div", { className: 'msg' },
-    Msg.i().main_msg,
-    State.i().is_notification ? undefined : (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("button", { type: 'button', className: x.cls([
-                'more_info_btn',
-                Msg.i().more_info_btn_is_visible_cls,
-            ]), onClick: () => Msg.i().change_visibility_of_advanced_msg({ is_visible: true }) }, ext.msg('error_more_info_btn_text')),
-        React__default.createElement("div", { className: Msg.i().advanced_msg_is_visible_cls }, Msg.i().advanced_msg))))));
-
-var index$7 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    Body: Body,
-    CloseBtn: CloseBtn,
-    ExtName: ExtName,
-    Msg: Msg$1
-});
-
-class Main$2 {
-    // eslint-disable-next-line no-useless-constructor, @typescript-eslint/no-empty-function
-    constructor() {
-        this.catch_fatal_error = (callback) => __awaiter(this, void 0, void 0, function* () {
-            if (page === 'background') {
-                callback();
-            }
-            else if (is_ext) {
-                const background_page_is_available = yield ext.send_msg_resp({
-                    msg: 'check_if_background_page_is_available',
-                });
-                if (background_page_is_available) {
-                    callback();
-                }
-            }
-            else {
-                callback();
-            }
-        });
-    }
-    static i() {
-        // eslint-disable-next-line no-return-assign
-        return this.i0 || (this.i0 = new this());
-    }
-}
-
-class Visibility {
-    constructor() {
-        this.page_is_crashed = false; // true = shows reload ui screen
-        this.show_reload_ui_screen = () => {
-            this.page_is_crashed = true;
-        };
-        makeObservable(this, {
-            page_is_crashed: observable,
-            show_reload_ui_screen: action,
-        });
-    }
-    static i() {
-        // eslint-disable-next-line no-return-assign
-        return this.i0 || (this.i0 = new this());
-    }
-}
-
-var index$6 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    Main: Main$2,
-    Visibility: Visibility
-});
-
-class Main$1 {
-    constructor() {
-        this.hide_delay = 5000;
-        this.highlight_time = 300;
-        /*
-        error_msg_key = a key to access to localized version of error message in [locale] messages.json file
-        silent = don't show (true) / show (false) error ribbon
-        persistent = don't hide (true) / hide (false) error ribbon after 5 seconds
-        exit = terminate code execution (true) / show error message; don't terminate code execution (false)
-        */
-        this.show_error = (error_obj, error_code, { error_msg_key = '', silent = false, persistent = false, exit = false, hide_delay = this.hide_delay, is_notification = false, notification_msg_key = '', } = {}) => {
-            Main$2.i().catch_fatal_error(() => {
-                const show_error_ui = !x.in_service_worker && !silent && (!error_obj || !error_obj.silent);
-                if (show_error_ui) {
-                    if (is_notification) {
-                        State.i().change_state({
-                            observable_key: 'is_notification',
-                            state: true,
-                        });
-                        Msg.i().notification_msg_key = notification_msg_key;
-                    }
-                    else {
-                        State.i().change_state({
-                            observable_key: 'is_notification',
-                            state: false,
-                        });
-                    }
-                    State.i().change_state({
-                        observable_key: 'is_visible',
-                        state: true,
-                    }); // show error ribbon
-                    State.i().change_state({
-                        observable_key: 'is_highlighted',
-                        state: true,
-                    }); // highlight error ribbon
-                    State.i().clear_all_reset_state_timeouts();
-                    if ((!error_obj || !error_obj.persistent) && !persistent) {
-                        State.i().run_reset_state_timeout({
-                            observable_key: 'is_visible',
-                            delay: hide_delay + this.highlight_time,
-                        });
-                    }
-                    State.i().run_reset_state_timeout({
-                        observable_key: 'is_highlighted',
-                        delay: this.highlight_time,
-                    });
-                }
-                if (error_obj && error_code) {
-                    if (show_error_ui) {
-                        Msg.i().change_visibility_of_advanced_msg({ is_visible: false });
-                    }
-                    const error_msg_pre = ext.msg(`${error_obj.error_msg || error_msg_key}_error`);
-                    const error_msg_final = error_msg_pre ? ` ${error_msg_pre}` : '';
-                    runInAction(() => err(() => {
-                        Msg.i().basic_msg = `${ext.msg('an_error_occured_msg') + error_msg_final}`;
-                        Msg.i().advanced_msg = `${ext.msg('error_code_label') + (error_obj.error_code || error_code)}\n${ext.msg('error_type_label') + error_obj.name}\n${ext.msg('error_msg_label') + error_obj.message}`;
-                    }, 'shr_1195'));
-                    if (error_obj.exit || exit) {
-                        const updated_error_obj = error_obj;
-                        const set_updated_error_obj_propery = ({ key, undefined_property, }) => {
-                            updated_error_obj[key] = n(error_obj[key])
-                                ? error_obj[key]
-                                : undefined_property;
-                        };
-                        set_updated_error_obj_propery({
-                            key: 'error_code',
-                            undefined_property: error_code,
-                        });
-                        set_updated_error_obj_propery({
-                            key: 'error_msg',
-                            undefined_property: error_msg_key,
-                        });
-                        set_updated_error_obj_propery({
-                            key: 'silent',
-                            undefined_property: silent,
-                        });
-                        set_updated_error_obj_propery({
-                            key: 'persistent',
-                            undefined_property: persistent,
-                        });
-                        set_updated_error_obj_propery({
-                            key: 'exit',
-                            undefined_property: exit,
-                        });
-                        set_updated_error_obj_propery({
-                            key: 'hide_delay',
-                            undefined_property: hide_delay,
-                        });
-                        throw updated_error_obj;
-                    }
-                    else {
-                        this.output_error(error_obj, error_code);
-                    }
-                }
-            });
-        };
-        this.output_error = (error_obj, error_code) => {
-            const line = '---------------------------';
-            const separator_top = `${line}\n`;
-            const separator_bottom = `\n${line}`;
-            const error_code_and_msg = `${separator_top}Code: ${error_code}\nMessage: ${error_obj.message}`;
-            const console_output = error_obj.stack
-                ? `${error_code_and_msg}\nStack: ${error_obj.stack + separator_bottom}`
-                : error_code_and_msg + separator_bottom;
-            //< console output
-            // eslint-disable-next-line no-console
-            console.error(console_output);
-        };
-        makeObservable(this, {
-            show_error: action,
-        });
-    }
-    static i() {
-        // eslint-disable-next-line no-return-assign
-        return this.i0 || (this.i0 = new this());
-    }
-}
-
-class Msg {
-    constructor() {
-        this.advanced_msg_is_visible = false;
-        this.basic_msg = '';
-        this.advanced_msg = '';
-        this.notification_msg_key = '';
-        this.change_visibility_of_advanced_msg = ({ is_visible }) => {
-            this.advanced_msg_is_visible = is_visible;
-        };
-        makeObservable(this, {
-            advanced_msg_is_visible: observable,
-            basic_msg: observable,
-            advanced_msg: observable,
-            notification_msg_key: observable,
-            main_msg: computed,
-            advanced_msg_is_visible_cls: computed,
-            more_info_btn_is_visible_cls: computed,
-            change_visibility_of_advanced_msg: action,
-        });
-    }
-    static i() {
-        // eslint-disable-next-line no-return-assign
-        return this.i0 || (this.i0 = new this());
-    }
-    get advanced_msg_is_visible_cls() {
-        return this.advanced_msg_is_visible ? '' : 'none';
-    }
-    get more_info_btn_is_visible_cls() {
-        return this.advanced_msg_is_visible ? 'none' : '';
-    }
-    get main_msg() {
-        return State.i().is_notification
-            ? ext.msg(this.notification_msg_key)
-            : this.basic_msg;
-    }
-}
-
-class State {
-    constructor() {
-        this.is_loaded = false;
-        this.is_visible = false;
-        this.is_highlighted = false; // true = error ribbon is yellow / false = error ribbon is red
-        this.is_notification = false;
-        this.change_state = ({ observable_key, state, }) => {
-            this[observable_key] = state;
-        };
-        this.run_reset_state_timeout = ({ observable_key, delay, }) => {
-            this[`${observable_key}_timeout`] = global.setTimeout(() => {
-                this.change_state({
-                    observable_key,
-                    state: false,
-                }); // hide error ribbon / dehighlight error ribbon
-            }, delay);
-        };
-        this.clear_all_reset_state_timeouts = () => {
-            if (n(this.is_visible_timeout) && n(this.is_highlighted_timeout)) {
-                clearTimeout(this.is_visible_timeout);
-                clearTimeout(this.is_highlighted_timeout);
-            }
-        };
-        makeObservable(this, {
-            is_loaded: observable,
-            is_visible: observable,
-            is_highlighted: observable,
-            is_notification: observable,
-            is_visible_style: computed,
-            is_highlighted_cls: computed,
-            change_state: action,
-        });
-    }
-    static i() {
-        // eslint-disable-next-line no-return-assign
-        return this.i0 || (this.i0 = new this());
-    }
-    get is_visible_style() {
-        return this.is_loaded && this.is_visible ? '' : 'none';
-    }
-    get is_highlighted_cls() {
-        return this.is_highlighted ? 'is_highlighted' : '';
-    }
-    get is_notification_cls() {
-        return this.is_notification ? 'is_notification' : '';
-    }
-}
-
-var index$5 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    Main: Main$1,
-    Msg: Msg,
-    State: State
-});
-
-class Page {
-    // eslint-disable-next-line no-useless-constructor, @typescript-eslint/no-empty-function
-    constructor() {
-        this.reload = () => {
-            global.location.reload();
-        };
-    }
-    static i() {
-        // eslint-disable-next-line no-return-assign
-        return this.i0 || (this.i0 = new this());
-    }
-}
-
-var index$4 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    Page: Page
-});
-
-class Main {
-    // eslint-disable-next-line no-useless-constructor, @typescript-eslint/no-empty-function
-    constructor() {
-        this.load = ({ app_id }) => {
-            x.css('font_face', document.head, `font_face_link_${app_id}`);
-            const error_root = s(`.error_${app_id}`);
-            if (n(error_root)) {
-                const error_shadow = n(error_root.shadowRoot)
-                    ? error_root.shadowRoot
-                    : undefined;
-                if (error_shadow) {
-                    const error_css = x.css('error', error_shadow);
-                    if (n(error_css)) {
-                        x.bind(error_css, 'load', () => {
-                            State.i().change_state({
-                                observable_key: 'is_loaded',
-                                state: true,
-                            });
-                        });
-                    }
-                }
-            }
-        };
-    }
-    static i() {
-        // eslint-disable-next-line no-return-assign
-        return this.i0 || (this.i0 = new this());
-    }
-}
-
-var index$3 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    Main: Main
-});
-
-var index$2 = /*#__PURE__*/Object.freeze({
-    __proto__: null
-});
-
-var index$1 = /*#__PURE__*/Object.freeze({
-    __proto__: null
-});
-
-var index = /*#__PURE__*/Object.freeze({
-    __proto__: null
-});
-
-export { Main$1 as M, index$7 as a, index$6 as b, index$8 as i };