@loftyshaky/shared-app 0.0.3 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/_locales/en/messages.json +1 -1
  2. package/_locales/ru/messages.json +1 -1
  3. package/announcement.js +1 -1
  4. package/app.js +1 -1
  5. package/chunk-main-303525a1.js +1 -0
  6. package/chunk-main-3865bde3.js +9 -0
  7. package/chunk-main-6b1a6024.js +1 -0
  8. package/chunk-pickr.min-ee5e2c4f.js +1 -0
  9. package/ext.js +1 -1
  10. package/index.d.ts +1 -1
  11. package/index.js +1 -1
  12. package/inputs.js +1 -1
  13. package/js/apps.js +6 -3
  14. package/js/env.js +1 -1
  15. package/js/ext/manifest.js +58 -58
  16. package/js/locales.js +1 -1
  17. package/js/webpack.config.js +9 -1
  18. package/package.json +1 -1
  19. package/scss/shared/embed/hidden_roots.scss +3 -0
  20. package/scss/shared/focus.scss +1 -1
  21. package/scss/shared/scrollbar.scss +1 -1
  22. package/scss/shared/themes/colors/dark.scss +2 -2
  23. package/scss/shared/themes/colors/light.scss +5 -5
  24. package/scss/shared/themes/colors/very_dark.scss +2 -2
  25. package/scss/shared/themes/general/template.scss +3 -3
  26. package/scss/shared/themes/general/template_focus.scss +5 -5
  27. package/scss/shared/transitions.scss +1 -1
  28. package/settings.js +1 -1
  29. package/ts/error_modules/crash_handler/data/index.d.ts +0 -1
  30. package/ts/inputs/interfaces/text_btn.d.ts +1 -1
  31. package/ts/shared/app.d.ts +10 -2
  32. package/ts/shared/{ext_version → app_version}/components/body.d.ts +0 -0
  33. package/ts/shared/{ext_version → app_version}/components/index.d.ts +0 -0
  34. package/ts/shared/ext.d.ts +3 -3
  35. package/ts/shared/internal.d.ts +2 -1
  36. package/ts/shared/loading_screen/components/prop_types/body.d.ts +1 -0
  37. package/ts/shared/loading_screen/data/main.d.ts +3 -1
  38. package/ts/shared/loading_screen/scripts/index.d.ts +2 -0
  39. package/ts/shared/loading_screen/scripts/roots.d.ts +11 -0
  40. package/ts/shared/loading_screen/scripts/tr.d.ts +8 -0
  41. package/ts/shared/tr/data/transition.d.ts +1 -1
  42. package/ts/shared/x.d.ts +1 -1
  43. package/chunk-app-198a1b93.js +0 -1
  44. package/chunk-main-1095d121.js +0 -9
  45. package/chunk-main-651fde68.js +0 -1
  46. package/chunk-main-b3455ac8.js +0 -1
  47. package/chunk-pickr.min-a2459eac.js +0 -1
  48. package/ts/error_modules/crash_handler/data/fatal_error.d.ts +0 -7
@@ -102,7 +102,7 @@
102
102
  "message": "Restore default palette"
103
103
  },
104
104
  "color_help_text": {
105
- "message": "Right-click on the main or palette color buttons to choose a custom color. (Tab: Ctrl/Shift/Alt + Enter)."
105
+ "message": "Right-click on the main or palette color buttons to choose a custom color. You can also do this by selecting the main or palette color buttons by Tab and then hitting Ctrl/Shift/Alt + Enter."
106
106
  },
107
107
  "privacy_policy_link_text": {
108
108
  "message": "📜 Privacy policy"
@@ -99,7 +99,7 @@
99
99
  "message": "Восстановить палитру по-умолчанию"
100
100
  },
101
101
  "color_help_text": {
102
- "message": "Кликните правой кнопкой мыши на основную кнопку цвета или кнопку цвета из палитры чтобы выбрать пользовательский цвет. (Tab: Ctrl/Shift/Alt + Enter)"
102
+ "message": "Кликните правой кнопкой мыши на основную кнопку цвета или кнопку цвета из палитры чтобы выбрать пользовательский цвет. Вы также можете сделать это, выбрав основную кнопку цвета или кнопку цвета из палитры с помощью Tab и затем нажать Ctrl/Shift/Alt + Enter."
103
103
  },
