diff --git a/dist/BlueMarble.user.js b/dist/BlueMarble.user.js index 60837fe..4375101 100644 --- a/dist/BlueMarble.user.js +++ b/dist/BlueMarble.user.js @@ -6,8 +6,8 @@ // @author SwingTheVine // @license MPL-2.0 // @supportURL https://discord.gg/tpeBPy46hf -// @homepageURL https://bluemarble.camilledaguin.fr/ -// @icon https://raw.githubusercontent.com/SwingTheVine/Wplace-BlueMarble/051271c433a42db968a865b00f81bb979ee7d13f/dist/assets/Favicon.png +// @homepageURL https://bluemarble.lol/ +// @icon https://raw.githubusercontent.com/SwingTheVine/Wplace-BlueMarble/8d02ac9cbe8f6861248152f2b0d632a0b4a830ee/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/* @@ -23,4 +23,4 @@ // Wplace --> https://wplace.live // License --> https://www.mozilla.org/en-US/MPL/2.0/ -(()=>{var t,e,i=t=>{throw TypeError(t)},n=(t,e,n)=>e.has(t)?i("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,n),o=(t,e,n)=>(((t,e)=>{e.has(t)||i("Cannot access private method")})(t,e),n),r=class{constructor(e,i){n(this,t),this.name=e,this.version=i,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(i={},n=()=>{}){return n(this,o(this,t,e).call(this,"div",{},i)),this}$(i={},n=()=>{}){return n(this,o(this,t,e).call(this,"p",{},i)),this}S(i={},n=()=>{}){return n(this,o(this,t,e).call(this,"small",{},i)),this}M(i={},n=()=>{}){return n(this,o(this,t,e).call(this,"img",{},i)),this}O(i,n={},r=()=>{}){return r(this,o(this,t,e).call(this,"h"+i,{},n)),this}T(i={},n=()=>{}){return n(this,o(this,t,e).call(this,"hr",{},i)),this}C(i={},n=()=>{}){return n(this,o(this,t,e).call(this,"br",{},i)),this}D(i={},n=()=>{}){const r=o(this,t,e).call(this,"label",{textContent:i.textContent??""});delete i.textContent;const a=o(this,t,e).call(this,"input",{type:"checkbox"},i);return r.insertBefore(a,r.firstChild),this.h(),n(this,r,a),this}k(i={},n=()=>{}){return n(this,o(this,t,e).call(this,"button",{},i)),this}N(i={},n=()=>{}){const r=i.title??i.textContent??"Help: No info";delete i.textContent,i.title=`Help: ${r}`;const a={textContent:"?",className:"bm-D",onclick:()=>{this.B(this.i,r)}};return n(this,o(this,t,e).call(this,"button",a,i)),this}I(i={},n=()=>{}){return n(this,o(this,t,e).call(this,"input",{},i)),this}L(i={},n=()=>{}){const r=i.textContent??"";delete i.textContent;const a=o(this,t,e).call(this,"div"),s=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;"},i);this.h();const m=o(this,t,e).call(this,"button",{textContent:r});return this.h(),this.h(),s.setAttribute("tabindex","-1"),s.setAttribute("aria-hidden","true"),m.addEventListener("click",()=>{s.click()}),s.addEventListener("change",()=>{m.style.maxWidth=`${m.offsetWidth}px`,s.files.length>0?m.textContent=s.files[0].name:m.textContent=r}),n(this,a,s,m),this}G(i={},n=()=>{}){return n(this,o(this,t,e).call(this,"textarea",{},i)),this}B(t,e,i=!1){const n=document.getElementById(t.replace(/^#/,""));n&&(n instanceof HTMLInputElement?n.value=e:i?n.textContent=e:n.innerHTML=e)}W(t,e){let i,n=!1,o=0,r=null,a=0,s=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(n){const e=Math.abs(a-m),i=Math.abs(s-l);(e>.5||i>.5)&&(a=m,s=l,t.style.transform=`translate(${a}px, ${s}px)`,t.style.left="0px",t.style.top="0px",t.style.right=""),r=requestAnimationFrame(c)}};let u=null;const d=(d,h)=>{n=!0,u=t.getBoundingClientRect(),i=d-u.left,o=h-u.top;const b=window.getComputedStyle(t).transform;if(b&&"none"!==b){const t=new DOMMatrix(b);a=t.m41,s=t.m42}else a=u.left,s=u.top;m=a,l=s,document.body.style.userSelect="none",e.classList.add("dragging"),r&&cancelAnimationFrame(r),c()},h=()=>{n=!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){n&&u&&(m=t.clientX-i,l=t.clientY-o)},{passive:!0}),document.addEventListener("touchmove",function(t){if(n&&u){const e=t?.touches?.[0];if(!e)return;m=e.clientX-i,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 a(...t){(0,console.error)(...t)}function s(t,e){if(0===t)return e[0];let i="";const n=e.length;for(;t>0;)i=e[t%n]+i,t=Math.floor(t/n);return i}function m(t){let e="";for(let i=0;i"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);const c="other";this.Y.add(c),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){}try{this.K.set(c,{id:"other",premium:!1,name:"Other"})}catch(t){}}async Z(){const t=await createImageBitmap(this.file),e=t.width,i=t.height,n=e*i;this.J=n;try{const n=new OffscreenCanvas(e,i).getContext("2d",{tt:!0});n.imageSmoothingEnabled=!1,n.clearRect(0,0,e,i),n.drawImage(t,0,0);const o=n.getImageData(0,0,e,i).data;let r=0,a=0;const s=new Map;for(let t=0;t0){for(const t in e){const i=t,n=e[t];if(e.hasOwnProperty(t)){const t=i.split(" "),o=Number(t?.[0]),r=t?.[1]||"0",a=n.name||`Template ${o||""}`,s=n.tiles,m={};let c=0;const u=new Map;for(const t in s)if(s.hasOwnProperty(t)){const e=l(s[t]),i=new Blob([e],{type:"image/png"}),n=await createImageBitmap(i);m[t]=n;try{const t=n.width,e=n.height,i=new OffscreenCanvas(t,e).getContext("2d",{tt:!0});i.imageSmoothingEnabled=!1,i.clearRect(0,0,t,e),i.drawImage(n,0,0);const o=i.getImageData(0,0,t,e).data;for(let i=0;i{d.q?.add(t.split(",").slice(0,2).join(","))})}catch(t){}try{const t=e?.[i]?.palette;if(t)for(const[e,i]of Object.entries(t))d.X[e]?d.X[e].enabled=!!i?.enabled:d.X[e]={count:i?.count||0,enabled:!!i?.enabled}}catch(t){}d.H=i,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",i=t?.getAttribute("bm-B")||"",n=new Map;window.addEventListener("message",t=>{const{source:o,endpoint:r,blobID:a,blobData:s,blink:m}=t.data;if(Date.now(),"blue-marble"==o&&a&&s&&!r){const t=n.get(a);"function"==typeof t?t(s):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...`,i,"",a),n.delete(a)}});const o=window.fetch;window.fetch=async function(...t){const e=await o.apply(this,t),i=e.clone(),r=(t[0]instanceof Request?t[0]?.url:t[0])||"ignore",a=i.headers.get("content-type")||"";if(a.includes("application/json"))i.json().then(t=>{window.postMessage({source:"blue-marble",endpoint:r,jsonData:t},"*")}).catch(t=>{});else if(a.includes("image/")&&!r.includes("openfreemap")&&!r.includes("maps")){const t=Date.now(),e=await i.blob();return new Promise(o=>{const a=crypto.randomUUID();n.set(a,t=>{o(new Response(t,{headers:i.headers,status:i.status,statusText:i.statusText}))}),window.postMessage({source:"blue-marble",endpoint:r,blobID:a,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,i=!1){t.observe(this.ct,{childList:e,subtree:i})}};var $=new r(w,y),S=(new r(w,y),new class{constructor(t,e,i){n(this,c),this.name=t,this.version=e,this.o=i,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.nt=null,this.Mt=!0,this.Ot=new Map}Tt(){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.Ct),window.addEventListener("zoom",this.Dt),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,i){this.nt||(this.nt=await this.Nt()),this.o._(`Creating template at ${i.join(", ")}...`);const n=new f({displayName:e,F:0,j:s(this.gt||0,this.ft),file:t,coords:i}),{et:r,it:a}=await n.Z(this.A);n.R=r;const m=`${n.F} ${n.j}`;n.H=m,this.nt.templates[m]={name:n.displayName,coords:i.join(", "),enabled:!0,tiles:a,palette:n.X},this.rt=[],this.rt.push(n);const l=(new Intl.NumberFormat).format(n.J);this.o._(`Template created at ${i.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.nt||(this.nt=await this.Nt())}async Gt(t,e){if(!this.Mt)return t;const i=this.A*this.ot;e=e[0].toString().padStart(4,"0")+","+e[1].toString().padStart(4,"0");const n=this.rt;if(n.sort((t,e)=>t.F-e.F),!n.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=n.map(t=>{const i=Object.keys(t.R).filter(t=>t.startsWith(e));if(0===i.length)return null;const n=i.map(e=>{const i=e.split(",");return{Wt:t.R[e],Pt:[i[0],i[1]],_t:[i[2],i[3]]}});return n?.[0]}).filter(Boolean),r=o?.length||0;let a=0,s=0,m=0;const l=await createImageBitmap(t),c=new OffscreenCanvas(i,i),u=c.getContext("2d");u.imageSmoothingEnabled=!1,u.beginPath(),u.rect(0,0,i,i),u.clip(),u.clearRect(0,0,i,i),u.drawImage(l,0,0,i,i);let d=null;try{d=u.getImageData(0,0,i,i).data}catch(t){}for(const t of o){if(d)try{const e=t.Wt.width,n=t.Wt.height,o=new OffscreenCanvas(e,n).getContext("2d",{tt:!0});o.imageSmoothingEnabled=!1,o.clearRect(0,0,e,n),o.drawImage(t.Wt,0,0);const r=o.getImageData(0,0,e,n).data,l=Number(t._t[0])*this.ot,c=Number(t._t[1])*this.ot;for(let t=0;t=i||u>=i)continue;const h=4*(t*e+n),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*i+o),n=d[e],r=d[e+1],a=d[e+2],m=d[e+3],l=t.Y.has(`${n},${r},${a}`)?`${n},${r},${a}`:"other",c=!!t?.Y&&t.Y.has(l);m>=64&&c&&s++}catch(t){}continue}m++;const f=4*(u*i+o),w=d[f],y=d[f+1],v=d[f+2];d[f+3]<64||(w===b&&y===p&&v===g?a++:s++)}}catch(t){}try{const e=this.rt?.[0],i=e?.X||{};if(Object.values(i).some(t=>!1===t?.enabled)){const n=t.Wt.width,o=t.Wt.height,r=new OffscreenCanvas(n,o),a=r.getContext("2d",{tt:!0});a.imageSmoothingEnabled=!1,a.clearRect(0,0,n,o),a.drawImage(t.Wt,0,0);const s=a.getImageData(0,0,n,o),m=s.data;for(let t=0;t0){const t=e;this.Ot.set(t,{Et:a,required:m,Ft:s});let i=0,n=0,o=0;for(const t of this.Ot.values())i+=t.Et||0,n+=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:n,u=(new Intl.NumberFormat).format(i),d=(new Intl.NumberFormat).format(c),h=(new Intl.NumberFormat).format(c-i);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){n(this,h),this.At=t,this.Jt=!1,this.Ut=[],this.Vt=[]}Xt(t){window.addEventListener("message",async e=>{const i=e.data,n=i.jsonData;if(!i||"blue-marble"!==i.source)return;if(!i.endpoint)return;const o=i.endpoint?.split("?")[0].split("/").filter(t=>t&&isNaN(Number(t))).filter(t=>t&&!t.includes(".")).pop();switch(o){case"me":if(n.status&&"2"!=n.status?.toString()[0])return void t.P("You are not logged in!\nCould not fetch userdata.");const e=Math.ceil(Math.pow(Math.floor(n.level)*Math.pow(30,.65),1/.65)-n.pixelsPainted);n.id||n.id,this.At.gt=n.id,t.B("bm-u",`Username: ${function(t){const e=document.createElement("div");return e.textContent=t,e.innerHTML}(n.name)}`),t.B("bm-p",`Droplets: ${(new Intl.NumberFormat).format(n.droplets)}`),t.B("bm-i",`Next level in ${(new Intl.NumberFormat).format(e)} pixel${1==e?"":"s"}`);break;case"pixel":const o=i.endpoint.split("?")[0].split("/").filter(t=>t&&!isNaN(Number(t))),s=new URLSearchParams(i.endpoint.split("?")[1]),m=[s.get("x"),s.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,a=m,[parseInt(r[0])%4*1e3+parseInt(a[0]),parseInt(r[1])%4*1e3+parseInt(a[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 i=`(Tl X: ${o[0]}, Tl Y: ${o[1]}, Px X: ${m[0]}, Px Y: ${m[1]})`;e?e.textContent=i:(e=document.createElement("span"),e.id="bm-h",e.textContent=i,e.style="margin-left: calc(var(--spacing)*3); font-size: small;",t.parentNode.parentNode.parentNode.insertAdjacentElement("afterend",e))}break;case"tiles":let u=i.endpoint.split("/");u=[parseInt(u[u.length-2]),parseInt(u[u.length-1].replace(".png",""))];const d=i.blobID,h=i.blobData,b=await this.At.Gt(h,u);window.postMessage({source:"blue-marble",blobID:d,blobData:b,blink:i.blink});break;case"robots":this.Jt="false"==n.userscript?.toString().toLowerCase()}var r,a})}async qt(t){let e=GM_getValue("bmUserSettings","{}");if(e=JSON.parse(e),!e||!e.telemetry||!e.uuid)return;const i=navigator.userAgent;let n=await o(this,h,b).call(this,i),r=o(this,h,p).call(this,i);GM_xmlhttpRequest({method:"POST",url:"https://telemetry.thebluecorner.net/heartbeat",headers:{"Content-Type":"application/json"},data:JSON.stringify({uuid:e.uuid,version:t,browser:n,os:r}),onload:t=>{200!==t.status&&a("Failed to send heartbeat:",t.statusText)},onerror:t=>{a("Error sending heartbeat:",t)}})}}(S);$.u(M);var O=JSON.parse(GM_getValue("bmTemplates","{}"));S.jt(O);var T=JSON.parse(GM_getValue("bmUserSettings","{}"));if(0==Object.keys(T).length){const t=crypto.randomUUID();GM.setValue("bmUserSettings",JSON.stringify({uuid:t}))}if(setInterval(()=>M.qt(y),18e5),null==T?.telemetry||T?.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;"}).T().h().C().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().C().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().C().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 i=()=>{try{const t=Number(document.querySelector("#bm-v")?.value||""),e=Number(document.querySelector("#bm-w")?.value||""),i={Ht:t,Yt:e,px:Number(document.querySelector("#bm-x")?.value||""),zt:Number(document.querySelector("#bm-y")?.value||"")};GM.setValue("bmCoords",JSON.stringify(i))}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,i)=>{i.addEventListener("click",()=>{t=!t;const n=document.querySelector("#bm-A"),o=document.querySelector("#bm-j"),r=document.querySelector("#bm-z"),a=document.querySelector("#bm-k"),s=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||(n.style.width="auto",n.style.maxWidth="300px",n.style.minWidth="200px",n.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?(a&&(a.style.display="none"),s&&(s.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"}),n.style.width="60px",n.style.height="76px",n.style.maxWidth="60px",n.style.minWidth="60px",n.style.padding="8px",i.style.marginLeft="3px",o.style.textAlign="center",o.style.margin="0",o.style.marginBottom="0",r&&(r.style.display="",r.style.marginBottom="0.25em")):(a&&(a.style.display="",a.style.flexDirection="",a.style.justifyContent="",a.style.alignItems="",a.style.gap="",a.style.textAlign="",a.style.margin=""),s&&(s.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=""}),i.style.marginLeft="",n.style.padding="10px",o.style.textAlign="",o.style.margin="",o.style.marginBottom="",r&&(r.style.marginBottom="0.5em"),n.style.width="",n.style.height=""),i.alt=t?"Blue Marble Icon - Minimized (Click to maximize)":"Blue Marble Icon - Maximized (Click to minimize)"})}).h().O(1,{textContent:w}).h().h().T().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().T().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]||""),i()):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 i=(n=document,coords=[],coords.push(n.querySelector("#bm-v")),coords.push(n.querySelector("#bm-w")),coords.push(n.querySelector("#bm-x")),coords.push(n.querySelector("#bm-y")),coords);var n;for(let t=0;ti();e.addEventListener("input",n),e.addEventListener("change",n)}).h().I({type:"number",id:"bm-w",placeholder:"Tl Y",min:0,max:2047,step:1,required:!0,value:e.Yt??""},(t,e)=>{const n=()=>i();e.addEventListener("input",n),e.addEventListener("change",n)}).h().I({type:"number",id:"bm-x",placeholder:"Px X",min:0,max:2047,step:1,required:!0,value:e.px??""},(t,e)=>{const n=()=>i();e.addEventListener("input",n),e.addEventListener("change",n)}).h().I({type:"number",id:"bm-y",placeholder:"Px Y",min:0,max:2047,step:1,required:!0,value:e.zt??""},(t,e)=>{const n=()=>i();e.addEventListener("input",n),e.addEventListener("change",n)}).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"),i=document.querySelector("#bm-v");if(!i.checkValidity())return i.reportValidity(),void t.P("Coordinates are malformed! Did you try clicking on the canvas first?");const n=document.querySelector("#bm-w");if(!n.checkValidity())return n.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(i.value),Number(n.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 i=Object.entries(e.X).sort((t,e)=>e[1].count-t[1].count);for(const[e,n]of i){let i=document.createElement("div");i.style.display="flex",i.style.alignItems="center",i.style.gap="8px",i.style.margin="4px 0";let o=document.createElement("div");o.style.width="14px",o.style.height="14px",o.style.border="1px solid rgba(255,255,255,0.5)";let r=document.createElement("span");r.style.fontSize="12px";let a=`${n.count.toLocaleString()}`;if("other"===e)o.style.background="#888",a=`Other • ${a}`;else if("#deface"===e)o.style.background="#deface",a=`Transparent • ${a}`;else{const[t,i,n]=e.split(",").map(Number);o.style.background=`rgb(${t},${i},${n})`;try{const o=S.rt?.[0]?.K?.get(e);if(o&&"number"==typeof o.id){const e=o?.name||`rgb(${t},${i},${n})`,r=o.premium?"★ ":"";a=`#${o.id} ${r}${e} • ${a}`}}catch(t){}}r.textContent=a;const s=document.createElement("input");s.type="checkbox",s.checked=!!n.enabled,s.addEventListener("change",()=>{n.enabled=s.checked,$._(`${s.checked?"Enabled":"Disabled"} ${e}`);try{const t=S.rt?.[0],e=t?.H;t&&e&&S.nt?.templates?.[e]&&(S.nt.templates[e].palette=t.X,GM.setValue("bmTemplates",JSON.stringify(S.nt)))}catch(t){}}),i.appendChild(s),i.appendChild(o),i.appendChild(r),t.appendChild(i)}},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 i=document.querySelector("#color-1");if(!i)return;let n=document.querySelector("#bm-t");if(!n){n=document.createElement("button"),n.id="bm-t",n.textContent="Move ↑",n.className="btn btn-soft",n.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=i.parentNode.parentNode.parentNode.parentNode.querySelector("h2");t.parentNode?.appendChild(n)}}).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,i=t=>{throw TypeError(t)},n=(t,e,n)=>e.has(t)?i("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,n),o=(t,e,n)=>(((t,e)=>{e.has(t)||i("Cannot access private method")})(t,e),n),r=class{constructor(e,i){n(this,t),this.name=e,this.version=i,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(i={},n=()=>{}){return n(this,o(this,t,e).call(this,"div",{},i)),this}$(i={},n=()=>{}){return n(this,o(this,t,e).call(this,"p",{},i)),this}S(i={},n=()=>{}){return n(this,o(this,t,e).call(this,"small",{},i)),this}M(i={},n=()=>{}){return n(this,o(this,t,e).call(this,"img",{},i)),this}O(i,n={},r=()=>{}){return r(this,o(this,t,e).call(this,"h"+i,{},n)),this}T(i={},n=()=>{}){return n(this,o(this,t,e).call(this,"hr",{},i)),this}C(i={},n=()=>{}){return n(this,o(this,t,e).call(this,"br",{},i)),this}D(i={},n=()=>{}){const r=o(this,t,e).call(this,"label",{textContent:i.textContent??""});delete i.textContent;const a=o(this,t,e).call(this,"input",{type:"checkbox"},i);return r.insertBefore(a,r.firstChild),this.h(),n(this,r,a),this}k(i={},n=()=>{}){return n(this,o(this,t,e).call(this,"button",{},i)),this}N(i={},n=()=>{}){const r=i.title??i.textContent??"Help: No info";delete i.textContent,i.title=`Help: ${r}`;const a={textContent:"?",className:"bm-D",onclick:()=>{this.B(this.i,r)}};return n(this,o(this,t,e).call(this,"button",a,i)),this}I(i={},n=()=>{}){return n(this,o(this,t,e).call(this,"input",{},i)),this}L(i={},n=()=>{}){const r=i.textContent??"";delete i.textContent;const a=o(this,t,e).call(this,"div"),s=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;"},i);this.h();const m=o(this,t,e).call(this,"button",{textContent:r});return this.h(),this.h(),s.setAttribute("tabindex","-1"),s.setAttribute("aria-hidden","true"),m.addEventListener("click",()=>{s.click()}),s.addEventListener("change",()=>{m.style.maxWidth=`${m.offsetWidth}px`,s.files.length>0?m.textContent=s.files[0].name:m.textContent=r}),n(this,a,s,m),this}G(i={},n=()=>{}){return n(this,o(this,t,e).call(this,"textarea",{},i)),this}B(t,e,i=!1){const n=document.getElementById(t.replace(/^#/,""));n&&(n instanceof HTMLInputElement?n.value=e:i?n.textContent=e:n.innerHTML=e)}W(t,e){let i,n=!1,o=0,r=null,a=0,s=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(n){const e=Math.abs(a-m),i=Math.abs(s-l);(e>.5||i>.5)&&(a=m,s=l,t.style.transform=`translate(${a}px, ${s}px)`,t.style.left="0px",t.style.top="0px",t.style.right=""),r=requestAnimationFrame(c)}};let u=null;const d=(d,h)=>{n=!0,u=t.getBoundingClientRect(),i=d-u.left,o=h-u.top;const b=window.getComputedStyle(t).transform;if(b&&"none"!==b){const t=new DOMMatrix(b);a=t.m41,s=t.m42}else a=u.left,s=u.top;m=a,l=s,document.body.style.userSelect="none",e.classList.add("dragging"),r&&cancelAnimationFrame(r),c()},h=()=>{n=!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){n&&u&&(m=t.clientX-i,l=t.clientY-o)},{passive:!0}),document.addEventListener("touchmove",function(t){if(n&&u){const e=t?.touches?.[0];if(!e)return;m=e.clientX-i,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 a(...t){(0,console.error)(...t)}function s(t,e){if(0===t)return e[0];let i="";const n=e.length;for(;t>0;)i=e[t%n]+i,t=Math.floor(t/n);return i}function m(t){let e="";for(let i=0;i"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);const c="other";this.Y.add(c),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){}try{this.K.set(c,{id:"other",premium:!1,name:"Other"})}catch(t){}}async Z(){const t=await createImageBitmap(this.file),e=t.width,i=t.height,n=e*i;this.J=n;try{const n=new OffscreenCanvas(e,i).getContext("2d",{tt:!0});n.imageSmoothingEnabled=!1,n.clearRect(0,0,e,i),n.drawImage(t,0,0);const o=n.getImageData(0,0,e,i).data;let r=0,a=0;const s=new Map;for(let t=0;t0){for(const t in e){const i=t,n=e[t];if(e.hasOwnProperty(t)){const t=i.split(" "),o=Number(t?.[0]),r=t?.[1]||"0",a=n.name||`Template ${o||""}`,s=n.tiles,m={};let c=0;const u=new Map;for(const t in s)if(s.hasOwnProperty(t)){const e=l(s[t]),i=new Blob([e],{type:"image/png"}),n=await createImageBitmap(i);m[t]=n;try{const t=n.width,e=n.height,i=new OffscreenCanvas(t,e).getContext("2d",{tt:!0});i.imageSmoothingEnabled=!1,i.clearRect(0,0,t,e),i.drawImage(n,0,0);const o=i.getImageData(0,0,t,e).data;for(let i=0;i{d.q?.add(t.split(",").slice(0,2).join(","))})}catch(t){}try{const t=e?.[i]?.palette;if(t)for(const[e,i]of Object.entries(t))d.X[e]?d.X[e].enabled=!!i?.enabled:d.X[e]={count:i?.count||0,enabled:!!i?.enabled}}catch(t){}d.H=i,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",i=t?.getAttribute("bm-B")||"",n=new Map;window.addEventListener("message",t=>{const{source:o,endpoint:r,blobID:a,blobData:s,blink:m}=t.data;if(Date.now(),"blue-marble"==o&&a&&s&&!r){const t=n.get(a);"function"==typeof t?t(s):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...`,i,"",a),n.delete(a)}});const o=window.fetch;window.fetch=async function(...t){const e=await o.apply(this,t),i=e.clone(),r=(t[0]instanceof Request?t[0]?.url:t[0])||"ignore",a=i.headers.get("content-type")||"";if(a.includes("application/json"))i.json().then(t=>{window.postMessage({source:"blue-marble",endpoint:r,jsonData:t},"*")}).catch(t=>{});else if(a.includes("image/")&&!r.includes("openfreemap")&&!r.includes("maps")){const t=Date.now(),e=await i.blob();return new Promise(o=>{const a=crypto.randomUUID();n.set(a,t=>{o(new Response(t,{headers:i.headers,status:i.status,statusText:i.statusText}))}),window.postMessage({source:"blue-marble",endpoint:r,blobID:a,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,i=!1){t.observe(this.ct,{childList:e,subtree:i})}};var $=new r(w,y),S=(new r(w,y),new class{constructor(t,e,i){n(this,c),this.name=t,this.version=e,this.o=i,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.nt=null,this.Mt=!0,this.Ot=new Map}Tt(){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.Ct),window.addEventListener("zoom",this.Dt),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,i){this.nt||(this.nt=await this.Nt()),this.o._(`Creating template at ${i.join(", ")}...`);const n=new f({displayName:e,F:0,j:s(this.gt||0,this.ft),file:t,coords:i}),{et:r,it:a}=await n.Z(this.A);n.R=r;const m=`${n.F} ${n.j}`;n.H=m,this.nt.templates[m]={name:n.displayName,coords:i.join(", "),enabled:!0,tiles:a,palette:n.X},this.rt=[],this.rt.push(n);const l=(new Intl.NumberFormat).format(n.J);this.o._(`Template created at ${i.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.nt||(this.nt=await this.Nt())}async Gt(t,e){if(!this.Mt)return t;const i=this.A*this.ot;e=e[0].toString().padStart(4,"0")+","+e[1].toString().padStart(4,"0");const n=this.rt;if(n.sort((t,e)=>t.F-e.F),!n.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=n.map(t=>{const i=Object.keys(t.R).filter(t=>t.startsWith(e));if(0===i.length)return null;const n=i.map(e=>{const i=e.split(",");return{Wt:t.R[e],Pt:[i[0],i[1]],_t:[i[2],i[3]]}});return n?.[0]}).filter(Boolean),r=o?.length||0;let a=0,s=0,m=0;const l=await createImageBitmap(t),c=new OffscreenCanvas(i,i),u=c.getContext("2d");u.imageSmoothingEnabled=!1,u.beginPath(),u.rect(0,0,i,i),u.clip(),u.clearRect(0,0,i,i),u.drawImage(l,0,0,i,i);let d=null;try{d=u.getImageData(0,0,i,i).data}catch(t){}for(const t of o){if(d)try{const e=t.Wt.width,n=t.Wt.height,o=new OffscreenCanvas(e,n).getContext("2d",{tt:!0});o.imageSmoothingEnabled=!1,o.clearRect(0,0,e,n),o.drawImage(t.Wt,0,0);const r=o.getImageData(0,0,e,n).data,l=Number(t._t[0])*this.ot,c=Number(t._t[1])*this.ot;for(let t=0;t=i||u>=i)continue;const h=4*(t*e+n),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*i+o),n=d[e],r=d[e+1],a=d[e+2],m=d[e+3],l=t.Y.has(`${n},${r},${a}`)?`${n},${r},${a}`:"other",c=!!t?.Y&&t.Y.has(l);m>=64&&c&&s++}catch(t){}continue}m++;const f=4*(u*i+o),w=d[f],y=d[f+1],v=d[f+2];d[f+3]<64||(w===b&&y===p&&v===g?a++:s++)}}catch(t){}try{const e=this.rt?.[0],i=e?.X||{};if(Object.values(i).some(t=>!1===t?.enabled)){const n=t.Wt.width,o=t.Wt.height,r=new OffscreenCanvas(n,o),a=r.getContext("2d",{tt:!0});a.imageSmoothingEnabled=!1,a.clearRect(0,0,n,o),a.drawImage(t.Wt,0,0);const s=a.getImageData(0,0,n,o),m=s.data;for(let t=0;t0){const t=e;this.Ot.set(t,{Et:a,required:m,Ft:s});let i=0,n=0,o=0;for(const t of this.Ot.values())i+=t.Et||0,n+=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:n,u=(new Intl.NumberFormat).format(i),d=(new Intl.NumberFormat).format(c),h=(new Intl.NumberFormat).format(c-i);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){n(this,h),this.At=t,this.Jt=!1,this.Ut=[],this.Vt=[]}Xt(t){window.addEventListener("message",async e=>{const i=e.data,n=i.jsonData;if(!i||"blue-marble"!==i.source)return;if(!i.endpoint)return;const o=i.endpoint?.split("?")[0].split("/").filter(t=>t&&isNaN(Number(t))).filter(t=>t&&!t.includes(".")).pop();switch(o){case"me":if(n.status&&"2"!=n.status?.toString()[0])return void t.P("You are not logged in!\nCould not fetch userdata.");const e=Math.ceil(Math.pow(Math.floor(n.level)*Math.pow(30,.65),1/.65)-n.pixelsPainted);n.id||n.id,this.At.gt=n.id,t.B("bm-u",`Username: ${function(t){const e=document.createElement("div");return e.textContent=t,e.innerHTML}(n.name)}`),t.B("bm-p",`Droplets: ${(new Intl.NumberFormat).format(n.droplets)}`),t.B("bm-i",`Next level in ${(new Intl.NumberFormat).format(e)} pixel${1==e?"":"s"}`);break;case"pixel":const o=i.endpoint.split("?")[0].split("/").filter(t=>t&&!isNaN(Number(t))),s=new URLSearchParams(i.endpoint.split("?")[1]),m=[s.get("x"),s.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,a=m,[parseInt(r[0])%4*1e3+parseInt(a[0]),parseInt(r[1])%4*1e3+parseInt(a[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 i=`(Tl X: ${o[0]}, Tl Y: ${o[1]}, Px X: ${m[0]}, Px Y: ${m[1]})`;e?e.textContent=i:(e=document.createElement("span"),e.id="bm-h",e.textContent=i,e.style="margin-left: calc(var(--spacing)*3); font-size: small;",t.parentNode.parentNode.parentNode.insertAdjacentElement("afterend",e))}break;case"tiles":let u=i.endpoint.split("/");u=[parseInt(u[u.length-2]),parseInt(u[u.length-1].replace(".png",""))];const d=i.blobID,h=i.blobData,b=await this.At.Gt(h,u);window.postMessage({source:"blue-marble",blobID:d,blobData:b,blink:i.blink});break;case"robots":this.Jt="false"==n.userscript?.toString().toLowerCase()}var r,a})}async qt(t){let e=GM_getValue("bmUserSettings","{}");if(e=JSON.parse(e),!e||!e.telemetry||!e.uuid)return;const i=navigator.userAgent;let n=await o(this,h,b).call(this,i),r=o(this,h,p).call(this,i);GM_xmlhttpRequest({method:"POST",url:"https://telemetry.thebluecorner.net/heartbeat",headers:{"Content-Type":"application/json"},data:JSON.stringify({uuid:e.uuid,version:t,browser:n,os:r}),onload:t=>{200!==t.status&&a("Failed to send heartbeat:",t.statusText)},onerror:t=>{a("Error sending heartbeat:",t)}})}}(S);$.u(M);var O=JSON.parse(GM_getValue("bmTemplates","{}"));S.jt(O);var T=JSON.parse(GM_getValue("bmUserSettings","{}"));if(0==Object.keys(T).length){const t=crypto.randomUUID();GM.setValue("bmUserSettings",JSON.stringify({uuid:t}))}if(setInterval(()=>M.qt(y),18e5),null==T?.telemetry||T?.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;"}).T().h().C().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().C().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().C().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 i=()=>{try{const t=Number(document.querySelector("#bm-v")?.value||""),e=Number(document.querySelector("#bm-w")?.value||""),i={Ht:t,Yt:e,px:Number(document.querySelector("#bm-x")?.value||""),zt:Number(document.querySelector("#bm-y")?.value||"")};GM.setValue("bmCoords",JSON.stringify(i))}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,i)=>{i.addEventListener("click",()=>{t=!t;const n=document.querySelector("#bm-A"),o=document.querySelector("#bm-j"),r=document.querySelector("#bm-z"),a=document.querySelector("#bm-k"),s=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||(n.style.width="auto",n.style.maxWidth="300px",n.style.minWidth="200px",n.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?(a&&(a.style.display="none"),s&&(s.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"}),n.style.width="60px",n.style.height="76px",n.style.maxWidth="60px",n.style.minWidth="60px",n.style.padding="8px",i.style.marginLeft="3px",o.style.textAlign="center",o.style.margin="0",o.style.marginBottom="0",r&&(r.style.display="",r.style.marginBottom="0.25em")):(a&&(a.style.display="",a.style.flexDirection="",a.style.justifyContent="",a.style.alignItems="",a.style.gap="",a.style.textAlign="",a.style.margin=""),s&&(s.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=""}),i.style.marginLeft="",n.style.padding="10px",o.style.textAlign="",o.style.margin="",o.style.marginBottom="",r&&(r.style.marginBottom="0.5em"),n.style.width="",n.style.height=""),i.alt=t?"Blue Marble Icon - Minimized (Click to maximize)":"Blue Marble Icon - Maximized (Click to minimize)"})}).h().O(1,{textContent:w}).h().h().T().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().T().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]||""),i()):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 i=(n=document,coords=[],coords.push(n.querySelector("#bm-v")),coords.push(n.querySelector("#bm-w")),coords.push(n.querySelector("#bm-x")),coords.push(n.querySelector("#bm-y")),coords);var n;for(let t=0;ti();e.addEventListener("input",n),e.addEventListener("change",n)}).h().I({type:"number",id:"bm-w",placeholder:"Tl Y",min:0,max:2047,step:1,required:!0,value:e.Yt??""},(t,e)=>{const n=()=>i();e.addEventListener("input",n),e.addEventListener("change",n)}).h().I({type:"number",id:"bm-x",placeholder:"Px X",min:0,max:2047,step:1,required:!0,value:e.px??""},(t,e)=>{const n=()=>i();e.addEventListener("input",n),e.addEventListener("change",n)}).h().I({type:"number",id:"bm-y",placeholder:"Px Y",min:0,max:2047,step:1,required:!0,value:e.zt??""},(t,e)=>{const n=()=>i();e.addEventListener("input",n),e.addEventListener("change",n)}).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"),i=document.querySelector("#bm-v");if(!i.checkValidity())return i.reportValidity(),void t.P("Coordinates are malformed! Did you try clicking on the canvas first?");const n=document.querySelector("#bm-w");if(!n.checkValidity())return n.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(i.value),Number(n.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 i=Object.entries(e.X).sort((t,e)=>e[1].count-t[1].count);for(const[e,n]of i){let i=document.createElement("div");i.style.display="flex",i.style.alignItems="center",i.style.gap="8px",i.style.margin="4px 0";let o=document.createElement("div");o.style.width="14px",o.style.height="14px",o.style.border="1px solid rgba(255,255,255,0.5)";let r=document.createElement("span");r.style.fontSize="12px";let a=`${n.count.toLocaleString()}`;if("other"===e)o.style.background="#888",a=`Other • ${a}`;else if("#deface"===e)o.style.background="#deface",a=`Transparent • ${a}`;else{const[t,i,n]=e.split(",").map(Number);o.style.background=`rgb(${t},${i},${n})`;try{const o=S.rt?.[0]?.K?.get(e);if(o&&"number"==typeof o.id){const e=o?.name||`rgb(${t},${i},${n})`,r=o.premium?"★ ":"";a=`#${o.id} ${r}${e} • ${a}`}}catch(t){}}r.textContent=a;const s=document.createElement("input");s.type="checkbox",s.checked=!!n.enabled,s.addEventListener("change",()=>{n.enabled=s.checked,$._(`${s.checked?"Enabled":"Disabled"} ${e}`);try{const t=S.rt?.[0],e=t?.H;t&&e&&S.nt?.templates?.[e]&&(S.nt.templates[e].palette=t.X,GM.setValue("bmTemplates",JSON.stringify(S.nt)))}catch(t){}}),i.appendChild(s),i.appendChild(o),i.appendChild(r),t.appendChild(i)}},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 i=document.querySelector("#color-1");if(!i)return;let n=document.querySelector("#bm-t");if(!n){n=document.createElement("button"),n.id="bm-t",n.textContent="Move ↑",n.className="btn btn-soft",n.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=i.parentNode.parentNode.parentNode.parentNode.querySelector("h2");t.parentNode?.appendChild(n)}}).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/CONTRIBUTING.md b/docs/CONTRIBUTING.md index e502aea..93b79c9 100644 --- a/docs/CONTRIBUTING.md +++ b/docs/CONTRIBUTING.md @@ -50,7 +50,7 @@

