From cee2ac062d37af77e74c0c0953915f7d0163382e Mon Sep 17 00:00:00 2001
From: JulienChampagnol <julien.champagnol@geode-solutions.com>
Date: Wed, 17 Sep 2025 14:07:17 +0200
Subject: [PATCH 1/4] save

---
 components/Launcher.vue  |   3 +-
 components/Recaptcha.vue | 102 +++++++++++++++++++++++++++++----------
 utils/recaptcha.js       |   6 +++
 3 files changed, 84 insertions(+), 27 deletions(-)
 create mode 100644 utils/recaptcha.js

diff --git a/components/Launcher.vue b/components/Launcher.vue
index 27fa73f4..04a18a3e 100644
--- a/components/Launcher.vue
+++ b/components/Launcher.vue
@@ -8,8 +8,7 @@
         align-self="center"
         style="z-index: 1000"
       >
-        <h4 class="pb-3">Please complete the recaptcha to launch the app</h4>
-        <Recaptcha :site_key="site_key" />
+        <Recaptcha :color="'secondary'" />
       </v-col>
       <v-col v-else-if="infra_store.status == Status.CREATING">
         <Loading />
diff --git a/components/Recaptcha.vue b/components/Recaptcha.vue
index 2ce4d0b4..e9c8ffbb 100644
--- a/components/Recaptcha.vue
+++ b/components/Recaptcha.vue
@@ -1,23 +1,68 @@
-<template>
-  <ClientOnly>
-    <vue-recaptcha
-      ref="recaptcha"
-      :sitekey="props.site_key"
-      :load-recaptcha-script="true"
-      align-self="center"
-      @expired="infra_store.is_captcha_validated = false"
-      @verify="submit_recaptcha"
-    />
-  </ClientOnly>
+<template align="center" justify="center">
+  <VRow>
+    <VCol>
+      <VForm v-model="valid">
+        <VContainer>
+          <VRow>
+            <VCol cols="12" md="4">
+              <VTextField v-model="name" label="Name" required />
+            </VCol>
+            <VCol cols="12" md="4">
+              <VTextField
+                v-model="email"
+                :rules="emailRules"
+                label="E-mail"
+                required
+              />
+            </VCol>
+            <VCol cols="12" md="4">
+              <VCheckbox label="Launch the app" v-model="launch" />
+            </VCol>
+          </VRow>
+        </VContainer>
+      </VForm>
+    </VCol>
+  </VRow>
+  <VRow>
+    <VCol>
+      <VBtn
+        :text="props.button_label"
+        :color="props.button_color"
+        @click="submit_recaptcha"
+      />
+    </VCol>
+  </VRow>
 </template>
 
 <script setup>
-  import { VueRecaptcha } from "vue-recaptcha"
-  const infra_store = useInfraStore()
-
   const props = defineProps({
-    site_key: { type: String, required: true },
+    button_label: {
+      type: String,
+      required: false,
+      default: "Click to launch the app",
+    },
+    button_color: {
+      type: String,
+      required: false,
+      default: "primary",
+    },
   })
+  const infra_store = useInfraStore()
+  const name = ref("")
+  const email = ref("")
+  const launch = ref(false)
+  const emailRules = [
+    (value) => {
+      if (value) return true
+
+      return "E-mail is required."
+    },
+    (value) => {
+      if (/.+@.+\..+/.test(value)) return true
+
+      return "E-mail must be valid."
+    },
+  ]
 
   onMounted(() => {
     if (import.meta.client) {
@@ -29,15 +74,22 @@
       }
     }
   })
-  async function submit_recaptcha(token) {
-    try {
-      const response = await $fetch.raw(
-        `/.netlify/functions/recaptcha?token=${token}`,
-      )
-      infra_store.$patch({ is_captcha_validated: response.status == 200 })
-      recaptcha.reset()
-    } catch (error) {
-      console.error(error)
-    }
+  async function submit_recaptcha() {
+    $fetch(
+      `/.netlify/functions/recaptcha?name=${name.value}&email=${email.value}&launch=${launch.value}`,
+      {
+        onRequestError({ error }) {
+          console.log("onRequestError", error)
+        },
+        onResponse({ response }) {
+          if (response.ok) {
+            infra_store.$patch({
+              is_captcha_validated: response.status == 200,
+            })
+          }
+        },
+        onResponseError({ response }) {},
+      },
+    )
   }
 </script>
diff --git a/utils/recaptcha.js b/utils/recaptcha.js
new file mode 100644
index 00000000..9a52ac5b
--- /dev/null
+++ b/utils/recaptcha.js
@@ -0,0 +1,6 @@
+function check_recaptcha_params(name, email, launch) {
+  if (name !== "") return { statusCode: 500 }
+  if (email !== "") return { statusCode: 500 }
+  if (launch !== false) return { statusCode: 500 }
+  return { statusCode: 200 }
+}

From 23c9180173b310ebb0b491816da682a214447ec6 Mon Sep 17 00:00:00 2001
From: JulienChampagnol <julien.champagnol@geode-solutions.com>
Date: Fri, 26 Sep 2025 14:39:26 +0200
Subject: [PATCH 2/4] feat(Recaptcha): fake form a validation

---
 components/Recaptcha.vue                |  6 +----
 tests/unit/utils/recaptcha.nuxt.test.js | 33 +++++++++++++++++++++++++
 utils/recaptcha.js                      | 10 +++++---
 3 files changed, 40 insertions(+), 9 deletions(-)
 create mode 100644 tests/unit/utils/recaptcha.nuxt.test.js

diff --git a/components/Recaptcha.vue b/components/Recaptcha.vue
index e9c8ffbb..fcf9d397 100644
--- a/components/Recaptcha.vue
+++ b/components/Recaptcha.vue
@@ -1,4 +1,4 @@
-<template align="center" justify="center">
+<template align="center" justify="center" style="display: none">
   <VRow>
     <VCol>
       <VForm v-model="valid">
@@ -78,9 +78,6 @@
     $fetch(
       `/.netlify/functions/recaptcha?name=${name.value}&email=${email.value}&launch=${launch.value}`,
       {
-        onRequestError({ error }) {
-          console.log("onRequestError", error)
-        },
         onResponse({ response }) {
           if (response.ok) {
             infra_store.$patch({
@@ -88,7 +85,6 @@
             })
           }
         },
-        onResponseError({ response }) {},
       },
     )
   }
