@loftyshaky/shared-app 0.0.1

package/scss/shared/scrollbar.scss

@@ -0,0 +1,35 @@
+$thumb_border_left: 5px solid transparent;
+$thumb_border_right: 4px solid transparent;
+
+:not(html):not(body):not(select) {
+    &::-webkit-scrollbar {
+        width: 17px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background-clip: content-box;
+    }
+
+    &::-webkit-resizer {
+        @include border_top;
+        @include border_left;
+    }
+
+    &::-webkit-scrollbar-track:vertical {
+        @include border_left;
+    }
+
+    &::-webkit-scrollbar-track:horizontal {
+        @include border_top;
+    }
+
+    &::-webkit-scrollbar-thumb:vertical {
+        border-left: $thumb_border_left;
+        border-right: $thumb_border_right;
+    }
+
+    &::-webkit-scrollbar-thumb:horizontal {
+        border-top: $thumb_border_left;
+        border-bottom: $thumb_border_right;
+    }
+}

package/scss/shared/selects.scss

@@ -0,0 +1,14 @@
+$arrow_offset: 11px;
+$separator_offset: 7px;
+
+.input_item select.input {
+    /* stylelint-disable-next-line property-no-vendor-prefix */
+    -webkit-appearance: none;
+    /* stylelint-disable-next-line property-no-vendor-prefix */
+    -moz-appearance: none;
+    background-position: calc(100% - 16px) $arrow_offset, calc(100% - 10px) $arrow_offset,
+        calc(100% - 33px) $separator_offset;
+    background-size: 6px 6px, 6px 6px, 1px 14px;
+    background-repeat: no-repeat;
+    padding-right: 44px;
+}

package/scss/shared/text.scss

@@ -0,0 +1,20 @@
+.main,
+.content,
+button,
+input {
+    font-family: 'u6Pgzb39sNF', sans-serif;
+    font-size: $font_main;
+}
+
+.input_item {
+    /* stylelint-disable-next-line property-no-vendor-prefix */
+    -moz-appearance: textfield;
+
+    .input {
+        &::-webkit-inner-spin-button,
+        &::-webkit-outer-spin-button {
+            /* stylelint-disable-next-line property-no-vendor-prefix */
+            -webkit-appearance: none;
+        }
+    }
+}

package/scss/shared/textareas.scss

@@ -0,0 +1,7 @@
+$padding: 8px;
+
+.input_item textarea.input {
+    padding-top: $padding;
+    padding-bottom: $padding;
+    min-height: 95px;
+}

package/scss/shared/themes/colors/dark.scss

@@ -0,0 +1,13 @@
+$htc: #2a3038;
+$gaq: #1d2329;
+$hev: #42505e;
+$lpe: white;
+$yos: #144581;
+$htm: #8d4816;
+$qgp: #1b5a17;
+$ycp: #308af9;
+$cop: #09a700;
+$ptn: #bb141c;
+$uzf: #b938c7;
+$dfp: #29394d;
+$nqp: rgb(174 35 43 / 99%);

package/scss/shared/themes/colors/light.scss

@@ -0,0 +1,13 @@
+$htc: white;
+$gaq: #efefef;
+$hev: #bbb;
+$lpe: $black;
+$yos: #c7e0ff;
+$htm: #ffbd8e;
+$qgp: #beffba;
+$ycp: #2e8cff;
+$cop: #14bf0a;
+$ptn: #d0111a;
+$uzf: #ca26dd;
+$dfp: #a2d4ff;
+$nqp: rgb(255 77 85 / 99%);

package/scss/shared/themes/colors/very_dark.scss

@@ -0,0 +1,13 @@
+$htc: #0a0e14;
+$gaq: #000308;
+$hev: #1f2c40;
+$lpe: #e5e5e5;
+$yos: #0e2e54;
+$htm: #583013;
+$qgp: #133e10;
+$ycp: #2176de;
+$cop: #089200;
+$ptn: #b1131a;
+$uzf: #af22bf;
+$dfp: #0f1721;
+$nqp: rgb(120 30 34 / 99%);

