mirror of
https://github.com/mCaptcha/mCaptcha.git
synced 2025-08-24 19:23:14 +00:00
b6afe79a81
contain those elements
SUMMARY
Trying to grab elements globally in a script results in it trying to
initialize in all pages. When the element is absent, the script
fails and JavaScript crashes.
127 lines
4.0 KiB
TypeScript
127 lines
4.0 KiB
TypeScript
/*
|
|
* Copyright (C) 2022 Aravinth Manivannan <realaravinth@batsense.net>
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU Affero General Public License as
|
|
* published by the Free Software Foundation, either version 3 of the
|
|
* License, or (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU Affero General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Affero General Public License
|
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*/
|
|
import getFormUrl from "../../../../../utils/getFormUrl";
|
|
import genJsonPayload from "../../../../../utils/genJsonPayload";
|
|
import isBlankString from "../../../../../utils/isBlankString";
|
|
import isNumber from "../../../../../utils/isNumber";
|
|
|
|
import VIEWS from "../../../../../views/v1/routes";
|
|
|
|
import validateDescription from "../../advance/ts/form/validateDescription";
|
|
|
|
import createError from "../../../../../components/error";
|
|
|
|
export const SITE_KEY_FORM_CLASS = "sitekey-form";
|
|
export const FORM = <HTMLFormElement>(
|
|
document.querySelector(`.${SITE_KEY_FORM_CLASS}`)
|
|
);
|
|
|
|
export const addSubmitEventListener = (): void =>
|
|
FORM.addEventListener("submit", submit, true);
|
|
|
|
export const break_my_site_name = "traffic that broke your website";
|
|
export const avg_traffic_name = "average";
|
|
export const peak_traffic_name = "maximum traffic your website can handle";
|
|
|
|
type TrafficPattern = {
|
|
avg_traffic: number;
|
|
peak_sustainable_traffic: number;
|
|
broke_my_site_traffic?: number;
|
|
description: string;
|
|
};
|
|
|
|
export const validate = (e: Event): TrafficPattern => {
|
|
const description = validateDescription(e);
|
|
|
|
let broke_is_set = false;
|
|
|
|
const AVG_TRAFFIC = <HTMLInputElement>(
|
|
FORM.querySelector("#avg_traffic")
|
|
);
|
|
const PEAK_TRAFFIC = <HTMLInputElement>(
|
|
FORM.querySelector("#peak_sustainable_traffic")
|
|
);
|
|
const BROKE_MY_SITE_TRAFFIC = <HTMLInputElement>(
|
|
FORM.querySelector("#broke_my_site_traffic")
|
|
);
|
|
|
|
isBlankString(AVG_TRAFFIC.value, avg_traffic_name);
|
|
isBlankString(PEAK_TRAFFIC.value, peak_traffic_name);
|
|
|
|
const numberCheck = (name: string, field: HTMLInputElement) => {
|
|
if (!isNumber(field.value)) {
|
|
createError(`${name} must be a number`);
|
|
throw new Error(`${name} must be a number`);
|
|
}
|
|
return true;
|
|
};
|
|
|
|
numberCheck(avg_traffic_name, AVG_TRAFFIC);
|
|
numberCheck(peak_traffic_name, PEAK_TRAFFIC);
|
|
if (BROKE_MY_SITE_TRAFFIC.value.trim().length > 0) {
|
|
numberCheck(break_my_site_name, BROKE_MY_SITE_TRAFFIC);
|
|
broke_is_set = true;
|
|
}
|
|
|
|
const avg_traffic = Number.parseInt(AVG_TRAFFIC.value);
|
|
const peak_sustainable_traffic = Number.parseInt(PEAK_TRAFFIC.value);
|
|
let broke_my_site_traffic = null;
|
|
|
|
const mustBeGreater = (lhs: string, rhs: string) => {
|
|
const msg = `${lhs} must be greater than ${rhs}`;
|
|
createError(msg);
|
|
throw new Error(msg);
|
|
};
|
|
|
|
if (avg_traffic >= peak_sustainable_traffic) {
|
|
mustBeGreater(peak_traffic_name, avg_traffic_name);
|
|
} else if (broke_is_set) {
|
|
broke_my_site_traffic = Number.parseInt(BROKE_MY_SITE_TRAFFIC.value);
|
|
if (peak_sustainable_traffic >= broke_my_site_traffic) {
|
|
mustBeGreater(break_my_site_name, peak_traffic_name);
|
|
}
|
|
}
|
|
|
|
const payload = {
|
|
avg_traffic,
|
|
peak_sustainable_traffic,
|
|
broke_my_site_traffic,
|
|
description,
|
|
};
|
|
|
|
return payload;
|
|
};
|
|
|
|
const submit = async (e: Event) => {
|
|
e.preventDefault();
|
|
|
|
const formUrl = getFormUrl(FORM);
|
|
const payload = validate(e);
|
|
console.debug(`[form submition] json payload: ${JSON.stringify(payload)}`);
|
|
|
|
const res = await fetch(formUrl, genJsonPayload(payload));
|
|
if (res.ok) {
|
|
const data = await res.json();
|
|
window.location.assign(VIEWS.viewSitekey(data.key));
|
|
} else {
|
|
const err = await res.json();
|
|
createError(err.error);
|
|
}
|
|
};
|
|
|
|
export default addSubmitEventListener;
|