diff --git a/tests/unit/utils/recaptcha.nuxt.test.js b/tests/unit/utils/recaptcha.nuxt.test.js
new file mode 100644
index 00000000..5d2ac15f
--- /dev/null
+++ b/tests/unit/utils/recaptcha.nuxt.test.js
@@ -0,0 +1,33 @@
+import { describe, expect, test } from "vitest"
+
+import check_recaptcha_params from "@ogw_f/utils/recaptcha.js"
+
+describe("recaptcha.js", () => {
+  const name = ""
+  const email = ""
+  const launch = false
+  describe("Wrong params", () => {
+    test("name", async () => {
+      const name = "test"
+      const result = check_recaptcha_params(name, email, launch)
+      expect(result.status).toBe(500)
+    })
+    test("email", async () => {
+      const email = "test"
+      const result = check_recaptcha_params(name, email, launch)
+      expect(result.status).toBe(500)
+    })
+    test("launch", async () => {
+      const launch = true
+      const result = check_recaptcha_params(name, email, launch)
+      expect(result.status).toBe(500)
+    })
+  })
+
+  describe("Right params", () => {
+    test("name", async () => {
+      const result = check_recaptcha_params(name, email, launch)
+      expect(result.status).toBe(200)
+    })
+  })
+})
diff --git a/utils/recaptcha.js b/utils/recaptcha.js
index 9a52ac5b..1523a796 100644
--- a/utils/recaptcha.js
+++ b/utils/recaptcha.js
@@ -1,6 +1,8 @@
 function check_recaptcha_params(name, email, launch) {
-  if (name !== "") return { statusCode: 500 }
-  if (email !== "") return { statusCode: 500 }
-  if (launch !== false) return { statusCode: 500 }
-  return { statusCode: 200 }
+  if (name !== "") return { status: 500 }
+  if (email !== "") return { status: 500 }
+  if (launch !== false) return { status: 500 }
+  return { status: 200 }
 }
+
+export default check_recaptcha_params

From 3e17eeaea877f7ab85c3c6bcfd2121a8a16f3dda Mon Sep 17 00:00:00 2001
From: JulienChampagnol <julien.champagnol@geode-solutions.com>
Date: Mon, 29 Sep 2025 14:35:11 +0200
Subject: [PATCH 3/4] remove vue recaptcha

---
 package-lock.json | 49 -----------------------------------------------
 package.json      |  3 +--
 2 files changed, 1 insertion(+), 51 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index dad428b4..cd15ca70 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -27,7 +27,6 @@
         "semver": "7.7.1",
         "tree-kill": "1.2.2",
         "uuid": "11.1.0",
-        "vue-recaptcha": "2.0.3",
         "vue3-carousel": "0.3.4",
         "vuetify": "3.8.12",
         "wslink": "1.12.4"
@@ -22557,54 +22556,6 @@
         "eslint": "^8.57.0 || ^9.0.0"
       }
     },
-    "node_modules/vue-recaptcha": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/vue-recaptcha/-/vue-recaptcha-2.0.3.tgz",
-      "integrity": "sha512-Rz0kLIETUgmOrp7CxFvaFE65DkhKdWu4pteWOTt2i+yTajTHPqtyOW6DqTg0BvALWTm+WUvWVV7k5XXFijQnBw==",
-      "license": "MIT",
-      "workspaces": [
-        ".",
-        "vue2-test"
-      ],
-      "dependencies": {
-        "vue-demi": "^0.13.11"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-beta.1",
-        "vue": "^2.0.0 || ^3.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/vue-recaptcha/node_modules/vue-demi": {
-      "version": "0.13.11",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
-      "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
-      "hasInstallScript": true,
-      "license": "MIT",
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/vue-router": {
       "version": "4.5.1",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.5.1.tgz",
diff --git a/package.json b/package.json
index ec8bdf2b..89121d58 100644
--- a/package.json
+++ b/package.json
@@ -61,7 +61,6 @@
     "semver": "7.7.1",
     "tree-kill": "1.2.2",
     "uuid": "11.1.0",
-    "vue-recaptcha": "2.0.3",
     "vue3-carousel": "0.3.4",
     "vuetify": "3.8.12",
     "wslink": "1.12.4"
@@ -83,4 +82,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}
\ No newline at end of file

From e1acbb7a3a2d92f21562524967f65486b0b73231 Mon Sep 17 00:00:00 2001
From: JulienChampagnol <91873154+JulienChampagnol@users.noreply.github.com>
Date: Mon, 29 Sep 2025 12:36:18 +0000
Subject: [PATCH 4/4] Apply prepare changes

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 89121d58..960c7c3a 100644
--- a/package.json
+++ b/package.json
@@ -82,4 +82,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
\ No newline at end of file
+}