More concise wording, offer a .min.js for scripts

This commit is contained in:
Thomas Lynch
2023-04-11 21:13:25 +10:00
parent 8b361f89c5
commit a6f3613b6a
7 changed files with 127 additions and 81 deletions

View File

@ -70,9 +70,9 @@ frontend http-in
acl ddos_mode_enabled base,map(/etc/haproxy/map/ddos.map) -m bool acl ddos_mode_enabled base,map(/etc/haproxy/map/ddos.map) -m bool
# serve challenge page scripts directly from haproxy # serve challenge page scripts directly from haproxy
http-request return file /etc/haproxy/js/argon2.js status 200 content-type "application/javascript; charset=utf-8" hdr "cache-control" "public, max-age=300" if { path /.basedflare/js/argon2.js } http-request return file /etc/haproxy/js/argon2.min.js status 200 content-type "application/javascript; charset=utf-8" hdr "cache-control" "public, max-age=300" if { path /.basedflare/js/argon2.min.js }
http-request return file /etc/haproxy/js/challenge.js status 200 content-type "application/javascript; charset=utf-8" hdr "cache-control" "public, max-age=300" if { path /.basedflare/js/challenge.js } http-request return file /etc/haproxy/js/challenge.min.js status 200 content-type "application/javascript; charset=utf-8" hdr "cache-control" "public, max-age=300" if { path /.basedflare/js/challenge.min.js }
http-request return file /etc/haproxy/js/worker.js status 200 content-type "application/javascript; charset=utf-8" hdr "cache-control" "public, max-age=300" if { path /.basedflare/js/worker.js } http-request return file /etc/haproxy/js/worker.min.js status 200 content-type "application/javascript; charset=utf-8" hdr "cache-control" "public, max-age=300" if { path /.basedflare/js/worker.min.js }
# acl for domains in maintenance mode to return maintenance page (after challenge page htp-request return rules, for the footerlogo) # acl for domains in maintenance mode to return maintenance page (after challenge page htp-request return rules, for the footerlogo)
acl maintenance_mode hdr(host),lower,map_str(/etc/haproxy/map/maintenance.map) -m found acl maintenance_mode hdr(host),lower,map_str(/etc/haproxy/map/maintenance.map) -m found

View File

