@loftyshaky/shared-app 1.0.2 → 1.2.0

package/ts/shared/tr/components/prop_types/base_tr.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-import { t } from "../../../internal";
-export interface BaseTr {
-    name: string;
-    tag: any;
-    cls: string;
-    state: boolean;
-    attr?: Record<string, any>;
-    style?: Record<string, string | number | undefined>;
-    tr_end_unactive?: t.CallbackVoid[];
-    tr_end_active?: t.CallbackVoid[];
-    children: React.ReactNode;
-}
+/// <reference types="react" />
+import { t } from '../../../internal';
+export interface BaseTr {
+    name: string;
+    tag: any;
+    cls: string;
+    state: boolean;
+    attr?: Record<string, any>;
+    style?: Record<string, string | number | undefined>;
+    tr_end_unactive?: t.CallbackVoid[];
+    tr_end_active?: t.CallbackVoid[];
+    children: React.ReactNode;
+}

package/ts/shared/tr/components/prop_types/index.d.ts

@@ -1 +1 @@
-export * from "./base_tr";
+export * from '../../../tr/components/prop_types/base_tr';

package/ts/shared/tr/data/index.d.ts

@@ -1 +1 @@
-export * from "./transition";
+export * from '../../tr/data/transition';

package/ts/shared/tr/data/transition.d.ts

@@ -1,23 +1,23 @@
-import React from 'react';
-import { t, i_tr } from "../../internal";
-export declare class Transition {
-    private static i0;
-    static i(): Transition;
-    private constructor();
-    handle_transition: ({ name, state, tr_end_unactive, tr_end_active, tr_el_ref, called_from_component_did_update, }: {
-        name: string;
-        state: boolean;
-        tr_end_unactive?: t.CallbackVoid[] | undefined;
-        tr_end_active?: t.CallbackVoid[] | undefined;
-        tr_el_ref: React.RefObject<HTMLElement>;
-        called_from_component_did_update: boolean;
-    }, e?: React.TransitionEvent) => void;
-    transit: ({ transitions, name, state, }: {
-        transitions: i_tr.Transitions;
-        name: string;
-        state: boolean;
-    }) => string;
-    run_tr_end_callbacks: ({ tr_end_callbacks, }: {
-        tr_end_callbacks: t.CallbackVariadicVoid[];
-    }, e: React.TransitionEvent) => void;
-}
+import React from 'react';
+import { t, i_tr } from '../../internal';
+export declare class Transition {
+    private static i0;
+    static i(): Transition;
+    private constructor();
+    handle_transition: ({ name, state, tr_end_unactive, tr_end_active, tr_el_ref, called_from_component_did_update, }: {
+        name: string;
+        state: boolean;
+        tr_end_unactive?: t.CallbackVoid[] | undefined;
+        tr_end_active?: t.CallbackVoid[] | undefined;
+        tr_el_ref: React.RefObject<HTMLElement>;
+        called_from_component_did_update: boolean;
+    }, e?: React.TransitionEvent) => void;
+    transit: ({ transitions, name, state, }: {
+        transitions: i_tr.Transitions;
+        name: string;
+        state: boolean;
+    }) => string;
+    run_tr_end_callbacks: ({ tr_end_callbacks, }: {
+        tr_end_callbacks: t.CallbackVariadicVoid[];
+    }, e: React.TransitionEvent) => void;
+}

package/ts/shared/tr/interfaces/index.d.ts

@@ -1 +1 @@
-export * from "./transitions";
+export * from '../../tr/interfaces/transitions';

package/ts/shared/tr/interfaces/transitions.d.ts

@@ -1,2 +1,2 @@
-import { o_tr } from "../../internal";
-export declare type Transitions = Record<string, o_tr.Transition>;
+import { o_tr } from '../../internal';
+export type Transitions = Record<string, o_tr.Transition>;

package/ts/shared/tr/obj/index.d.ts

@@ -1 +1 @@
-export * from "./transition";
+export * from '../../tr/obj/transition';

package/ts/shared/tr/obj/transition.d.ts

@@ -1,8 +1,8 @@
-export declare class Transition {
-    unactive_cls: string;
-    active_cls: string;
-    constructor(obj: {
-        unactive_cls: string;
-        active_cls: string;
-    });
-}
+export declare class Transition {
+    unactive_cls: string;
+    active_cls: string;
+    constructor(obj: {
+        unactive_cls: string;
+        active_cls: string;
+    });
+}

