Skip to content

Instantly share code, notes, and snippets.

@Efreak
Last active May 9, 2023 10:09
Show Gist options
  • Save Efreak/37f63b423306f1f7b9fd71096d2293a3 to your computer and use it in GitHub Desktop.
Save Efreak/37f63b423306f1f7b9fd71096d2293a3 to your computer and use it in GitHub Desktop.
Check Stable Horde kudos on a timer. Until @db0 adds X-Fields to access-control-allow-headers, you'll have to comment out line 163
<!DOCTYPE html>
<head>
<title>API timer</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script>/* via https://github.com/center-key/pretty-print-json/blob/a7c1bda5fcd29a65894f3e68ac9ee870bb202481/src/pretty-print-json.ts */ const prettyPrintJson={toHtml(n,e){const l=Object.assign(Object.assign({},{indent:3,lineNumbers:!1,linkUrls:!0,linksNewTab:!0,quoteKeys:!1,trailingComma:!0}),e),s=(n,e)=>e?"<span class=json-"+n+">"+e+"</span>":"",t=(JSON.stringify(n,null,l.indent)||"undefined").replace(/[<>&]|\\"/g,(n=>"<"===n?"&lt;":">"===n?"&gt;":"&"===n?"&amp;":"&bsol;&quot;")).replace(/^( *)("[^"]+": )?("[^"]*"|[\w.+-]*)?([{}[\],]*)?$/gm,((n,e,t,a,i)=>{var r;const o={indent:e,key:t,value:a,end:i},u=l.quoteKeys?/(.*)(): /:/"([\w$]+)": |(.*): /,c=o.indent||"",d=o.key&&o.key.replace(u,"$1$2"),k=o.key?s("key",d)+s("mark",": "):"",m=o.value?(n=>{const e=/^"/.test(n)&&"string",t=(["true","false"].includes(n)?"boolean":"null"===n&&"null")||e||"number",a=l.linksNewTab?" target=_blank":"",i=e&&l.linkUrls?n.replace(/https?:\/\/[^\s"]+/g,(n=>`<a class=json-link href="${n}"${a}>${n}</a>`)):n;return s(t,i)})(o.value):"",g=!o.end||["]","}"].includes(n.at(-1)),p=l.trailingComma&&" "===n.at(0)&&g;return c+k+m+s("mark",p?(null!==(r=o.end)&&void 0!==r?r:"")+",":o.end)})),a=n=>` <li>${n}</li>`;return l.lineNumbers?(n=>["<ol class=json-lines>",...n.split("\n").map(a),"</ol>"].join("\n"))(t):t}};</script>
<script type="module" src="https://unpkg.com/dark-mode-toggle"></script>
<link rel="stylesheet" href="https://googlechromelabs.github.io/dark-mode-toggle/demo/slider.css">
<style>/* via https://github.com/center-key/pretty-print-json/blob/a7c1bda5fcd29a65894f3e68ac9ee870bb202481/src/pretty-print-json.prefers.css */
/* pretty-print-json ~ MIT License */
/* Layout */
.json-container { font-family: menlo, consolas, monospace; font-style: normal; font-weight: bold; line-height: 1.4em; font-size: 0.9rem; transition: background-color 400ms; }
a.json-link { text-decoration: none; border-bottom: 1px solid; outline: none; }
a.json-link:hover { background-color: transparent; outline: none; }
ol.json-lines { white-space: normal; padding-inline-start: 3em; margin: 0px; }
ol.json-lines >li { white-space: pre; text-indent: 0.7em; line-height: 1.5em; padding: 0px; }
ol.json-lines >li::marker { font-family: system-ui, sans-serif; font-weight: normal; }
.json-key, .json-string, .json-number, .json-boolean, .json-null, .json-mark, a.json-link, ol.json-lines >li { transition: all 400ms; }
.json-container { background-color: white; }
.json-key { color: brown; }
.json-string { color: olive; }
.json-number { color: navy; }
.json-boolean { color: teal; }
.json-null { color: dimgray; }
.json-mark { color: black; }
a.json-link { color: purple; }
a.json-link:visited { color: slategray; }
a.json-link:hover { color: blueviolet; }
a.json-link:active { color: slategray; }
ol.json-lines >li::marker { color: dimgray; }
ol.json-lines >li:nth-child(odd) { background-color: gainsboro; }
ol.json-lines >li:nth-child(even) { background-color: whitesmoke; }
ol.json-lines >li:hover { background-color: lemonchiffon; }
.dark .json-container { background-color: black; }
.dark .json-key { color: indianred; }
.dark .json-string { color: khaki; }
.dark .json-number { color: deepskyblue; }
.dark .json-boolean { color: mediumseagreen; }
.dark .json-null { color: darkorange; }
.dark .json-mark { color: silver; }
.dark a.json-link { color: mediumorchid; }
.dark a.json-link:visited { color: slategray; }
.dark a.json-link:hover { color: violet; }
.dark a.json-link:active { color: slategray; }
.dark ol.json-lines >li::marker { color: silver; }
.dark ol.json-lines >li:nth-child(odd) { background-color: #222222; }
.dark ol.json-lines >li:nth-child(even) { background-color: #161616; }
.dark ol.json-lines >li:hover { background-color: dimgray; }
/* mine */
body {
font-size: 20pt;
width:100%;
max-width:100%;
max-height:100%;
height:100%;
margin:0;
padding:0;
}
div, pre {
margin-top: 1.5em;
margin-bottom: 1.5em;
line-height:2em;
margin-left: auto;
margin-right: auto;
width: 35em;
display: block;
text-align: center;
}
input, label,#intval {
opacity:0.3;
font-size:20pt;
margin:0px;
padding: 0px;
border:0px;
display: inline-block;
}
input[type=password], label {
line-height:2em;
border:initial;
}
label {
width:5em;
}
input {
width:15em;
}
pre {
width:calc(35em * 1.4);
max-width: 100%;
height:calc(55em * 1.4);
text-align:left;
/*max-height:calc(100% - */
overflow:auto;
text-align:left;
overflow:auto;
}
#response {
margin-top:0px!important;
}
.dark, .dark input {
background-color: black;
color:white;
}
.dark svg {
filter: invert(100%);
}
dark-mode-toggle {
position:fixed;
top:0;
right:0;
font-size:initial;
}
#kudosdiv {
display:none;
font-size:20pt;
}
#kudos {
font-size:25pt;
}
</style>
</head>
<body onload="resetInterval">
<dark-mode-toggle appearance="toggle" mode="dark" permanent="" class="slider" remember="always"></dark-mode-toggle>
<div id="kudosdiv">You have <span id="kudos"></span> Kudos</div>
<div><label>Seconds: </label><input id="interval" type="range" min="30" max="600" step="5" value="90"><br><span id="intval">5 seconds</span></div>
<div><label>API key: </label><input id="apikey" type="password" autofocus></div>
<pre class="json-container" id="response"></pre>
<svg style="width:2em;height:auto;position:fixed;bottom:1em;right:1em;opacity:0.3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 297 215"><path d="M108.4 6a101.6 101.6 0 1 0 40 194.9 101.6 101.6 0 1 0 0-186.8 101.2 101.2 0 0 0-40-8.2zm-2 31.8a70 70 0 0 1 41 13.3 70.3 70.3 0 1 1 0 114 70.3 70.3 0 1 1-41-127.3z"/><path d="M116.8 66.2H83.4c-22.5 46.7-3.7 78.5 11.2 85 15 6.7 39.3 10.8 52.9-13.6 11.1 21 36.4 22.1 53.2 14.4 16.8-7.7 33.1-43.1 11.7-85.8h-34c11.5 26.4 11.8 62.5 0 63.5-11.7 1.1-15-2.8-13.7-44.3l-33.3-.1c2.5 40.9-5.1 48-15.4 43.5-10.2-4.5-9.8-28.1.8-62.6z"/></svg>
<script>
// shortcuts cuz im lazy
var q = function(s){
return document.querySelector(s);
};
var l=window.localStorage;
l.time=l.time||90;
var intv;
// reset timer when it's changed
var resetInterval = function(){
console.log('reset!');
l.time = q("#interval").value;
if(q("#apikey")) { l.apikey = q("#apikey").value; }
q("#intval").textContent = l.time + " seconds";
try {
clearInterval(intv);
} catch(e) {
console.log(e);
}
if (l.apikey.length > 21) {
intv = setInterval(update, l.time * 1000);
update();
}
}
// grab the user's kudos, stick it in the page title.
// also put the full response in the page
var update = async function(){
if (l.apikey.length > 21) {
const response = await fetch("https://stablehorde.net/api/v2/find_user",{headers:{
apikey:l.apikey,
"Client-Agent":"Efreak:1:APITimer"
//,"X-Fields":(l.fields||"username,id,kudos,worker_count,usage") // I'm not documenting this or adding UI for it. Set localStorage.fields to something else if you want more
}});
console.debug(response);
const jsonData = await response.json();
console.debug(jsonData);
try {
document.title = jsonData.kudos;
q('#kudos').textContent=jsonData.kudos;
if(q('#apikey')) { q('#apikey').parentNode.parentNode.removeChild(q('#apikey').parentNode); q('#kudosdiv').style.display="block";}
} catch(e) {
window.title = jsonData.message;
}
q("#response").innerHTML=prettyPrintJson.toHtml(jsonData);
}
}
if(l.apikey) {
q("#apikey").value=l.apikey;
}
if(l.interval) {
q("#interval").value=l.interval;
}
// reinitialize when settings change
q("#apikey").addEventListener("change", resetInterval);
q("#interval").addEventListener("change", resetInterval);
// https://github.com/GoogleChromeLabs/dark-mode-toggle
window.addEventListener('colorschemechange', (e) => {
document.body.classList.toggle('dark', e.target.mode === 'dark');
});
resetInterval();
q('svg').addEventListener('click',function(){
q('pre').textContent=' DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE\n Version 2, December 2004\n\n Copyright (C) 2023 Efreak2004 <nope@nope>\n\n Everyone is permitted to copy and distribute verbatim or modified\n copies of this license document, and changing it is allowed as long\n as the name is changed.\n\n DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE\n TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION\n\n 0. You just DO WHAT THE FUCK YOU WANT TO.\n\n\n';
q('pre').innerHTML+='<a href="https://gist.github.com/Efreak/37f63b423306f1f7b9fd71096d2293a3">https://gist.github.com/Efreak/37f63b423306f1f7b9fd71096d2293a3</a>';
});</script>
</body>
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
Version 2, December 2004
Copyright (C) 2023 Efreak2004 <nope@nope>
Everyone is permitted to copy and distribute verbatim or modified
copies of this license document, and changing it is allowed as long
as the name is changed.
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
0. You just DO WHAT THE FUCK YOU WANT TO.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment