save wip

Author: JulienChampagnol

app/components/TestRecaptcha.vue

@@ -0,0 +1,95 @@
+<template>
+  <VRow align="center" justify="center">
+    <VCol>
+      <VForm v-model="valid">
+        <VContainer>
+          <VRow>
+            <VCol cols="12" md="4" justify="center">
+              <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 align="center" justify="center">
+    <VCol align="center" justify="center">
+      <VBtn
+        :text="props.button_label"
+        :color="props.button_color"
+        @click="submit_recaptcha"
+      />
+    </VCol>
+  </VRow>
+</template>
+
+<script setup>
+const props = defineProps({
+  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) {
+    if (
+      process.env.NODE_ENV !== "production" ||
+      infra_store.app_mode !== appMode.appMode.CLOUD
+    ) {
+      infra_store.$patch({ is_captcha_validated: true });
+    }
+  }
+});
+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>

app/pages/index.vue

@@ -1,5 +1,6 @@
 <template>
-  <Launcher v-if="infra_store.status != Status.CREATED" />
+  <TestRecaptcha />
+  <!-- <Launcher v-if="infra_store.status != Status.CREATED" />
   <v-card
     v-else
     ref="cardContainer"
@@ -19,7 +20,7 @@
         />
       </template>
     </HybridRenderingView>
-  </v-card>
+  </v-card> -->
 </template>
 
 <script setup>

netlify/functions/package.json

@@ -5,6 +5,6 @@
   "author": "Geode-solutions",
   "license": "MIT",
   "dependencies": {
-    "axios": "^1.4.0"
+    "@geode-opengeodeweb-front": "9.11.0-rc.11"
   }
 }

netlify/functions/recaptcha.js

@@ -1,7 +1,6 @@
+import { check_recaptcha_params } from "./recaptcha.js";
+
 exports.handler = async function (event) {
   const { name, email, launch } = event.queryStringParameters.name;
-  if (name !== "") return { statusCode: 500 };
-  if (email !== "test@geode-solutions.com") return { statusCode: 500 };
-  if (launch !== false) return { statusCode: 500 };
-  return { statusCode: 200 };
+  return check_recaptcha_params(name, email, launch);
 };

utils/local.js

@@ -216,6 +216,7 @@ async function run_browser(script_name) {
     process.env.NUXT_PORT = nuxt_port;
     const nuxt_process = spawn("npm", ["run", script_name], {
       shell: true,
+      stdio: "inherit",
     });
     nuxt_process.stdout.on("data", function (data) {
       const output = data.toString();