package/ts/shared/utils/scripts/index.d.ts

@@ -1 +1 @@
-export * from "./main";
+export * from '../../utils/scripts/main';

package/ts/shared/utils/scripts/main.d.ts

@@ -1,11 +1,11 @@
-import { t } from "../../internal";
-export declare class Main {
-    private static i0;
-    static i(): Main;
-    private constructor();
-    to_object: ({ arr, section, subsection, }: {
-        arr: t.AnyRecord[];
-        section?: string | undefined;
-        subsection?: string | undefined;
-    }) => t.AnyRecord;
-}
+import { t } from '../../internal';
+export declare class Main {
+    private static i0;
+    static i(): Main;
+    private constructor();
+    to_object: ({ arr, section, subsection, }: {
+        arr: t.AnyRecord[];
+        section?: string | undefined;
+        subsection?: string | undefined;
+    }) => t.AnyRecord;
+}

package/ts/shared/vars.d.ts

@@ -1 +1,2 @@
-export declare const scrollbar_width = 17;
+export declare const scrollbar_width = 17;
+export declare const transpaerent_1px_png = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=";

package/ts/shared/viewport/scripts/index.d.ts

@@ -1 +1 @@
-export * from "./main";
+export * from '../../viewport/scripts/main';

package/ts/shared/viewport/scripts/main.d.ts

@@ -1,8 +1,8 @@
-export declare class Main {
-    private static i0;
-    static i(): Main;
-    private constructor();
-    get_dim: ({ dim }: {
-        dim: 'width' | 'height';
-    }) => number;
-}
+export declare class Main {
+    private static i0;
+    static i(): Main;
+    private constructor();
+    get_dim: ({ dim }: {
+        dim: 'width' | 'height';
+    }) => number;
+}

package/ts/shared/x.d.ts