package/scss/shared/themes/general/dark_theme.scss

@@ -0,0 +1,7 @@
+@import '../../vars';
+@import '../colors/dark';
+@import 'template';
+
+.main_2 {
+    box-shadow: rgb(0 115 255 / 100%) 0 0 33px, rgb(255 255 255 / 40%) 0 0 10px;
+}

package/scss/shared/themes/general/light_theme.scss

@@ -0,0 +1,7 @@
+@import '../../vars';
+@import '../colors/light';
+@import 'template';
+
+.main_2 {
+    box-shadow: rgb(0 0 0 / 30%) 0 0 30px, rgb(0 0 0 / 30%) 0 4px 8px;
+}

package/scss/shared/themes/general/template.scss

@@ -0,0 +1,259 @@
+/* stylelint-disable selector-class-pattern */
+
+@import 'template_focus';
+
+::selection {
+    background-color: $nqp !important;
+    color: white !important;
+}
+
+:not(html):not(body):not(select) {
+    &::-webkit-scrollbar-corner,
+    &::-webkit-resizer {
+        background-color: $hev;
+        border-color: $hev;
+    }
+
+    &::-webkit-scrollbar-track {
+        background-color: $gaq;
+        border-color: $gaq;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background-color: $hev;
+    }
+
+    &::-webkit-scrollbar-thumb:hover {
+        background-color: $lpe;
+    }
+
+    &::-webkit-scrollbar-track:horizontal,
+    &::-webkit-scrollbar-track:vertical {
+        border-color: $hev;
+    }
+}
+
+.loading_screen {
+    &.main {
+        background-color: $dfp;
+    }
+
+    svg {
+        stroke: $lpe;
+    }
+}
+
+.help_btn svg {
+    fill: $lpe;
+}
+
+body {
+    background-color: $gaq;
+
+    .btn {
+        &.text {
+            outline-color: $hev;
+            background-color: $gaq;
+
+            &:hover {
+                background-color: $qgp;
+            }
+        }
+
+        &.icon {
+            background-color: transparent;
+
+            &:not(:first-child) {
+                margin-left: $gap;
+            }
+
+            svg {
+                display: block;
+                fill: $lpe;
+            }
+        }
+    }
+}
+
+.main,
+button,
+select,
+input,
+textarea {
+    color: $lpe;
+}
+
+hr {
+    background-color: $hev;
+}
+
+.sections {
+    background-color: $htc;
+}
+
+.section_btns {
+    background-color: $gaq;
+
+    .section_btn {
+        background-color: $gaq;
+
+        &.selected::before {
+            background-color: $ycp;
+        }
+
+        &:not(.selected):hover::before {
+            background-color: $cop;
+        }
+    }
+}
+
+.input_item {
+    .inset_border::before {
+        outline-color: $hev;
+    }
+
+    .input {
+        background-color: $gaq;
+    }
+
+    .btn.text_input {
+        background-color: $gaq;
+
+        svg {
+            fill: $lpe;
+        }
+    }
+
+    .palette {
+        background-color: $htc;
+    }
+
+    .input_w {
+        .visualization,
+        .palette_visualization {
+            border-color: $hev;
+            background-color: $gaq;
+        }
+    }
+
+    select {
+        background-image: linear-gradient(45deg, transparent 50%, $lpe 50%),
+            linear-gradient(135deg, $lpe 50%, transparent 50%),
+            linear-gradient(to right, $lpe, $lpe);
+    }
+
+    .range {
+        .lower_fill {
+            background-color: $lpe;
+        }
+
+        .input {
+            &::-webkit-slider-thumb {
+                background-color: $lpe;
+            }
+
+            &::-webkit-slider-runnable-track {
+                box-shadow: inset 0 0 0 1px $hev, inset -1px 0 0 0 $hev;
+            }
+        }
+    }
+
+    .checkbox .box {
+        outline-color: $hev;
+        background-color: $gaq;
+
+        svg {
+            fill: $lpe;
+        }
+    }
+
+    .upload_box {
+        outline-color: $hev;
+
+        .background {
+            &.upload_box_idle {
+                background-color: $gaq;
+            }
+
+            &.upload_box_hover {
+                background-color: $qgp;
+            }
+
+            &.loading {
+                /* stylelint-disable-next-line function-parentheses-newline-inside */
+                background-image: repeating-linear-gradient(-45deg,
+                $gaq,
+                $gaq 14px,
+                $qgp 14px,
+                $qgp 28px);  /* stylelint-disable-line function-parentheses-newline-inside */
+            }
+        }
+    }
+
+    .color_picker_w {
+        *:not(.pcr-last-color):not(.pcr-current-color) {
+            color: $lpe !important;
+        }
+
+        input {
+            background-color: $gaq !important;
+            outline-color: $hev !important;
+
+            &:hover:not(.pcr-result):not(.active) {
+                background-color: $qgp !important;
+            }
+        }
+    }
+
+    .pcr-app {
+        background-color: $htc !important;
+    }
+
+    .pcr-color-preview,
+    .pcr-palette,
+    .pcr-slider,
+    .pcr-picker,
+    .pcr-result {
+        border-color: $hev !important;
+    }
+
+    .pcr-type.active {
+        background-color: $yos !important;
+    }
+}
+
+.link {
+    color: $ycp;
+
+    &:visited {
+        color: $ptn;
+    }
+
+    &:hover {
+        color: $cop;
+    }
+
+    &:active {
+        color: $uzf;
+    }
+}
+
+.link_btn {
+    color: $ycp;
+
+    &:visited {
+        color: $ptn;
+    }
+
+    &:hover {
+        color: $cop;
+    }
+
+    &:active {
+        color: $uzf;
+    }
+}
+
+.ext_version {
+    color: $lpe;
+}

