Don't use hardcoded instance

templates/user/auth/signup_inner.tmpl

@@ -58,7 +58,7 @@
 					<div class="inline field required df ac">
 						<label></label>
 						<div class="border-secondary" id="mcaptcha__widget-container" style="width: 304px; height: 78px"></div>
-						<div class="m-captcha" data-sitekey="{{ .McaptchaSitekey }}"></div>
+						<div class="m-captcha" data-sitekey="{{ .McaptchaSitekey }}" data-instance-url="{{ .McaptchaURL }}"></div>
 					</div>
 				{{end}}
 

templates/user/auth/signup_openid_register.tmpl

@@ -42,7 +42,7 @@
 					{{end}}
 					{{if and .EnableCaptcha (eq .CaptchaType "mcaptcha")}}
 						<div class="inline field required">
-							<div class="m-captcha" data-sitekey="{{ .McaptchaSitekey }}"></div>
+							<div class="m-captcha" data-sitekey="{{ .McaptchaSitekey }}" data-instance-url="{{ .McaptchaURL }}"></div>
 						</div>
 					{{end}}
 					<div class="inline field">

web_src/js/features/mcaptcha.js

@@ -1,16 +1,17 @@
 export async function initMcaptcha() {
-  const siteKeyEl = document.querySelector('.m-captcha');
-  if (!siteKeyEl) {
+  const mCaptchaEl = document.querySelector('.m-captcha');
+  if (!mCaptchaEl) {
     return;
   }
 
   const {default: mCaptcha} = await import(/* webpackChunkName: "mcaptcha-vanilla-glue" */'@mcaptcha/vanilla-glue');
   mCaptcha.INPUT_NAME = 'm-captcha-response';
-  const siteKey = siteKeyEl.getAttribute('data-sitekey');
+  const siteKey = mCaptchaEl.getAttribute('data-sitekey');
+  const instanceURL = mCaptchaEl.getAttribute('data-instance-url');
 
   mCaptcha.default({
     siteKey: {
-      instanceUrl: new URL('http://localhost:7000'),
+      instanceUrl: new URL(instanceURL),
       key: siteKey,
     }
   });