@@ -1,60 +1,56 @@
-import { t } from "./internal";
-declare global {
-    const env: t.Env;
-    const l: CallableFunction;
-    function n<T1>(val: T1 | undefined | null): val is T1;
-    function nn<T1>(val: T1 | null): val is T1;
-    function rs(variable: t.CallbackVariadicString | string | undefined): string;
-    function rn(variable: t.CallbackVariadicNumber | number | undefined): number;
-    function rb(variable: t.CallbackVariadicBoolean | boolean | undefined): boolean;
-    function ru(variable: t.CallbackVariadicUndefined): undefined;
-    function s<T1>(selector: string): T1 | undefined;
-    function sa<T1 extends HTMLElement>(selector: string): NodeListOf<T1> | undefined;
-    function sb<T1>(base_el: t.BaseEl, selector: string): T1 | undefined;
-    function sab<T1 extends HTMLElement>(base_el: t.BaseEl, selector: string): NodeListOf<T1> | undefined;
-}
-export declare class X {
-    private static i0;
-    static i(): X;
-    private constructor();
-    in_service_worker: boolean;
-    invisible_chars: string;
-    private all;
-    create: <T1 extends keyof HTMLElementTagNameMap>(el_type: T1, cls: string) => HTMLElementTagNameMap[T1];
-    append: (parent: t.XEl, child: t.XElNoShadow) => void;
-    as_first: (parent: t.XEl, child: t.XElNoShadow) => void;
-    before: (el_to_insert_before: t.XElNoShadow, child: t.XEl) => void;
-    after: (el_to_insert_after: t.XElNoShadow, child: t.XEl) => void;
-    remove: (els: t.XEls) => void;
-    matches: (el: HTMLElement | undefined, selector: string) => boolean;
-    closest: <T1>(el: HTMLElement | undefined, selector: string) => T1 | undefined;
-    add_cls: (els: t.XEls, cls: string) => void;
-    remove_cls: (els: t.XEls, cls: string) => void;
-    move_item: (from: number, to: number, arr: t.AnyArray) => void;
-    insert_item: (position: number, items: t.AnyArray, arr: t.AnyArray) => any[];
-    remove_item: (i: number, arr: t.AnyArray) => void;
-    bind: (els: Window | Document | t.XEls, event: string, f: t.CallbackVariadicVoid) => void;
-    css: (filename: string, parent: HTMLHeadElement | ShadowRoot | undefined, cls?: string) => HTMLLinkElement | undefined;
-    dynamic_css: (parent: HTMLHeadElement | ShadowRoot, cls: string, css: string) => HTMLStyleElement;
-    get_css_val: (el: HTMLElement, key: string) => string;
-    get_numeric_css_val: (el: HTMLElement, key: string) => number;
-    get_float_css_val: (el: HTMLElement, key: string) => number;
-    str_is_number: (val: string) => boolean;
-    delay: (delay: number) => Promise<void>;
-    id: () => string;
-    unique_id: () => string;
-    range: (min: number, max: number) => number;
-    rand_bool: () => boolean;
-    convert_string_bool: (bool: string) => boolean;
-    range_arr: (end: number, start?: number) => number[];
-    cls: (classes: (string | undefined)[]) => string;
-    get_prop: <T1, T2 extends keyof T1>(obj: T1, key: T2) => T1[T2];
-    set_prop: <T1, T2 extends keyof T1>(obj: T1, key: T2, val: T1[T2]) => T1;
-    sanitize_filename: (filename: string, new_character?: string) => string;
-    convert_blob_to_base64: (blob: Blob) => Promise<string>;
-    convert_base64_to_blob: (base64: string) => Promise<Blob>;
-    copy_text: (text: string) => void;
-    copy_img: (img_url: string) => void;
-    px: (val: string | number | undefined) => string;
-    insert_invisible_chars_in_title: () => void;
-}
+import { t } from './internal';
+export declare class X {
+    private static i0;
+    static i(): X;
+    private constructor();
+    in_service_worker: boolean;
+    invisible_chars: string;
+    private manifest;
+    get_asset_path: () => Promise<void>;
+    private all;
+    create: <T1 extends keyof HTMLElementTagNameMap>(el_type: T1, cls: string) => HTMLElementTagNameMap[T1];
+    append: (parent: t.XEl, child: t.XElNoShadow) => void;
+    as_first: (parent: t.XEl, child: t.XElNoShadow) => void;
+    before: (el_to_insert_before: t.XElNoShadow, child: t.XEl) => void;
+    after: (el_to_insert_after: t.XElNoShadow, child: t.XEl) => void;
+    remove: (els: t.XEls) => void;
+    matches: (el: HTMLElement | undefined, selector: string) => boolean;
+    closest: <T1>(el: HTMLElement | undefined, selector: string) => T1 | undefined;
+    add_cls: (els: t.XEls, cls: string) => void;
+    remove_cls: (els: t.XEls, cls: string) => void;
+    move_item: (from: number, to: number, arr: t.AnyArray) => void;
+    insert_item: (position: number, items: t.AnyArray, arr: t.AnyArray) => any[];
+    remove_item: (i: number, arr: t.AnyArray) => void;
+    bind: (els: Window | Document | t.XEls, event: string, f: t.CallbackVariadicVoid) => void;
+    css: (filename: string, parent: HTMLHeadElement | ShadowRoot | undefined, cls?: string) => HTMLLinkElement | undefined;
+    dynamic_css: (parent: HTMLHeadElement | ShadowRoot, cls: string, css: string) => HTMLStyleElement;
+    get_css_val: (el: HTMLElement, key: string) => string;
+    get_numeric_css_val: (el: HTMLElement, key: string) => number;
+    get_float_css_val: (el: HTMLElement, key: string) => number;
+    str_is_number: (val: string) => boolean;
+    delay: (delay: number) => Promise<void>;
+    id: () => string;
+    unique_id: () => string;
+    range: (min: number, max: number) => number;
+    rand_bool: () => boolean;
+    convert_string_bool: (bool: string) => boolean;
+    range_arr: (end: number, start?: number) => number[];
+    cls: (classes: (string | undefined)[]) => string;
+    get_prop: <T1, T2 extends keyof T1>(obj: T1, key: T2) => T1[T2];
+    set_prop: <T1, T2 extends keyof T1>(obj: T1, key: T2, val: T1[T2]) => T1;
+    sanitize_filename: (filename: string, new_character?: string) => string;
+    convert_blob_to_base64: (blob: Blob) => Promise<string>;
+    convert_base64_to_blob: (base64: string) => Promise<Blob>;
+    chunk_str: (str: string, len: number) => string[];
+    bytes_to_base64: (bytes: number) => number;
+    copy_text: (text: string) => void;
+    copy_img: (img_url: string) => void;
+    px: (val: string | number | undefined) => string;
+    insert_invisible_chars_in_title: () => void;
+    async_debounce<F extends (...args: any[]) => Promise<any>>(f: F, wait?: number): (...args: Parameters<F>) => ReturnType<F>;
+    private gcd;
+    get_aspect_ratio: (width: number, height: number) => string;
+    percentage: (partial_val: number, total_val: number, round_down?: boolean) => number;
+    wrap_link_in_a: (text: string) => string;
+    pastel_color: () => string;
+}