package/scss/shared/themes/general/template_focus.scss

@@ -0,0 +1,52 @@
+/* stylelint-disable selector-class-pattern */
+
+.input_item {
+    .input_w {
+        &.is_in_focus_state:not(.select)::before {
+            outline-color: $cop;
+        }
+
+        &.is_in_warn_state:not(.select)::before {
+            outline-color: $ptn;
+        }
+    }
+
+    .visualization_w.opened .visualization,
+    .palette_visualization_w.opened .palette_visualization,
+    .palette_visualization_w.selected .palette_visualization {
+        outline-color: $ycp;
+    }
+}
+
+.keyboard .btn.text_input::before,
+body.keyboard .btn.text:focus,
+.keyboard .help_btn:focus,
+.keyboard .btn.icon:focus,
+.keyboard .input_item .checkbox .box:focus,
+.keyboard .link:focus,
+.keyboard .link_btn:focus,
+.keyboard .input_item .input_w:not(.text):not(.textarea).is_in_focus_state::before,
+.keyboard .input_item.range .input.is_in_focus_state,
+.keyboard .input_item .visualization_w .visualization:focus,
+.keyboard .input_item .palette_visualization_w .palette_visualization:focus {
+    outline-color: $uzf;
+}
+
+.keyboard .input_item .pcr-palette:focus,
+.keyboard .input_item .pcr-slider:focus,
+.keyboard .input_item .pcr-picker:focus,
+.keyboard .input_item .color_picker_w input:not(.pcr-result):focus {
+    outline-color: $uzf !important;
+}
+
+.input_item .pcr-result:focus {
+    outline-color: $cop !important;
+}
+
+.keyboard .input_item .pcr-result:focus {
+    outline-color: $uzf !important;
+}
+
+.keyboard .section_btn:not(.selected):focus {
+    box-shadow: inset 0 0 0 2px $uzf, inset -2px 0 0 0 $uzf;
+}

package/scss/shared/themes/general/very_dark_theme.scss

@@ -0,0 +1,7 @@
+@import '../../vars';
+@import '../colors/very_dark';
+@import 'template';
+
+.main_2 {
+    box-shadow: rgb(0 102 255 / 85%) 0 0 36px, rgb(255 255 255 / 40%) 0 0 10px;
+}

package/scss/shared/transitions.scss

