From a4982553fad8737bc7641ae015762140778a38a0 Mon Sep 17 00:00:00 2001 From: NXX99 <91738741+NXX99@users.noreply.github.com> Date: Fri, 26 Jan 2024 20:58:21 +0000 Subject: [PATCH] Initial commit --- .replit | 185 ++++++++++++++++++++++++++++++++++++++++++++ index.html | 27 +++++++ lib/js-cookie.js | 2 + lib/winbox.js | 34 ++++++++ replit.nix | 6 ++ script.js | 22 ++++++ sheets/wb-style.css | 0 style.css | 76 ++++++++++++++++++ 8 files changed, 352 insertions(+) create mode 100644 .replit create mode 100644 index.html create mode 100644 lib/js-cookie.js create mode 100644 lib/winbox.js create mode 100644 replit.nix create mode 100644 script.js create mode 100644 sheets/wb-style.css create mode 100644 style.css diff --git a/.replit b/.replit new file mode 100644 index 0000000..92b567b --- /dev/null +++ b/.replit @@ -0,0 +1,185 @@ +hidden=[".config"] + +# hosting is currently hardcoded for this language +# [hosting] +# route = "/" +# directory= "/" + +[nix] +channel = "stable-22_11" + +[languages.html] +pattern = "**/*.html" + [languages.html.languageServer] +start = "vscode-html-language-server --stdio" + [languages.html.languageServer.initializationOptions] + provideFormatter = true + [languages.html.languageServer.configuration.html] + customData = [ ] + autoCreateQuotes = true + autoClosingTags = true + mirrorCursorOnMatchingTag = false + + [languages.html.languageServer.configuration.html.completion] + attributeDefaultValue = "doublequotes" + + [languages.html.languageServer.configuration.html.format] + enable = true + wrapLineLength = 120 + unformatted = "wbr" + contentUnformatted = "pre,code,textarea" + indentInnerHtml = false + preserveNewLines = true + indentHandlebars = false + endWithNewline = false + extraLiners = "head, body, /html" + wrapAttributes = "auto" + templating = false + unformattedContentDelimiter = "" + + [languages.html.languageServer.configuration.html.suggest] + html5 = true + + [languages.html.languageServer.configuration.html.validate] + scripts = true + styles = true + + [languages.html.languageServer.configuration.html.hover] + documentation = true + references = true + + [languages.html.languageServer.configuration.html.trace] + server = "off" + +[languages.javascript] +pattern = "**/{*.js,*.jsx,*.ts,*.tsx,*.mjs,*.cjs}" + [languages.javascript.languageServer] + start = "typescript-language-server --stdio" + +[languages.css] +pattern = "**/{*.less,*.scss,*.css}" + [languages.css.languageServer.initializationOptions] + provideFormatter = true + [languages.css.languageServer] + start = "vscode-css-language-server --stdio" + [languages.css.languageServer.configuration.css] + customData = [ ] + validate = true + + [languages.css.languageServer.configuration.css.completion] + triggerPropertyValueCompletion = true + completePropertyWithSemicolon = true + + [languages.css.languageServer.configuration.css.hover] + documentation = true + references = true + + [languages.css.languageServer.configuration.css.lint] + # Configure linting + # ignore = don't show any warning or error + # warning = show yellow underline + # error = show red underline + argumentsInColorFunction = "error" # Invalid number of parameters + boxModel = "ignore" # Do not use width or height when using padding or border + compatibleVendorPrefixes = "ignore" # When using a vendor-specific prefix make sure to also include all other vendor-specific properties" + duplicateProperties = "warning" # Do not use duplicate style definitions + emptyRules = "warning" # Do not use empty rulesets + float = "ignore" # Avoid using 'float'. Floats lead to fragile CSS that is easy to break if one aspect of the layout changes. + fontFaceProperties = "warning" # @font-face rule must define 'src' and 'font-family' properties + hexColorLength = "error" # Hex colors must consist of three, four, six or eight hex numbers + idSelector = "ignore" # Selectors should not contain IDs because these rules are too tightly coupled with the HTML. + ieHack = "ignore" # IE hacks are only necessary when supporting IE7 and older + important = "ignore" # Avoid using !important. It is an indication that the specificity of the entire CSS has gotten out of control and needs to be refactored. + importStatement = "ignore" # Import statements do not load in parallel + propertyIgnoredDueToDisplay = "warning" # Property is ignored due to the display + universalSelector = "ignore" # The universal selector (*) is known to be slow + unknownAtRules = "warning" # Unknown at-rule + unknownProperties = "warning" # Unknown property. + validProperties = [ ] # add some properties that the linter doesn't know about + unknownVendorSpecificProperties = "ignore" # Unknown vendor specific property. + vendorPrefix = "warning" # When using a vendor-specific prefix also include the standard property + zeroUnits = "ignore" # No unit for zero needed + + [languages.css.languageServer.configuration.css.trace] + server = "off" + + [languages.css.languageServer.configuration.scss] + validate = true + + [languages.css.languageServer.configuration.scss.completion] + triggerPropertyValueCompletion = true + completePropertyWithSemicolon = true + + [languages.css.languageServer.configuration.scss.hover] + documentation = true + references = true + + [languages.css.languageServer.configuration.scss.lint] + # Configure linting + # ignore = don't show any warning or error + # warning = show yellow underline + # error = show red underline + argumentsInColorFunction = "error" # Invalid number of parameters + boxModel = "ignore" # Do not use width or height when using padding or border + compatibleVendorPrefixes = "ignore" # When using a vendor-specific prefix make sure to also include all other vendor-specific properties" + duplicateProperties = "warning" # Do not use duplicate style definitions + emptyRules = "warning" # Do not use empty rulesets + float = "ignore" # Avoid using 'float'. Floats lead to fragile CSS that is easy to break if one aspect of the layout changes. + fontFaceProperties = "warning" # @font-face rule must define 'src' and 'font-family' properties + hexColorLength = "error" # Hex colors must consist of three, four, six or eight hex numbers + idSelector = "ignore" # Selectors should not contain IDs because these rules are too tightly coupled with the HTML. + ieHack = "ignore" # IE hacks are only necessary when supporting IE7 and older + important = "ignore" # Avoid using !important. It is an indication that the specificity of the entire CSS has gotten out of control and needs to be refactored. + importStatement = "ignore" # Import statements do not load in parallel + propertyIgnoredDueToDisplay = "warning" # Property is ignored due to the display + universalSelector = "ignore" # The universal selector (*) is known to be slow + unknownAtRules = "warning" # Unknown at-rule + unknownProperties = "warning" # Unknown property. + validProperties = [ ] # add some properties that the linter doesn't know about + unknownVendorSpecificProperties = "ignore" # Unknown vendor specific property. + vendorPrefix = "warning" # When using a vendor-specific prefix also include the standard property + zeroUnits = "ignore" # No unit for zero needed" + + [languages.css.languageServer.configuration.less] + validate = true + + [languages.css.languageServer.configuration.less.completion] + triggerPropertyValueCompletion = true + completePropertyWithSemicolon = true + + [languages.css.languageServer.configuration.less.hover] + documentation = true + references = true + + [languages.css.languageServer.configuration.less.lint] + # Configure linting + # ignore = don't show any warning or error + # warning = show yellow underline + # error = show red underline + argumentsInColorFunction = "error" # Invalid number of parameters + boxModel = "ignore" # Do not use width or height when using padding or border + compatibleVendorPrefixes = "ignore" # When using a vendor-specific prefix make sure to also include all other vendor-specific properties" + duplicateProperties = "warning" # Do not use duplicate style definitions + emptyRules = "warning" # Do not use empty rulesets + float = "ignore" # Avoid using 'float'. Floats lead to fragile CSS that is easy to break if one aspect of the layout changes. + fontFaceProperties = "warning" # @font-face rule must define 'src' and 'font-family' properties + hexColorLength = "error" # Hex colors must consist of three, four, six or eight hex numbers + idSelector = "ignore" # Selectors should not contain IDs because these rules are too tightly coupled with the HTML. + ieHack = "ignore" # IE hacks are only necessary when supporting IE7 and older + important = "ignore" # Avoid using !important. It is an indication that the specificity of the entire CSS has gotten out of control and needs to be refactored. + importStatement = "ignore" # Import statements do not load in parallel + propertyIgnoredDueToDisplay = "warning" # Property is ignored due to the display + universalSelector = "ignore" # The universal selector (*) is known to be slow + unknownAtRules = "warning" # Unknown at-rule + unknownProperties = "warning" # Unknown property. + validProperties = [ ] # add some properties that the linter doesn't know about + unknownVendorSpecificProperties = "ignore" # Unknown vendor specific property. + vendorPrefix = "warning" # When using a vendor-specific prefix also include the standard property + zeroUnits = "ignore" # No unit for zero needed" + +[gitHubImport] +requiredFiles = [".replit", "replit.nix", ".config"] + +[deployment] +publicDir = "/" +deploymentTarget = "static" \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..4237dc8 --- /dev/null +++ b/index.html @@ -0,0 +1,27 @@ + + + + + + + replit + + + + + + + +
+ + + + + + + + + + \ No newline at end of file diff --git a/lib/js-cookie.js b/lib/js-cookie.js new file mode 100644 index 0000000..53d35a3 --- /dev/null +++ b/lib/js-cookie.js @@ -0,0 +1,2 @@ +/*! js-cookie v3.0.5 | MIT */ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self,function(){var n=e.Cookies,o=e.Cookies=t();o.noConflict=function(){return e.Cookies=n,o}}())}(this,(function(){"use strict";function e(e){for(var t=1;t*,.winbox.min .wb-full,.winbox.min .wb-min,.winbox.modal .wb-full,.winbox.modal .wb-max,.winbox.modal .wb-min{display:none}.winbox.max .wb-drag,.winbox.min .wb-drag{cursor:default}.wb-min{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNOCAwaDdhMSAxIDAgMCAxIDAgMkgxYTEgMSAwIDAgMSAwLTJoN3oiLz48L3N2Zz4=);background-size:14px auto;background-position:center calc(50% + 6px)}.wb-max{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA5NiA5NiI+PHBhdGggZD0iTTIwIDcxLjMxMUMxNS4zNCA2OS42NyAxMiA2NS4yMyAxMiA2MFYyMGMwLTYuNjMgNS4zNy0xMiAxMi0xMmg0MGM1LjIzIDAgOS42NyAzLjM0IDExLjMxMSA4SDI0Yy0yLjIxIDAtNCAxLjc5LTQgNHY1MS4zMTF6Ii8+PHBhdGggZD0iTTkyIDc2VjM2YzAtNi42My01LjM3LTEyLTEyLTEySDQwYy02LjYzIDAtMTIgNS4zNy0xMiAxMnY0MGMwIDYuNjMgNS4zNyAxMiAxMiAxMmg0MGM2LjYzIDAgMTItNS4zNyAxMi0xMnptLTUyIDRjLTIuMjEgMC00LTEuNzktNC00VjM2YzAtMi4yMSAxLjc5LTQgNC00aDQwYzIuMjEgMCA0IDEuNzkgNCA0djQwYzAgMi4yMS0xLjc5IDQtNCA0SDQweiIvPjwvc3ZnPg==);background-size:17px auto}.wb-close{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xIC0xIDE4IDE4Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMS42MTMuMjEuMDk0LjA4M0w4IDYuNTg1IDE0LjI5My4yOTNsLjA5NC0uMDgzYTEgMSAwIDAgMSAxLjQwMyAxLjQwM2wtLjA4My4wOTRMOS40MTUgOGw2LjI5MiA2LjI5M2ExIDEgMCAwIDEtMS4zMiAxLjQ5N2wtLjA5NC0uMDgzTDggOS40MTVsLTYuMjkzIDYuMjkyLS4wOTQuMDgzQTEgMSAwIDAgMSAuMjEgMTQuMzg3bC4wODMtLjA5NEw2LjU4NSA4IC4yOTMgMS43MDdBMSAxIDAgMCAxIDEuNjEzLjIxeiIvPjwvc3ZnPg==);background-size:15px auto;background-position:5px center}.wb-full{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIuNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOCAzSDVhMiAyIDAgMCAwLTIgMnYzbTE4IDBWNWEyIDIgMCAwIDAtMi0yaC0zbTAgMThoM2EyIDIgMCAwIDAgMi0ydi0zTTMgMTZ2M2EyIDIgMCAwIDAgMiAyaDMiLz48L3N2Zz4=);background-size:16px auto}.winbox.max .wb-body~div,.winbox.min .wb-body~div,.winbox.modal .wb-body~div,.winbox.modal .wb-drag,body.wb-lock iframe{pointer-events:none}.winbox.max{box-shadow:none}.winbox.max .wb-body{margin:0!important}.winbox iframe{position:absolute;width:100%;height:100%;border:0}body.wb-lock .winbox{will-change:left,top,width,height;transition:none}.winbox.modal:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;border-radius:inherit}.winbox.modal:after{content:'';position:absolute;top:-50vh;left:-50vw;right:-50vw;bottom:-50vh;background:#0d1117;animation:wb-fade-in .2s ease-out forwards;z-index:-1}.no-animation{transition:none}.no-shadow{box-shadow:none}.no-header .wb-body{top:0}.no-move:not(.min) .wb-title{pointer-events:none}.wb-body .wb-show{display:revert}"; +var h=document.getElementsByTagName("head")[0];h.firstChild?h.insertBefore(aa,h.firstChild):h.appendChild(aa);var ba=document.createElement("div");ba.innerHTML="
";function k(a,b,c,f){a&&a.addEventListener(b,c,f||!1)}function l(a,b){var c=window,f=m;c&&c.removeEventListener(a,b,f||!1)}function t(a,b){a.stopPropagation();b&&a.preventDefault()}function u(a,b,c){c=""+c;a["_s_"+b]!==c&&(a.style.setProperty(b,c),a["_s_"+b]=c)};/* + self.max &&*/ +var x=[],A=[],ca={capture:!0,passive:!1},m={capture:!0,passive:!0},B,da=0,E=10,F,J,ha,K,P,ia; +function U(a,b){if(!(this instanceof U))return new U(a);B||ja();if(a){if(b){var c=a;a=b}if("string"===typeof a)c=a;else{var f=a.id;var d=a.index;var n=a.root;var p=a.template;c=c||a.title;var v=a.icon;var L=a.mount;var Q=a.html;var g=a.url;var q=a.width;var r=a.height;var w=a.minwidth;var C=a.minheight;var y=a.maxwidth;var z=a.maxheight;var ea=a.autosize;var D=a.overflow;var G=a.min;var H=a.max;var I=a.hidden;var fa=a.modal;var X=a.x||(fa?"center":0);var Y=a.y||(fa?"center":0);var M=a.top;var N=a.left; +var R=a.bottom;var S=a.right;var la=a.background;var O=a.border;var T=a.header;var Z=a["class"];var ma=a.oncreate;var ra=a.onclose;var sa=a.onfocus;var ta=a.onblur;var ua=a.onmove;var va=a.onresize;var wa=a.onfullscreen;var xa=a.onmaximize;var ya=a.onminimize;var za=a.onrestore;var Aa=a.onhide;var Ba=a.onshow;var Ca=a.onload}}this.g=(p||ba).cloneNode(!0);this.g.id=this.id=f||"winbox-"+ ++da;this.g.className="winbox"+(Z?" "+("string"===typeof Z?Z:Z.join(" ")):"")+(fa?" modal":"");this.g.winbox=this; +this.window=this.g;this.body=this.g.getElementsByClassName("wb-body")[0];this.h=T||35;A.push(this);la&&this.setBackground(la);O?u(this.body,"margin",O+(isNaN(O)?"":"px")):O=0;T&&(b=this.g.getElementsByClassName("wb-header")[0],u(b,"height",T+"px"),u(b,"line-height",T+"px"),u(this.body,"top",T+"px"));c&&this.setTitle(c);v&&this.setIcon(v);L?this.mount(L):Q?this.body.innerHTML=Q:g&&this.setUrl(g,Ca);M=M?V(M,P):0;R=R?V(R,P):0;N=N?V(N,K):0;S=S?V(S,K):0;c=K-N-S;v=P-M-R;y=y?V(y,c):c;z=z?V(z,v):v;w=w?V(w, +y):150;C=C?V(C,z):this.h;ea?((n||B).appendChild(this.body),q=Math.max(Math.min(this.body.clientWidth+2*O+1,y),w),r=Math.max(Math.min(this.body.clientHeight+this.h+O+1,z),C),this.g.appendChild(this.body)):(q=q?V(q,y):Math.max(y/2,w)|0,r=r?V(r,z):Math.max(z/2,C)|0);X=X?V(X,c,q):N;Y=Y?V(Y,v,r):M;this.x=X;this.y=Y;this.width=q;this.height=r;this.s=w;this.o=C;this.m=y;this.l=z;this.top=M;this.right=S;this.bottom=R;this.left=N;this.index=d;this.j=D;this.focused=this.hidden=this.full=this.max=this.min=!1; +this.onclose=ra;this.onfocus=sa;this.onblur=ta;this.onmove=ua;this.onresize=va;this.onfullscreen=wa;this.onmaximize=xa;this.onminimize=ya;this.onrestore=za;this.onhide=Aa;this.onshow=Ba;I?this.hide():this.focus();if(d||0===d)this.index=d,u(this.g,"z-index",d),d>E&&(E=d);H?this.maximize():G?this.minimize():this.resize().move();ka(this);(n||B).appendChild(this.g);ma&&ma.call(this,a)}U["new"]=function(a){return new U(a)};U.stack=function(){return A}; +function V(a,b,c){"string"===typeof a&&("center"===a?a=(b-c)/2+.5|0:"right"===a||"bottom"===a?a=b-c:(c=parseFloat(a),a="%"===(""+c!==a&&a.substring((""+c).length))?b/100*c+.5|0:c));return a} +function ja(){B=document.body;B[J="requestFullscreen"]||B[J="msRequestFullscreen"]||B[J="webkitRequestFullscreen"]||B[J="mozRequestFullscreen"]||(J="");ha=J&&J.replace("request","exit").replace("mozRequest","mozCancel").replace("Request","Exit");k(window,"resize",function(){na();oa()});k(B,"mousedown",function(){ia=!1},!0);k(B,"mousedown",function(){if(!ia){var a=A.length;if(a)for(--a;0<=a;a--){var b=A[a];if(b.focused){b.blur();break}}}});na()} +function ka(a){W(a,"drag");W(a,"n");W(a,"s");W(a,"w");W(a,"e");W(a,"nw");W(a,"ne");W(a,"se");W(a,"sw");k(a.g.getElementsByClassName("wb-min")[0],"click",function(b){t(b);a.min?a.restore().focus():a.minimize()});k(a.g.getElementsByClassName("wb-max")[0],"click",function(b){t(b);a.max?a.restore().focus():a.maximize().focus()});J?k(a.g.getElementsByClassName("wb-full")[0],"click",function(b){t(b);a.fullscreen().focus()}):a.addClass("no-full");k(a.g.getElementsByClassName("wb-close")[0],"click",function(b){t(b); +a.close()||(a=null)});k(a.g,"mousedown",function(){ia=!0},!0);k(a.body,"mousedown",function(){a.focus()},!0)}function pa(a){x.splice(x.indexOf(a),1);oa();a.removeClass("min");a.min=!1;a.g.title=""}function oa(){for(var a=x.length,b={},c={},f=0,d;fr){a.max?a.restore():a.maximize();return}}}a.min||(B.classList.add("wb-lock"),(p=g.touches)&&(p=p[0])?(g=p,k(window,"touchmove",f,m),k(window,"touchend",d,m)):(k(window,"mousemove",f,m),k(window,"mouseup",d,m)),v=g.pageX,L=g.pageY)}function f(g){t(g);p&&(g=g.touches[0]);var q=g.pageX;g=g.pageY;var r=q-v,w=g-L,C=a.width,y=a.height,z=a.x, +ea=a.y,D;if("drag"===b){if(a.g.classList.contains("no-move"))return;a.x+=r;a.y+=w;var G=D=1}else{if("e"===b||"se"===b||"ne"===b){a.width+=r;var H=1}else if("w"===b||"sw"===b||"nw"===b)a.x+=r,a.width-=r,G=H=1;if("s"===b||"se"===b||"sw"===b){a.height+=w;var I=1}else if("n"===b||"ne"===b||"nw"===b)a.y+=w,a.height-=w,D=I=1}H&&(a.width=Math.max(Math.min(a.width,a.m,K-a.x-a.right),a.s),H=a.width!==C);I&&(a.height=Math.max(Math.min(a.height,a.l,P-a.y-a.bottom),a.o),I=a.height!==y);(H||I)&&a.resize();G&& +(a.max&&(a.x=(qK/3*2?K-a.width-a.right:K/2-a.width/2)+r),a.x=Math.max(Math.min(a.x,a.j?K-30:K-a.width-a.right),a.j?30-a.width:a.left),G=a.x!==z);D&&(a.max&&(a.y=a.top+w),a.y=Math.max(Math.min(a.y,a.j?P-a.h:P-a.height-a.bottom),a.top),D=a.y!==ea);if(G||D)a.max&&a.restore(),a.move();if(H||G)v=q;if(I||D)L=g}function d(g){t(g);B.classList.remove("wb-lock");p?(l("touchmove",f),l("touchend",d)):(l("mousemove",f),l("mouseup",d))}var n=a.g.getElementsByClassName("wb-"+b)[0];if(n){var p,v,L, +Q=0;k(n,"mousedown",c,ca);k(n,"touchstart",c,ca)}}function na(){var a=document.documentElement;K=a.clientWidth;P=a.clientHeight}e=U.prototype;e.mount=function(a){this.unmount();a.i||(a.i=a.parentNode);this.body.textContent="";this.body.appendChild(a);return this};e.unmount=function(a){var b=this.body.firstChild;if(b){var c=a||b.i;c&&c.appendChild(b);b.i=a}return this}; +e.setTitle=function(a){var b=this.g.getElementsByClassName("wb-title")[0];a=this.title=a;var c=b.firstChild;c?c.nodeValue=a:b.textContent=a;return this};e.setIcon=function(a){var b=this.g.getElementsByClassName("wb-icon")[0];u(b,"background-image","url("+a+")");u(b,"display","inline-block");return this};e.setBackground=function(a){u(this.g,"background",a);return this}; +e.setUrl=function(a,b){var c=this.body.firstChild;c&&"iframe"===c.tagName.toLowerCase()?c.src=a:(this.body.innerHTML='',b&&(this.body.firstChild.onload=b));return this};e.focus=function(a){if(!1===a)return this.blur();if(!this.focused){a=A.length;if(1