diff --git a/dist/BlueMarble.user.css b/dist/BlueMarble.user.css index a0db136..9ccc311 100644 --- a/dist/BlueMarble.user.css +++ b/dist/BlueMarble.user.css @@ -1 +1 @@ -#bm-A,#bm-d{position:fixed;background-color:#153063e6;color:#fff;padding:10px;border-radius:8px;z-index:9000;transition:all .3s ease,transform 0s;max-width:300px;width:auto;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}#bm-f,#bm-A hr,#bm-d hr,#bm-c,#bm-6{transition:opacity .2s ease,height .2s ease}div#bm-A,div#bm-d{font-family:Roboto Mono,Courier New,Monaco,DejaVu Sans Mono,monospace,Arial;letter-spacing:.05em}#bm-z,#bm-z-telemetry{margin-bottom:.5em;background:url('data:image/svg+xml;utf8,') repeat;cursor:grab;width:100%;height:1em}#bm-z.dragging,#bm-z-telemetry.dragging{cursor:grabbing}#bm-A:has(#bm-z.dragging),#bm-d:has(#bm-z-telemetry.dragging){pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#bm-z.dragging,#bm-z-telemetry.dragging{pointer-events:auto}#bm-j,#bm-1{margin-bottom:.5em}#bm-j[style*="text-align: center"],#bm-1[style*="text-align: center"]{display:flex;flex-direction:column;align-items:center;justify-content:center}#bm-A[style*="padding: 5px"],#bm-d[style*="padding: 5px"]{width:auto!important;max-width:300px;min-width:200px}#bm-A img{display:inline-block;height:2.5em;margin-right:1ch;vertical-align:middle;transition:opacity .2s ease}#bm-j[style*="text-align: center"] img{display:block;margin:0 auto}#bm-z,#bm-z-telemetry{transition:margin-bottom .2s ease}#bm-A h1,#bm-d h1{display:inline-block;font-size:x-large;font-weight:700;vertical-align:middle}#bm-c input[type=checkbox]{vertical-align:middle;margin-right:.5ch}#bm-c label{margin-right:.5ch}.bm-D{border:white 1px solid;height:1.5em;width:1.5em;margin-top:2px;text-align:center;line-height:1em;padding:0!important}#bm-q{vertical-align:middle}#bm-q svg{width:50%;margin:0 auto;fill:#111}div:has(>#bm-button-teleport){display:flex;gap:.5ch}#bm-button-favorite svg,#bm-button-template svg{height:1em;margin:2px auto 0;text-align:center;line-height:1em;vertical-align:bottom}#bm-k input[type=number]{appearance:auto;-moz-appearance:textfield;width:5.5ch;margin-left:1ch;background-color:#0003;padding:0 .5ch;font-size:small}#bm-k input[type=number]::-webkit-outer-spin-button,#bm-k input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#bm-4{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;gap:1ch}div:has(>#bm-a)>button{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#bm-a,input[type=file][id*=template]{display:none!important;visibility:hidden!important;position:absolute!important;left:-9999px!important;top:-9999px!important;width:0!important;height:0!important;opacity:0!important;z-index:-9999!important;pointer-events:none!important}#bm-o{font-size:small;background-color:#0003;padding:0 .5ch;height:3.75em;width:100%}#bm-6{display:flex;justify-content:space-between}#bm-A small{font-size:x-small;color:#d3d3d3}#bm-f,#bm-c,#bm-k,#bm-4,div:has(>#bm-a),#bm-o{margin-top:.5em}#bm-A button,#bm-d button{background-color:#144eb9;border-radius:1em;padding:0 .75ch}#bm-A button:hover,#bm-A button:focus-visible,#bm-d button:hover,#bm-d button:focus-visible{background-color:#1061e5}#bm-A button:active,#bm-d button:active #bm-A button:disabled,#bm-d button:disabled{background-color:#2e97ff}#bm-A button:disabled,#bm-d button:disabled{text-decoration:line-through} +#bm-s,#bm-s-telemetry{position:fixed;background-color:#153063e6;color:#fff;padding:10px;border-radius:8px;z-index:9000;transition:all .3s ease,transform 0s;max-width:300px;width:auto;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}#bm-8,#bm-s hr,#bm-s-telemetry hr,#bm-7,#bm-3{transition:opacity .2s ease,height .2s ease}div#bm-s,div#bm-s-telemetry{font-family:Roboto Mono,Courier New,Monaco,DejaVu Sans Mono,monospace,Arial;letter-spacing:.05em}#bm-r,#bm-r-telemetry{margin-bottom:.5em;background:url('data:image/svg+xml;utf8,') repeat;cursor:grab;width:100%;height:1em}#bm-r.dragging,#bm-r-telemetry.dragging{cursor:grabbing}#bm-s:has(#bm-r.dragging),#bm-s-telemetry:has(#bm-r-telemetry.dragging){pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#bm-r.dragging,#bm-r-telemetry.dragging{pointer-events:auto}#bm-c,#bm-c-telemetry{margin-bottom:.5em}#bm-c[style*="text-align: center"],#bm-c-telemetry[style*="text-align: center"]{display:flex;flex-direction:column;align-items:center;justify-content:center}#bm-s[style*="padding: 5px"],#bm-s-telemetry[style*="padding: 5px"]{width:auto!important;max-width:300px;min-width:200px}#bm-s img{display:inline-block;height:2.5em;margin-right:1ch;vertical-align:middle;transition:opacity .2s ease}#bm-c[style*="text-align: center"] img{display:block;margin:0 auto}#bm-r,#bm-r-telemetry{transition:margin-bottom .2s ease}#bm-s h1,#bm-s-telemetry h1{display:inline-block;font-size:x-large;font-weight:700;vertical-align:middle}#bm-7 input[type=checkbox]{vertical-align:middle;margin-right:.5ch}#bm-7 label{margin-right:.5ch}.bm-v{border:white 1px solid;height:1.5em;width:1.5em;margin-top:2px;text-align:center;line-height:1em;padding:0!important}#bm-i{vertical-align:middle}#bm-i svg{width:50%;margin:0 auto;fill:#111}div:has(>#bm-button-teleport){display:flex;gap:.5ch}#bm-button-favorite svg,#bm-button-template svg{height:1em;margin:2px auto 0;text-align:center;line-height:1em;vertical-align:bottom}#bm-d input[type=number]{appearance:auto;-moz-appearance:textfield;width:5.5ch;margin-left:1ch;background-color:#0003;padding:0 .5ch;font-size:small}#bm-d input[type=number]::-webkit-outer-spin-button,#bm-d input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#bm-2{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;gap:1ch}div:has(>#bm-5)>button{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#bm-5,input[type=file][id*=template]{display:none!important;visibility:hidden!important;position:absolute!important;left:-9999px!important;top:-9999px!important;width:0!important;height:0!important;opacity:0!important;z-index:-9999!important;pointer-events:none!important}#bm-g{font-size:small;background-color:#0003;padding:0 .5ch;height:3.75em;width:100%}#bm-3{display:flex;justify-content:space-between}#bm-s small{font-size:x-small;color:#d3d3d3}#bm-8,#bm-7,#bm-d,#bm-2,div:has(>#bm-5),#bm-g{margin-top:.5em}#bm-s button,#bm-s-telemetry button{background-color:#144eb9;border-radius:1em;padding:0 .75ch}#bm-s button:hover,#bm-s button:focus-visible,#bm-s-telemetry button:hover,#bm-s-telemetry button:focus-visible{background-color:#1061e5}#bm-s button:active,#bm-s-telemetry button:active #bm-s button:disabled,#bm-s-telemetry button:disabled{background-color:#2e97ff}#bm-s button:disabled,#bm-s-telemetry button:disabled{text-decoration:line-through} diff --git a/dist/BlueMarble.user.js b/dist/BlueMarble.user.js index 56c2b03..149eeb8 100644 --- a/dist/BlueMarble.user.js +++ b/dist/BlueMarble.user.js @@ -10,8 +10,7 @@ // @icon https://raw.githubusercontent.com/SwingTheVine/Wplace-BlueMarble/509c030292c264477d6571d46f03d14fc1f32a1a/dist/assets/Favicon.png // @updateURL https://raw.githubusercontent.com/SwingTheVine/Wplace-BlueMarble/main/dist/BlueMarble.user.js // @downloadURL https://raw.githubusercontent.com/SwingTheVine/Wplace-BlueMarble/main/dist/BlueMarble.user.js -// @match https://wplace.live/ -// @match https://wplace.live/?* +// @match https://wplace.live/* // @grant GM_getResourceText // @grant GM_addStyle // @grant GM.setValue @@ -24,4 +23,4 @@ // Wplace --> https://wplace.live // License --> https://www.mozilla.org/en-US/MPL/2.0/ -(()=>{var t,e,n=t=>{throw TypeError(t)},i=(t,e,i)=>e.has(t)?n("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i),o=(t,e,i)=>(((t,e)=>{e.has(t)||n("Cannot access private method")})(t,e),i),r=class{constructor(e,n){i(this,t),this.name=e,this.version=n,this.t=null,this.i="bm-o",this.o=null,this.m=null,this.l=[]}u(t){this.t=t}h(){return this.l.length>0&&(this.m=this.l.pop()),this}p(t){t?.appendChild(this.o),this.o=null,this.m=null,this.l=[]}v(n={},i=()=>{}){return i(this,o(this,t,e).call(this,"div",{},n)),this}$(n={},i=()=>{}){return i(this,o(this,t,e).call(this,"p",{},n)),this}S(n={},i=()=>{}){return i(this,o(this,t,e).call(this,"small",{},n)),this}M(n={},i=()=>{}){return i(this,o(this,t,e).call(this,"img",{},n)),this}O(n,i={},r=()=>{}){return r(this,o(this,t,e).call(this,"h"+n,{},i)),this}C(n={},i=()=>{}){return i(this,o(this,t,e).call(this,"hr",{},n)),this}D(n={},i=()=>{}){return i(this,o(this,t,e).call(this,"br",{},n)),this}T(n={},i=()=>{}){const r=o(this,t,e).call(this,"label",{textContent:n.textContent??""});delete n.textContent;const s=o(this,t,e).call(this,"input",{type:"checkbox"},n);return r.insertBefore(s,r.firstChild),this.h(),i(this,r,s),this}k(n={},i=()=>{}){return i(this,o(this,t,e).call(this,"button",{},n)),this}N(n={},i=()=>{}){const r=n.title??n.textContent??"Help: No info";delete n.textContent,n.title=`Help: ${r}`;const s={textContent:"?",className:"bm-D",onclick:()=>{this.B(this.i,r)}};return i(this,o(this,t,e).call(this,"button",s,n)),this}I(n={},i=()=>{}){return i(this,o(this,t,e).call(this,"input",{},n)),this}L(n={},i=()=>{}){const r=n.textContent??"";delete n.textContent;const s=o(this,t,e).call(this,"div"),a=o(this,t,e).call(this,"input",{type:"file",style:"display: none !important; visibility: hidden !important; position: absolute !important; left: -9999px !important; width: 0 !important; height: 0 !important; opacity: 0 !important;"},n);this.h();const m=o(this,t,e).call(this,"button",{textContent:r});return this.h(),this.h(),a.setAttribute("tabindex","-1"),a.setAttribute("aria-hidden","true"),m.addEventListener("click",()=>{a.click()}),a.addEventListener("change",()=>{m.style.maxWidth=`${m.offsetWidth}px`,a.files.length>0?m.textContent=a.files[0].name:m.textContent=r}),i(this,s,a,m),this}G(n={},i=()=>{}){return i(this,o(this,t,e).call(this,"textarea",{},n)),this}B(t,e,n=!1){const i=document.getElementById(t.replace(/^#/,""));i&&(i instanceof HTMLInputElement?i.value=e:n?i.textContent=e:i.innerHTML=e)}W(t,e){let n,i=!1,o=0,r=null,s=0,a=0,m=0,l=0;if(t=document.querySelector("#"==t?.[0]?t:"#"+t),e=document.querySelector("#"==e?.[0]?e:"#"+e),!t||!e)return void this.P(`Can not drag! ${t?"":"moveMe"} ${t||e?"":"and "}${e?"":"iMoveThings "}was not found!`);const c=()=>{if(i){const e=Math.abs(s-m),n=Math.abs(a-l);(e>.5||n>.5)&&(s=m,a=l,t.style.transform=`translate(${s}px, ${a}px)`,t.style.left="0px",t.style.top="0px",t.style.right=""),r=requestAnimationFrame(c)}};let u=null;const d=(d,h)=>{i=!0,u=t.getBoundingClientRect(),n=d-u.left,o=h-u.top;const b=window.getComputedStyle(t).transform;if(b&&"none"!==b){const t=new DOMMatrix(b);s=t.m41,a=t.m42}else s=u.left,a=u.top;m=s,l=a,document.body.style.userSelect="none",e.classList.add("dragging"),r&&cancelAnimationFrame(r),c()},h=()=>{i=!1,r&&(cancelAnimationFrame(r),r=null),document.body.style.userSelect="",e.classList.remove("dragging")};e.addEventListener("mousedown",function(t){t.preventDefault(),d(t.clientX,t.clientY)}),e.addEventListener("touchstart",function(t){const e=t?.touches?.[0];e&&(d(e.clientX,e.clientY),t.preventDefault())},{passive:!1}),document.addEventListener("mousemove",function(t){i&&u&&(m=t.clientX-n,l=t.clientY-o)},{passive:!0}),document.addEventListener("touchmove",function(t){if(i&&u){const e=t?.touches?.[0];if(!e)return;m=e.clientX-n,l=e.clientY-o,t.preventDefault()}},{passive:!1}),document.addEventListener("mouseup",h),document.addEventListener("touchend",h),document.addEventListener("touchcancel",h)}_(t){(0,console.info)(`${this.name}: ${t}`),this.B(this.i,"Status: "+t,!0)}P(t){(0,console.error)(`${this.name}: ${t}`),this.B(this.i,"Error: "+t,!0)}};function s(...t){(0,console.error)(...t)}function a(t,e){if(0===t)return e[0];let n="";const i=e.length;for(;t>0;)n=e[t%i]+n,t=Math.floor(t/i);return n}function m(t){let e="";for(let n=0;n"transparent"!==(t?.name||"").toLowerCase()&&Array.isArray(t?.rgb)).map(t=>`${t.rgb[0]},${t.rgb[1]},${t.rgb[2]}`));const l="222,250,206";this.Y.add(l),this.K=new Map(m.filter(t=>Array.isArray(t?.rgb)).map(t=>[`${t.rgb[0]},${t.rgb[1]},${t.rgb[2]}`,{id:t.id,premium:!!t.premium,name:t.name}]));try{const t=m.find(t=>"transparent"===(t?.name||"").toLowerCase());t&&Array.isArray(t.rgb)&&this.K.set(l,{id:t.id,premium:!!t.premium,name:t.name})}catch(t){}}async Z(){const t=await createImageBitmap(this.file),e=t.width,n=t.height,i=e*n;this.J=i;try{const i=new OffscreenCanvas(e,n).getContext("2d",{tt:!0});i.imageSmoothingEnabled=!1,i.clearRect(0,0,e,n),i.drawImage(t,0,0);const o=i.getImageData(0,0,e,n).data;let r=0,s=0;const a=new Map;for(let t=0;t0){for(const t in e){const n=t,i=e[t];if(e.hasOwnProperty(t)){const t=n.split(" "),o=Number(t?.[0]),r=t?.[1]||"0",s=i.name||`Template ${o||""}`,a=i.tiles,m={};let c=0;const u=new Map;for(const t in a)if(a.hasOwnProperty(t)){const e=l(a[t]),n=new Blob([e],{type:"image/png"}),i=await createImageBitmap(n);m[t]=i;try{const t=i.width,e=i.height,n=new OffscreenCanvas(t,e).getContext("2d",{tt:!0});n.imageSmoothingEnabled=!1,n.clearRect(0,0,t,e),n.drawImage(i,0,0);const o=n.getImageData(0,0,t,e).data;for(let n=0;n{d.q?.add(t.split(",").slice(0,2).join(","))})}catch(t){}try{const t=e?.[n]?.palette;if(t)for(const[e,n]of Object.entries(t))d.X[e]?d.X[e].enabled=!!n?.enabled:d.X[e]={count:n?.count||0,enabled:!!n?.enabled}}catch(t){}d.H=n,this.rt.push(d)}}try{const t=document.querySelector("#bm-9");t&&(t.style.display=""),window.postMessage({source:"blue-marble",st:"bm-b"},"*")}catch(t){}}},h=new WeakSet,b=async function(t=navigator.userAgent){return(t=t||"").includes("OPR/")||t.includes("Opera")?"Opera":t.includes("Edg/")?"Edge":t.includes("Vivaldi")?"Vivaldi":t.includes("YaBrowser")?"Yandex":t.includes("Kiwi")?"Kiwi":t.includes("Brave")?"Brave":t.includes("Firefox/")?"Firefox":t.includes("Chrome/")?"Chrome":t.includes("Safari/")?"Safari":navigator.brave&&"function"==typeof navigator.brave.isBrave&&await navigator.brave.isBrave()?"Brave":"Unknown"},p=function(t=navigator.userAgent){return/Windows NT 11/i.test(t=t||"")?"Windows 11":/Windows NT 10/i.test(t)?"Windows 10":/Windows NT 6\.3/i.test(t)?"Windows 8.1":/Windows NT 6\.2/i.test(t)?"Windows 8":/Windows NT 6\.1/i.test(t)?"Windows 7":/Windows NT 6\.0/i.test(t)?"Windows Vista":/Windows NT 5\.1|Windows XP/i.test(t)?"Windows XP":/Mac OS X 10[_\.]15/i.test(t)?"macOS Catalina":/Mac OS X 10[_\.]14/i.test(t)?"macOS Mojave":/Mac OS X 10[_\.]13/i.test(t)?"macOS High Sierra":/Mac OS X 10[_\.]12/i.test(t)?"macOS Sierra":/Mac OS X 10[_\.]11/i.test(t)?"OS X El Capitan":/Mac OS X 10[_\.]10/i.test(t)?"OS X Yosemite":/Mac OS X 10[_\.]/i.test(t)?"macOS":/Android/i.test(t)?"Android":/iPhone|iPad|iPod/i.test(t)?"iOS":/Linux/i.test(t)?"Linux":"Unknown"};var w=GM_info.script.name.toString(),y=GM_info.script.version.toString();!function(t){const e=document.createElement("script");e.setAttribute("bm-E",w),e.setAttribute("bm-B","color: cornflowerblue;"),e.textContent=`(${t})();`,document.documentElement?.appendChild(e),e.remove()}(()=>{const t=document.currentScript,e=t?.getAttribute("bm-E")||"Blue Marble",n=t?.getAttribute("bm-B")||"",i=new Map;window.addEventListener("message",t=>{const{source:o,endpoint:r,blobID:s,blobData:a,blink:m}=t.data;if(Date.now(),"blue-marble"==o&&s&&a&&!r){const t=i.get(s);"function"==typeof t?t(a):function(...t){(0,console.warn)(...t)}(`%c${e}%c: Attempted to retrieve a blob (%s) from queue, but the blobID was not a function! Skipping...`,n,"",s),i.delete(s)}});const o=window.fetch;window.fetch=async function(...t){const e=await o.apply(this,t),n=e.clone(),r=(t[0]instanceof Request?t[0]?.url:t[0])||"ignore",s=n.headers.get("content-type")||"";if(s.includes("application/json"))n.json().then(t=>{window.postMessage({source:"blue-marble",endpoint:r,jsonData:t},"*")}).catch(t=>{});else if(s.includes("image/")&&!r.includes("openfreemap")&&!r.includes("maps")){const t=Date.now(),e=await n.blob();return new Promise(o=>{const s=crypto.randomUUID();i.set(s,t=>{o(new Response(t,{headers:n.headers,status:n.status,statusText:n.statusText}))}),window.postMessage({source:"blue-marble",endpoint:r,blobID:s,blobData:e,blink:t})}).catch(t=>{Date.now()})}return e}});var v=GM_getResourceText("CSS-BM-File");GM_addStyle(v);var x=document.createElement("link");x.href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap",x.rel="preload",x.as="style",x.onload=function(){this.onload=null,this.rel="stylesheet"},document.head?.appendChild(x),new class{constructor(){this.lt=null,this.ct=null,this.ut="#bm-h"}dt(t){return this.ct=t,this.lt=new MutationObserver(t=>{for(const e of t)for(const t of e.addedNodes)t instanceof HTMLElement&&t.matches?.(this.ut)}),this}ht(){return this.lt}observe(t,e=!1,n=!1){t.observe(this.ct,{childList:e,subtree:n})}};var $=new r(w,y),S=(new r(w,y),new class{constructor(t,e,n){i(this,c),this.name=t,this.version=e,this.o=n,this.bt="1.0.0",this.gt=null,this.ft="!#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[]^_`abcdefghijklmnopqrstuvwxyz{|}~",this.A=1e3,this.ot=3,this.wt=null,this.yt=null,this.vt="bm-C",this.xt="div#map canvas.maplibregl-canvas",this.$t=null,this.St="",this.rt=[],this.it=null,this.Mt=!0,this.Ot=new Map}Ct(){if(document.body.contains(this.wt))return this.wt;document.getElementById(this.vt)?.remove();const t=document.querySelector(this.xt),e=document.createElement("canvas");return e.id=this.vt,e.className="maplibregl-canvas",e.style.position="absolute",e.style.top="0",e.style.left="0",e.style.height=t?.clientHeight*(window.devicePixelRatio||1)+"px",e.style.width=t?.clientWidth*(window.devicePixelRatio||1)+"px",e.height=t?.clientHeight*(window.devicePixelRatio||1),e.width=t?.clientWidth*(window.devicePixelRatio||1),e.style.zIndex="8999",e.style.pointerEvents="none",t?.parentElement?.appendChild(e),this.wt=e,window.addEventListener("move",this.Dt),window.addEventListener("zoom",this.Tt),window.addEventListener("resize",this.kt),this.wt}async Nt(){return{whoami:this.name.replace(" ",""),scriptVersion:this.version,schemaVersion:this.bt,templates:{}}}async Bt(t,e,n){this.it||(this.it=await this.Nt()),this.o._(`Creating template at ${n.join(", ")}...`);const i=new f({displayName:e,F:0,j:a(this.gt||0,this.ft),file:t,coords:n}),{et:r,nt:s}=await i.Z(this.A);i.R=r;const m=`${i.F} ${i.j}`;i.H=m,this.it.templates[m]={name:i.displayName,coords:n.join(", "),enabled:!0,tiles:s,palette:i.X},this.rt=[],this.rt.push(i);const l=(new Intl.NumberFormat).format(i.J);this.o._(`Template created at ${n.join(", ")}! Total pixels: ${l}`);try{const t=document.querySelector("#bm-9");t&&(t.style.display=""),window.postMessage({source:"blue-marble",st:"bm-b"},"*")}catch(t){}await o(this,c,u).call(this)}It(){}async Lt(){this.it||(this.it=await this.Nt())}async Gt(t,e){if(!this.Mt)return t;const n=this.A*this.ot;e=e[0].toString().padStart(4,"0")+","+e[1].toString().padStart(4,"0");const i=this.rt;if(i.sort((t,e)=>t.F-e.F),!i.some(t=>!!t?.R&&(t.q&&t.q.size>0?t.q.has(e):Object.keys(t.R).some(t=>t.startsWith(e)))))return t;const o=i.map(t=>{const n=Object.keys(t.R).filter(t=>t.startsWith(e));if(0===n.length)return null;const i=n.map(e=>{const n=e.split(",");return{Wt:t.R[e],Pt:[n[0],n[1]],_t:[n[2],n[3]]}});return i?.[0]}).filter(Boolean),r=o?.length||0;let s=0,a=0,m=0;const l=await createImageBitmap(t),c=new OffscreenCanvas(n,n),u=c.getContext("2d");u.imageSmoothingEnabled=!1,u.beginPath(),u.rect(0,0,n,n),u.clip(),u.clearRect(0,0,n,n),u.drawImage(l,0,0,n,n);let d=null;try{d=u.getImageData(0,0,n,n).data}catch(t){}for(const t of o){if(d)try{const e=t.Wt.width,i=t.Wt.height,o=new OffscreenCanvas(e,i).getContext("2d",{tt:!0});o.imageSmoothingEnabled=!1,o.clearRect(0,0,e,i),o.drawImage(t.Wt,0,0);const r=o.getImageData(0,0,e,i).data,l=Number(t._t[0])*this.ot,c=Number(t._t[1])*this.ot;for(let t=0;t=n||u>=n)continue;const h=4*(t*e+i),b=r[h],p=r[h+1],g=r[h+2];if(r[h+3]<64){try{const t=this.rt?.[0],e=4*(u*n+o),i=d[e],r=d[e+1],s=d[e+2],m=d[e+3],l=`${i},${r},${s}`,c=!!t?.Y&&t.Y.has(l);m>=64&&c&&a++}catch(t){}continue}try{const t=this.rt?.[0];if(t?.Y&&!t.Y.has(`${b},${p},${g}`))continue}catch(t){}m++;const f=4*(u*n+o),w=d[f],y=d[f+1],v=d[f+2];d[f+3]<64||(w===b&&y===p&&v===g?s++:a++)}}catch(t){}try{const e=this.rt?.[0],n=e?.X||{};if(Object.values(n).some(t=>!1===t?.enabled)){const i=t.Wt.width,o=t.Wt.height,r=new OffscreenCanvas(i,o),s=r.getContext("2d",{tt:!0});s.imageSmoothingEnabled=!1,s.clearRect(0,0,i,o),s.drawImage(t.Wt,0,0);const a=s.getImageData(0,0,i,o),m=a.data;for(let t=0;t0){const t=e;this.Ot.set(t,{Et:s,required:m,Ft:a});let n=0,i=0,o=0;for(const t of this.Ot.values())n+=t.Et||0,i+=t.required||0,o+=t.Ft||0;const l=this.rt.reduce((t,e)=>t+(e.U||e.J||0),0),c=l>0?l:i,u=(new Intl.NumberFormat).format(n),d=(new Intl.NumberFormat).format(c),h=(new Intl.NumberFormat).format(c-n);this.o._(`Displaying ${r} template${1==r?"":"s"}.\nPainted ${u} / ${d} • Wrong ${h}`)}else this.o._(`Displaying ${r} templates.`);return await c.convertToBlob({type:"image/png"})}jt(t){"BlueMarble"==t?.whoami&&o(this,c,d).call(this,t)}Rt(t){this.Mt=t}}(w,y,$)),M=new class{constructor(t){i(this,h),this.At=t,this.Jt=!1,this.Ut=[],this.Vt=[]}Xt(t){window.addEventListener("message",async e=>{const n=e.data,i=n.jsonData;if(!n||"blue-marble"!==n.source)return;if(!n.endpoint)return;const o=n.endpoint?.split("?")[0].split("/").filter(t=>t&&isNaN(Number(t))).filter(t=>t&&!t.includes(".")).pop();switch(o){case"me":if(i.status&&"2"!=i.status?.toString()[0])return void t.P("You are not logged in!\nCould not fetch userdata.");const e=Math.ceil(Math.pow(Math.floor(i.level)*Math.pow(30,.65),1/.65)-i.pixelsPainted);i.id||i.id,this.At.gt=i.id,t.B("bm-u",`Username: ${function(t){const e=document.createElement("div");return e.textContent=t,e.innerHTML}(i.name)}`),t.B("bm-p",`Droplets: ${(new Intl.NumberFormat).format(i.droplets)}`),t.B("bm-i",`Next level in ${(new Intl.NumberFormat).format(e)} pixel${1==e?"":"s"}`);break;case"pixel":const o=n.endpoint.split("?")[0].split("/").filter(t=>t&&!isNaN(Number(t))),a=new URLSearchParams(n.endpoint.split("?")[1]),m=[a.get("x"),a.get("y")];if(this.Ut.length&&(!o.length||!m.length))return void t.P("Coordinates are malformed!\nDid you try clicking the canvas first?");this.Ut=[...o,...m];const l=(r=o,s=m,[parseInt(r[0])%4*1e3+parseInt(s[0]),parseInt(r[1])%4*1e3+parseInt(s[1])]),c=document.querySelectorAll("span");for(const t of c)if(t.textContent.trim().includes(`${l[0]}, ${l[1]}`)){let e=document.querySelector("#bm-h");const n=`(Tl X: ${o[0]}, Tl Y: ${o[1]}, Px X: ${m[0]}, Px Y: ${m[1]})`;e?e.textContent=n:(e=document.createElement("span"),e.id="bm-h",e.textContent=n,e.style="margin-left: calc(var(--spacing)*3); font-size: small;",t.parentNode.parentNode.parentNode.insertAdjacentElement("afterend",e))}break;case"tiles":let u=n.endpoint.split("/");u=[parseInt(u[u.length-2]),parseInt(u[u.length-1].replace(".png",""))];const d=n.blobID,h=n.blobData,b=await this.At.Gt(h,u);window.postMessage({source:"blue-marble",blobID:d,blobData:b,blink:n.blink});break;case"robots":this.Jt="false"==i.userscript?.toString().toLowerCase()}var r,s})}async qt(t){let e=GM_getValue("bmUserSettings","{}");if(e=JSON.parse(e),!e||!e.telemetry||!e.uuid)return;const n=navigator.userAgent;let i=await o(this,h,b).call(this,n),r=o(this,h,p).call(this,n);GM_xmlhttpRequest({method:"POST",url:"https://telemetry.thebluecorner.net/heartbeat",headers:{"Content-Type":"application/json"},data:JSON.stringify({uuid:e.uuid,version:t,browser:i,os:r}),onload:t=>{200!==t.status&&s("Failed to send heartbeat:",t.statusText)},onerror:t=>{s("Error sending heartbeat:",t)}})}}(S);$.u(M);var O=JSON.parse(GM_getValue("bmTemplates","{}"));S.jt(O);var C=JSON.parse(GM_getValue("bmUserSettings","{}"));if(0==Object.keys(C).length){const t=crypto.randomUUID();GM.setValue("bmUserSettings",JSON.stringify({uuid:t}))}if(setInterval(()=>M.qt(y),18e5),null==C?.telemetry||C?.telemetry>1){const t=new r(w,y);t.u(M),t.v({id:"bm-d",style:"top: 0px; left: 0px; width: 100vw; max-width: 100vw; height: 100vh; max-height: 100vh; z-index: 9999;"}).v({id:"bm-7",style:"display: flex; flex-direction: column; align-items: center;"}).v({id:"bm-1",style:"margin-top: 10%;"}).O(1,{textContent:`${w} Telemetry`}).h().h().v({id:"bm-e",style:"max-width: 50%; overflow-y: auto; max-height: 80vh;"}).C().h().D().h().v({style:"width: fit-content; margin: auto; text-align: center;"}).k({id:"bm-8",textContent:"More Information"},(t,e)=>{e.onclick=()=>{window.open("https://github.com/SwingTheVine/Wplace-TelemetryServer#telemetry-data","_blank","noopener noreferrer")}}).h().h().D().h().v({style:"width: fit-content; margin: auto; text-align: center;"}).k({id:"bm-5",textContent:"Enable Telemetry",style:"margin-right: 2ch;"},(t,e)=>{e.onclick=()=>{const t=JSON.parse(GM_getValue("bmUserSettings","{}"));t.telemetry=1,GM.setValue("bmUserSettings",JSON.stringify(t));const e=document.getElementById("bm-d");e&&(e.style.display="none")}}).h().k({id:"bm-2",textContent:"Disable Telemetry"},(t,e)=>{e.onclick=()=>{const t=JSON.parse(GM_getValue("bmUserSettings","{}"));t.telemetry=0,GM.setValue("bmUserSettings",JSON.stringify(t));const e=document.getElementById("bm-d");e&&(e.style.display="none")}}).h().h().D().h().$({textContent:"We collect anonymous telemetry data such as your browser, OS, and script version to make the experience better for everyone. The data is never shared personally. The data is never sold. You can turn this off by pressing the 'Disable' button, but keeping it on helps us improve features and reliability faster. Thank you for supporting the Blue Marble!"}).h().$({textContent:'You can disable telemetry by pressing the "Disable" button below.'}).h().h().h().p(document.body)}!function(){let t=!1,e={};try{e=JSON.parse(GM_getValue("bmCoords","{}"))||{}}catch(t){e={}}const n=()=>{try{const t=Number(document.querySelector("#bm-v")?.value||""),e=Number(document.querySelector("#bm-w")?.value||""),n={Ht:t,Yt:e,px:Number(document.querySelector("#bm-x")?.value||""),zt:Number(document.querySelector("#bm-y")?.value||"")};GM.setValue("bmCoords",JSON.stringify(n))}catch(t){}};$.v({id:"bm-A",style:"top: 10px; right: 75px;"}).v({id:"bm-j"}).v({id:"bm-z"}).h().M({alt:"Blue Marble Icon - Click to minimize/maximize",src:"https://raw.githubusercontent.com/SwingTheVine/Wplace-BlueMarble/main/dist/assets/Favicon.png",style:"cursor: pointer;"},(e,n)=>{n.addEventListener("click",()=>{t=!t;const i=document.querySelector("#bm-A"),o=document.querySelector("#bm-j"),r=document.querySelector("#bm-z"),s=document.querySelector("#bm-k"),a=document.querySelector("#bm-q"),m=document.querySelector("#bm-r"),l=document.querySelector("#bm-s"),c=document.querySelector("#bm-l"),u=document.querySelectorAll("#bm-k input");t||(i.style.width="auto",i.style.maxWidth="300px",i.style.minWidth="200px",i.style.padding="10px"),["#bm-A h1","#bm-f","#bm-A hr","#bm-c > *:not(#bm-k)","#bm-a","#bm-6",`#${e.i}`,"#bm-9"].forEach(e=>{document.querySelectorAll(e).forEach(e=>{e.style.display=t?"none":""})}),t?(s&&(s.style.display="none"),a&&(a.style.display="none"),m&&(m.style.display="none"),l&&(l.style.display="none"),c&&(c.style.display="none"),u.forEach(t=>{t.style.display="none"}),i.style.width="60px",i.style.height="76px",i.style.maxWidth="60px",i.style.minWidth="60px",i.style.padding="8px",n.style.marginLeft="3px",o.style.textAlign="center",o.style.margin="0",o.style.marginBottom="0",r&&(r.style.display="",r.style.marginBottom="0.25em")):(s&&(s.style.display="",s.style.flexDirection="",s.style.justifyContent="",s.style.alignItems="",s.style.gap="",s.style.textAlign="",s.style.margin=""),a&&(a.style.display=""),m&&(m.style.display="",m.style.marginTop=""),l&&(l.style.display="",l.style.marginTop=""),c&&(c.style.display="",c.style.marginTop=""),u.forEach(t=>{t.style.display=""}),n.style.marginLeft="",i.style.padding="10px",o.style.textAlign="",o.style.margin="",o.style.marginBottom="",r&&(r.style.marginBottom="0.5em"),i.style.width="",i.style.height=""),n.alt=t?"Blue Marble Icon - Minimized (Click to maximize)":"Blue Marble Icon - Maximized (Click to minimize)"})}).h().O(1,{textContent:w}).h().h().C().h().v({id:"bm-f"}).$({id:"bm-u",textContent:"Username:"}).h().$({id:"bm-p",textContent:"Droplets:"}).h().$({id:"bm-i",textContent:"Next level in..."}).h().h().C().h().v({id:"bm-c"}).v({id:"bm-k"}).k({id:"bm-q",className:"bm-D",style:"margin-top: 0;",innerHTML:''},(t,e)=>{e.onclick=()=>{const e=t.t?.Ut;e?.[0]?(t.B("bm-v",e?.[0]||""),t.B("bm-w",e?.[1]||""),t.B("bm-x",e?.[2]||""),t.B("bm-y",e?.[3]||""),n()):t.P("Coordinates are malformed! Did you try clicking on the canvas first?")}}).h().I({type:"number",id:"bm-v",placeholder:"Tl X",min:0,max:2047,step:1,required:!0,value:e.Ht??""},(t,e)=>{e.addEventListener("paste",t=>{let e=(t.clipboardData||window.clipboardData).getData("text").split(" ").filter(t=>t).map(Number).filter(t=>!isNaN(t));if(4!==e.length)return;let n=(i=document,coords=[],coords.push(i.querySelector("#bm-v")),coords.push(i.querySelector("#bm-w")),coords.push(i.querySelector("#bm-x")),coords.push(i.querySelector("#bm-y")),coords);var i;for(let t=0;tn();e.addEventListener("input",i),e.addEventListener("change",i)}).h().I({type:"number",id:"bm-w",placeholder:"Tl Y",min:0,max:2047,step:1,required:!0,value:e.Yt??""},(t,e)=>{const i=()=>n();e.addEventListener("input",i),e.addEventListener("change",i)}).h().I({type:"number",id:"bm-x",placeholder:"Px X",min:0,max:2047,step:1,required:!0,value:e.px??""},(t,e)=>{const i=()=>n();e.addEventListener("input",i),e.addEventListener("change",i)}).h().I({type:"number",id:"bm-y",placeholder:"Px Y",min:0,max:2047,step:1,required:!0,value:e.zt??""},(t,e)=>{const i=()=>n();e.addEventListener("input",i),e.addEventListener("change",i)}).h().h().v({id:"bm-9",style:"max-height: 140px; overflow: auto; border: 1px solid rgba(255,255,255,0.1); padding: 4px; border-radius: 4px; display: none;"}).v({style:"display: flex; gap: 6px; margin-bottom: 6px;"}).k({id:"bm-3",textContent:"Enable All"},(t,e)=>{e.onclick=()=>{const e=S.rt[0];e?.X&&(Object.values(e.X).forEach(t=>t.enabled=!0),buildColorFilterList(),t._("Enabled all colors"))}}).h().k({id:"bm-0",textContent:"Disable All"},(t,e)=>{e.onclick=()=>{const e=S.rt[0];e?.X&&(Object.values(e.X).forEach(t=>t.enabled=!1),buildColorFilterList(),t._("Disabled all colors"))}}).h().h().v({id:"bm-g"}).h().h().L({id:"bm-a",textContent:"Upload Template",accept:"image/png, image/jpeg, image/webp, image/bmp, image/gif"}).h().v({id:"bm-4"}).k({id:"bm-s",textContent:"Enable"},(t,e)=>{e.onclick=()=>{t.t?.At?.Rt(!0),t._("Enabled templates!")}}).h().k({id:"bm-r",textContent:"Create"},(t,e)=>{e.onclick=()=>{const e=document.querySelector("#bm-a"),n=document.querySelector("#bm-v");if(!n.checkValidity())return n.reportValidity(),void t.P("Coordinates are malformed! Did you try clicking on the canvas first?");const i=document.querySelector("#bm-w");if(!i.checkValidity())return i.reportValidity(),void t.P("Coordinates are malformed! Did you try clicking on the canvas first?");const o=document.querySelector("#bm-x");if(!o.checkValidity())return o.reportValidity(),void t.P("Coordinates are malformed! Did you try clicking on the canvas first?");const r=document.querySelector("#bm-y");if(!r.checkValidity())return r.reportValidity(),void t.P("Coordinates are malformed! Did you try clicking on the canvas first?");e?.files[0]?(S.Bt(e.files[0],e.files[0]?.name.replace(/\.[^/.]+$/,""),[Number(n.value),Number(i.value),Number(o.value),Number(r.value)]),t._("Drew to canvas!")):t.P("No file selected!")}}).h().k({id:"bm-l",textContent:"Disable"},(t,e)=>{e.onclick=()=>{t.t?.At?.Rt(!1),t._("Disabled templates!")}}).h().h().G({id:$.i,placeholder:`Status: Sleeping...\nVersion: ${y}`,readOnly:!0}).h().v({id:"bm-6"}).v().k({id:"bm-m",className:"bm-D",innerHTML:"🎨",title:"Template Color Converter"},(t,e)=>{e.addEventListener("click",()=>{window.open("https://pepoafonso.github.io/color_converter_wplace/","_blank","noopener noreferrer")})}).h().k({id:"bm-n",className:"bm-D",innerHTML:"🌐",title:"Official Blue Marble Website"},(t,e)=>{e.addEventListener("click",()=>{window.open("https://bluemarble.camilledaguin.fr/","_blank","noopener noreferrer")})}).h().h().S({textContent:"Made by SwingTheVine",style:"margin-top: auto;"}).h().h().h().p(document.body),window.buildColorFilterList=function(){const t=document.querySelector("#bm-g"),e=S.rt?.[0];if(!t||!e?.X)return void(t&&(t.innerHTML="No template colors to display."));t.innerHTML="";const n=Object.entries(e.X).sort((t,e)=>e[1].count-t[1].count);for(const[e,i]of n){const[n,o,r]=e.split(",").map(Number),s=document.createElement("div");s.style.display="flex",s.style.alignItems="center",s.style.gap="8px",s.style.margin="4px 0";const a=document.createElement("div");a.style.width="14px",a.style.height="14px",a.style.border="1px solid rgba(255,255,255,0.5)",a.style.background=`rgb(${n},${o},${r})`;const m=document.createElement("span");m.style.fontSize="12px";let l=`${i.count.toLocaleString()}`;try{const t=S.rt?.[0]?.K?.get(e);if(t&&"number"==typeof t.id){const e=t?.name||`rgb(${n},${o},${r})`,i=t.premium?"★ ":"";l=`#${t.id} ${i}${e} • ${l}`}}catch(t){}m.textContent=l;const c=document.createElement("input");c.type="checkbox",c.checked=!!i.enabled,c.addEventListener("change",()=>{i.enabled=c.checked,$._(`${c.checked?"Enabled":"Disabled"} ${e}`);try{const t=S.rt?.[0],e=t?.H;t&&e&&S.it?.templates?.[e]&&(S.it.templates[e].palette=t.X,GM.setValue("bmTemplates",JSON.stringify(S.it)))}catch(t){}}),s.appendChild(c),s.appendChild(a),s.appendChild(m),t.appendChild(s)}},window.addEventListener("message",t=>{if("bm-b"===t?.data?.st)try{buildColorFilterList()}catch(t){}}),setTimeout(()=>{try{if(S.rt?.length>0){const t=document.querySelector("#bm-9");t&&(t.style.display=""),buildColorFilterList()}}catch(t){}},0)}(),$.W("#bm-A","#bm-z"),M.Xt($),new MutationObserver((t,e)=>{const n=document.querySelector("#color-1");if(!n)return;let i=document.querySelector("#bm-t");if(!i){i=document.createElement("button"),i.id="bm-t",i.textContent="Move ↑",i.className="btn btn-soft",i.onclick=function(){const t=this.parentNode.parentNode.parentNode.parentNode,e="Move ↑"==this.textContent;t.parentNode.className=t.parentNode.className.replace(e?"bottom":"top",e?"top":"bottom"),t.style.borderTopLeftRadius=e?"0px":"var(--radius-box)",t.style.borderTopRightRadius=e?"0px":"var(--radius-box)",t.style.borderBottomLeftRadius=e?"var(--radius-box)":"0px",t.style.borderBottomRightRadius=e?"var(--radius-box)":"0px",this.textContent=e?"Move ↓":"Move ↑"};const t=n.parentNode.parentNode.parentNode.parentNode.querySelector("h2");t.parentNode?.appendChild(i)}}).observe(document.body,{childList:!0,subtree:!0}),function(...t){(0,console.log)(...t)}(`%c${w}%c (${y}) userscript has loaded!`,"color: cornflowerblue;","")})(); \ No newline at end of file +(()=>{var t,e,n=t=>{throw TypeError(t)},i=(t,e,i)=>e.has(t)?n("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i),o=(t,e,i)=>(((t,e)=>{e.has(t)||n("Cannot access private method")})(t,e),i),r=class{constructor(e,n){i(this,t),this.name=e,this.version=n,this.t=null,this.i="bm-o",this.o=null,this.m=null,this.l=[]}u(t){this.t=t}h(){return this.l.length>0&&(this.m=this.l.pop()),this}p(t){t?.appendChild(this.o),this.o=null,this.m=null,this.l=[]}v(n={},i=()=>{}){return i(this,o(this,t,e).call(this,"div",{},n)),this}$(n={},i=()=>{}){return i(this,o(this,t,e).call(this,"p",{},n)),this}S(n={},i=()=>{}){return i(this,o(this,t,e).call(this,"small",{},n)),this}M(n={},i=()=>{}){return i(this,o(this,t,e).call(this,"img",{},n)),this}O(n,i={},r=()=>{}){return r(this,o(this,t,e).call(this,"h"+n,{},i)),this}C(n={},i=()=>{}){return i(this,o(this,t,e).call(this,"hr",{},n)),this}D(n={},i=()=>{}){return i(this,o(this,t,e).call(this,"br",{},n)),this}T(n={},i=()=>{}){const r=o(this,t,e).call(this,"label",{textContent:n.textContent??""});delete n.textContent;const s=o(this,t,e).call(this,"input",{type:"checkbox"},n);return r.insertBefore(s,r.firstChild),this.h(),i(this,r,s),this}k(n={},i=()=>{}){return i(this,o(this,t,e).call(this,"button",{},n)),this}N(n={},i=()=>{}){const r=n.title??n.textContent??"Help: No info";delete n.textContent,n.title=`Help: ${r}`;const s={textContent:"?",className:"bm-D",onclick:()=>{this.B(this.i,r)}};return i(this,o(this,t,e).call(this,"button",s,n)),this}I(n={},i=()=>{}){return i(this,o(this,t,e).call(this,"input",{},n)),this}L(n={},i=()=>{}){const r=n.textContent??"";delete n.textContent;const s=o(this,t,e).call(this,"div"),a=o(this,t,e).call(this,"input",{type:"file",style:"display: none !important; visibility: hidden !important; position: absolute !important; left: -9999px !important; width: 0 !important; height: 0 !important; opacity: 0 !important;"},n);this.h();const m=o(this,t,e).call(this,"button",{textContent:r});return this.h(),this.h(),a.setAttribute("tabindex","-1"),a.setAttribute("aria-hidden","true"),m.addEventListener("click",()=>{a.click()}),a.addEventListener("change",()=>{m.style.maxWidth=`${m.offsetWidth}px`,a.files.length>0?m.textContent=a.files[0].name:m.textContent=r}),i(this,s,a,m),this}G(n={},i=()=>{}){return i(this,o(this,t,e).call(this,"textarea",{},n)),this}B(t,e,n=!1){const i=document.getElementById(t.replace(/^#/,""));i&&(i instanceof HTMLInputElement?i.value=e:n?i.textContent=e:i.innerHTML=e)}W(t,e){let n,i=!1,o=0,r=null,s=0,a=0,m=0,l=0;if(t=document.querySelector("#"==t?.[0]?t:"#"+t),e=document.querySelector("#"==e?.[0]?e:"#"+e),!t||!e)return void this.P(`Can not drag! ${t?"":"moveMe"} ${t||e?"":"and "}${e?"":"iMoveThings "}was not found!`);const c=()=>{if(i){const e=Math.abs(s-m),n=Math.abs(a-l);(e>.5||n>.5)&&(s=m,a=l,t.style.transform=`translate(${s}px, ${a}px)`,t.style.left="0px",t.style.top="0px",t.style.right=""),r=requestAnimationFrame(c)}};let u=null;const d=(d,h)=>{i=!0,u=t.getBoundingClientRect(),n=d-u.left,o=h-u.top;const b=window.getComputedStyle(t).transform;if(b&&"none"!==b){const t=new DOMMatrix(b);s=t.m41,a=t.m42}else s=u.left,a=u.top;m=s,l=a,document.body.style.userSelect="none",e.classList.add("dragging"),r&&cancelAnimationFrame(r),c()},h=()=>{i=!1,r&&(cancelAnimationFrame(r),r=null),document.body.style.userSelect="",e.classList.remove("dragging")};e.addEventListener("mousedown",function(t){t.preventDefault(),d(t.clientX,t.clientY)}),e.addEventListener("touchstart",function(t){const e=t?.touches?.[0];e&&(d(e.clientX,e.clientY),t.preventDefault())},{passive:!1}),document.addEventListener("mousemove",function(t){i&&u&&(m=t.clientX-n,l=t.clientY-o)},{passive:!0}),document.addEventListener("touchmove",function(t){if(i&&u){const e=t?.touches?.[0];if(!e)return;m=e.clientX-n,l=e.clientY-o,t.preventDefault()}},{passive:!1}),document.addEventListener("mouseup",h),document.addEventListener("touchend",h),document.addEventListener("touchcancel",h)}_(t){(0,console.info)(`${this.name}: ${t}`),this.B(this.i,"Status: "+t,!0)}P(t){(0,console.error)(`${this.name}: ${t}`),this.B(this.i,"Error: "+t,!0)}};function s(...t){(0,console.error)(...t)}function a(t,e){if(0===t)return e[0];let n="";const i=e.length;for(;t>0;)n=e[t%i]+n,t=Math.floor(t/i);return n}function m(t){let e="";for(let n=0;n"transparent"!==(t?.name||"").toLowerCase()&&Array.isArray(t?.rgb)).map(t=>`${t.rgb[0]},${t.rgb[1]},${t.rgb[2]}`));const l="222,250,206";this.Y.add(l),this.K=new Map(m.filter(t=>Array.isArray(t?.rgb)).map(t=>[`${t.rgb[0]},${t.rgb[1]},${t.rgb[2]}`,{id:t.id,premium:!!t.premium,name:t.name}]));try{const t=m.find(t=>"transparent"===(t?.name||"").toLowerCase());t&&Array.isArray(t.rgb)&&this.K.set(l,{id:t.id,premium:!!t.premium,name:t.name})}catch(t){}}async Z(){const t=await createImageBitmap(this.file),e=t.width,n=t.height,i=e*n;this.J=i;try{const i=new OffscreenCanvas(e,n).getContext("2d",{tt:!0});i.imageSmoothingEnabled=!1,i.clearRect(0,0,e,n),i.drawImage(t,0,0);const o=i.getImageData(0,0,e,n).data;let r=0,s=0;const a=new Map;for(let t=0;t0){for(const t in e){const n=t,i=e[t];if(e.hasOwnProperty(t)){const t=n.split(" "),o=Number(t?.[0]),r=t?.[1]||"0",s=i.name||`Template ${o||""}`,a=i.tiles,m={};let c=0;const u=new Map;for(const t in a)if(a.hasOwnProperty(t)){const e=l(a[t]),n=new Blob([e],{type:"image/png"}),i=await createImageBitmap(n);m[t]=i;try{const t=i.width,e=i.height,n=new OffscreenCanvas(t,e).getContext("2d",{tt:!0});n.imageSmoothingEnabled=!1,n.clearRect(0,0,t,e),n.drawImage(i,0,0);const o=n.getImageData(0,0,t,e).data;for(let n=0;n{d.q?.add(t.split(",").slice(0,2).join(","))})}catch(t){}try{const t=e?.[n]?.palette;if(t)for(const[e,n]of Object.entries(t))d.X[e]?d.X[e].enabled=!!n?.enabled:d.X[e]={count:n?.count||0,enabled:!!n?.enabled}}catch(t){}d.H=n,this.rt.push(d)}}try{const t=document.querySelector("#bm-9");t&&(t.style.display=""),window.postMessage({source:"blue-marble",st:"bm-b"},"*")}catch(t){}}},h=new WeakSet,b=async function(t=navigator.userAgent){return(t=t||"").includes("OPR/")||t.includes("Opera")?"Opera":t.includes("Edg/")?"Edge":t.includes("Vivaldi")?"Vivaldi":t.includes("YaBrowser")?"Yandex":t.includes("Kiwi")?"Kiwi":t.includes("Brave")?"Brave":t.includes("Firefox/")?"Firefox":t.includes("Chrome/")?"Chrome":t.includes("Safari/")?"Safari":navigator.brave&&"function"==typeof navigator.brave.isBrave&&await navigator.brave.isBrave()?"Brave":"Unknown"},p=function(t=navigator.userAgent){return/Windows NT 11/i.test(t=t||"")?"Windows 11":/Windows NT 10/i.test(t)?"Windows 10":/Windows NT 6\.3/i.test(t)?"Windows 8.1":/Windows NT 6\.2/i.test(t)?"Windows 8":/Windows NT 6\.1/i.test(t)?"Windows 7":/Windows NT 6\.0/i.test(t)?"Windows Vista":/Windows NT 5\.1|Windows XP/i.test(t)?"Windows XP":/Mac OS X 10[_\.]15/i.test(t)?"macOS Catalina":/Mac OS X 10[_\.]14/i.test(t)?"macOS Mojave":/Mac OS X 10[_\.]13/i.test(t)?"macOS High Sierra":/Mac OS X 10[_\.]12/i.test(t)?"macOS Sierra":/Mac OS X 10[_\.]11/i.test(t)?"OS X El Capitan":/Mac OS X 10[_\.]10/i.test(t)?"OS X Yosemite":/Mac OS X 10[_\.]/i.test(t)?"macOS":/Android/i.test(t)?"Android":/iPhone|iPad|iPod/i.test(t)?"iOS":/Linux/i.test(t)?"Linux":"Unknown"};var w=GM_info.script.name.toString(),y=GM_info.script.version.toString();!function(t){const e=document.createElement("script");e.setAttribute("bm-E",w),e.setAttribute("bm-B","color: cornflowerblue;"),e.textContent=`(${t})();`,document.documentElement?.appendChild(e),e.remove()}(()=>{const t=document.currentScript,e=t?.getAttribute("bm-E")||"Blue Marble",n=t?.getAttribute("bm-B")||"",i=new Map;window.addEventListener("message",t=>{const{source:o,endpoint:r,blobID:s,blobData:a,blink:m}=t.data;if(Date.now(),"blue-marble"==o&&s&&a&&!r){const t=i.get(s);"function"==typeof t?t(a):function(...t){(0,console.warn)(...t)}(`%c${e}%c: Attempted to retrieve a blob (%s) from queue, but the blobID was not a function! Skipping...`,n,"",s),i.delete(s)}});const o=window.fetch;window.fetch=async function(...t){const e=await o.apply(this,t),n=e.clone(),r=(t[0]instanceof Request?t[0]?.url:t[0])||"ignore",s=n.headers.get("content-type")||"";if(s.includes("application/json"))n.json().then(t=>{window.postMessage({source:"blue-marble",endpoint:r,jsonData:t},"*")}).catch(t=>{});else if(s.includes("image/")&&!r.includes("openfreemap")&&!r.includes("maps")){const t=Date.now(),e=await n.blob();return new Promise(o=>{const s=crypto.randomUUID();i.set(s,t=>{o(new Response(t,{headers:n.headers,status:n.status,statusText:n.statusText}))}),window.postMessage({source:"blue-marble",endpoint:r,blobID:s,blobData:e,blink:t})}).catch(t=>{Date.now()})}return e}});var v=GM_getResourceText("CSS-BM-File");GM_addStyle(v);var x=document.createElement("link");x.href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap",x.rel="preload",x.as="style",x.onload=function(){this.onload=null,this.rel="stylesheet"},document.head?.appendChild(x),new class{constructor(){this.lt=null,this.ct=null,this.ut="#bm-h"}dt(t){return this.ct=t,this.lt=new MutationObserver(t=>{for(const e of t)for(const t of e.addedNodes)t instanceof HTMLElement&&t.matches?.(this.ut)}),this}ht(){return this.lt}observe(t,e=!1,n=!1){t.observe(this.ct,{childList:e,subtree:n})}};var $=new r(w,y),S=(new r(w,y),new class{constructor(t,e,n){i(this,c),this.name=t,this.version=e,this.o=n,this.bt="1.0.0",this.gt=null,this.ft="!#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[]^_`abcdefghijklmnopqrstuvwxyz{|}~",this.A=1e3,this.ot=3,this.wt=null,this.yt=null,this.vt="bm-C",this.xt="div#map canvas.maplibregl-canvas",this.$t=null,this.St="",this.rt=[],this.it=null,this.Mt=!0,this.Ot=new Map}Ct(){if(document.body.contains(this.wt))return this.wt;document.getElementById(this.vt)?.remove();const t=document.querySelector(this.xt),e=document.createElement("canvas");return e.id=this.vt,e.className="maplibregl-canvas",e.style.position="absolute",e.style.top="0",e.style.left="0",e.style.height=t?.clientHeight*(window.devicePixelRatio||1)+"px",e.style.width=t?.clientWidth*(window.devicePixelRatio||1)+"px",e.height=t?.clientHeight*(window.devicePixelRatio||1),e.width=t?.clientWidth*(window.devicePixelRatio||1),e.style.zIndex="8999",e.style.pointerEvents="none",t?.parentElement?.appendChild(e),this.wt=e,window.addEventListener("move",this.Dt),window.addEventListener("zoom",this.Tt),window.addEventListener("resize",this.kt),this.wt}async Nt(){return{whoami:this.name.replace(" ",""),scriptVersion:this.version,schemaVersion:this.bt,templates:{}}}async Bt(t,e,n){this.it||(this.it=await this.Nt()),this.o._(`Creating template at ${n.join(", ")}...`);const i=new f({displayName:e,F:0,j:a(this.gt||0,this.ft),file:t,coords:n}),{et:r,nt:s}=await i.Z(this.A);i.R=r;const m=`${i.F} ${i.j}`;i.H=m,this.it.templates[m]={name:i.displayName,coords:n.join(", "),enabled:!0,tiles:s,palette:i.X},this.rt=[],this.rt.push(i);const l=(new Intl.NumberFormat).format(i.J);this.o._(`Template created at ${n.join(", ")}! Total pixels: ${l}`);try{const t=document.querySelector("#bm-9");t&&(t.style.display=""),window.postMessage({source:"blue-marble",st:"bm-b"},"*")}catch(t){}await o(this,c,u).call(this)}It(){}async Lt(){this.it||(this.it=await this.Nt())}async Gt(t,e){if(!this.Mt)return t;const n=this.A*this.ot;e=e[0].toString().padStart(4,"0")+","+e[1].toString().padStart(4,"0");const i=this.rt;if(i.sort((t,e)=>t.F-e.F),!i.some(t=>!!t?.R&&(t.q&&t.q.size>0?t.q.has(e):Object.keys(t.R).some(t=>t.startsWith(e)))))return t;const o=i.map(t=>{const n=Object.keys(t.R).filter(t=>t.startsWith(e));if(0===n.length)return null;const i=n.map(e=>{const n=e.split(",");return{Wt:t.R[e],Pt:[n[0],n[1]],_t:[n[2],n[3]]}});return i?.[0]}).filter(Boolean),r=o?.length||0;let s=0,a=0,m=0;const l=await createImageBitmap(t),c=new OffscreenCanvas(n,n),u=c.getContext("2d");u.imageSmoothingEnabled=!1,u.beginPath(),u.rect(0,0,n,n),u.clip(),u.clearRect(0,0,n,n),u.drawImage(l,0,0,n,n);let d=null;try{d=u.getImageData(0,0,n,n).data}catch(t){}for(const t of o){if(d)try{const e=t.Wt.width,i=t.Wt.height,o=new OffscreenCanvas(e,i).getContext("2d",{tt:!0});o.imageSmoothingEnabled=!1,o.clearRect(0,0,e,i),o.drawImage(t.Wt,0,0);const r=o.getImageData(0,0,e,i).data,l=Number(t._t[0])*this.ot,c=Number(t._t[1])*this.ot;for(let t=0;t=n||u>=n)continue;const h=4*(t*e+i),b=r[h],p=r[h+1],g=r[h+2];if(r[h+3]<64){try{const t=this.rt?.[0],e=4*(u*n+o),i=d[e],r=d[e+1],s=d[e+2],m=d[e+3],l=`${i},${r},${s}`,c=!!t?.Y&&t.Y.has(l);m>=64&&c&&a++}catch(t){}continue}try{const t=this.rt?.[0];if(t?.Y&&!t.Y.has(`${b},${p},${g}`))continue}catch(t){}m++;const f=4*(u*n+o),w=d[f],y=d[f+1],v=d[f+2];d[f+3]<64||(w===b&&y===p&&v===g?s++:a++)}}catch(t){}try{const e=this.rt?.[0],n=e?.X||{};if(Object.values(n).some(t=>!1===t?.enabled)){const i=t.Wt.width,o=t.Wt.height,r=new OffscreenCanvas(i,o),s=r.getContext("2d",{tt:!0});s.imageSmoothingEnabled=!1,s.clearRect(0,0,i,o),s.drawImage(t.Wt,0,0);const a=s.getImageData(0,0,i,o),m=a.data;for(let t=0;t0){const t=e;this.Ot.set(t,{Et:s,required:m,Ft:a});let n=0,i=0,o=0;for(const t of this.Ot.values())n+=t.Et||0,i+=t.required||0,o+=t.Ft||0;const l=this.rt.reduce((t,e)=>t+(e.U||e.J||0),0),c=l>0?l:i,u=(new Intl.NumberFormat).format(n),d=(new Intl.NumberFormat).format(c),h=(new Intl.NumberFormat).format(c-n);this.o._(`Displaying ${r} template${1==r?"":"s"}.\nPainted ${u} / ${d} • Wrong ${h}`)}else this.o._(`Displaying ${r} templates.`);return await c.convertToBlob({type:"image/png"})}jt(t){"BlueMarble"==t?.whoami&&o(this,c,d).call(this,t)}Rt(t){this.Mt=t}}(w,y,$)),M=new class{constructor(t){i(this,h),this.At=t,this.Jt=!1,this.Ut=[],this.Vt=[]}Xt(t){window.addEventListener("message",async e=>{const n=e.data,i=n.jsonData;if(!n||"blue-marble"!==n.source)return;if(!n.endpoint)return;const o=n.endpoint?.split("?")[0].split("/").filter(t=>t&&isNaN(Number(t))).filter(t=>t&&!t.includes(".")).pop();switch(o){case"me":if(i.status&&"2"!=i.status?.toString()[0])return void t.P("You are not logged in!\nCould not fetch userdata.");const e=Math.ceil(Math.pow(Math.floor(i.level)*Math.pow(30,.65),1/.65)-i.pixelsPainted);i.id||i.id,this.At.gt=i.id,t.B("bm-u",`Username: ${function(t){const e=document.createElement("div");return e.textContent=t,e.innerHTML}(i.name)}`),t.B("bm-p",`Droplets: ${(new Intl.NumberFormat).format(i.droplets)}`),t.B("bm-i",`Next level in ${(new Intl.NumberFormat).format(e)} pixel${1==e?"":"s"}`);break;case"pixel":const o=n.endpoint.split("?")[0].split("/").filter(t=>t&&!isNaN(Number(t))),a=new URLSearchParams(n.endpoint.split("?")[1]),m=[a.get("x"),a.get("y")];if(this.Ut.length&&(!o.length||!m.length))return void t.P("Coordinates are malformed!\nDid you try clicking the canvas first?");this.Ut=[...o,...m];const l=(r=o,s=m,[parseInt(r[0])%4*1e3+parseInt(s[0]),parseInt(r[1])%4*1e3+parseInt(s[1])]),c=document.querySelectorAll("span");for(const t of c)if(t.textContent.trim().includes(`${l[0]}, ${l[1]}`)){let e=document.querySelector("#bm-h");const n=`(Tl X: ${o[0]}, Tl Y: ${o[1]}, Px X: ${m[0]}, Px Y: ${m[1]})`;e?e.textContent=n:(e=document.createElement("span"),e.id="bm-h",e.textContent=n,e.style="margin-left: calc(var(--spacing)*3); font-size: small;",t.parentNode.parentNode.parentNode.insertAdjacentElement("afterend",e))}break;case"tiles":let u=n.endpoint.split("/");u=[parseInt(u[u.length-2]),parseInt(u[u.length-1].replace(".png",""))];const d=n.blobID,h=n.blobData,b=await this.At.Gt(h,u);window.postMessage({source:"blue-marble",blobID:d,blobData:b,blink:n.blink});break;case"robots":this.Jt="false"==i.userscript?.toString().toLowerCase()}var r,s})}async qt(t){let e=GM_getValue("bmUserSettings","{}");if(e=JSON.parse(e),!e||!e.telemetry||!e.uuid)return;const n=navigator.userAgent;let i=await o(this,h,b).call(this,n),r=o(this,h,p).call(this,n);GM_xmlhttpRequest({method:"POST",url:"https://telemetry.thebluecorner.net/heartbeat",headers:{"Content-Type":"application/json"},data:JSON.stringify({uuid:e.uuid,version:t,browser:i,os:r}),onload:t=>{200!==t.status&&s("Failed to send heartbeat:",t.statusText)},onerror:t=>{s("Error sending heartbeat:",t)}})}}(S);$.u(M);var O=JSON.parse(GM_getValue("bmTemplates","{}"));S.jt(O);var C=JSON.parse(GM_getValue("bmUserSettings","{}"));if(0==Object.keys(C).length){const t=crypto.randomUUID();GM.setValue("bmUserSettings",JSON.stringify({uuid:t}))}if(setInterval(()=>M.qt(y),18e5),null==C?.telemetry||C?.telemetry>1){const t=new r(w,y);t.u(M),t.v({id:"bm-d",style:"top: 0px; left: 0px; width: 100vw; max-width: 100vw; height: 100vh; max-height: 100vh; z-index: 9999;"}).v({id:"bm-7",style:"display: flex; flex-direction: column; align-items: center;"}).v({id:"bm-1",style:"margin-top: 10%;"}).O(1,{textContent:`${w} Telemetry`}).h().h().v({id:"bm-e",style:"max-width: 50%; overflow-y: auto; max-height: 80vh;"}).C().h().D().h().v({style:"width: fit-content; margin: auto; text-align: center;"}).k({id:"bm-8",textContent:"More Information"},(t,e)=>{e.onclick=()=>{window.open("https://github.com/SwingTheVine/Wplace-TelemetryServer#telemetry-data","_blank","noopener noreferrer")}}).h().h().D().h().v({style:"width: fit-content; margin: auto; text-align: center;"}).k({id:"bm-5",textContent:"Enable Telemetry",style:"margin-right: 2ch;"},(t,e)=>{e.onclick=()=>{const t=JSON.parse(GM_getValue("bmUserSettings","{}"));t.telemetry=1,GM.setValue("bmUserSettings",JSON.stringify(t));const e=document.getElementById("bm-d");e&&(e.style.display="none")}}).h().k({id:"bm-2",textContent:"Disable Telemetry"},(t,e)=>{e.onclick=()=>{const t=JSON.parse(GM_getValue("bmUserSettings","{}"));t.telemetry=0,GM.setValue("bmUserSettings",JSON.stringify(t));const e=document.getElementById("bm-d");e&&(e.style.display="none")}}).h().h().D().h().$({textContent:"We collect anonymous telemetry data such as your browser, OS, and script version to make the experience better for everyone. The data is never shared personally. The data is never sold. You can turn this off by pressing the 'Disable' button, but keeping it on helps us improve features and reliability faster. Thank you for supporting the Blue Marble!"}).h().$({textContent:'You can disable telemetry by pressing the "Disable" button below.'}).h().h().h().p(document.body)}!function(){let t=!1,e={};try{e=JSON.parse(GM_getValue("bmCoords","{}"))||{}}catch(t){e={}}const n=()=>{try{const t=Number(document.querySelector("#bm-v")?.value||""),e=Number(document.querySelector("#bm-w")?.value||""),n={Ht:t,Yt:e,px:Number(document.querySelector("#bm-x")?.value||""),zt:Number(document.querySelector("#bm-y")?.value||"")};GM.setValue("bmCoords",JSON.stringify(n))}catch(t){}};$.v({id:"bm-A",style:"top: 10px; right: 75px;"}).v({id:"bm-j"}).v({id:"bm-z"}).h().M({alt:"Blue Marble Icon - Click to minimize/maximize",src:"https://raw.githubusercontent.com/SwingTheVine/Wplace-BlueMarble/main/dist/assets/Favicon.png",style:"cursor: pointer;"},(e,n)=>{n.addEventListener("click",()=>{t=!t;const i=document.querySelector("#bm-A"),o=document.querySelector("#bm-j"),r=document.querySelector("#bm-z"),s=document.querySelector("#bm-k"),a=document.querySelector("#bm-q"),m=document.querySelector("#bm-r"),l=document.querySelector("#bm-s"),c=document.querySelector("#bm-l"),u=document.querySelectorAll("#bm-k input");t||(i.style.width="auto",i.style.maxWidth="300px",i.style.minWidth="200px",i.style.padding="10px"),["#bm-A h1","#bm-f","#bm-A hr","#bm-c > *:not(#bm-k)","#bm-a","#bm-6",`#${e.i}`,"#bm-9"].forEach(e=>{document.querySelectorAll(e).forEach(e=>{e.style.display=t?"none":""})}),t?(s&&(s.style.display="none"),a&&(a.style.display="none"),m&&(m.style.display="none"),l&&(l.style.display="none"),c&&(c.style.display="none"),u.forEach(t=>{t.style.display="none"}),i.style.width="60px",i.style.height="76px",i.style.maxWidth="60px",i.style.minWidth="60px",i.style.padding="8px",n.style.marginLeft="3px",o.style.textAlign="center",o.style.margin="0",o.style.marginBottom="0",r&&(r.style.display="",r.style.marginBottom="0.25em")):(s&&(s.style.display="",s.style.flexDirection="",s.style.justifyContent="",s.style.alignItems="",s.style.gap="",s.style.textAlign="",s.style.margin=""),a&&(a.style.display=""),m&&(m.style.display="",m.style.marginTop=""),l&&(l.style.display="",l.style.marginTop=""),c&&(c.style.display="",c.style.marginTop=""),u.forEach(t=>{t.style.display=""}),n.style.marginLeft="",i.style.padding="10px",o.style.textAlign="",o.style.margin="",o.style.marginBottom="",r&&(r.style.marginBottom="0.5em"),i.style.width="",i.style.height=""),n.alt=t?"Blue Marble Icon - Minimized (Click to maximize)":"Blue Marble Icon - Maximized (Click to minimize)"})}).h().O(1,{textContent:w}).h().h().C().h().v({id:"bm-f"}).$({id:"bm-u",textContent:"Username:"}).h().$({id:"bm-p",textContent:"Droplets:"}).h().$({id:"bm-i",textContent:"Next level in..."}).h().h().C().h().v({id:"bm-c"}).v({id:"bm-k"}).k({id:"bm-q",className:"bm-D",style:"margin-top: 0;",innerHTML:''},(t,e)=>{e.onclick=()=>{const e=t.t?.Ut;e?.[0]?(t.B("bm-v",e?.[0]||""),t.B("bm-w",e?.[1]||""),t.B("bm-x",e?.[2]||""),t.B("bm-y",e?.[3]||""),n()):t.P("Coordinates are malformed! Did you try clicking on the canvas first?")}}).h().I({type:"number",id:"bm-v",placeholder:"Tl X",min:0,max:2047,step:1,required:!0,value:e.Ht??""},(t,e)=>{e.addEventListener("paste",t=>{let e=(t.clipboardData||window.clipboardData).getData("text").split(" ").filter(t=>t).map(Number).filter(t=>!isNaN(t));if(4!==e.length)return;let n=(i=document,coords=[],coords.push(i.querySelector("#bm-v")),coords.push(i.querySelector("#bm-w")),coords.push(i.querySelector("#bm-x")),coords.push(i.querySelector("#bm-y")),coords);var i;for(let t=0;tn();e.addEventListener("input",i),e.addEventListener("change",i)}).h().I({type:"number",id:"bm-w",placeholder:"Tl Y",min:0,max:2047,step:1,required:!0,value:e.Yt??""},(t,e)=>{const i=()=>n();e.addEventListener("input",i),e.addEventListener("change",i)}).h().I({type:"number",id:"bm-x",placeholder:"Px X",min:0,max:2047,step:1,required:!0,value:e.px??""},(t,e)=>{const i=()=>n();e.addEventListener("input",i),e.addEventListener("change",i)}).h().I({type:"number",id:"bm-y",placeholder:"Px Y",min:0,max:2047,step:1,required:!0,value:e.zt??""},(t,e)=>{const i=()=>n();e.addEventListener("input",i),e.addEventListener("change",i)}).h().h().v({id:"bm-9",style:"max-height: 140px; overflow: auto; border: 1px solid rgba(255,255,255,0.1); padding: 4px; border-radius: 4px; display: none;"}).v({style:"display: flex; gap: 6px; margin-bottom: 6px;"}).k({id:"bm-3",textContent:"Enable All"},(t,e)=>{e.onclick=()=>{const e=S.rt[0];e?.X&&(Object.values(e.X).forEach(t=>t.enabled=!0),buildColorFilterList(),t._("Enabled all colors"))}}).h().k({id:"bm-0",textContent:"Disable All"},(t,e)=>{e.onclick=()=>{const e=S.rt[0];e?.X&&(Object.values(e.X).forEach(t=>t.enabled=!1),buildColorFilterList(),t._("Disabled all colors"))}}).h().h().v({id:"bm-g"}).h().h().L({id:"bm-a",textContent:"Upload Template",accept:"image/png, image/jpeg, image/webp, image/bmp, image/gif"}).h().v({id:"bm-4"}).k({id:"bm-s",textContent:"Enable"},(t,e)=>{e.onclick=()=>{t.t?.At?.Rt(!0),t._("Enabled templates!")}}).h().k({id:"bm-r",textContent:"Create"},(t,e)=>{e.onclick=()=>{const e=document.querySelector("#bm-a"),n=document.querySelector("#bm-v");if(!n.checkValidity())return n.reportValidity(),void t.P("Coordinates are malformed! Did you try clicking on the canvas first?");const i=document.querySelector("#bm-w");if(!i.checkValidity())return i.reportValidity(),void t.P("Coordinates are malformed! Did you try clicking on the canvas first?");const o=document.querySelector("#bm-x");if(!o.checkValidity())return o.reportValidity(),void t.P("Coordinates are malformed! Did you try clicking on the canvas first?");const r=document.querySelector("#bm-y");if(!r.checkValidity())return r.reportValidity(),void t.P("Coordinates are malformed! Did you try clicking on the canvas first?");e?.files[0]?(S.Bt(e.files[0],e.files[0]?.name.replace(/\.[^/.]+$/,""),[Number(n.value),Number(i.value),Number(o.value),Number(r.value)]),t._("Drew to canvas!")):t.P("No file selected!")}}).h().k({id:"bm-l",textContent:"Disable"},(t,e)=>{e.onclick=()=>{t.t?.At?.Rt(!1),t._("Disabled templates!")}}).h().h().G({id:$.i,placeholder:`Status: Sleeping...\nVersion: ${y}`,readOnly:!0}).h().v({id:"bm-6"}).v().k({id:"bm-m",className:"bm-D",innerHTML:"🎨",title:"Template Color Converter"},(t,e)=>{e.addEventListener("click",()=>{window.open("https://pepoafonso.github.io/color_converter_wplace/","_blank","noopener noreferrer")})}).h().k({id:"bm-n",className:"bm-D",innerHTML:"🌐",title:"Official Blue Marble Website"},(t,e)=>{e.addEventListener("click",()=>{window.open("https://bluemarble.camilledaguin.fr/","_blank","noopener noreferrer")})}).h().h().S({textContent:"Made by SwingTheVine",style:"margin-top: auto;"}).h().h().h().p(document.body),window.buildColorFilterList=function(){const t=document.querySelector("#bm-g"),e=S.rt?.[0];if(!t||!e?.X)return void(t&&(t.innerHTML="No template colors to display."));t.innerHTML="";const n=Object.entries(e.X).sort((t,e)=>e[1].count-t[1].count);for(const[e,i]of n){const[n,o,r]=e.split(",").map(Number),s=document.createElement("div");s.style.display="flex",s.style.alignItems="center",s.style.gap="8px",s.style.margin="4px 0";const a=document.createElement("div");a.style.width="14px",a.style.height="14px",a.style.border="1px solid rgba(255,255,255,0.5)",a.style.background=`rgb(${n},${o},${r})`;const m=document.createElement("span");m.style.fontSize="12px";let l=`${i.count.toLocaleString()}`;try{const t=S.rt?.[0]?.K?.get(e);if(t&&"number"==typeof t.id){const e=t?.name||`rgb(${n},${o},${r})`,i=t.premium?"★ ":"";l=`#${t.id} ${i}${e} • ${l}`}}catch(t){}m.textContent=l;const c=document.createElement("input");c.type="checkbox",c.checked=!!i.enabled,c.addEventListener("change",()=>{i.enabled=c.checked,$._(`${c.checked?"Enabled":"Disabled"} ${e}`);try{const t=S.rt?.[0],e=t?.H;t&&e&&S.it?.templates?.[e]&&(S.it.templates[e].palette=t.X,GM.setValue("bmTemplates",JSON.stringify(S.it)))}catch(t){}}),s.appendChild(c),s.appendChild(a),s.appendChild(m),t.appendChild(s)}},window.addEventListener("message",t=>{if("bm-b"===t?.data?.st)try{buildColorFilterList()}catch(t){}}),setTimeout(()=>{try{if(S.rt?.length>0){const t=document.querySelector("#bm-9");t&&(t.style.display=""),buildColorFilterList()}}catch(t){}},0)}(),$.W("#bm-A","#bm-z"),M.Xt($),new MutationObserver((t,e)=>{const n=document.querySelector("#color-1");if(!n)return;let i=document.querySelector("#bm-t");if(!i){i=document.createElement("button"),i.id="bm-t",i.textContent="Move ↑",i.className="btn btn-soft",i.onclick=function(){const t=this.parentNode.parentNode.parentNode.parentNode,e="Move ↑"==this.textContent;t.parentNode.className=t.parentNode.className.replace(e?"bottom":"top",e?"top":"bottom"),t.style.borderTopLeftRadius=e?"0px":"var(--radius-box)",t.style.borderTopRightRadius=e?"0px":"var(--radius-box)",t.style.borderBottomLeftRadius=e?"var(--radius-box)":"0px",t.style.borderBottomRightRadius=e?"var(--radius-box)":"0px",this.textContent=e?"Move ↓":"Move ↑"};const t=n.parentNode.parentNode.parentNode.parentNode.querySelector("h2");t.parentNode?.appendChild(i)}}).observe(document.body,{childList:!0,subtree:!0}),function(...t){(0,console.log)(...t)}(`%c${w}%c (${y}) userscript has loaded!`,"color: cornflowerblue;","")})(); diff --git a/docs/README.md b/docs/README.md index 2134b18..4ef661e 100644 --- a/docs/README.md +++ b/docs/README.md @@ -110,80 +110,6 @@