@@ -0,0 +1,36 @@
+/* stylelint-disable selector-class-pattern */
+
+.loading_screen,
+.checkbox .box svg,
+.color_picker_w,
+.palette_w,
+.color_help_w {
+    transition: var(--transition);
+    transition-property: opacity;
+}
+
+.upload_box .background {
+    transition: var(--transition);
+    transition-property: background-color;
+}
+
+.btn:not(.reload_ui):not(.link_btn) {
+    transition: var(--transition);
+    transition-property: opacity, background-color;
+}
+
+.link,
+.link_btn {
+    transition: var(--transition);
+    transition-property: color;
+}
+
+.color_picker_w input {
+    transition: var(--transition) !important;
+    transition-property: background-color !important;
+}
+
+.pcr-last-color,
+.pcr-result {
+    transition: none !important;
+}

package/scss/shared/upload_box.scss

@@ -0,0 +1,67 @@
+$upload_box_text_z_index: 2;
+$upload_box_loading_animation_size: 40px;
+
+$backgrond_margin: 2px;
+$backgrond_dim_offset: 2px * 2;
+
+.input_item {
+    .upload_box {
+        @include border_transparent;
+
+        position: relative;
+        height: 104px;
+        text-align: center;
+        outline-width: 3px;
+        outline-style: dashed;
+        outline-offset: -3px;
+
+        .what_to_do_msg {
+            @include center_translate;
+
+            position: absolute;
+            padding-right: $gap;
+            padding-left: $gap;
+            z-index: $upload_box_text_z_index;
+            width: 100%;
+            box-sizing: border-box;
+        }
+
+        .browse {
+            display: inline;
+            font-size: $font_main;
+            opacity: 1 !important; // needed to keep default color when element is is_enabled
+        }
+
+        .status_msg {
+            width: 100%;
+            font-size: $font_small;
+            margin-bottom: 5px;
+            z-index: $upload_box_text_z_index;
+        }
+
+        .background {
+            position: absolute;
+            width: calc(100% - #{$backgrond_dim_offset});
+            height: calc(100% - #{$backgrond_dim_offset});
+            display: flex;
+            align-items: end;
+            box-sizing: border-box;
+            margin: $backgrond_margin;
+
+            &.loading {
+                animation: move 450ms linear infinite;
+                background-size: $upload_box_loading_animation_size $upload_box_loading_animation_size;
+            }
+        }
+    }
+}
+
+@keyframes move {
+    0% {
+        background-position: 0 0;
+    }
+
+    100% {
+        background-position: 40px 0;
+    }
+}

package/scss/shared/vars.scss

@@ -0,0 +1,19 @@
+$font_main: 17px;
+$font_big: 24px;
+$font_small: 13px;
+$gap: 10px;
+$gap_small: 4px;
+$border_width: 1px;
+$outline_offset: 2px;
+$input_height: 28px;
+$color_input_height: $input_height + ($border_width * 4);
+$input_content_gap: 8px;
+$input_inner_padding: 7px;
+$input_content_gap_2: $input_content_gap - ($border_width * 2);
+$main_margin: 16px;
+$main_margin_2: $main_margin * 2;
+$main_margin_4: $main_margin * 4;
+$black: #212121;
+$yellow: #fbff75;
+$light_orange: #fff7c7;
+$blue: #3892ff;

package/settings.d.ts

@@ -0,0 +1,2 @@
+import "./ts/shared/internal";
+export { c_settings, o_schema, d_settings, d_optional_permissions, d_schema, s_settings, i_optional_permissions, } from "./ts/settings/internal";

package/settings.js

@@ -0,0 +1 @@
+import{aa as Body,ab as BackUp,S as Sections,_ as __awaiter,m as makeObservable,b as action}from"./chunk-main-1095d121.js";import"react";import{a as Main$2}from"./chunk-main-651fde68.js";import"react-dom";var index$6=Object.freeze({__proto__:null,Body:Body});var index$5=Object.freeze({__proto__:null,TransformItem:class{constructor(obj){this.create_property_if_it_doesnt_exist=!0,Object.assign(this,obj),this.old_key=obj.old_key,this.new_key=obj.new_key,this.new_val=obj.new_val}}}),index$4=Object.freeze({__proto__:null,BackUp:BackUp,Sections:Sections});var index$3=Object.freeze({__proto__:null,Main:class{constructor(){this.set_permission=({name:name,optional_permission_checkbox_dict:optional_permission_checkbox_dict})=>err_async((()=>__awaiter(this,void 0,void 0,(function*(){const permissions=optional_permission_checkbox_dict[name];if(yield we.permissions.contains(permissions)){(yield we.permissions.remove(permissions))&&this.set_checkbox_val({name:name,val:!1})}else{(yield we.permissions.request(permissions))&&this.set_checkbox_val({name:name,val:!0})}}))),"shr_1221"),this.set_checkbox_val=({name:name,val:val})=>err((()=>{data.ui[name]=val}),"shr_1222"),makeObservable(this,{set_checkbox_val:action})}static i(){return this.i0||(this.i0=new this)}}});var index$2=Object.freeze({__proto__:null,Main:class{constructor(){this.transform=({settings:settings,transform_items:transform_items})=>err_async((()=>__awaiter(this,void 0,void 0,(function*(){const properties_to_remove=[];return transform_items.forEach((transform_item=>err((()=>{n(transform_item.new_key)&&!n(settings[transform_item.new_key])&&(transform_item.create_property_if_it_doesnt_exist||!transform_item.create_property_if_it_doesnt_exist&&n(transform_item.old_key)&&n(settings[transform_item.old_key]))&&(n(transform_item.new_val)?settings[transform_item.new_key]=transform_item.new_val:n(transform_item.old_key)&&(settings[transform_item.new_key]=settings[transform_item.old_key])),n(transform_item.old_key)&&!properties_to_remove.includes(transform_item.old_key)&&properties_to_remove.push(transform_item.old_key)}),"shr_1227"))),properties_to_remove.forEach((property_to_remove=>err((()=>{delete settings[property_to_remove]}),"shr_1228"))),yield app.storage_remove(properties_to_remove),settings}))),"shr_1226"),makeObservable(this,{transform:action})}static i(){return this.i0||(this.i0=new this)}}});var index$1=Object.freeze({__proto__:null,Theme:class{constructor(){this.change=({input:input,name:name,additional_theme_callback:additional_theme_callback})=>err((()=>{"options_page_theme"===input.name&&Main$2.i().set({name:name,additional_theme_callback:additional_theme_callback})}),"shr_1088")}static i(){return this.i0||(this.i0=new this)}}}),index=Object.freeze({__proto__:null});export{index$6 as c_settings,index$3 as d_optional_permissions,index$2 as d_schema,index$4 as d_settings,index as i_optional_permissions,index$5 as o_schema,index$1 as s_settings};

package/ts/announcement/components/body.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { p_announcement } from "../internal";
+export declare const Body: React.FunctionComponent<p_announcement.Body>;

package/ts/announcement/components/index.d.ts

@@ -0,0 +1 @@
+export * from "./body";

package/ts/announcement/components/prop_types/body.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export interface Body {
+    children: React.ReactNode;
+}

package/ts/announcement/components/prop_types/index.d.ts

@@ -0,0 +1 @@
+export * from "./body";

package/ts/announcement/internal.d.ts

@@ -0,0 +1,3 @@
+export * as c_announcement from "./components";
+export * as s_announcement from "./scripts";
+export * as p_announcement from "./components/prop_types";

package/ts/announcement/scripts/display.d.ts

@@ -0,0 +1,6 @@
+export declare class Display {
+    private static i0;
+    static i(): Display;
+    private constructor();
+    display_announcement: () => Promise<void>;
+}

package/ts/announcement/scripts/header.d.ts

@@ -0,0 +1,6 @@
+export declare class Header {
+    private static i0;
+    static i(): Header;
+    private constructor();
+    get: () => string;
+}

package/ts/announcement/scripts/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./display";
+export * from "./header";