103 lines
2.9 KiB
TypeScript
103 lines
2.9 KiB
TypeScript
// Copyright © 2021 Aravinth Manivnanan <realaravinth@batsense.net>.
|
|
// SPDX-FileCopyrightText: 2023 Aravinth Manivannan <realaravinth@batsense.net>
|
|
//
|
|
// SPDX-License-Identifier: MIT OR Apache-2.0
|
|
|
|
import { Work, ServiceWorkerMessage } from "./types";
|
|
import fetchPoWConfig from "./fetchPoWConfig";
|
|
import sendWork from "./sendWork";
|
|
import sendToParent from "./sendToParent";
|
|
import * as CONST from "./const";
|
|
|
|
import "./main.scss";
|
|
|
|
let LOCK = false;
|
|
const worker = new Worker("/bench.js");
|
|
|
|
/** add mcaptcha widget element to DOM */
|
|
export const registerVerificationEventHandler = (): void => {
|
|
const verificationContainer = <HTMLElement>(
|
|
document.querySelector(".widget__verification-container")
|
|
);
|
|
verificationContainer.style.display = "flex";
|
|
CONST.btn().addEventListener("click", (e) => solveCaptchaRunner(e));
|
|
};
|
|
|
|
export const solveCaptchaRunner = async (e: Event): Promise<void> => {
|
|
const PROGRESS_FILL = <HTMLElement>document.querySelector(".progress__fill");
|
|
let width = 0;
|
|
|
|
if (LOCK) {
|
|
e.preventDefault();
|
|
return;
|
|
}
|
|
|
|
try {
|
|
LOCK = true;
|
|
if (CONST.btn().checked == false) {
|
|
width = 0;
|
|
PROGRESS_FILL.style.width = `${width}%`;
|
|
CONST.messageText().before();
|
|
LOCK = false;
|
|
return;
|
|
}
|
|
e.preventDefault();
|
|
// steps:
|
|
|
|
// 1. show during
|
|
CONST.messageText().during();
|
|
// 1. get config
|
|
const config = await fetchPoWConfig();
|
|
const max_recorded_nonce = config.max_recorded_nonce;
|
|
// 2. prove work
|
|
worker.postMessage(config);
|
|
|
|
worker.onmessage = async (event: MessageEvent) => {
|
|
const resp: ServiceWorkerMessage = event.data;
|
|
|
|
if (resp.type === "work") {
|
|
width = 80;
|
|
PROGRESS_FILL.style.width = `${width}%`;
|
|
console.log(
|
|
`Proof generated. Difficuly: ${config.difficulty_factor} Duration: ${resp.value.work.time}`
|
|
);
|
|
|
|
const proof: Work = {
|
|
key: CONST.sitekey(),
|
|
string: config.string,
|
|
nonce: resp.value.work.nonce,
|
|
result: resp.value.work.result,
|
|
time: Math.trunc(resp.value.work.time),
|
|
worker_type: resp.value.work.worker_type,
|
|
};
|
|
|
|
width = 90;
|
|
PROGRESS_FILL.style.width = `${width}%`;
|
|
// 3. submit work
|
|
const token = await sendWork(proof);
|
|
// 4. send token
|
|
sendToParent(token);
|
|
// 5. mark checkbox checked
|
|
CONST.btn().checked = true;
|
|
width = 100;
|
|
PROGRESS_FILL.style.width = `${width}%`;
|
|
CONST.messageText().after();
|
|
LOCK = false;
|
|
}
|
|
if (resp.type === "progress") {
|
|
if (width < 80) {
|
|
width = (resp.nonce / max_recorded_nonce) * 100;
|
|
PROGRESS_FILL.style.width = `${width}%`;
|
|
}
|
|
console.log(`received nonce ${resp.nonce}`);
|
|
}
|
|
};
|
|
} catch (e) {
|
|
CONST.messageText().error();
|
|
console.error(e);
|
|
LOCK = false;
|
|
}
|
|
};
|
|
|
|
registerVerificationEventHandler();
|