-

Quick Guide

-

- Press the arrows to reveal the option you want. -

- - I want to download Blue Marble. (Click to Expand) - - Click here to view the installation instructions. -
-
- - I want to ask questions about Blue Marble. (Click to Expand) - - Click here for the Discord server invite to the Blue Marble support server. -
- Click here for the GitHub help & question page for Blue Marble. -
-
- - I want to report a bug. (Click to Expand) - - Click here to report a bug, then choose the "Bug Report" option. -
-
- - I want to suggest a feature. (Click to Expand) - - Click here to suggest a feature, then choose the Feature Request" option. -
-
- - I want to contribute. (Click to Expand) - - Click here to read the contributing guidelines. -
-

- -

Quick Guide

-

- Press the arrows to reveal the option you want. -

- - I want to download Blue Marble. (Click to Expand) - - Click here to view the installation instructions. -
-
- - I want to ask questions about Blue Marble. (Click to Expand) - - Click here for the Discord server invite to the Blue Marble support server. -
- Click here for the GitHub help & question page for Blue Marble. -
-
- - I want to report a bug. (Click to Expand) - - Click here to report a bug, then choose the "Bug Report" option. -
-
- - I want to suggest a feature. (Click to Expand) - - Click here to suggest a feature, then choose the Feature Request" option. -
-
- - I want to contribute. (Click to Expand) - - Click here to read the contributing guidelines. -
-