package/chunk-main-303525a1.js

@@ -1 +0,0 @@
-"use strict";var main=require("./chunk-main-3865bde3.js"),React=require("react");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);globalThis.show_err_ribbon=(error_obj,error_code,{error_msg_key:error_msg_key="",silent:silent=!1,persistent:persistent=!1,exit:exit=!1,hide_delay:hide_delay=Main$1.i().hide_delay,is_notification:is_notification=!1,notification_msg_key:notification_msg_key=""}={})=>Main$1.i().show_error(error_obj,error_code,{error_msg_key:error_msg_key,silent:silent,persistent:persistent,exit:exit,hide_delay:hide_delay,is_notification:is_notification,notification_msg_key:notification_msg_key}),globalThis.err=(f,error_code,{error_msg_key:error_msg_key="",silent:silent=!1,persistent:persistent=!1,exit:exit=!1,hide_delay: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:error_msg_key,silent:silent,persistent:persistent,exit:exit,hide_delay:hide_delay})}},globalThis.err_async=(f,error_code,{error_msg_key:error_msg_key="",silent:silent=!1,persistent:persistent=!1,exit:exit=!1,hide_delay:hide_delay=Main$1.i().hide_delay}={})=>main.__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:error_msg_key,silent:silent,persistent:persistent,exit:exit,hide_delay:hide_delay})}})),globalThis.throw_err=msg=>{throw new Error(msg)},globalThis.throw_err_obj=error_obj=>{throw error_obj},globalThis.err_obj=msg=>new Error(msg);const Body$1=main.observer(class extends React__default.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.default.createElement("div",{className:"reload_ui_btn_w"},React__default.default.createElement("button",{className:x.cls(["btn","reload_ui"]),type:"button",onClick:Page.i().reload},app.msg("reload_ui_btn_text")));const{children:children}=this.props;return children}}),Body=main.observer((props=>{const{app_id:app_id,on_render:on_render}=props;return React.useEffect((()=>{(class{constructor(){this.load=({app_id: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:void 0;if(error_shadow){const error_css=x.css("error",error_shadow);n(error_css)&&x.bind(error_css,"load",(()=>{State.i().change_state({observable_key:"is_loaded",state:!0})}))}}}}static i(){return this.i0||(this.i0=new this)}}).i().load({app_id:app_id}),on_render()}),[app_id,on_render]),React__default.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.default.createElement(ExtName,null),React__default.default.createElement(Msg$1,null),React__default.default.createElement(CloseBtn,null))})),CloseBtn=main.observer((()=>React__default.default.createElement("button",{className:"close_btn",type:"button",onClick:()=>State.i().change_state({observable_key:"is_visible",state:!1})},React__default.default.createElement(main.svg.Close,null)))),ExtName=()=>React__default.default.createElement("span",{className:"ext_name"},app.msg("name")," ",React__default.default.createElement(main.Body,null)),Msg$1=main.observer((()=>React__default.default.createElement("div",{className:"msg"},Msg.i().main_msg,State.i().is_notification?void 0:React__default.default.createElement(React__default.default.Fragment,null,React__default.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:!0})},app.msg("error_more_info_btn_text")),React__default.default.createElement("div",{className:Msg.i().advanced_msg_is_visible_cls},Msg.i().advanced_msg)))));class Visibility{constructor(){this.page_is_crashed=!1,this.show_reload_ui_screen=()=>{this.page_is_crashed=!0},main.makeObservable(this,{page_is_crashed:main.observable,show_reload_ui_screen:main.action})}static i(){return this.i0||(this.i0=new this)}}class Main$1{constructor(){this.hide_delay=5e3,this.highlight_time=300,this.show_error=(error_obj,error_code,{error_msg_key:error_msg_key="",silent:silent=!1,persistent:persistent=!1,exit:exit=!1,hide_delay:hide_delay=this.hide_delay,is_notification:is_notification=!1,notification_msg_key:notification_msg_key=""}={})=>{const error_ui_is_visible=!(x.in_service_worker||silent||error_obj&&error_obj.silent);if(error_ui_is_visible&&(is_notification?(State.i().change_state({observable_key:"is_notification",state:!0}),Msg.i().notification_msg_key=notification_msg_key):State.i().change_state({observable_key:"is_notification",state:!1}),State.i().change_state({observable_key:"is_visible",state:!0}),State.i().change_state({observable_key:"is_highlighted",state:!0}),State.i().clear_all_reset_state_timeouts(),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})),error_obj&&error_code){error_ui_is_visible&&Msg.i().change_visibility_of_advanced_msg({is_visible:!1});const error_msg_pre=app.msg(`${error_obj.error_msg||error_msg_key}_error`),error_msg_final=error_msg_pre?` ${error_msg_pre}`:"";if(main.runInAction((()=>err((()=>{Msg.i().basic_msg=`${app.msg("an_error_occured_msg")+error_msg_final}`,Msg.i().advanced_msg=`${app.msg("error_code_label")+(error_obj.error_code||error_code)}\n${app.msg("error_type_label")+error_obj.name}\n${app.msg("error_msg_label")+error_obj.message}`}),"shr_1195"))),error_obj.exit||exit){const updated_error_obj=error_obj,set_updated_error_obj_propery=({key:key,undefined_property:undefined_property})=>{updated_error_obj[key]=n(error_obj[key])?error_obj[key]:undefined_property};throw 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}),updated_error_obj}this.output_error(error_obj,error_code)}},this.output_error=(error_obj,error_code)=>{const line="---------------------------",separator_bottom=`\n${line}`,error_code_and_msg=`${`${line}\n`}Code: ${error_code}\nMessage: ${error_obj.message}`,console_output=error_obj.stack?`${error_code_and_msg}\nStack: ${error_obj.stack+separator_bottom}`:error_code_and_msg+separator_bottom;console.error(console_output)},main.makeObservable(this,{show_error:main.action})}static i(){return this.i0||(this.i0=new this)}}class Msg{constructor(){this.advanced_msg_is_visible=!1,this.basic_msg="",this.advanced_msg="",this.notification_msg_key="",this.change_visibility_of_advanced_msg=({is_visible:is_visible})=>{this.advanced_msg_is_visible=is_visible},main.makeObservable(this,{advanced_msg_is_visible:main.observable,basic_msg:main.observable,advanced_msg:main.observable,notification_msg_key:main.observable,main_msg:main.computed,advanced_msg_is_visible_cls:main.computed,more_info_btn_is_visible_cls:main.computed,change_visibility_of_advanced_msg:main.action})}static i(){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?app.msg(this.notification_msg_key):this.basic_msg}}class State{constructor(){this.is_loaded=!1,this.is_visible=!1,this.is_highlighted=!1,this.is_notification=!1,this.change_state=({observable_key:observable_key,state:state})=>{this[observable_key]=state},this.run_reset_state_timeout=({observable_key:observable_key,delay:delay})=>{this[`${observable_key}_timeout`]=globalThis.setTimeout((()=>{this.change_state({observable_key:observable_key,state:!1})}),delay)},this.clear_all_reset_state_timeouts=()=>{n(this.is_visible_timeout)&&n(this.is_highlighted_timeout)&&(clearTimeout(this.is_visible_timeout),clearTimeout(this.is_highlighted_timeout))},main.makeObservable(this,{is_loaded:main.observable,is_visible:main.observable,is_highlighted:main.observable,is_notification:main.observable,is_visible_style:main.computed,is_highlighted_cls:main.computed,change_state:main.action})}static i(){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":""}}class Page{constructor(){this.reload=()=>{globalThis.location.reload()}}static i(){return this.i0||(this.i0=new this)}}exports.Body=Body$1,exports.Body$1=Body,exports.CloseBtn=CloseBtn,exports.ExtName=ExtName,exports.Main=Main$1,exports.Msg=Msg$1,exports.Visibility=Visibility;