@ -9,34 +9,42 @@ function updateElem(selector, text, color) {
} }
function insertError(str) { function insertError(str) {
const loader = document.querySelector('#loader'); const loader = document.querySelector("#loader");
const captcha = document.querySelector('#captcha'); const captcha = document.querySelector("#captcha");
console.log(loader, captcha); console.log(loader, captcha);
(captcha || loader).insertAdjacentHTML('afterend', `<p class="red">Error: ${str}</p>`); (captcha || loader).insertAdjacentHTML(
"afterend",
`<p class="red">Error: ${str}</p>`,
);
loader && loader.remove(); loader && loader.remove();
captcha && captcha.remove(); captcha && captcha.remove();
updateElem('.powstatus', ''); updateElem(".powstatus", "");
} }
function finishRedirect() { function finishRedirect() {
window.location=location.search.slice(1)+location.hash || "/"; window.location = location.search.slice(1) + location.hash || "/";
} }
function makeLoaderGreen() { function makeLoaderGreen() {
const dots = document.querySelectorAll('.b'); const dots = document.querySelectorAll(".b");
if (dots && dots.length > 0) { if (dots && dots.length > 0) {
dots.forEach(dot => dot.classList.add('green')); dots.forEach((dot) => dot.classList.add("green"));
} }
} }
const wasmSupported = (() => { const wasmSupported = (() => {
try { try {
if (typeof WebAssembly === "object" if (
&& typeof WebAssembly.instantiate === "function") { typeof WebAssembly === "object" &&
const module = new WebAssembly.Module(Uint8Array.of(0x0, 0x61, 0x73, 0x6d, 0x01, 0x00, 0x00, 0x00)); typeof WebAssembly.instantiate === "function"
if (module instanceof WebAssembly.Module) ) {
const module = new WebAssembly.Module(
Uint8Array.of(0x0, 0x61, 0x73, 0x6d, 0x01, 0x00, 0x00, 0x00),
);
if (module instanceof WebAssembly.Module) {
return new WebAssembly.Instance(module) instanceof WebAssembly.Instance; return new WebAssembly.Instance(module) instanceof WebAssembly.Instance;
} }
}
} catch (e) { } catch (e) {
console.error(e); console.error(e);
} }
@ -45,74 +53,84 @@ const wasmSupported = (() => {
function postResponse(powResponse, captchaResponse) { function postResponse(powResponse, captchaResponse) {
const body = { const body = {
'pow_response': powResponse, "pow_response": powResponse,
}; };
if (captchaResponse) { if (captchaResponse) {
body['h-captcha-response'] = captchaResponse; body["h-captcha-response"] = captchaResponse;
body['g-recaptcha-response'] = captchaResponse; body["g-recaptcha-response"] = captchaResponse;
} }
fetch('/.basedflare/bot-check', { fetch("/.basedflare/bot-check", {
method: 'POST', method: "POST",
headers: { headers: {
'Content-Type': 'application/x-www-form-urlencoded', "Content-Type": "application/x-www-form-urlencoded",
}, },
body: new URLSearchParams(body), body: new URLSearchParams(body),
redirect: 'manual', redirect: "manual",
}).then(res => { }).then((res) => {
const s = res.status; const s = res.status;
if (s >= 400 && s < 500) { if (s >= 400 && s < 500) {
return insertError('Server rejected your submission.'); return insertError("Server rejected your submission.");
} else if (s >= 500) { } else if (s >= 500) {
return insertError('Server encountered an error.'); return insertError("Server encountered an error.");
} }
window.localStorage.setItem('basedflare-redirect', Math.random()); window.localStorage.setItem("basedflare-redirect", Math.random());
finishRedirect(); finishRedirect();
}).catch(() => { }).catch(() => {
insertError('Failed to send request to server.'); insertError("Failed to send request to server.");
}); });
} }
const powFinished = new Promise(resolve => { const powFinished = new Promise((resolve) => {
let start = Date.now(); let start = Date.now();
const workers = []; const workers = [];
let finished = false; let finished = false;
const stopPow = () => { const stopPow = () => {
finished = true; finished = true;
const hasCaptcha = document.getElementById('captcha'); const hasCaptcha = document.getElementById("captcha");
if (hasCaptcha) { if (hasCaptcha) {
updateElem('.powstatus', 'Proof-of-work completed.', '#31cc31'); updateElem(".powstatus", "Waiting for captcha.", "#31cc31");
} else { } else {
updateElem('.powstatus', 'Proof-of-work completed. Submitting...', '#31cc31'); updateElem(".powstatus", "Submitting...", "#31cc31");
makeLoaderGreen(); makeLoaderGreen();
} }
workers.forEach(w => w.terminate()); workers.forEach((w) => w.terminate());
}; };
const submitPow = (answer) => { const submitPow = (answer) => {
window.localStorage.setItem('basedflare-pow-response', answer); window.localStorage.setItem("basedflare-pow-response", answer);
stopPow(); stopPow();
const dummyTime = 4000 - (Date.now()-start); const dummyTime = 3500 - (Date.now() - start);
window.setTimeout(() => { window.setTimeout(() => {
resolve({ answer }); resolve({
answer
});
}, dummyTime); }, dummyTime);
}; };
window.addEventListener('DOMContentLoaded', async () => { window.addEventListener("DOMContentLoaded", async () => {
const {
const { time, kb, pow, diff, mode } = document.querySelector('[data-pow]').dataset; time,
window.addEventListener('storage', event => { kb,
if (event.key === 'basedflare-pow-response' && !finished) { pow,
console.log('Got answer', event.newValue, 'from storage event'); diff,
mode
} =
document.querySelector("[data-pow]").dataset;
window.addEventListener("storage", (event) => {
if (event.key === "basedflare-pow-response" && !finished) {
console.log("Got answer", event.newValue, "from storage event");
stopPow(); stopPow();
resolve({ answer: event.newValue, localStorage: true }); resolve({
} else if (event.key === 'basedflare-redirect') { answer: event.newValue,
console.log('Redirecting, solved in another tab'); localStorage: true
});
} else if (event.key === "basedflare-redirect") {
console.log("Redirecting, solved in another tab");
finishRedirect(); finishRedirect();
} }
}); });
if (!wasmSupported) { if (!wasmSupported) {
return insertError('Browser does not support WebAssembly.'); return insertError("Browser does not support WebAssembly.");
} }
const powOpts = { const powOpts = {
time: time, time: time,
@ -122,47 +140,71 @@ const powFinished = new Promise(resolve => {
type: argon2 ? argon2.ArgonType.Argon2id : null, type: argon2 ? argon2.ArgonType.Argon2id : null,
mode: mode, mode: mode,
}; };
console.log('Got pow', pow, 'with difficulty', diff); console.log("Got pow", pow, "with difficulty", diff);
const eHashes = Math.pow(16, Math.floor(diff/8)) * (((diff%8)*2)||1); const eHashes = Math.pow(16, Math.floor(diff / 8)) *
const diffString = '0'.repeat(Math.floor(diff/8)); (((diff % 8) * 2) || 1);
const diffString = "0".repeat(Math.floor(diff / 8));
const [userkey, challenge] = pow.split("#"); const [userkey, challenge] = pow.split("#");
if (window.Worker) { if (window.Worker) {
const cpuThreads = window.navigator.hardwareConcurrency; const cpuThreads = window.navigator.hardwareConcurrency;
const isTor = location.hostname.endsWith('.onion'); const isTor = location.hostname.endsWith(".onion");
/* Try to use all threads on tor, because tor limits threads for anti fingerprinting but this /* Try to use all threads on tor, because tor limits threads for anti fingerprinting but this
makes it awfully slow because workerThreads will always be = 1 */ makes it awfully slow because workerThreads will always be = 1 */
const workerThreads = (isTor || cpuThreads === 2) ? cpuThreads : Math.max(Math.ceil(cpuThreads/2),cpuThreads-1); const workerThreads = (isTor || cpuThreads === 2) ?
cpuThreads :
Math.max(Math.ceil(cpuThreads / 2), cpuThreads - 1);
const messageHandler = (e) => { const messageHandler = (e) => {
if (e.data.length === 1) { if (e.data.length === 1) {
const totalHashes = e.data[0]; //assumes all worker threads are same speed const totalHashes = e.data[0]; //assumes all worker threads are same speed
const elapsedSec = Math.floor((Date.now()-start)/1000); const elapsedSec = Math.floor((Date.now() - start) / 1000);
const hps = Math.floor(totalHashes/elapsedSec); const hps = Math.floor(totalHashes / elapsedSec);
const requiredSec = Math.floor(eHashes/hps) * 1.5; //estimate 1.5x time const requiredSec = Math.floor(eHashes / hps) * 1.5; //estimate 1.5x time
const remainingSec = Math.max(0, Math.floor(requiredSec-elapsedSec)); //dont show negative time const remainingSec = Math.max(
console.log(`Proof-of-work: ${hps}H/s, ≈${remainingSec}s remaining`); 0,
return updateElem('.powstatus', `Working... ≈${remainingSec}s remaining`); Math.floor(requiredSec - elapsedSec),
); //dont show negative time
console.log(`${hps}H/s, ≈${remainingSec}s remaining`);
return updateElem(
".powstatus",
`Working, ≈${remainingSec}s remaining`,
);
} }
if (finished) { return; } if (finished) return;
const [workerId, answer] = e.data; const [workerId, answer] = e.data;
console.log('Worker', workerId, 'returned answer', answer, 'in', Date.now()-start+'ms'); console.log(
"Worker",
workerId,
"returned answer",
answer,
"in",
Date.now() - start + "ms",
);
submitPow(`${pow}#${answer}`); submitPow(`${pow}#${answer}`);
} };
for (let i = 0; i < workerThreads; i++) { for (let i = 0; i < workerThreads; i++) {
const powWorker = new Worker('/.basedflare/js/worker.js'); const powWorker = new Worker("/.basedflare/js/worker.min.js");
powWorker.onmessage = messageHandler; powWorker.onmessage = messageHandler;
workers.push(powWorker); workers.push(powWorker);
} }
start = Date.now(); start = Date.now();
for (let i = 0; i < workerThreads; i++) { for (let i = 0; i < workerThreads; i++) {
await new Promise(res => setTimeout(res, 10)); await new Promise((res) => setTimeout(res, 10));
workers[i].postMessage([userkey, challenge, diff, diffString, powOpts, i, workerThreads]); workers[i].postMessage([
userkey,
challenge,
diff,
diffString,
powOpts,
i,
workerThreads,
]);
} }
} else { } else {
return insertError('Browser does not support Web Workers.'); return insertError("Browser does not support Web Workers.");
} }
}); });
}).then((powResponse) => { }).then((powResponse) => {
const hasCaptchaForm = document.getElementById('captcha'); const hasCaptchaForm = document.getElementById("captcha");
if (!hasCaptchaForm && !powResponse.localStorage) { if (!hasCaptchaForm && !powResponse.localStorage) {
postResponse(powResponse.answer); postResponse(powResponse.answer);
} }
@ -172,14 +214,16 @@ const powFinished = new Promise(resolve => {
}); });
function onCaptchaSubmit(captchaResponse) { function onCaptchaSubmit(captchaResponse) {
const captchaElem = document.querySelector('[data-sitekey]'); const captchaElem = document.querySelector("[data-sitekey]");
// captchaElem.insertAdjacentHTML('afterend', `<div id="loader" class="loader"><div></div><div></div><div></div><div></div></div>`); // captchaElem.insertAdjacentHTML('afterend', `<div id="loader" class="loader"><div></div><div></div><div></div><div></div></div>`);
captchaElem.insertAdjacentHTML('afterend', `<div id="loader"><div class="b"></div><div class="b"></div><div class="b"></div></div>`); captchaElem.insertAdjacentHTML(
"afterend",
`<div id="loader"><div class="b"></div><div class="b"></div><div class="b"></div></div>`,
);
captchaElem.remove(); captchaElem.remove();
powFinished.then(powResponse => { powFinished.then((powResponse) => {
updateElem('.powstatus', 'Submitting...', '#31cc31'); updateElem(".powstatus", "Submitting...", "#31cc31");
makeLoaderGreen(); makeLoaderGreen();
postResponse(powResponse, captchaResponse); postResponse(powResponse, captchaResponse);
}); });
} }

1
src/js/challenge.min.js vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -8,7 +8,7 @@ async function nativeHash(data, method) {
onmessage = async function(e) { onmessage = async function(e) {
const [userkey, challenge, diff, diffString, powOpts, id, threads] = e.data; const [userkey, challenge, diff, diffString, powOpts, id, threads] = e.data;
if (powOpts.mode === "argon2") { if (powOpts.mode === "argon2") {
importScripts('/.basedflare/js/argon2.js'); importScripts('/.basedflare/js/argon2.min.js');
} }
console.log('Worker thread', id, 'started'); console.log('Worker thread', id, 'started');
let i = id; let i = id;

1
src/js/worker.min.js vendored Normal file
View File

@ -0,0 +1 @@
async function nativeHash(data,method){const buffer=new TextEncoder('utf-8').encode(data);const hashBuffer=await crypto.subtle.digest(method,buffer);const hashArray=Array.from(new Uint8Array(hashBuffer));return hashArray.map(b=>b.toString(16).padStart(2,'0')).join('')}onmessage=async function(e){const[userkey,challenge,diff,diffString,powOpts,id,threads]=e.data;if(powOpts.mode==="argon2"){importScripts('/.basedflare/js/argon2.min.js')}console.log('Worker thread',id,'started');let i=id;if(id===0){setInterval(()=>{postMessage([i])},500)}while(true){let hash;if(powOpts.mode==="argon2"){const argonHash=await argon2.hash({pass:challenge+i.toString(),salt:userkey,...powOpts});hash=argonHash.hashHex}else{hash=await nativeHash(userkey+challenge+i.toString(),'sha-256')}i%10===0&&await new Promise(res=>setTimeout(res,10));if(hash.toString().startsWith(diffString)&&((parseInt(hash[diffString.length],16)&0xff>>(((diffString.length+1)*8)-diff))===0)){console.log('Worker',id,'found solution');postMessage([id,i]);break}i+=threads}}

View File

@ -32,13 +32,13 @@ details[open]{border-left-color: #1400ff}
.b:nth-of-type(1){animation:p 3s infinite} .b:nth-of-type(1){animation:p 3s infinite}
.b:nth-of-type(2){animation:p 3s .5s infinite} .b:nth-of-type(2){animation:p 3s .5s infinite}
.b:nth-of-type(3){animation:p 3s 1s infinite} .b:nth-of-type(3){animation:p 3s 1s infinite}
@keyframes p{0%%{transform:scale(.95);box-shadow:0 0 0 0 var(--shadow1)}70%%{transform:scale(1);box-shadow:0 0 0 10px var(--shadow2)}100%%{transform:scale(.95);box-shadow:0 0 0 0 var(--shadow3)}} @keyframes p{0%%{transform:scale(.95);box-shadow:0 0 0 0 var(--shadow1)}70%%{transform:scale(1);box-shadow:0 0 0 8px var(--shadow2)}100%%{transform:scale(.95);box-shadow:0 0 0 0 var(--shadow3)}}
</style> </style>
<noscript> <noscript>
<style>.jsonly{display:none}</style> <style>.jsonly{display:none}</style>
</noscript> </noscript>
<script src="/.basedflare/js/argon2.js"></script> <script src="/.basedflare/js/argon2.min.js"></script>
<script src="/.basedflare/js/challenge.js"></script> <script src="/.basedflare/js/challenge.min.js"></script>
</head> </head>
<body data-pow="%s" data-diff="%s" data-time="%s" data-kb="%s" data-mode="%s"> <body data-pow="%s" data-diff="%s" data-time="%s" data-kb="%s" data-mode="%s">
%s %s
@ -98,14 +98,14 @@ _M.noscript_extra_sha256 = [[
_M.site_name_section = [[ _M.site_name_section = [[
<h3 class="pt"> <h3 class="pt">
<img src="/favicon.ico" width="64" height="64" alt=" "> <img src="/favicon.ico" width="64" height="64" alt=" ">
Checking your browser before accessing %s Verifying your connection to %s...
</h3> </h3>
]] ]]
-- animation while waiting -- animation while waiting
_M.pow_section = [[ _M.pow_section = [[
<p> <p>
This process is automatic. Your browser will redirect to your requested content shortly. This process is automatic, please wait a moment.
</p> </p>
<div class="jsonly"> <div class="jsonly">
<div id="loader"><div class="b"></div><div class="b"></div><div class="b"></div></div> <div id="loader"><div class="b"></div><div class="b"></div><div class="b"></div></div>