Skip to content

Instantly share code, notes, and snippets.

@twnlink

twnlink/Charity.user.js

Created April 1, 2026 14:57
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save twnlink/ba5aa102037f3b4beb0e0faf7a608626 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save twnlink/ba5aa102037f3b4beb0e0faf7a608626 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Charity.user.js
// ==UserScript==
// @name Charity Overlay
// @namespace faction.place
// @description The most widely used overlay system on r/place.
// @icon https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/icon.png
// @icon64 https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/icon64.png
// @version 0.2.0
// @author Mikarific
// @match http://localhost/*
// @match http://localhost:8193/*
// @match https://reddit.com/r/place/*
// @match https://www.reddit.com/r/place/*
// @match https://new.reddit.com/r/place/*
// @match https://sh.reddit.com/r/place/*
// @match https://pxls.space/*
// @match https://rplace.live/*
// @match https://sinder.pxls.world/*
// @match https://place.zevent.fr/*
// @match https://canvas.kyubae.com/*
// @match https://tyles.place/*
// @run-at document-idle
// @connect *
// @allFrames true
// @supportURL https://discord.gg/anBdazHcrH
// @homepageURL https://discord.gg/anBdazHcrH
// @license MIT
// @require https://greasemonkey.github.io/gm4-polyfill/gm4-polyfill.js
// @require https://cdn.jsdelivr.net/npm/@violentmonkey/dom@2
// @require https://cdn.jsdelivr.net/npm/@violentmonkey/ui@0.7
// @require https://cdn.jsdelivr.net/npm/@violentmonkey/dom@2/dist/solid.min.js
// @require https://cdn.jsdelivr.net/npm/@violentmonkey/shortcut@1
// @resource mask-1-4 https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/masks/1-4.png
// @resource mask-1-3 https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/masks/1-3.png
// @resource mask-1-2 https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/masks/1-2.png
// @resource mask-2-3 https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/masks/2-3.png
// @resource mask-3-4 https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/masks/3-4.png
// @resource settings https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/icons/settings.svg
// @resource close https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/icons/close.svg
// @resource back https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/icons/back.svg
// @resource keyboard https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/icons/keyboard.svg
// @resource version https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/version.png
// @resource discord https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/icons/discord.svg
// @resource github https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/icons/github.svg
// @resource charity-logo https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/logo.png
// @resource faction-pride https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/factions/pride.gif
// @resource faction-osu https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/factions/osu.png
// @grant GM.addValueChangeListener
// @grant GM.deleteValue
// @grant GM.getResourceUrl
// @grant GM.getValue
// @grant GM.registerMenuCommand
// @grant GM.setValue
// @grant GM.xmlHttpRequest
// @grant GM_addStyle
// @grant unsafeWindow
// ==/UserScript==
(function (solidJs, web, ui, shortcut) {
'use strict';
function _interopNamespaceDefault(e) {
var n = Object.create(null);
if (e) {
Object.keys(e).forEach(function (k) {
if (k !== 'default') {
var d = Object.getOwnPropertyDescriptor(e, k);
Object.defineProperty(n, k, d.get ? d : {
enumerable: true,
get: function () { return e[k]; }
});
}
});
}
n.default = e;
return Object.freeze(n);
}
var shortcut__namespace = /*#__PURE__*/_interopNamespaceDefault(shortcut);
var css_248z = "*,:after,:before{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.charity-overlay-container{pointer-events:none!important;position:absolute!important;transform-origin:top left!important}.charity-overlay{height:100%!important;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none!important;width:100%!important}.charity-settings-icon{--un-shadow:8px 8px 0px 0px var(--un-shadow-color,rgba(0,0,0,.75))!important;--un-bg-opacity:1!important;--un-border-opacity:1!important;align-items:center!important;background-color:rgb(255 255 255/var(--un-bg-opacity))!important;border-color:rgb(0 0 0/var(--un-border-opacity))!important;border-style:solid!important;border-width:3px!important;box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)!important;box-sizing:content-box!important;display:flex!important;height:38px!important;justify-content:center!important;padding:0!important;position:relative!important;visibility:visible!important;width:38px!important}\n\n.charity-settings-icon:active,.charity-settings-icon:hover{--un-bg-opacity:1!important;background-color:rgb(255 255 255/var(--un-bg-opacity))!important}.charity-settings-icon:active{--un-scale-x:0.95!important;--un-scale-y:0.95!important;background-image:linear-gradient(rgba(0,0,0,.3) 0 0)!important;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))!important}.charity-settings-icon:hover{background-image:linear-gradient(rgba(0,0,0,.2) 0 0)!important;cursor:pointer!important}.charity-settings-icon>img{margin:0!important;padding:8px!important;width:38px!important}.charity-panel{visibility:visible!important}.charity-panel-divider{--un-border-opacity:1!important;--un-border-top-opacity:var(--un-border-opacity)!important;border-top:3px solid rgb(0 0 0/var(--un-border-top-opacity))!important;height:0!important;margin:0!important;width:100%!important}.charity-outdated-panel,.charity-welcome-panel{--un-shadow:8px 8px 0px 0px var(--un-shadow-color,rgba(0,0,0,.75))!important;--un-bg-opacity:1!important;--un-text-opacity:1!important;--un-border-opacity:1!important;border-color:rgb(0 0 0/var(--un-border-opacity))!important;border-style:solid!important;border-width:3px!important;box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)!important;box-sizing:content-box!important;color:rgb(0 0 0/var(--un-text-opacity))!important;cursor:move!important;max-width:500px!important;padding:0!important;visibility:visible!important}.charity-outdated-panel,.charity-panel-changelog,.charity-welcome-panel{background-color:rgb(255 255 255/var(--un-bg-opacity))!important;display:flex!important;flex-direction:column!important}.charity-panel-changelog{--un-bg-opacity:1!important;align-items:center!important;justify-content:center!important;padding:21px!important;z-index:50!important}.charity-panel-changelog>h3{font-size:20px!important;margin:0!important;padding:0!important;z-index:10!important}.charity-panel-changelog>h3,.charity-panel-changelog>ul{--un-text-opacity:1!important;color:rgb(0 0 0/var(--un-text-opacity))!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;font-weight:600!important;line-height:24px!important}.charity-panel-changelog>ul{font-size:18px!important;margin:10px 0 0!important;width:100%!important}.charity-settings-panel{--un-bg-opacity:1!important;--un-text-opacity:1!important;--un-border-opacity:1!important;background-color:rgb(0 0 0/var(--un-bg-opacity))!important;border-color:rgb(0 0 0/var(--un-border-opacity))!important;border-style:solid!important;border-width:3px 0 3px 3px!important;box-sizing:border-box!important;color:rgb(0 0 0/var(--un-text-opacity))!important;display:flex!important;flex-direction:column!important;height:100%!important;overflow-y:auto!important;padding:0 3px 0 0!important;position:fixed!important;right:0!important;scrollbar-width:thin!important;top:0!important;visibility:visible!important;width:100%!important}\n\n@media (min-width:640px){.charity-settings-panel{width:400px!important}}.charity-settings-container{min-height:100%!important}.charity-panel-header,.charity-settings-container{--un-bg-opacity:1!important;background-color:rgb(255 255 255/var(--un-bg-opacity))!important;display:flex!important;flex-direction:column!important}.charity-panel-header{align-items:center!important;justify-content:center!important;padding:21px!important;position:sticky!important;top:0!important;z-index:50!important}.charity-panel-header>h2{--un-text-opacity:1!important;color:rgb(0 0 0/var(--un-text-opacity))!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;font-size:24px!important;font-weight:600!important;line-height:28px!important;margin:0!important;padding:0!important;z-index:10!important}.charity-panel-header:after{--un-gradient-from-position:0%!important;--un-gradient-from:transparent var(--un-gradient-from-position)!important;--un-gradient-to:hsla(0,0%,100%,0) var(--un-gradient-to-position)!important;--un-gradient-stops:var(--un-gradient-from),var(--un-gradient-to)!important;--un-gradient-to-position:100%!important;--un-gradient-to:rgb(255 255 255/var(--un-to-opacity,1)) var(--un-gradient-to-position)!important;--un-gradient-shape:to top!important;--un-gradient:var(--un-gradient-shape),var(--un-gradient-stops)!important;background-image:linear-gradient(var(--un-gradient))!important;content:\"\"!important;height:32px!important;opacity:0!important;pointer-events:none!important;position:absolute!important;top:100%!important;width:100%!important}.charity-panel-header.charity-panel-header-fade:after{opacity:1!important}.charity-panel-body{align-items:center!important;display:flex!important;flex-direction:column!important;flex-grow:1!important;padding-left:21px!important;padding-right:21px!important}.charity-panel-text{--un-text-opacity:1!important;color:rgb(0 0 0/var(--un-text-opacity))!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;font-size:14px!important;font-weight:600!important;line-height:20px!important;margin:10px 0 0!important}.charity-panel-body-setting-header{align-items:center!important;display:flex!important;gap:8px!important;justify-content:space-between!important;margin-top:5px!important;max-width:500px!important;padding:0!important;width:100%!important}.charity-panel-body-setting-header>h2{--un-text-opacity:1!important;font-size:18px!important;line-height:24px!important;margin-bottom:8px!important;margin-top:8px!important;white-space:nowrap!important}.charity-panel-body-setting-header>h2,.charity-setting-button{color:rgb(0 0 0/var(--un-text-opacity))!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;font-weight:600!important}.charity-setting-button{--un-bg-opacity:1!important;--un-text-opacity:1!important;--un-border-opacity:1!important;--un-shadow:0 0 var(--un-shadow-color,transparent)!important;align-items:center!important;background-color:rgb(212 215 217/var(--un-bg-opacity))!important;border-color:rgb(0 0 0/var(--un-border-opacity))!important;border-radius:0!important;border-style:solid!important;border-width:3px!important;box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)!important;box-sizing:border-box!important;cursor:pointer!important;display:flex!important;font-size:14px!important;height:auto!important;line-height:20px!important;padding:9px 0 9px 13px!important;width:100%!important}\n\n.charity-setting-button:hover{background-image:linear-gradient(rgba(0,0,0,.2) 0 0)!important}.charity-setting-button:focus{outline:2px solid transparent!important;outline-offset:2px!important}\n\n.charity-setting-button:focus-visible{outline:2px solid transparent!important;outline-offset:2px!important}\n\n.charity-setting-button:hover{cursor:pointer!important}.charity-setting-button>img{height:20px!important;margin:0 8px 0 0!important;width:20px!important}.charity-setting-range{--un-shadow:0 0 var(--un-shadow-color,transparent)!important;--un-border-opacity:1!important;-webkit-appearance:none!important;appearance:none!important;border-color:rgb(0 0 0/var(--un-border-opacity))!important;border-radius:0!important;border-style:solid!important;border-width:3px!important;box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)!important;box-sizing:border-box!important;cursor:pointer!important;height:32px!important;max-width:500px!important;overflow:hidden!important;padding:0!important;width:100%!important}\n\n.charity-setting-range:focus{outline:2px solid transparent!important;outline-offset:2px!important}.charity-setting-range::-webkit-slider-runnable-track{--un-bg-opacity:1!important;background-color:rgb(212 215 217/var(--un-bg-opacity))!important}.charity-setting-range::-webkit-slider-thumb{--un-shadow:-500px 0 0 500px var(--un-shadow-color,#ff4500)!important;--un-bg-opacity:1!important;--un-outline-color-opacity:1!important;-webkit-appearance:none!important;appearance:none!important;background-color:rgb(255 255 255/var(--un-bg-opacity))!important;border-radius:0!important;border-style:none!important;box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)!important;box-sizing:border-box!important;height:32px!important;outline-color:rgb(0 0 0/var(--un-outline-color-opacity))!important;outline-style:solid!important;outline-width:3px!important;width:26px!important}.charity-setting-range::-moz-range-track{--un-bg-opacity:1!important;background-color:rgb(212 215 217/var(--un-bg-opacity))!important;height:32px!important}.charity-setting-range::-moz-range-thumb{--un-shadow:-500px 0 0 500px var(--un-shadow-color,#ff4500)!important;--un-bg-opacity:1!important;--un-outline-color-opacity:1!important;background-color:rgb(255 255 255/var(--un-bg-opacity))!important;border-radius:0!important;border-style:none!important;box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)!important;box-sizing:border-box!important;height:32px!important;outline-color:rgb(0 0 0/var(--un-outline-color-opacity))!important;outline-style:solid!important;outline-width:3px!important;width:26px!important}.charity-setting-range::-ms-fill-lower{--un-bg-opacity:1!important;background-color:rgb(255 69 0/var(--un-bg-opacity))!important}.charity-setting-range::-ms-thumb{--un-bg-opacity:1!important;--un-outline-color-opacity:1!important;background-color:rgb(255 255 255/var(--un-bg-opacity))!important;border-radius:0!important;border-style:none!important;box-sizing:border-box!important;height:32px!important;outline-color:rgb(0 0 0/var(--un-outline-color-opacity))!important;outline-style:solid!important;outline-width:3px!important;width:26px!important}.charity-setting-range::-ms-ticks-after,.charity-setting-range::-ms-ticks-before{display:none!important}.charity-setting-range::-ms-track{--un-bg-opacity:1!important;background-color:rgb(212 215 217/var(--un-bg-opacity))!important;border-style:none!important;color:transparent!important;height:32px!important}.charity-setting-range::-ms-tooltip{display:none!important}.charity-setting-toggle{--un-shadow:inset -32px 0 0 3px #d4d7d9,inset 0 0 0 3px #d4d7d9!important;--un-bg-opacity:1!important;-webkit-appearance:none!important;appearance:none!important;background-color:rgb(0 0 0/var(--un-bg-opacity))!important;border:3px solid #000!important;border-radius:0!important;box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)!important;box-sizing:border-box!important;cursor:pointer!important;height:32px!important;margin:0!important;transition-duration:.15s!important;transition-duration:.2s!important;transition-property:box-shadow!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-timing-function:cubic-bezier(0,0,.2,1)!important;width:64px!important}\n\n.charity-setting-toggle:focus{outline:2px solid transparent!important;outline-offset:2px!important}.charity-setting-toggle:checked{--un-shadow:inset 32px 0 0 3px #00cc78,inset 0 0 0 3px #00cc78!important}.charity-setting-keybind,.charity-setting-toggle:checked{box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)!important}.charity-setting-keybind{--un-bg-opacity:1!important;--un-text-opacity:1!important;--un-border-opacity:1!important;--un-shadow:0 0 var(--un-shadow-color,transparent)!important;align-items:center!important;background-color:rgb(212 215 217/var(--un-bg-opacity))!important;border-color:rgb(0 0 0/var(--un-border-opacity))!important;border-radius:0!important;border-style:solid!important;border-width:3px!important;box-sizing:border-box!important;color:rgb(0 0 0/var(--un-text-opacity))!important;cursor:pointer!important;display:flex!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;font-size:14px!important;font-weight:600!important;height:auto!important;justify-content:center!important;line-height:20px!important;min-height:44px!important;min-width:44px!important;padding:9px 13px!important;width:auto!important}\n\n.charity-setting-keybind:hover{background-image:linear-gradient(rgba(0,0,0,.2) 0 0)!important}.charity-setting-keybind:focus{outline:2px solid transparent!important;outline-offset:2px!important}.charity-setting-keybind:hover{cursor:pointer!important}.charity-panel-back{--un-border-right-opacity:var(--un-border-opacity)!important;--un-border-opacity:1!important;--un-border-bottom-opacity:var(--un-border-opacity)!important;align-items:center!important;border-bottom:3px solid rgb(0 0 0/var(--un-border-bottom-opacity))!important;border-right:3px solid rgb(0 0 0/var(--un-border-right-opacity))!important;box-sizing:content-box!important;cursor:pointer!important;display:flex!important;height:29px!important;justify-content:center!important;left:0!important;position:absolute!important;top:0!important;width:29px!important}.charity-panel-back>img{height:20px!important;margin:0!important;width:20px!important}.charity-panel-close{--un-border-left-opacity:var(--un-border-opacity)!important;--un-border-opacity:1!important;--un-border-bottom-opacity:var(--un-border-opacity)!important;align-items:center!important;border-bottom:3px solid rgb(0 0 0/var(--un-border-bottom-opacity))!important;border-left:3px solid rgb(0 0 0/var(--un-border-left-opacity))!important;box-sizing:content-box!important;cursor:pointer!important;display:flex!important;height:29px!important;justify-content:center!important;position:absolute!important;right:0!important;top:0!important;width:29px!important}.charity-panel-close>img{height:20px!important;margin:0!important;width:20px!important}.charity-panel-footer{--un-bg-opacity:1!important;--un-border-opacity:1!important;--un-border-top-opacity:var(--un-border-opacity)!important;background-color:rgb(255 255 255/var(--un-bg-opacity))!important;border-top:3px solid rgb(0 0 0/var(--un-border-top-opacity))!important;bottom:0!important;box-sizing:border-box!important;left:0!important;position:sticky!important;width:100%!important}.charity-panel-footer-outdated{--un-bg-opacity:1!important;align-items:center!important;background-color:rgb(0 0 0/var(--un-bg-opacity))!important;display:flex!important;gap:3px!important}.charity-panel-footer-outdated>a,.charity-panel-footer-outdated>button{--un-text-opacity:1!important;--un-bg-opacity:1!important;background-color:rgb(255 255 255/var(--un-bg-opacity))!important;color:rgb(0 0 0/var(--un-text-opacity))!important;flex-grow:1!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;font-size:18px!important;font-weight:600!important;height:56px!important;line-height:24px!important;margin:0!important;padding:16px!important;text-align:center!important;text-decoration:none!important;vertical-align:bottom!important}\n\n.charity-panel-footer-outdated>a:hover,.charity-panel-footer-outdated>button:hover{--un-bg-opacity:1!important;background-color:rgb(255 255 255/var(--un-bg-opacity))!important;background-image:linear-gradient(rgba(0,0,0,.2) 0 0)!important;cursor:pointer!important}.charity-panel-footer-branding{--un-bg-opacity:1!important;--un-border-opacity:1!important;--un-border-top-opacity:var(--un-border-opacity)!important;align-items:center!important;background-color:rgb(255 153 170/var(--un-bg-opacity))!important;border-top:3px solid rgb(0 0 0/var(--un-border-top-opacity))!important;box-sizing:border-box!important;display:flex!important}.charity-panel-footer-branding>div{align-items:flex-end!important;display:flex!important;flex-grow:1!important;gap:16px!important;justify-content:center!important}.charity-panel-footer-branding>div>img{height:32px!important;margin:0!important;padding:0!important;vertical-align:bottom!important}.charity-panel-footer-branding>div>canvas,.charity-panel-footer-branding>div>img{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none!important}.charity-panel-footer-branding>div>canvas{height:16px!important}.charity-panel-footer-branding>a>img{--un-bg-opacity:1!important;--un-text-opacity:1!important;--un-border-opacity:1!important;--un-border-left-opacity:var(--un-border-opacity)!important;background-color:rgb(255 255 255/var(--un-bg-opacity))!important;border-left:3px solid rgb(0 0 0/var(--un-border-left-opacity))!important;box-sizing:content-box!important;color:rgb(0 0 0/var(--un-text-opacity))!important;height:24px!important;margin:0!important;padding:16px!important;vertical-align:bottom!important}\n\n.charity-panel-footer-branding>a>img:hover{--un-bg-opacity:1!important;background-color:rgb(255 255 255/var(--un-bg-opacity))!important;background-image:linear-gradient(rgba(0,0,0,.2) 0 0)!important;cursor:pointer!important}.charity-panel-footer-credits{display:flex!important;flex-direction:column!important;padding:16px!important;text-align:center!important;white-space:nowrap!important}.charity-panel-footer-credits>span{--un-text-opacity:1!important;color:rgb(0 0 0/var(--un-text-opacity))!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;font-size:18px!important;font-weight:600!important;line-height:24px!important}.charity-panel-footer-credits>ul{align-self:center!important;margin:0!important;padding:0!important;text-align:left!important}.charity-panel-footer-credits>ul>li{height:24px!important;list-style-position:inside!important;list-style-type:square!important}.charity-panel-footer-credits>ul>li>span{--un-text-opacity:1!important;color:rgb(0 0 0/var(--un-text-opacity))!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;font-size:18px!important;font-weight:600!important;line-height:24px!important;text-decoration:none!important}\n\n.charity-panel-footer-credits>ul>li>span:hover{text-decoration:none!important}.charity-panel-footer-credits>ul>li>a{--un-text-opacity:1!important;color:rgb(0 0 0/var(--un-text-opacity))!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;font-size:18px!important;font-weight:600!important;height:32px!important;line-height:24px!important;margin:0!important;text-decoration:none!important;vertical-align:middle!important}\n\n.charity-panel-footer-credits>ul>li>a:hover{text-decoration:none!important}.charity-panel-footer-credits>ul>li>a>span{--un-text-opacity:1!important;color:rgb(0 0 0/var(--un-text-opacity))!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;font-size:18px!important;font-weight:600!important;line-height:24px!important;text-decoration-line:underline!important}.charity-panel-footer-credits>ul>li>a>img{height:32px!important;margin:0!important;vertical-align:middle!important}.charity-contact-info{pointer-events:none!important;position:absolute!important;z-index:50!important}.charity-contact-panel{--un-shadow:8px 8px 0px 0px var(--un-shadow-color,rgba(0,0,0,.75))!important;--un-bg-opacity:1!important;--un-text-opacity:1!important;--un-border-opacity:1!important;background-color:rgb(255 255 255/var(--un-bg-opacity))!important;border-color:rgb(0 0 0/var(--un-border-opacity))!important;border-style:solid!important;border-width:3px!important;box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)!important;box-sizing:content-box!important;color:rgb(0 0 0/var(--un-text-opacity))!important;display:flex!important;flex-direction:column!important;padding:16px!important;visibility:visible!important}.charity-contact-panel-line{color:rgb(0 0 0/var(--un-text-opacity))!important;font-size:18px!important;line-height:24px!important}.charity-contact-panel-line,.charity-contact-panel-subtext{--un-text-opacity:1!important;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;font-weight:600!important;margin:0!important;padding:0!important;white-space:nowrap!important}.charity-contact-panel-subtext{color:rgb(107 114 128/var(--un-text-opacity))!important;font-size:14px!important;line-height:20px!important;text-align:center!important;top:5px!important}";
const mask14 = GM.info.scriptHandler !== 'FireMonkey' ? GM.getResourceUrl('mask-1-4') : Promise.resolve('https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/masks/1-4.png');
const mask13 = GM.info.scriptHandler !== 'FireMonkey' ? GM.getResourceUrl('mask-1-3') : Promise.resolve('https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/masks/1-3.png');
const mask12 = GM.info.scriptHandler !== 'FireMonkey' ? GM.getResourceUrl('mask-1-2') : Promise.resolve('https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/masks/1-2.png');
const mask23 = GM.info.scriptHandler !== 'FireMonkey' ? GM.getResourceUrl('mask-2-3') : Promise.resolve('https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/masks/2-3.png');
const mask34 = GM.info.scriptHandler !== 'FireMonkey' ? GM.getResourceUrl('mask-3-4') : Promise.resolve('https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/masks/3-4.png');
const settings = GM.info.scriptHandler !== 'FireMonkey' ? GM.getResourceUrl('settings') : Promise.resolve('https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/icons/settings.svg');
const close = GM.info.scriptHandler !== 'FireMonkey' ? GM.getResourceUrl('close') : Promise.resolve('https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/icons/close.svg');
const back = GM.info.scriptHandler !== 'FireMonkey' ? GM.getResourceUrl('back') : Promise.resolve('https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/icons/back.svg');
const version = GM.info.scriptHandler !== 'FireMonkey' ? GM.getResourceUrl('version') : Promise.resolve('https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/version.png');
const keyboard = GM.info.scriptHandler !== 'FireMonkey' ? GM.getResourceUrl('keyboard') : Promise.resolve('https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/icons/keyboard.svg');
const discord = GM.info.scriptHandler !== 'FireMonkey' ? GM.getResourceUrl('discord') : Promise.resolve('https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/icons/discord.svg');
const github = GM.info.scriptHandler !== 'FireMonkey' ? GM.getResourceUrl('github') : Promise.resolve('https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/icons/github.svg');
const charityLogo = GM.info.scriptHandler !== 'FireMonkey' ? GM.getResourceUrl('charity-logo') : Promise.resolve('https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/website/static/img/logo.png');
const factionPride = GM.info.scriptHandler !== 'FireMonkey' ? GM.getResourceUrl('faction-pride') : Promise.resolve('https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/factions/pride.gif');
const factionOsu = GM.info.scriptHandler !== 'FireMonkey' ? GM.getResourceUrl('faction-osu') : Promise.resolve('https://raw.githubusercontent.com/PlaceCharity/Charity/main/app/userscript/assets/factions/osu.png');
function _extends() {
return _extends = Object.assign ? Object.assign.bind() : function (n) {
for (var e = 1; e < arguments.length; e++) {
var t = arguments[e];
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
}
return n;
}, _extends.apply(null, arguments);
}
function asyncAddStyleSupport() {
return typeof GM.addStyle !== 'undefined';
}
function valueChangeListenerSupport() {
return typeof GM.addValueChangeListener !== 'undefined';
}
function menuCommandSupport() {
return typeof GM.registerMenuCommand !== 'undefined';
}
function windowIsEmbedded() {
return window.top !== window.self;
}
async function sleep(ms) {
await new Promise(resolve => setTimeout(resolve, ms));
}
function negativeSafeModulo(a, b) {
return (a % b + b) % b;
}
function findJSONTemplateInParams(urlString) {
const urlSearchParams = new URLSearchParams(urlString);
return urlSearchParams.get('charity');
}
function findJSONTemplateInURL(url) {
return findJSONTemplateInParams(url.hash.substring(1)) || findJSONTemplateInParams(url.search.substring(1));
}
function findElementOfType(element, type) {
const rv = [];
if (element instanceof type) {
rv.push(element);
}
// find in Shadow DOM elements
if (element instanceof HTMLElement && element.shadowRoot) {
rv.push(...findElementOfType(element.shadowRoot, type));
}
// find in children
for (let c = 0; c < element.children.length; c++) {
rv.push(...findElementOfType(element.children[c], type));
}
return rv;
}
function isValidURL(url) {
try {
new URL(url);
return true;
} catch (err) {
return false;
}
}
function getUniqueString(string) {
if (!isValidURL(string)) return null;
const url = new URL(string);
return `${url.origin}${url.pathname}`;
}
function getCacheBustString() {
return Math.floor(Date.now() / 1000 * 60 * 2).toString(36);
}
function fetch(details) {
return new Promise((resolve, reject) => {
GM.xmlHttpRequest(_extends({}, details, {
onload: response => resolve(response),
onerror: err => reject(err),
timeout: 10000
}));
});
}
let jsonTemplate;
const alreadyLoaded = [];
const templateCache = new Map();
const templateTree = new Map();
async function findTemplate() {
let sleep$1 = 0;
while (jsonTemplate === undefined) {
const scriptValue = await GM.getValue('jsonTemplate', null);
if (scriptValue === null) {
await sleep(1000 * sleep$1);
sleep$1++;
} else {
jsonTemplate = scriptValue;
break;
}
}
await GM.deleteValue('jsonTemplate');
}
async function init$5() {
await findTemplate();
templateTree.set(getUniqueString(jsonTemplate), new Map());
loadTemplateFromURL(jsonTemplate, templateTree.get(jsonTemplate));
}
async function loadTemplateFromURL(jsonTemplate, templateTree, parentName = 'Unknown') {
if (!isValidURL(jsonTemplate)) return;
const templateURL = new URL(jsonTemplate);
templateURL.searchParams.append('date', getCacheBustString());
const uniqueString = getUniqueString(jsonTemplate);
alreadyLoaded.push(uniqueString);
let json;
try {
const response = await fetch({
method: 'GET',
url: templateURL.href
});
json = JSON.parse(response.responseText);
} catch (e) {
// TODO: Failed to load toast.
return;
}
if (json) {
if (json.whitelist instanceof Array) {
for (const whitelistObject of json.whitelist) {
var _whitelistObject$name, _whitelistObject$url;
const whitelistName = (_whitelistObject$name = whitelistObject.name) != null ? _whitelistObject$name : 'Unknown';
const whitelistURL = getUniqueString((_whitelistObject$url = whitelistObject.url) != null ? _whitelistObject$url : '');
if (whitelistURL !== null) {
templateTree.set(whitelistURL, new Map());
if (!alreadyLoaded.includes(whitelistURL)) {
loadTemplateFromURL(whitelistURL, templateTree.get(whitelistURL), whitelistName);
}
}
}
}
if (json.templates instanceof Array) {
for (let i = 0; i < json.templates.length; i++) {
var _json$templates$i$sou, _json$faction, _json$contact, _json$templates$i$nam, _json$templates$i$sou2, _json$templates$i$fra, _json$templates$i$fra2, _json$templates$i$fra3, _ref, _ref2, _json$templates$i$sec, _ref3, _json$templates$i$sta, _json$templates$i$loo, _json$templates$i$fra4;
if (typeof json.templates[i].x !== 'number') return;
if (typeof json.templates[i].y !== 'number') return;
const bitmap = await getImageFromTemplateSources((_json$templates$i$sou = json.templates[i].sources) != null ? _json$templates$i$sou : []);
json.templates[i] = {
faction: (_json$faction = json.faction) != null ? _json$faction : parentName,
contact: (_json$contact = json.contact) != null ? _json$contact : 'None',
name: (_json$templates$i$nam = json.templates[i].name) != null ? _json$templates$i$nam : 'Untitled',
sources: (_json$templates$i$sou2 = json.templates[i].sources) != null ? _json$templates$i$sou2 : [],
x: json.templates[i].x,
y: json.templates[i].y,
frameWidth: (_json$templates$i$fra = json.templates[i].frameWidth) != null ? _json$templates$i$fra : null,
frameHeight: (_json$templates$i$fra2 = json.templates[i].frameHeight) != null ? _json$templates$i$fra2 : null,
frameCount: (_json$templates$i$fra3 = json.templates[i].frameCount) != null ? _json$templates$i$fra3 : 1,
secondsPerFrame: (_ref = (_ref2 = (_json$templates$i$sec = json.templates[i].secondsPerFrame) != null ? _json$templates$i$sec : json.templates[i].frameRate) != null ? _ref2 : json.templates[i].frameSpeed) != null ? _ref : Infinity,
startTimestamp: (_ref3 = (_json$templates$i$sta = json.templates[i].startTimestamp) != null ? _json$templates$i$sta : json.templates[i].startTime) != null ? _ref3 : 0,
looping: (_json$templates$i$loo = json.templates[i].looping) != null ? _json$templates$i$loo : ((_json$templates$i$fra4 = json.templates[i].frameCount) != null ? _json$templates$i$fra4 : 1) > 1,
currentFrame: -1,
bitmap: bitmap,
image: getImageDataFromBitmap(bitmap)
};
}
templateCache.set(uniqueString, json);
}
}
}
async function getImageFromTemplateSources(sources) {
const requests = sources.sort(() => 0.5 - Math.random()).slice(0, 3).map(t => fetch({
method: 'HEAD',
url: t,
responseType: 'blob'
}));
return await getImageFromTemplateSource(requests);
}
async function getImageFromTemplateSource(requests) {
const headResponse = Promise.any(requests);
requests.splice(requests.indexOf(headResponse));
const headResponseHeaders = Object.fromEntries((await headResponse).responseHeaders.split('\n').map(l => [l.slice(0, l.indexOf(':')).trim().toLowerCase(), l.slice(l.indexOf(':') + 1).trim()]));
if (parseInt(headResponseHeaders['content-length']) > 100000000) return getImageFromTemplateSource(requests);
if (!headResponseHeaders['content-type'].startsWith('image')) return getImageFromTemplateSource(requests);
const response = await fetch({
method: 'GET',
url: (await headResponse).finalUrl,
responseType: 'blob'
});
if (!(response.response instanceof Blob)) return getImageFromTemplateSource(requests);
if (!response.response.type.startsWith('image')) return getImageFromTemplateSource(requests);
return createImageBitmap(response.response);
}
function getImageDataFromBitmap(imageBitmap) {
const templateCanvas = document.createElement('canvas');
templateCanvas.width = imageBitmap.width;
templateCanvas.height = imageBitmap.height;
const templateCtx = templateCanvas.getContext('2d');
templateCtx.drawImage(imageBitmap, 0, 0);
return templateCtx.getImageData(0, 0, templateCanvas.width, templateCanvas.height);
}
function getInitialTraverseQueue() {
if (!jsonTemplate) return [];
const jsonTemplateTree = templateTree.get(getUniqueString(jsonTemplate));
if (!jsonTemplateTree) return [];
return [{
url: getUniqueString(jsonTemplate),
tree: templateTree.get(getUniqueString(jsonTemplate))
}];
}
function getTemplateCache() {
return templateCache;
}
const canvasContainer = document.createElement('div');
let canvasElements = [];
let selectedCanvas;
const canvasObserver = new MutationObserver(updateOverlayStyles);
const canvas = document.createElement('canvas');
let ctx;
let canvasBounds;
let scaleFactor;
canvasContainer.classList.add('charity-overlay-container');
canvas.classList.add('charity-overlay');
async function findCanvases() {
while (document.readyState !== 'complete') {
await sleep(1000);
}
let sleep$1 = 0;
while (canvasElements.length === 0) {
if ((await GM.getValue('canvasFound', false)) && !windowIsEmbedded()) return;
await sleep(1000 * sleep$1);
sleep$1++;
canvasElements = findElementOfType(document.documentElement, HTMLCanvasElement);
}
GM.setValue('canvasFound', true);
}
function selectBestCanvas(canvasElements) {
if (canvasElements.length === 0) return null;
selectedCanvas = canvasElements[0];
let selectionChanged = false;
let selectedBounds = selectedCanvas.getBoundingClientRect();
for (let i = 0; i < canvasElements.length; i++) {
const canvas = canvasElements[i];
const attemptBounds = canvas.getBoundingClientRect();
const selectedArea = selectedBounds.width * selectedBounds.height;
const attemptArea = attemptBounds.width * attemptBounds.height;
if (attemptArea > selectedArea || i === 0) {
selectedCanvas = canvas;
selectedBounds = attemptBounds;
selectionChanged = true;
}
}
if (selectionChanged) {
canvasObserver.disconnect();
canvasObserver.observe(selectedCanvas, {
attributes: true
});
}
updateOverlayStyles();
}
function updateOverlayStyles() {
const computedStyle = getComputedStyle(selectedCanvas);
const selectedBounds = selectedCanvas.getBoundingClientRect();
canvasContainer.style.width = `${selectedCanvas.width}px`;
canvasContainer.style.height = `${selectedCanvas.height}px`;
canvasContainer.style.left = computedStyle.left === 'auto' || computedStyle.left === '0px' ? '0px' : `${selectedBounds.x}px`;
canvasContainer.style.top = computedStyle.top === 'auto' || computedStyle.top === '0px' ? '0px' : `${selectedBounds.y}px`;
canvasContainer.style.zIndex = computedStyle.zIndex;
canvasContainer.style.transform = computedStyle.transform === 'none' ? 'none' : `scale(${selectedBounds.width / selectedCanvas.width})`;
}
async function updateOverlayCanvas(dotSize = 2) {
if (!selectedCanvas) return;
canvas.width = selectedCanvas.width;
canvas.height = selectedCanvas.height;
ctx = canvas.getContext('2d');
const dotSizes = [0, await mask14, await mask13, await mask12, await mask23, await mask34, 1];
if (dotSizes[dotSize] === 0) {
canvas.style.maskImage = '';
canvas.style.display = 'none';
} else if (dotSizes[dotSize] === 1) {
canvas.style.maskImage = '';
canvas.style.display = '';
} else {
canvas.style.maskImage = `url(${dotSizes[dotSize]})`;
canvas.style.maskSize = `1px 1px`;
canvas.style.display = '';
}
canvasContainer.appendChild(canvas);
}
async function init$4() {
await findCanvases();
if (canvasElements === undefined) return;
selectBestCanvas(canvasElements);
if (selectedCanvas === undefined) return;
console.log('Found Canvas:');
console.log(selectedCanvas);
selectedCanvas.parentElement.appendChild(canvasContainer);
const style = document.createElement('style');
style.setAttribute('type', 'text/css');
style.textContent = css_248z;
selectedCanvas.parentElement.appendChild(style);
updateOverlayCanvas();
draw();
}
function draw() {
canvas.width = selectedCanvas.width;
canvas.height = selectedCanvas.height;
canvasBounds = canvas.getBoundingClientRect();
scaleFactor = canvasBounds.width / canvas.width;
const left = Math.floor(canvasBounds.x * -1 / scaleFactor) - 5;
const top = Math.floor(canvasBounds.y * -1 / scaleFactor) - 5;
const right = canvas.width - (left + Math.ceil(window.innerWidth / scaleFactor) + 10);
const bottom = canvas.height - (top + Math.ceil(window.innerHeight / scaleFactor) + 10);
canvas.style.clipPath = `inset(${top}px ${right}px ${bottom}px ${left}px)`;
ctx.reset();
ctx.globalCompositeOperation = 'destination-over';
const currentSeconds = Date.now() / 1000;
const seenList = new Set();
const traverseQueue = getInitialTraverseQueue();
while (traverseQueue.length > 0) {
traverseQueue[0].tree.forEach((value, key) => {
if (!seenList.has(key)) {
traverseQueue.push({
url: key,
tree: value
});
} else {
traverseQueue[0].tree.delete(key);
}
});
if (!seenList.has(traverseQueue[0].url) && getTemplateCache().has(traverseQueue[0].url)) {
const templateJson = getTemplateCache().get(traverseQueue[0].url);
if (templateJson && templateJson.templates) {
for (const template of templateJson.templates) {
try {
drawTemplate(template, currentSeconds);
updateContactInfo(template, currentSeconds);
} catch (e) {
console.error(e);
}
}
}
}
seenList.add(traverseQueue.shift().url);
}
resetContactInfo();
previousX = currentX;
previousY = currentY;
currentContactInfoTemplate = null;
requestAnimationFrame(draw);
}
function getCurrentFrameIndex(template, currentSeconds) {
if (!template.looping && template.startTimestamp + template.frameCount * template.secondsPerFrame < currentSeconds) return template.frameCount - 1;
return negativeSafeModulo(Math.floor((currentSeconds - template.startTimestamp) / template.secondsPerFrame), template.frameCount);
}
function drawTemplate(template, currentSeconds) {
var _ref, _ref2, _ref3, _template$frameWidth, _template$frameHeight, _template$frameWidth2, _template$frameHeight2;
if (!template.looping && currentSeconds > template.startTimestamp + template.secondsPerFrame * template.frameCount) return;
if (!template.image) return;
const frameIndex = getCurrentFrameIndex(template, currentSeconds);
if (template.image.width === 0 || template.image.height === 0) return;
const gridWidth = Math.round((_ref = template.image.width / template.frameWidth) != null ? _ref : template.image.width);
const gridX = frameIndex % gridWidth;
const gridY = Math.floor(frameIndex / gridWidth);
ctx.drawImage(template.bitmap, (_ref2 = gridX * template.frameWidth) != null ? _ref2 : template.image.width, (_ref3 = gridY * template.frameHeight) != null ? _ref3 : template.image.height, (_template$frameWidth = template.frameWidth) != null ? _template$frameWidth : template.image.width, (_template$frameHeight = template.frameHeight) != null ? _template$frameHeight : template.image.height, template.x, template.y, (_template$frameWidth2 = template.frameWidth) != null ? _template$frameWidth2 : template.image.width, (_template$frameHeight2 = template.frameHeight) != null ? _template$frameHeight2 : template.image.height);
template.currentFrame = frameIndex;
}
let currentX = -1;
let currentY = -1;
let previousX = -1;
let previousY = -1;
async function updateContactPosition(e) {
if (!(await GM.getValue('contactInfo', false))) return;
const x = Math.floor((e.clientX - canvasBounds.x) / scaleFactor);
const y = Math.floor((e.clientY - canvasBounds.y) / scaleFactor);
if (currentX === x && currentY === y) return;
currentX = x;
currentY = y;
}
let currentContactInfoTemplate = null;
const [faction$1, setFaction] = solidJs.createSignal('');
const [contact$1, setContact] = solidJs.createSignal('');
const [templateName$1, setTemplateName] = solidJs.createSignal('');
const [contactVisible, setContactVisible] = solidJs.createSignal(false);
async function updateContactInfo(template, currentSeconds) {
var _template$frameWidth3, _template$frameHeight3, _ref4;
if (currentX === previousX && currentY === previousY) return;
if (currentContactInfoTemplate !== null) return;
const x1 = template.x;
const y1 = template.y;
const x2 = x1 + ((_template$frameWidth3 = template.frameWidth) != null ? _template$frameWidth3 : template.image.width);
const y2 = y1 + ((_template$frameHeight3 = template.frameHeight) != null ? _template$frameHeight3 : template.image.height);
if (currentX < x1) return;
if (currentY < y1) return;
if (currentX >= x2) return;
if (currentY >= y2) return;
const frameIndex = getCurrentFrameIndex(template, currentSeconds);
if (template.image.width === 0 || template.image.height === 0) return;
const gridWidth = Math.round((_ref4 = template.image.width / template.frameWidth) != null ? _ref4 : template.image.width);
const x = frameIndex % gridWidth * template.frameWidth + (currentX - x1);
const y = Math.floor(frameIndex / gridWidth) * template.frameHeight + (currentY - y1);
const alpha = template.image.data[y * (template.image.width * 4) + x * 4 + 3];
if (alpha <= 127) return;
currentContactInfoTemplate = template;
setFaction(currentContactInfoTemplate.faction);
setContact(currentContactInfoTemplate.contact);
setTemplateName(currentContactInfoTemplate.name);
setContactVisible(true);
}
function resetContactInfo() {
if (currentX === previousX && currentY === previousY) return;
if (currentContactInfoTemplate !== null) return;
setContactVisible(false);
}
function hideOverlay() {
canvas.style.opacity = '0%';
}
function showOverlay() {
canvas.style.opacity = '';
}
var _tmpl$$3 = /*#__PURE__*/web.template(`<div class=charity-panel-body><div class=charity-panel-body-setting-header><h2>Show Overlay</h2><button class=charity-setting-keybind></button></div><div class=charity-panel-body-setting-header><h2>Increase Dot Size</h2><button class=charity-setting-keybind></button></div><div class=charity-panel-body-setting-header><h2>Decrease Dot Size</h2><button class=charity-setting-keybind></button></div><div class=charity-panel-body-setting-header><h2>Contact Info</h2><button class=charity-setting-keybind></button></div><div class=charity-panel-body-setting-header><h2>Open Settings</h2><button class=charity-setting-keybind>`);
const [changingKeybind, setChangingKeybind] = solidJs.createSignal('');
let showOverlayKeybind;
let setShowOverlayKeybind;
let dotSizeIncreaseKeybind;
let setDotSizeIncreaseKeybind;
let dotSizeDecreaseKeybind;
let setDotSizeDecreaseKeybind;
let contactInfoKeybind;
let setContactInfoKeybind;
let openSettingsKeybind;
let setOpenSettingsKeybind;
async function init$3() {
[showOverlayKeybind, setShowOverlayKeybind] = solidJs.createSignal(await GM.getValue('showOverlayKeybind', {
display: 'V',
register: 'v'
}));
[dotSizeIncreaseKeybind, setDotSizeIncreaseKeybind] = solidJs.createSignal(await GM.getValue('dotSizeIncreaseKeybind', {
display: 'PageUp',
register: 'pageup'
}));
[dotSizeDecreaseKeybind, setDotSizeDecreaseKeybind] = solidJs.createSignal(await GM.getValue('dotSizeDecreaseKeybind', {
display: 'PageDown',
register: 'pagedown'
}));
[contactInfoKeybind, setContactInfoKeybind] = solidJs.createSignal(await GM.getValue('contactInfoKeybind', {
display: 'C',
register: 'c'
}));
[openSettingsKeybind, setOpenSettingsKeybind] = solidJs.createSignal(await GM.getValue('openSettingsKeybind', {
display: 'T',
register: 't'
}));
}
function KeybindsBody() {
return (() => {
var _el$ = _tmpl$$3(),
_el$2 = _el$.firstChild,
_el$3 = _el$2.firstChild,
_el$4 = _el$3.nextSibling,
_el$5 = _el$2.nextSibling,
_el$6 = _el$5.firstChild,
_el$7 = _el$6.nextSibling,
_el$8 = _el$5.nextSibling,
_el$9 = _el$8.firstChild,
_el$10 = _el$9.nextSibling,
_el$11 = _el$8.nextSibling,
_el$12 = _el$11.firstChild,
_el$13 = _el$12.nextSibling,
_el$14 = _el$11.nextSibling,
_el$15 = _el$14.firstChild,
_el$16 = _el$15.nextSibling;
_el$4.$$focusout = resetChangingKeybind;
_el$4.$$click = () => {
setChangingKeybind('showOverlay');
};
_el$4.$$keydown = setKeybind;
web.insert(_el$4, web.createComponent(solidJs.Show, {
get when() {
return changingKeybind() === 'showOverlay';
},
children: "..."
}), null);
web.insert(_el$4, web.createComponent(solidJs.Show, {
get when() {
return changingKeybind() !== 'showOverlay';
},
get children() {
return showOverlayKeybind().display;
}
}), null);
_el$7.$$focusout = resetChangingKeybind;
_el$7.$$click = () => {
setChangingKeybind('dotSizeIncrease');
};
_el$7.$$keydown = setKeybind;
web.insert(_el$7, web.createComponent(solidJs.Show, {
get when() {
return changingKeybind() === 'dotSizeIncrease';
},
children: "..."
}), null);
web.insert(_el$7, web.createComponent(solidJs.Show, {
get when() {
return changingKeybind() !== 'dotSizeIncrease';
},
get children() {
return dotSizeIncreaseKeybind().display;
}
}), null);
_el$10.$$focusout = resetChangingKeybind;
_el$10.$$click = () => {
setChangingKeybind('dotSizeDecrease');
};
_el$10.$$keydown = setKeybind;
web.insert(_el$10, web.createComponent(solidJs.Show, {
get when() {
return changingKeybind() === 'dotSizeDecrease';
},
children: "..."
}), null);
web.insert(_el$10, web.createComponent(solidJs.Show, {
get when() {
return changingKeybind() !== 'dotSizeDecrease';
},
get children() {
return dotSizeDecreaseKeybind().display;
}
}), null);
_el$13.$$focusout = resetChangingKeybind;
_el$13.$$click = () => {
setChangingKeybind('contactInfo');
};
_el$13.$$keydown = setKeybind;
web.insert(_el$13, web.createComponent(solidJs.Show, {
get when() {
return changingKeybind() === 'contactInfo';
},
children: "..."
}), null);
web.insert(_el$13, web.createComponent(solidJs.Show, {
get when() {
return changingKeybind() !== 'contactInfo';
},
get children() {
return contactInfoKeybind().display;
}
}), null);
_el$16.$$focusout = resetChangingKeybind;
_el$16.$$click = () => {
setChangingKeybind('openSettings');
};
_el$16.$$keydown = setKeybind;
web.insert(_el$16, web.createComponent(solidJs.Show, {
get when() {
return changingKeybind() === 'openSettings';
},
children: "..."
}), null);
web.insert(_el$16, web.createComponent(solidJs.Show, {
get when() {
return changingKeybind() !== 'openSettings';
},
get children() {
return openSettingsKeybind().display;
}
}), null);
return _el$;
})();
}
function setKeybind(e) {
if (changingKeybind() === '') return;
e.preventDefault();
if (!e.key || ['ctrl', 'control', 'shift', 'alt', 'meta', 'cmd'].includes(e.key.toLowerCase())) return;
const shortcutKey = shortcut__namespace.buildKey({
base: e.key,
modifierState: {
c: e.ctrlKey,
s: e.shiftKey,
a: e.altKey,
m: e.metaKey
},
caseSensitive: false
}).replace(/^i:/, '');
const shortcutComponents = shortcutKey.split('-');
let displayKey = '';
if (shortcutComponents[0] === 'm' && shortcutComponents.length > 1) {
displayKey += 'Meta + ';
shortcutComponents.shift();
}
if (shortcutComponents[0] === 'c' && shortcutComponents.length > 1) {
displayKey += 'Ctrl + ';
shortcutComponents.shift();
}
if (shortcutComponents[0] === 's' && shortcutComponents.length > 1) {
displayKey += 'Shift + ';
shortcutComponents.shift();
}
if (shortcutComponents[0] === 'a' && shortcutComponents.length > 1) {
displayKey += 'Alt + ';
shortcutComponents.shift();
}
const keyCode = e.code.replace(/^Key|Digit/, '').charAt(0).toUpperCase() + e.code.replace(/^Key|Digit/, '').slice(1);
displayKey += keyCode === '' ? e.key : keyCode;
if (changingKeybind() === 'showOverlay') {
if (e.key === 'Escape' && !e.ctrlKey && !e.shiftKey && !e.altKey && !e.metaKey) {
setShowOverlayKeybind({
display: 'None',
register: ''
});
GM.setValue('showOverlayKeybind', showOverlayKeybind());
} else {
setShowOverlayKeybind({
display: displayKey,
register: shortcutKey
});
GM.setValue('showOverlayKeybind', showOverlayKeybind());
}
}
if (changingKeybind() === 'dotSizeIncrease') {
if (e.key === 'Escape' && !e.ctrlKey && !e.shiftKey && !e.altKey && !e.metaKey) {
setDotSizeIncreaseKeybind({
display: 'None',
register: ''
});
GM.setValue('dotSizeIncreaseKeybind', dotSizeIncreaseKeybind());
} else {
setDotSizeIncreaseKeybind({
display: displayKey,
register: shortcutKey
});
GM.setValue('dotSizeIncreaseKeybind', dotSizeIncreaseKeybind());
}
}
if (changingKeybind() === 'dotSizeDecrease') {
if (e.key === 'Escape' && !e.ctrlKey && !e.shiftKey && !e.altKey && !e.metaKey) {
setDotSizeDecreaseKeybind({
display: 'None',
register: ''
});
GM.setValue('dotSizeDecreaseKeybind', dotSizeDecreaseKeybind());
} else {
setDotSizeDecreaseKeybind({
display: displayKey,
register: shortcutKey
});
GM.setValue('dotSizeDecreaseKeybind', dotSizeDecreaseKeybind());
}
}
if (changingKeybind() === 'contactInfo') {
if (e.key === 'Escape' && !e.ctrlKey && !e.shiftKey && !e.altKey && !e.metaKey) {
setContactInfoKeybind({
display: 'None',
register: ''
});
GM.setValue('contactInfoKeybind', contactInfoKeybind());
} else {
setContactInfoKeybind({
display: displayKey,
register: shortcutKey
});
GM.setValue('contactInfoKeybind', contactInfoKeybind());
}
}
if (changingKeybind() === 'openSettings') {
if (e.key === 'Escape' && !e.ctrlKey && !e.shiftKey && !e.altKey && !e.metaKey) {
setOpenSettingsKeybind({
display: 'None',
register: ''
});
GM.setValue('openSettingsKeybind', openSettingsKeybind());
} else {
setOpenSettingsKeybind({
display: displayKey,
register: shortcutKey
});
GM.setValue('openSettingsKeybind', openSettingsKeybind());
}
}
setChangingKeybind('');
}
function resetChangingKeybind() {
setChangingKeybind('');
}
web.delegateEvents(["keydown", "click", "focusout"]);
var _tmpl$$2 = /*#__PURE__*/web.template(`<div><p class=charity-contact-panel-line>Artwork: </p><p class=charity-contact-panel-line>Faction: </p><p class=charity-contact-panel-line>Contact: </p><p class=charity-contact-panel-subtext>(Press [<!>] to hide)`);
const contactPanel = ui.getPanel({
className: 'charity-contact-info',
shadow: false,
theme: 'dark'
});
contactPanel.body.classList.add('charity-contact-panel');
let contactPanelOpen = false;
function openContactPanel() {
if (!contactPanelOpen) {
contactPanel.show();
document.body.parentElement.appendChild(contactPanel.host);
centerContactPanel();
contactPanelOpen = true;
}
}
function closeContactPanel() {
contactPanel.hide();
contactPanelOpen = false;
}
let templateName = '';
let faction = '';
let contact = '';
solidJs.createEffect(() => {
if (templateName === templateName$1()) return;
if (faction === faction$1()) return;
if (contact === contact$1()) return;
centerContactPanel();
templateName = templateName$1();
faction = faction$1();
contact = contact$1();
});
solidJs.createEffect(() => {
if (contactVisible()) {
contactPanel.wrapper.style.display = '';
centerContactPanel();
} else {
contactPanel.wrapper.style.display = 'none';
}
});
function centerContactPanel() {
const {
width
} = contactPanel.body.getBoundingClientRect();
const x = window.innerWidth / 2 - width / 2;
contactPanel.wrapper.style.inset = `28px auto auto ${x}px`;
}
async function init$2() {
function ContactPanel() {
return (() => {
var _el$ = _tmpl$$2(),
_el$2 = _el$.firstChild;
_el$2.firstChild;
var _el$4 = _el$2.nextSibling;
_el$4.firstChild;
var _el$6 = _el$4.nextSibling;
_el$6.firstChild;
var _el$8 = _el$6.nextSibling,
_el$9 = _el$8.firstChild,
_el$11 = _el$9.nextSibling;
_el$11.nextSibling;
web.insert(_el$2, () => templateName$1(), null);
web.insert(_el$4, () => faction$1(), null);
web.insert(_el$6, () => contact$1(), null);
web.insert(_el$8, () => contactInfoKeybind().display, _el$11);
return _el$;
})();
}
web.render(ContactPanel, contactPanel.body);
document.documentElement.addEventListener('mousemove', e => {
updateContactPosition(e);
});
}
var _tmpl$$1 = /*#__PURE__*/web.template(`<img>`),
_tmpl$2$1 = /*#__PURE__*/web.template(`<div class=charity-panel-back><img>`),
_tmpl$3 = /*#__PURE__*/web.template(`<div class=charity-panel-body-setting-header><h2>Settings Icon</h2><input type=checkbox class=charity-setting-toggle>`),
_tmpl$4 = /*#__PURE__*/web.template(`<div class=charity-panel-body><button class=charity-setting-button><img>Keybinds...</button><div class=charity-panel-body-setting-header><h2>Show Overlay</h2><input type=checkbox class=charity-setting-toggle></div><div class=charity-panel-body-setting-header><h2>Dot Size</h2><h2></h2></div><input class=charity-setting-range type=range min=0 max=6 step=1><div class=charity-panel-body-setting-header><h2>Contact Info</h2><input type=checkbox class=charity-setting-toggle></div><div class=charity-panel-body-setting-header><h2>Check For Updates</h2><input type=checkbox class=charity-setting-toggle>`),
_tmpl$5 = /*#__PURE__*/web.template(`<div class=charity-settings-container><div><h2></h2><div class=charity-panel-close><img></div></div><div class=charity-panel-footer><div class=charity-panel-footer-credits><span>Made&nbsp;with&nbsp;❤️&nbsp;by</span><ul><li><span>Mikarific&nbsp;from&nbsp;</span><a href=https://pride.place/ target=_blank><img>&nbsp;<span>r/PlacePride</span></a>.</li><li><span>April&nbsp;&&nbsp;Endu&nbsp;from&nbsp;</span><a href=https://osu.place/ target=_blank><img>&nbsp;<span>r/osuplace</span></a>.</li></ul></div><div class=charity-panel-footer-branding><div><img></div><a href=https://discord.gg/anBdazHcrH target=_blank><img></a><a href=https://github.com/PlaceCharity/Charity target=_blank><img>`);
if (!windowIsEmbedded()) {
if (menuCommandSupport()) {
GM.registerMenuCommand('Open Settings', () => GM.setValue('openSettings', true));
}
}
async function init$1() {
const settingsIconResource = await settings;
const closeIconResource = await close;
const backIconResource = await back;
const keyboardIconResource = await keyboard;
const versionResource = await version;
const discordIconResource = await discord;
const githubIconResource = await github;
const charityLogoResource = await charityLogo;
const factionPrideResource = await factionPride;
const factionOsuResource = await factionOsu;
const [showOverlay$1, setShowOverlay] = solidJs.createSignal(await GM.getValue('showOverlay', true));
const [dotSize, setDotSize] = solidJs.createSignal(await GM.getValue('dotSize', 2));
const [contactInfo, setContactInfo] = solidJs.createSignal(await GM.getValue('contactInfo', false));
const [settingsIconEnabled, setSettingsIconEnabled] = solidJs.createSignal(await GM.getValue('settingsIconEnabled', true));
const [checkForUpdates, setCheckForUpdates] = solidJs.createSignal(await GM.getValue('checkForUpdates', true));
solidJs.createEffect(() => {
if (showOverlay$1()) {
showOverlay();
} else {
hideOverlay();
}
});
solidJs.createEffect(() => {
updateOverlayCanvas(dotSize());
});
solidJs.createEffect(() => {
if (contactInfo()) {
openContactPanel();
} else {
closeContactPanel();
}
});
await init$3();
if (valueChangeListenerSupport()) {
GM.addValueChangeListener('openSettings', (key, oldValue, newValue) => {
if (newValue) {
openSettings();
GM.deleteValue('openSettings');
}
});
} else {
setInterval(async () => {
if (await GM.getValue('openSettings')) {
openSettings();
GM.deleteValue('openSettings');
}
}, 500);
}
const settingsIcon = ui.getPanel({
className: 'charity-panel',
shadow: false,
theme: 'dark'
});
settingsIcon.setMovable(true);
settingsIcon.body.classList.add('charity-settings-icon');
if (settingsIconEnabled()) {
web.render(() => {
let disableClick = false;
return (() => {
var _el$ = _tmpl$$1();
_el$.$$click = () => {
if (!disableClick) openSettings();
disableClick = false;
};
_el$.$$mousemove = e => {
if (e.buttons !== 0) disableClick = true;
};
web.setAttribute(_el$, "src", settingsIconResource);
return _el$;
})();
}, settingsIcon.body);
settingsIcon.show();
settingsIcon.wrapper.style.inset = `87px auto auto ${window.innerWidth - 60}px`;
}
const settingsPanel = ui.getPanel({
className: 'charity-panel',
shadow: false,
theme: 'dark'
});
settingsPanel.body.classList.add('charity-settings-panel');
const [fadeShown, setFadeShown] = solidJs.createSignal(false);
const [keybindPanelOpen, setKeybindPanelOpen] = solidJs.createSignal(false);
let settingsPanelOpen = false;
function openSettings() {
if (!settingsPanelOpen) {
settingsIcon.hide();
settingsPanel.show();
document.body.appendChild(settingsPanel.host);
settingsPanelOpen = !settingsPanelOpen;
}
}
function closeSettings() {
settingsPanel.hide();
if (settingsIconEnabled()) settingsIcon.show();
settingsPanelOpen = false;
}
function SettingsPanel() {
const versionCanvas = document.createElement('canvas');
const versionCtx = versionCanvas.getContext('2d');
const versionImage = new Image();
versionImage.src = versionResource;
versionImage.onload = () => {
let versionWidth = 9;
const versionCharacters = [...GM.info.script.version];
for (let i = 0; i < versionCharacters.length; i++) {
if (['.'].includes(versionCharacters[i])) versionWidth += 3;
if (['1'].includes(versionCharacters[i])) versionWidth += 4;
if (['7'].includes(versionCharacters[i])) versionWidth += 7;
if (['2', '5'].includes(versionCharacters[i])) versionWidth += 8;
if (['0', '3', '4', '6', '8', '9'].includes(versionCharacters[i])) versionWidth += 9;
}
versionCanvas.width = versionWidth;
versionCanvas.height = 16;
let versionCursor = 9;
versionCtx.drawImage(versionImage, 0, 0, 9, 16, 0, 0, 9, 16);
for (let i = 0; i < versionCharacters.length; i++) {
if (versionCharacters[i] === '.') versionCtx.drawImage(versionImage, 9, 0, 3, 16, versionCursor, 0, 3, 16);
if (versionCharacters[i] === '0') versionCtx.drawImage(versionImage, 12, 0, 9, 16, versionCursor, 0, 9, 16);
if (versionCharacters[i] === '1') versionCtx.drawImage(versionImage, 21, 0, 4, 16, versionCursor, 0, 4, 16);
if (versionCharacters[i] === '2') versionCtx.drawImage(versionImage, 25, 0, 8, 16, versionCursor, 0, 8, 16);
if (versionCharacters[i] === '3') versionCtx.drawImage(versionImage, 33, 0, 9, 16, versionCursor, 0, 9, 16);
if (versionCharacters[i] === '4') versionCtx.drawImage(versionImage, 42, 0, 9, 16, versionCursor, 0, 9, 16);
if (versionCharacters[i] === '5') versionCtx.drawImage(versionImage, 51, 0, 8, 16, versionCursor, 0, 8, 16);
if (versionCharacters[i] === '6') versionCtx.drawImage(versionImage, 59, 0, 9, 16, versionCursor, 0, 9, 16);
if (versionCharacters[i] === '7') versionCtx.drawImage(versionImage, 68, 0, 7, 16, versionCursor, 0, 7, 16);
if (versionCharacters[i] === '8') versionCtx.drawImage(versionImage, 75, 0, 9, 16, versionCursor, 0, 9, 16);
if (versionCharacters[i] === '9') versionCtx.drawImage(versionImage, 84, 0, 9, 16, versionCursor, 0, 9, 16);
if (['.'].includes(versionCharacters[i])) versionCursor += 3;
if (['1'].includes(versionCharacters[i])) versionCursor += 4;
if (['7'].includes(versionCharacters[i])) versionCursor += 7;
if (['2', '5'].includes(versionCharacters[i])) versionCursor += 8;
if (['0', '3', '4', '6', '8', '9'].includes(versionCharacters[i])) versionCursor += 9;
}
};
return (() => {
var _el$2 = _tmpl$5(),
_el$3 = _el$2.firstChild,
_el$6 = _el$3.firstChild,
_el$7 = _el$6.nextSibling,
_el$8 = _el$7.firstChild,
_el$28 = _el$3.nextSibling,
_el$29 = _el$28.firstChild,
_el$30 = _el$29.firstChild,
_el$31 = _el$30.nextSibling,
_el$32 = _el$31.firstChild,
_el$33 = _el$32.firstChild,
_el$34 = _el$33.nextSibling,
_el$35 = _el$34.firstChild,
_el$36 = _el$32.nextSibling,
_el$37 = _el$36.firstChild,
_el$38 = _el$37.nextSibling,
_el$39 = _el$38.firstChild,
_el$40 = _el$29.nextSibling,
_el$41 = _el$40.firstChild,
_el$42 = _el$41.firstChild,
_el$43 = _el$41.nextSibling,
_el$44 = _el$43.firstChild,
_el$45 = _el$43.nextSibling,
_el$46 = _el$45.firstChild;
web.insert(_el$3, web.createComponent(solidJs.Show, {
get when() {
return keybindPanelOpen();
},
get children() {
var _el$4 = _tmpl$2$1(),
_el$5 = _el$4.firstChild;
_el$4.$$click = () => setKeybindPanelOpen(false);
web.setAttribute(_el$5, "src", backIconResource);
return _el$4;
}
}), _el$6);
web.insert(_el$6, () => keybindPanelOpen() ? 'Keybinds' : 'Charity Settings');
_el$7.$$click = closeSettings;
web.setAttribute(_el$8, "src", closeIconResource);
web.insert(_el$2, web.createComponent(solidJs.Show, {
get when() {
return !keybindPanelOpen();
},
get children() {
var _el$9 = _tmpl$4(),
_el$10 = _el$9.firstChild,
_el$11 = _el$10.firstChild,
_el$12 = _el$10.nextSibling,
_el$13 = _el$12.firstChild,
_el$14 = _el$13.nextSibling,
_el$15 = _el$12.nextSibling,
_el$16 = _el$15.firstChild,
_el$17 = _el$16.nextSibling,
_el$18 = _el$15.nextSibling,
_el$19 = _el$18.nextSibling,
_el$20 = _el$19.firstChild,
_el$21 = _el$20.nextSibling,
_el$25 = _el$19.nextSibling,
_el$26 = _el$25.firstChild,
_el$27 = _el$26.nextSibling;
_el$10.$$click = () => {
setKeybindPanelOpen(true);
};
web.setAttribute(_el$11, "src", keyboardIconResource);
_el$14.$$click = () => {
setShowOverlay(!showOverlay$1());
GM.setValue('showOverlay', showOverlay$1());
};
web.insert(_el$17, () => ['0', '¼', '⅓', '½', '⅔', '¾', '1'][dotSize()]);
_el$18.$$input = e => {
setDotSize(parseInt(e.target.value));
GM.setValue('dotSize', dotSize());
updateOverlayCanvas(dotSize());
};
_el$21.$$click = () => {
setContactInfo(!contactInfo());
GM.setValue('contactInfo', contactInfo());
};
web.insert(_el$9, web.createComponent(solidJs.Show, {
get when() {
return menuCommandSupport();
},
get children() {
var _el$22 = _tmpl$3(),
_el$23 = _el$22.firstChild,
_el$24 = _el$23.nextSibling;
_el$24.$$click = () => {
setSettingsIconEnabled(!settingsIconEnabled());
GM.setValue('settingsIconEnabled', settingsIconEnabled());
};
web.effect(() => _el$24.checked = settingsIconEnabled());
return _el$22;
}
}), _el$25);
_el$27.$$click = () => {
setCheckForUpdates(!checkForUpdates());
GM.setValue('checkForUpdates', checkForUpdates());
};
web.effect(() => _el$14.checked = showOverlay$1());
web.effect(() => _el$18.value = dotSize());
web.effect(() => _el$21.checked = contactInfo());
web.effect(() => _el$27.checked = checkForUpdates());
return _el$9;
}
}), _el$28);
web.insert(_el$2, web.createComponent(solidJs.Show, {
get when() {
return keybindPanelOpen();
},
get children() {
return web.createComponent(KeybindsBody, {});
}
}), _el$28);
web.setAttribute(_el$35, "src", factionPrideResource);
web.setAttribute(_el$39, "src", factionOsuResource);
web.setAttribute(_el$42, "src", charityLogoResource);
web.insert(_el$41, versionCanvas, null);
web.setAttribute(_el$44, "src", discordIconResource);
web.setAttribute(_el$46, "src", githubIconResource);
web.effect(() => web.className(_el$3, `charity-panel-header ${fadeShown() ? 'charity-panel-header-fade' : ''}`));
return _el$2;
})();
}
web.render(SettingsPanel, settingsPanel.body);
settingsPanel.body.addEventListener('scroll', () => {
if (settingsPanel.body.scrollTop === 0) setFadeShown(false);
if (settingsPanel.body.scrollTop !== 0) setFadeShown(true);
});
document.documentElement.addEventListener('keydown', e => {
if (!e.key || ['ctrl', 'control', 'shift', 'alt', 'meta', 'cmd'].includes(e.key.toLowerCase())) return;
const shortcutKey = shortcut__namespace.buildKey({
base: e.key,
modifierState: {
c: e.ctrlKey,
s: e.shiftKey,
a: e.altKey,
m: e.metaKey
},
caseSensitive: false
}).replace(/^i:/, '');
if (showOverlayKeybind().register === shortcutKey) {
setShowOverlay(!showOverlay$1());
GM.setValue('showOverlay', showOverlay$1());
e.preventDefault();
}
if (dotSizeIncreaseKeybind().register === shortcutKey) {
setDotSize(Math.min(dotSize() + 1, 6));
GM.setValue('dotSize', dotSize());
updateOverlayCanvas(dotSize());
e.preventDefault();
}
if (dotSizeDecreaseKeybind().register === shortcutKey) {
setDotSize(Math.max(dotSize() - 1, 0));
GM.setValue('dotSize', dotSize());
updateOverlayCanvas(dotSize());
e.preventDefault();
}
if (contactInfoKeybind().register === shortcutKey) {
setContactInfo(!contactInfo());
GM.setValue('contactInfo', contactInfo());
e.preventDefault();
}
if (openSettingsKeybind().register === shortcutKey) {
if (settingsPanelOpen) {
closeSettings();
} else {
openSettings();
}
e.preventDefault();
}
});
}
web.delegateEvents(["mousemove", "click", "input"]);
var _tmpl$ = /*#__PURE__*/web.template(`<div><div class=charity-panel-header><h2>Charity is out of date!</h2><div class=charity-panel-close><img></div><p class=charity-panel-text>You are on v<!>! The latest verion is v<!>!</p></div><hr class=charity-panel-divider><div class=charity-panel-changelog><h3>Latest Changelog</h3><ul></ul></div><div class=charity-panel-footer><div class=charity-panel-footer-outdated><button>Continue Anyways</button><a role=button>Update`),
_tmpl$2 = /*#__PURE__*/web.template(`<li>`);
async function init() {
const [newestVersion, setNewestVersion] = solidJs.createSignal(GM.info.script.version);
const [changelog, setChangelog] = solidJs.createSignal([]);
function semverCompare(current, latest) {
if (current.startsWith(latest + '-')) return -1;
if (latest.startsWith(current + '-')) return 1;
return current.localeCompare(latest, undefined, {
numeric: true,
sensitivity: 'case',
caseFirst: 'upper'
}) === -1;
}
const closeIconResource = await close;
const outdatedPanel = ui.getPanel({
className: 'charity-panel',
shadow: false,
theme: 'dark'
});
outdatedPanel.setMovable(true);
outdatedPanel.body.classList.add('charity-outdated-panel');
web.render(OutdatedPanel, outdatedPanel.body);
let outdatedPanelOpen = false;
function openOutdatedPanel() {
if (!outdatedPanelOpen) {
outdatedPanel.show();
document.body.appendChild(outdatedPanel.host);
outdatedPanel.wrapper.style.inset = `0px auto auto 0px`;
const {
width,
height
} = outdatedPanel.body.getBoundingClientRect();
const x = window.innerWidth / 2 - width / 2;
const y = window.innerHeight / 2 - height / 2;
outdatedPanel.wrapper.style.inset = `${y}px auto auto ${x}px`;
outdatedPanelOpen = true;
}
}
function closeOutdatedPanel() {
outdatedPanel.hide();
outdatedPanelOpen = false;
}
function OutdatedPanel() {
return (() => {
var _el$ = _tmpl$(),
_el$2 = _el$.firstChild,
_el$3 = _el$2.firstChild,
_el$4 = _el$3.nextSibling,
_el$5 = _el$4.firstChild,
_el$6 = _el$4.nextSibling,
_el$7 = _el$6.firstChild,
_el$10 = _el$7.nextSibling,
_el$8 = _el$10.nextSibling,
_el$11 = _el$8.nextSibling;
_el$11.nextSibling;
var _el$12 = _el$2.nextSibling,
_el$13 = _el$12.nextSibling,
_el$14 = _el$13.firstChild,
_el$15 = _el$14.nextSibling,
_el$16 = _el$13.nextSibling,
_el$17 = _el$16.firstChild,
_el$18 = _el$17.firstChild,
_el$19 = _el$18.nextSibling;
_el$4.$$click = closeOutdatedPanel;
web.setAttribute(_el$5, "src", closeIconResource);
web.insert(_el$6, () => GM.info.script.version, _el$10);
web.insert(_el$6, newestVersion, _el$11);
web.insert(_el$15, web.createComponent(solidJs.For, {
get each() {
return changelog();
},
children: change => (() => {
var _el$20 = _tmpl$2();
web.insert(_el$20, change);
return _el$20;
})()
}));
_el$18.$$click = () => outdatedPanel.hide();
_el$19.$$click = () => outdatedPanel.hide();
web.effect(() => {
var _GM$info$script$downl;
return web.setAttribute(_el$19, "href", (_GM$info$script$downl = GM.info.script.downloadURL) != null ? _GM$info$script$downl : 'https://github.com/PlaceCharity/Charity/releases/latest/download/CharityOverlay.user.js');
});
return _el$;
})();
}
if (await GM.getValue('checkForUpdates', true)) {
const response = await fetch({
method: 'GET',
url: 'https://api.github.com/repos/PlaceCharity/Charity/releases/latest'
});
if (response.status !== 200) return;
const responseJSON = JSON.parse(response.responseText);
const version = responseJSON['tag_name'].replace(/^userscript@/, '');
if (!semverCompare(GM.info.script.version, version)) return;
setNewestVersion(version);
const responseChangelog = responseJSON.body.trim().split('\n').map(change => change.replace(/^[0-9a-f]{7} userscript: /, ''));
setChangelog(responseChangelog);
openOutdatedPanel();
}
}
web.delegateEvents(["click"]);
if (asyncAddStyleSupport()) {
GM.addStyle(css_248z);
} else {
GM_addStyle(css_248z);
}
(async () => {
// Reset GM values from top window
if (!windowIsEmbedded()) {
var _utils$findJSONTempla;
GM.deleteValue('openSettings');
GM.deleteValue('canvasFound');
GM.setValue('jsonTemplate', (_utils$findJSONTempla = findJSONTemplateInURL(window.location)) != null ? _utils$findJSONTempla : '');
}
await init$4();
await init$5();
await init$1();
await init$2();
await init();
})();
})(VM.solid, VM.solid.web, VM, VM.shortcut);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment