itube-specs 0.0.445 → 0.0.446

package/components/auth/s-auth-recovery.vue

@@ -41,7 +41,7 @@ import type { IPasswordForm } from '../../types';
 import { validateEmail } from '../../runtime';
 import { AuthorizationApiService } from '~/services/api/authorization.service';
 
-import { initRecaptcha, getRecaptchaToken } from '../../composables/use-recaptcha';
+const { initRecaptcha, getRecaptchaToken } = useRecaptcha();
 
 const {t} = useI18n();
 

package/components/auth/s-auth-register.vue

@@ -76,7 +76,7 @@ import type { IRegistrateForm } from '../../types';
 import { validateEmail, validatePassword, validateUsername } from '../../runtime';
 import { AuthorizationApiService } from '~/services/api/authorization.service';
 
-import { initRecaptcha, getRecaptchaToken } from '../../composables/use-recaptcha';
+const { initRecaptcha, getRecaptchaToken } = useRecaptcha();
 
 defineProps<{
   additionalText?: string;

package/components/page-components/s-report.vue

@@ -115,7 +115,7 @@ import { reportFormsScheme } from '../../lib/report-forms-scheme';
 import { EReportFormsSubjects, validateEmail, validatePhone } from '../../runtime';
 import type { InputTypes, IReportForm, IReportRequest } from '../../types';
 
-import { initRecaptcha, getRecaptchaToken } from '../../composables/use-recaptcha';
+const { initRecaptcha, getRecaptchaToken } = useRecaptcha();
 
 const reasonValue = ref('');
 const errorRadio = ref(false);

package/composables/use-recaptcha.ts

@@ -1,75 +1,81 @@
-// composables/useRecaptcha.ts
-import { useRuntimeConfig } from '#imports';
-
-let recaptchaLoaded = false;
-let siteKey: string | null = null;
-
-async function loadRecaptchaScript(): Promise<void> {
-  // Всё только на клиенте (SSR-safe)
-  if (process.server) return;
+// composables/useRecaptcha.ts (или use-recaptcha.ts для auto-import как useRecaptcha)
 
-  if (recaptchaLoaded) return;
+import { useRuntimeConfig } from '#imports';
 
-  siteKey = useRuntimeConfig().public.recaptchaSiteKey;
+export function useRecaptcha() {
+  let recaptchaLoaded = false;
+  let siteKey: string | null = null;
 
-  if (!siteKey) {
-    console.warn('reCAPTCHA siteKey не задан — защита отключена');
-    return;
-  }
+  async function loadRecaptchaScript(): Promise<void> {
+    // SSR-safe: только на клиенте
+    if (process.server) return;
 
-  const useRecaptchaNet = true; // true = recaptcha.net (для регионов с блокировкой Google)
-  const domain = useRecaptchaNet ? 'recaptcha.net' : 'www.google.com';
+    if (recaptchaLoaded) return;
 
-  const script = document.createElement('script');
-  script.src = `https://${domain}/recaptcha/api.js?render=${siteKey}&hl=ru`;
-  script.async = true;
-  script.defer = true;
-  document.head.appendChild(script);
+    siteKey = useRuntimeConfig().public.recaptchaSiteKey;
 
-  // Polling до готовности grecaptcha (надёжно и без ошибок listener)
-  const maxAttempts = 100; // ~10 сек
-  let attempts = 0;
-
-  while (typeof (window as any).grecaptcha === 'undefined' || !(window as any).grecaptcha.execute) {
-    if (attempts >= maxAttempts) {
-      throw new Error('reCAPTCHA не загрузился (таймаут)');
+    if (!siteKey) {
+      console.warn('reCAPTCHA siteKey не задан — защита отключена');
+      return;
     }
-    await new Promise(resolve => setTimeout(resolve, 100));
-    attempts++;
-  }
-
-  recaptchaLoaded = true;
-
-  // Опционально: скрываем бейдж (если хотите глобально)
-  const style = document.createElement('style');
-  style.textContent = '.grecaptcha-badge { visibility: hidden !important; }';
-  document.head.appendChild(style);
 
-  console.log('reCAPTCHA v3 загружен глобально');
-}
+    const useRecaptchaNet = true; // true = recaptcha.net (для регионов с блокировкой Google)
+    const domain = useRecaptchaNet ? 'recaptcha.net' : 'www.google.com';
+
+    const script = document.createElement('script');
+    script.src = `https://${domain}/recaptcha/api.js?render=${siteKey}&hl=ru`;
+    script.async = true;
+    script.defer = true;
+    document.head.appendChild(script);
+
+    // Polling до готовности grecaptcha
+    const maxAttempts = 100; // ~10 сек
+    let attempts = 0;
+
+    while (typeof (window as any).grecaptcha === 'undefined' || !(window as any).grecaptcha.execute) {
+      if (attempts >= maxAttempts) {
+        throw new Error('reCAPTCHA не загрузился (таймаут)');
+      }
+      await new Promise(resolve => setTimeout(resolve, 100));
+      attempts++;
+    }
 
-// Инициализация — вызывайте в onMounted формы (даёт время на мониторинг поведения)
-export async function initRecaptcha(): Promise<void> {
-  if (process.server) return;
-  if (recaptchaLoaded || !siteKey) return;
+    recaptchaLoaded = true;
 
-  await loadRecaptchaScript();
-}
+    // Скрываем бейдж глобально (один раз)
+    const style = document.createElement('style');
+    style.textContent = '.grecaptcha-badge { visibility: hidden !important; }';
+    document.head.appendChild(style);
 
-// Получение токена — вызывайте в submit
-export async function getRecaptchaToken(action: string): Promise<string> {
-  if (process.server) {
-    throw new Error('reCAPTCHA работает только на клиенте');
+    console.log('reCAPTCHA v3 загружен глобально');
   }
 
-  if (!recaptchaLoaded) {
+  // Инициализация: вызывать в onMounted формы (даёт время на сбор данных о поведении)
+  async function initRecaptcha(): Promise<void> {
+    if (process.server || recaptchaLoaded || !siteKey) return;
     await loadRecaptchaScript();
   }
 
-  if (!siteKey) {
-    throw new Error('reCAPTCHA siteKey не задан');
+  // Получение токена: вызывать в submit
+  async function getRecaptchaToken(action: string): Promise<string> {
+    if (process.server) {
+      throw new Error('reCAPTCHA работает только на клиенте');
+    }
+
+    if (!recaptchaLoaded) {
+      await loadRecaptchaScript();
+    }
+
+    if (!siteKey) {
+      throw new Error('reCAPTCHA siteKey не задан');
+    }
+
+    // @ts-ignore grecaptcha глобальный
+    return await grecaptcha.execute(siteKey, { action });
   }
 
-  // @ts-ignore grecaptcha глобальный
-  return await grecaptcha.execute(siteKey, { action });
+  return {
+    initRecaptcha,
+    getRecaptchaToken,
+  };
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "itube-specs",
   "type": "module",
-  "version": "0.0.445",
+  "version": "0.0.446",
   "main": "./nuxt.config.ts",
   "types": "./types/index.d.ts",
   "scripts": {