@loftyshaky/shared-app 0.0.4 → 1.0.1

package/ts/shared/ext.d.ts

@@ -9,7 +9,7 @@ export declare class Ext {
     static i(): Ext;
     private constructor();
     private log_error;
-    get_ext_version: () => string;
+    get_app_version: () => string;
     iterate_all_tabs: (callback: t.CallbackVariadicVoid) => Promise<void>;
     msg: (msg: string) => string;
     get_active_tab: () => Promise<Tabs.Tab | undefined>;

package/ts/shared/internal.d.ts

@@ -8,13 +8,14 @@ export * as t from "./t";
 export * as vars from "./vars";
 export * from "./functions";
 export * from "./init";
-export * as c_ext_version from "./ext_version/components";
+export * as c_app_version from "./app_version/components";
 export * as c_loading_screen from "./loading_screen/components";
 export * as c_tr from "./tr/components";
 export * as o_tr from "./tr/obj";
 export * as d_loading_screen from "./loading_screen/data";
 export * as d_tr from "./tr/data";
 export * as s_css_vars from "./css_vars/scripts";
+export * as s_loading_screen from "./loading_screen/scripts";
 export * as s_no_tr from "./no_tr/scripts";
 export * as s_tab_index from "./tab_index/scripts";
 export * as s_theme from "./theme/scripts";

package/ts/shared/loading_screen/components/prop_types/body.d.ts

@@ -1,4 +1,5 @@
 import { t } from "../../../internal";
 export interface Body {
+    app_id: string;
     on_render: t.CallbackVoid;
 }

package/ts/shared/loading_screen/data/main.d.ts

@@ -6,5 +6,7 @@ export declare class Main {
     private inner_is_none;
     get inner_visibility_cls(): string;
     show: () => Promise<void>;
-    hide: () => Promise<void>;
+    hide: ({ app_id }: {
+        app_id: string;
+    }) => Promise<void>;
 }

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

@@ -0,0 +1,2 @@
+export * from "./roots";
+export * from "./tr";

package/ts/shared/loading_screen/scripts/roots.d.ts

@@ -0,0 +1,11 @@
+export declare class Roots {
+    private static i0;
+    static i(): Roots;
+    private constructor();
+    hide_roots: ({ app_id }: {
+        app_id: string;
+    }) => void;
+    show_roots: ({ app_id }: {
+        app_id: string;
+    }) => void;
+}

package/ts/shared/loading_screen/scripts/tr.d.ts

@@ -0,0 +1,8 @@
+export declare class Tr {
+    private static i0;
+    static i(): Tr;
+    private constructor();
+    private loading_screen_root_selector;
+    enable_no_tr: () => void;
+    disable_no_tr: () => void;
+}

package/chunk-main-9a595cd1.js

@@ -1 +0,0 @@
-import{_ as __awaiter}from"./chunk-main-ea9edb3e.js";import"react";class Main$1{constructor(){this.cls="no_tr",this.enable=({el:el=document.head}={el:document.head})=>err((()=>{x.css(this.cls,el)}),"shr_1120"),this.disable=({el:el=document.head}={el:document.head})=>err_async((()=>__awaiter(this,void 0,void 0,(function*(){yield x.delay(500);const tr_link=sb(el,`.${this.cls}_link`);x.remove(tr_link)}))),"shr_1121")}static i(){return this.i0||(this.i0=new this)}}class Main{constructor(){this.set=({name:name,el:el=document.head,additional_theme_callback:additional_theme_callback})=>err_async((()=>__awaiter(this,void 0,void 0,(function*(){Main$1.i().enable({el:el});const name_final=`${name}_theme`,loading_screen_root_el=s('div[class^="root"][class*="loading_screen"]');x.css(name_final,el,"theme_link"),n(loading_screen_root_el)&&n(loading_screen_root_el.shadowRoot)&&x.css(name_final,loading_screen_root_el.shadowRoot,"theme_link"),n(additional_theme_callback)&&additional_theme_callback({name:name,el:el}),yield Main$1.i().disable({el:el})}))),"shr_1129")}static i(){return this.i0||(this.i0=new this)}}export{Main$1 as M,Main as a};

package/chunk-main-c8685465.js

@@ -1 +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-main-ea9edb3e.js";import React__default,{useEffect}from"react";global.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}),global.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})}},global.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}={})=>__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})}})),global.throw_err=msg=>{throw new Error(msg)},global.throw_err_obj=error_obj=>{throw error_obj},global.err_obj=msg=>new Error(msg);const Body$1=observer(class 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},app.msg("reload_ui_btn_text")));const{children:children}=this.props;return children}}),Body=observer((props=>{const{app_id:app_id,on_render:on_render}=props;return 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.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))})),CloseBtn=observer((()=>React__default.createElement("button",{className:"close_btn",type:"button",onClick:()=>State.i().change_state({observable_key:"is_visible",state:!1})},React__default.createElement(svg.Close,null)))),ExtName=()=>React__default.createElement("span",{className:"ext_name"},app.msg("name")," ",React__default.createElement(Body$2,null)),Msg$1=observer((()=>React__default.createElement("div",{className:"msg"},Msg.i().main_msg,State.i().is_notification?void 0: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:!0})},app.msg("error_more_info_btn_text")),React__default.createElement("div",{className:Msg.i().advanced_msg_is_visible_cls},Msg.i().advanced_msg)))));class Main$2{constructor(){this.catch_fatal_error=callback=>__awaiter(this,void 0,void 0,(function*(){if("background"===page)callback();else if(is_ext){(yield app.send_msg_resp({msg:"check_if_background_page_is_available"}))&&callback()}else callback()}))}static i(){return this.i0||(this.i0=new this)}}class Visibility{constructor(){this.page_is_crashed=!1,this.show_reload_ui_screen=()=>{this.page_is_crashed=!0},makeObservable(this,{page_is_crashed:observable,show_reload_ui_screen: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=""}={})=>{Main$2.i().catch_fatal_error((()=>{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(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)},makeObservable(this,{show_error: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},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(){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`]=global.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))},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(){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=()=>{global.location.reload()}}static i(){return this.i0||(this.i0=new this)}}export{Body$1 as B,CloseBtn as C,ExtName as E,Main$1 as M,Visibility as V,Body as a,Msg$1 as b,Main$2 as c};