-

Overview

Welcome to Blue Marble! Blue Marble is a userscript for the website wplace.live. The purpose of Blue Marble is to allow you to take an image, and layer it onto the canvas! That way, you can easily trace the image of your art, without having to look back and forth between multiple tabs/monitors. In addition, Blue Marble supports some neat extra features such as: diff --git a/src/BlueMarble.meta.js b/src/BlueMarble.meta.js index 41e1769..6a26317 100644 --- a/src/BlueMarble.meta.js +++ b/src/BlueMarble.meta.js @@ -7,18 +7,17 @@ // @license MPL-2.0 // @supportURL https://discord.gg/tpeBPy46hf // @homepageURL https://bluemarble.camilledaguin.fr/ -// @icon https://raw.githubusercontent.com/SwingTheVine/Wplace-BlueMarble/509c030292c264477d6571d46f03d14fc1f32a1a/dist/assets/Favicon.png +// @icon https://raw.githubusercontent.com/SwingTheVine/Wplace-BlueMarble/f3ee47c55505d29255b29e320891453884f13369/dist/assets/Favicon.png // @updateURL https://raw.githubusercontent.com/SwingTheVine/Wplace-BlueMarble/main/dist/BlueMarble.user.js // @downloadURL https://raw.githubusercontent.com/SwingTheVine/Wplace-BlueMarble/main/dist/BlueMarble.user.js -// @match https://wplace.live/ -// @match https://wplace.live/?* +// @match https://wplace.live/* // @grant GM_getResourceText // @grant GM_addStyle // @grant GM.setValue // @grant GM_getValue // @grant GM_xmlhttpRequest // @connect telemetry.thebluecorner.net -// @resource CSS-BM-File https://raw.githubusercontent.com/SwingTheVine/Wplace-BlueMarble/509c030292c264477d6571d46f03d14fc1f32a1a/dist/BlueMarble.user.css +// @resource CSS-BM-File https://raw.githubusercontent.com/SwingTheVine/Wplace-BlueMarble/1b71f0f8403b459cec0e1e298b73823570ed6016/dist/BlueMarble.user.css // ==/UserScript== // Wplace --> https://wplace.live