Contributing

Software License: MPL-2.0

- Thank you for wanting to contribute to the userscript "Blue Marble"! It means a lot to me that someone likes my project enough to want to help it grow. If you haven't already done so, consider joining our Discord. You can ask questions about the userscript there and receive feedback. You can also visit the official Blue Marble website for more information. + Thank you for wanting to contribute to the userscript "Blue Marble"! It means a lot to me that someone likes my project enough to want to help it grow. If you haven't already done so, consider joining our Discord. You can ask questions about the userscript there and receive feedback. You can also visit the official Blue Marble website for more information.
Note: If you are using AI, and you want to tell the AI how the codebase files are related to each-other, go to the Class diagram of relationships for Blue Marble diagram in the chart section of this file. Copy the chart, and give it to the AI.
diff --git a/docs/CREDITS.md b/docs/CREDITS.md index c7d2a11..8c83ce4 100644 --- a/docs/CREDITS.md +++ b/docs/CREDITS.md @@ -18,8 +18,12 @@ --------------------------------------------------- "Blue Marble" is made by SwingTheVine -The [Blue Marble Website](https://bluemarble.camilledaguin.fr/) is made by Camille Daguin -The favicon "Blue Marble" is owned by NASA + +The [Blue Marble Website](https://bluemarble.lol/) is made by [crqch](https://github.com/crqch). + +The [Blue Marble Website](https://bluemarble.camilledaguin.fr/) used until Aug/24/2025 was made by Camille Daguin. + +The favicon "Blue Marble" is owned by NASA. Special Thanks: * nof, [darkness](https://github.com/TouchedByDarkness) for creating similar userscripts! diff --git a/docs/README.md b/docs/README.md index b36e587..ea6b2ac 100644 --- a/docs/README.md +++ b/docs/README.md @@ -29,6 +29,9 @@   Is Blue Marble malware? + + +   Why are some pixels not showing on the overlay?   How can Blue Marble place pixels for me? @@ -47,12 +50,12 @@ Latest Release Software License: MPL-2.0 Contact Me -Blue Marble Website -WakaTime -Total Patches +Blue Marble Website +WakaTime +Total Patches Total Lines of Code Total Comments -Compression +Compression Repo Size Visitors Downloads @@ -106,7 +109,7 @@

I want to visit the website. (Click to Expand) - Click here to visit the official Blue Marble website. + Click here to visit the official Blue Marble website.

@@ -118,9 +121,11 @@
  • Displaying a simple coordinate system (tile coordinats & pixel coordinates)
  • Allowing you to move the color palette to the top of the screen when placing pixels
  • Allowing you to use the eyedropper on the template image, provided the colors are correct
    • +
  • Minimizing or maximizing the menu to switch between compact and full views
    • +
  • Filtering overlay colors by toggling individual template colors or using global enable/disable buttons
  • ...and more!
    • - If you like this userscript, please ⭐ the repository! For more information and updates, visit the Blue Marble website. If you wish to contribute to Blue Marble, check out the CONTRIBUTING.md file in docs/. + If you like this userscript, please ⭐ the repository! For more information and updates, visit the Blue Marble website. If you wish to contribute to Blue Marble, check out the CONTRIBUTING.md file in docs/. Showcase image of Blue Marble template @@ -192,7 +197,7 @@
    1. Install the TamperMonkey plugin for Firefox.
      - Click the 'Add to Firefox' button
      2. + Click the 'Add to Firefox' button
    2. One-click install: Click this link to Install Blue Marble directly: Install Blue Marble
      TamperMonkey will automatically detect the userscript and prompt you to install it.
      3. @@ -266,11 +271,22 @@

      Is Blue Marble malware?

      A: Blue Marble does not contain malicious code. The Blue Marble code can be found in the src/ folder. If you worry about Blue Marble being malware, you can read the code, then bundle it yourself using the tools in build/. +

      Why are some pixels not showing on the overlay?

      +

      A: This usually happens if the template image is not converted to the Wplace color palette. You should convert your template using a color converter for Wplace, or manually adjust the template image to match the Wplace color palette. Also check that no pixels are disabled in the filter settings of the Blue Marble menu.

      +

      How can Blue Marble place pixels for me?

      A: Unfortunately, Blue Marble will not support the automatic placement of pixels without user interaction because it is not allowed by Wplace.

      How do I hide the overlay?

      -

      A: Turn the userscript off and refresh the page.

      +

      A: You can temporarily hide the overlay by clicking the "Disable" button in the Blue Marble menu. +
      + If you want to completely remove both the overlay and the Blue Marble menu, turn off the userscript in Tampermonkey and refresh the page.

      + +

      How do I tell colors apart?

      +

      A: Find the color in the color filter list. Click the checkbox to turn the color on or off. If you want to work on only one color at a time (recommended), then click "Disable All" in the color filter. Finally, enable the checkbox next to the color you want to place. This way, only one color on your template will appear at a time.

      + +

      How do get the color of a pixel?

      +

      A: Use the eyedropper in the palette menu of wplace. If your template colors match the wplace palette, you can select the template pixel dot to get the template's color for that pixel.

      How do I tell colors apart?

      A: Find the color in the color filter list. Click the checkbox to turn the color on or off. If you want to work on only one color at a time (recommended), then click "Disable All" in the color filter. Finally, enable the checkbox next to the color you want to place. This way, only one color on your template will appear at a time.

      diff --git a/jsdoc.json b/jsdoc.json index 38b3917..c43a84f 100644 --- a/jsdoc.json +++ b/jsdoc.json @@ -3,7 +3,7 @@ "include": ["src"], "exclude": ["node_modules", "build", "dist"] }, - "homepage": "https://bluemarble.camilledaguin.fr/", + "homepage": "https://bluemarble.lol/", "opts": { "destination": "docs", "template": "node_modules/minami", diff --git a/package.json b/package.json index 79af483..873a566 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "wplace-bluemarble", "version": "0.85.0", "type": "module", - "homepage": "https://bluemarble.camilledaguin.fr/", + "homepage": "https://bluemarble.lol/", "repository": { "type": "git", "url": "https://github.com/SwingTheVine/Wplace-BlueMarble.git" diff --git a/src/BlueMarble.meta.js b/src/BlueMarble.meta.js index 8477ec7..438c5fb 100644 --- a/src/BlueMarble.meta.js +++ b/src/BlueMarble.meta.js @@ -6,8 +6,8 @@ // @author SwingTheVine // @license MPL-2.0 // @supportURL https://discord.gg/tpeBPy46hf -// @homepageURL https://bluemarble.camilledaguin.fr/ -// @icon https://raw.githubusercontent.com/SwingTheVine/Wplace-BlueMarble/051271c433a42db968a865b00f81bb979ee7d13f/dist/assets/Favicon.png +// @homepageURL https://bluemarble.lol/ +// @icon https://raw.githubusercontent.com/SwingTheVine/Wplace-BlueMarble/8d02ac9cbe8f6861248152f2b0d632a0b4a830ee/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/* diff --git a/src/main.js b/src/main.js index 52b4f08..1850587 100644 --- a/src/main.js +++ b/src/main.js @@ -629,7 +629,7 @@ function buildOverlayMain() { .addButton({'id': 'bm-button-website', 'className': 'bm-help', 'innerHTML': '🌐', 'title': 'Official Blue Marble Website'}, (instance, button) => { button.addEventListener('click', () => { - window.open('https://bluemarble.camilledaguin.fr/', '_blank', 'noopener noreferrer'); + window.open('https://bluemarble.lol/', '_blank', 'noopener noreferrer'); }); }).buildElement() .buildElement()