mirror of
https://github.com/go-gitea/gitea.git
synced 2026-05-06 04:01:05 +09:00
After the Webpack-to-Vite migration (#37002), mCaptcha stopped working entirely on the registration page, throwing an error: `TypeError: setting getter-only property "INPUT_NAME"` This fix stops trying to mutate the read-only INPUT_NAME export. Instead it probes for the Widget constructor at module.default (direct) or module.default.default (CJS-wrapped), constructs the widget, and then renames the hidden input element it creates to m-captcha-response which is the field name Gitea's backend reads from the submitted form. Generative AI was used to help with making this PR. --------- Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com> Co-authored-by: wxiaoguang <wxiaoguang@gmail.com> Co-authored-by: Giteabot <teabot@gitea.io>
46 lines
1.2 KiB
TypeScript
46 lines
1.2 KiB
TypeScript
import {isDarkTheme} from '../utils.ts';
|
|
|
|
export async function initCaptcha() {
|
|
const captchaEl = document.querySelector('#captcha');
|
|
if (!captchaEl) return;
|
|
|
|
const siteKey = captchaEl.getAttribute('data-sitekey')!;
|
|
const isDark = isDarkTheme();
|
|
|
|
const params = {
|
|
sitekey: siteKey,
|
|
theme: isDark ? 'dark' : 'light',
|
|
};
|
|
|
|
switch (captchaEl.getAttribute('data-captcha-type')) {
|
|
case 'g-recaptcha': {
|
|
if (window.grecaptcha) {
|
|
window.grecaptcha.ready(() => {
|
|
window.grecaptcha.render(captchaEl, params);
|
|
});
|
|
}
|
|
break;
|
|
}
|
|
case 'cf-turnstile': {
|
|
if (window.turnstile) {
|
|
window.turnstile.render(captchaEl, params);
|
|
}
|
|
break;
|
|
}
|
|
case 'h-captcha': {
|
|
if (window.hcaptcha) {
|
|
window.hcaptcha.render(captchaEl, params);
|
|
}
|
|
break;
|
|
}
|
|
case 'm-captcha': {
|
|
// ref: https://github.com/mCaptcha/glue/blob/master/packages/vanilla/README.md
|
|
// sample: https://github.com/mCaptcha/glue/blob/master/packages/vanilla/static/embeded.html
|
|
// @mcaptcha/vanilla-glue 0.1.0-rc2 auto-runs on module load, use the existing elements to render.
|
|
await import('@mcaptcha/vanilla-glue');
|
|
break;
|
|
}
|
|
default:
|
|
}
|
|
}
|