104
104
  "privacy_policy_link_text": {
105
105
  "message": "📜 Политика конфиденциальности"
package/announcement.js CHANGED
@@ -1 +1 @@
1
- import{o as observer,_ as __awaiter}from"./chunk-main-1095d121.js";import React__default from"react";import"react-dom";const Body=observer((props=>{const{children:children}=props;return React__default.createElement("div",{className:"main"},React__default.createElement("h1",{className:"header"},Header.i().get()),React__default.createElement("div",{className:"msg_to_user"},children))}));var index$1=Object.freeze({__proto__:null,Body:Body});class Header{constructor(){this.get=()=>err((()=>{const title_el=s("title");return n(title_el)&&n(title_el.textContent)?title_el.textContent:""}),"shr_1230")}static i(){return this.i0||(this.i0=new this)}}var index=Object.freeze({__proto__:null,Display:class{constructor(){this.display_announcement=()=>err_async((()=>__awaiter(this,void 0,void 0,(function*(){we.tabs.create({url:we.runtime.getURL("announcement.html")})}))),"shr_1231")}static i(){return this.i0||(this.i0=new this)}},Header:Header});export{index$1 as c_announcement,index as s_announcement};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var main=require("./chunk-main-3865bde3.js"),React=require("react");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("react-dom");var React__default=_interopDefaultLegacy(React);const Body=main.observer((props=>{const{children:children}=props;return React__default.default.createElement("div",{className:"main"},React__default.default.createElement("h1",{className:"header"},Header.i().get()),React__default.default.createElement("div",{className:"msg_to_user"},children))}));var index$1=Object.freeze({__proto__:null,Body:Body});class Header{constructor(){this.get=()=>err((()=>{const title_el=s("title");return n(title_el)&&n(title_el.textContent)?title_el.textContent:""}),"shr_1230")}static i(){return this.i0||(this.i0=new this)}}var index=Object.freeze({__proto__:null,Display:class{constructor(){this.display_announcement=()=>err_async((()=>main.__awaiter(this,void 0,void 0,(function*(){we.tabs.create({url:we.runtime.getURL("announcement.html")})}))),"shr_1231")}static i(){return this.i0||(this.i0=new this)}},Header:Header});exports.c_announcement=index$1,exports.s_announcement=index;
package/app.js CHANGED
@@ -1 +1 @@
1
- export{A as App}from"./chunk-app-198a1b93.js";import"path";import"./chunk-main-1095d121.js";import"react";import"react-dom";import"fs";import"constants";import"stream";import"util";import"assert";import"./chunk-main-b3455ac8.js";
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var main$1=require("./chunk-main-3865bde3.js"),main=require("./chunk-main-303525a1.js");require("react"),require("react-dom"),globalThis.page="front_end",globalThis.is_node="undefined"!=typeof process&&"node"===process.release.name;globalThis.misplaced_dependency=culprit_page=>err((()=>{if(page!==culprit_page){const msg=`DEPENDENCIES FROM THE OTHER PAGE ACCIDENTALLY LOADED INTO THIS PAGE!!!\nCULPRIT PAGE: ${culprit_page.toUpperCase()}`;"back_end"===page?console.log(msg):alert(msg)}}),"shr_1193");class App{constructor(){this.log_error=(error_obj,error_code)=>{main.Main.i().output_error(error_obj,error_code)},this.origin=globalThis.location?globalThis.location.origin:"",this.resolve=path_to_resolve=>{try{const path=require("path");return require("fs-extra").existsSync(path.resolve("dist",path_to_resolve))?path.resolve("dist",path_to_resolve):path.resolve(path_to_resolve)}catch(error_obj){this.log_error(error_obj,"shr_1234")}return""},this.read_data_into_vars=()=>main$1.__awaiter(this,void 0,void 0,(function*(){try{const set_messages_json=({locale:locale})=>main$1.__awaiter(this,void 0,void 0,(function*(){try{const path=`${this.origin}/_locales/${locale}/messages.json`;if((yield fetch(path,{method:"HEAD"})).ok){const response_messages_json=yield fetch(path);this[`messages_${locale}_json`]=yield response_messages_json.json()}}catch(error_obj){this.log_error(error_obj,"shr_1233")}})),response_package_json=yield fetch(`${this.origin}/package.json`);this.package_json=yield response_package_json.json(),yield set_messages_json({locale:"en"}),yield set_messages_json({locale:"ru"}),yield set_messages_json({locale:"de"})}catch(error_obj){this.log_error(error_obj,"shr_1191")}return""})),this.get_app_version=()=>{try{if(globalThis.is_node){const fs=require("fs-extra"),{version:version}=fs.readJSONSync(this.resolve("package.json"));return version}if(n(this.package_json))return this.package_json.version}catch(error_obj){this.log_error(error_obj,"shr_1191")}return""},this.msg=msg=>{try{const get_msgs=({user_language:user_language})=>{if(globalThis.is_node){const path=require("path"),fs=require("fs-extra"),messages_path=path.join("_locales",user_language,"messages.json");return fs.readJSONSync(this.resolve(messages_path))}return this[`messages_${user_language}_json`]};let user_language="en";const{locale:locale}=Intl.DateTimeFormat().resolvedOptions(),is_english=locale.includes("en-");is_english||(user_language=locale);const en_msgs=get_msgs({user_language:"en"}),localized_msgs=is_english?void 0:get_msgs({user_language:user_language});let msg_2=n(en_msgs[msg])&&n(en_msgs[msg].message)?en_msgs[msg].message:"";return is_english||(msg_2=n(localized_msgs)&&n(localized_msgs[msg])&&n(localized_msgs[msg].message)?localized_msgs[msg].message:msg_2),n(msg_2)?msg_2:""}catch(error_obj){this.log_error(error_obj,"shr_1192")}return""},this.read_env_into_global_var=()=>main$1.__awaiter(this,void 0,void 0,(function*(){try{let env_file_text="";if(globalThis.is_node){env_file_text=require("fs-extra").readFileSync(this.resolve("env.js"),{encoding:"utf8"})}else{const response=yield fetch(`${this.origin}/env.js`);env_file_text=yield response.text()}globalThis.env=JSON.parse(env_file_text.replace("globalThis.env = ",""))}catch(error_obj){this.log_error(error_obj,"shr_1232")}}))}static i(){return this.i0||(this.i0=new this)}}globalThis.app=App.i(),err((()=>{const title=globalThis.document?document.querySelector("title"):void 0;globalThis.page=n(title)&&n(title.dataset.page)?title.dataset.page:"back_end"}),"shr_1190"),exports.App=App;
@@ -0,0 +1 @@
1
+ "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;