From 95381818651322b1e9b28832fdcead7dd38ec858 Mon Sep 17 00:00:00 2001
From: Denis Lugowski <denis.lugowski@gmail.com>
Date: Sat, 1 Mar 2025 10:14:45 +0100
Subject: [PATCH] fix(frontend): SSR of create.vue working, add .vscode
 launch.json, fix launch.json bug due to typescript in nuxt.config.ts

---
 .gitignore                                    |  3 --
 .vscode/launch.json                           | 28 +++++++++++
 .vscode/settings.json                         |  3 ++
 legalconsenthub/components/FormEngine.vue     |  2 +-
 .../composables/useApplicationForm.ts         | 47 ++++++++++++++-----
 .../composables/useApplicationFormApi.ts      |  6 +--
 legalconsenthub/nuxt.config.ts                |  6 +--
 7 files changed, 74 insertions(+), 21 deletions(-)
 create mode 100644 .vscode/launch.json
 create mode 100644 .vscode/settings.json

diff --git a/.gitignore b/.gitignore
index 17afc93..78eb422 100644
--- a/.gitignore
+++ b/.gitignore
@@ -51,9 +51,6 @@ bin/
 !**/src/main/**/bin/
 !**/src/test/**/bin/
 
-### VS Code ###
-.vscode/
-
 ### Kotlin ###
 .kotlin
 
diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 0000000..25e60d9
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,28 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "chrome",
+      "request": "launch",
+      "name": "client: chrome",
+      "url": "http://localhost:3000",
+      "webRoot": "${workspaceFolder}/legalconsenthub"
+    },
+    {
+      "request": "launch",
+      "name": "server: nuxt",
+      "outputCapture": "std",
+      "cwd": "${workspaceFolder}/legalconsenthub",
+      "type": "node-terminal",
+      "command": "npm run dev"
+    }
+  ],
+  "compounds": [
+    {
+      "name": "fullstack: nuxt",
+      "configurations": ["server: nuxt", "client: chrome"]
+    }
+  ]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..849f79e
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+  "java.compile.nullAnalysis.mode": "automatic"
+}
diff --git a/legalconsenthub/components/FormEngine.vue b/legalconsenthub/components/FormEngine.vue
index b455ca3..9ff2b28 100644
--- a/legalconsenthub/components/FormEngine.vue
+++ b/legalconsenthub/components/FormEngine.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-for="(formElement, index) in props.modelValue" :key="formElement.id">
+  <div v-for="formElement in props.modelValue" :key="formElement.id">
     <component
       :is="getResolvedComponent(formElement)"
       :form-options="formElement.options"
diff --git a/legalconsenthub/composables/useApplicationForm.ts b/legalconsenthub/composables/useApplicationForm.ts
index dc8bfb3..4426bc3 100644
--- a/legalconsenthub/composables/useApplicationForm.ts
+++ b/legalconsenthub/composables/useApplicationForm.ts
@@ -1,4 +1,9 @@
-import type { CreateApplicationFormDto, ApplicationFormDto, PagedApplicationFormDto } from '~/.api-client'
+import {
+  type CreateApplicationFormDto,
+  type ApplicationFormDto,
+  type PagedApplicationFormDto,
+  ResponseError
+} from '~/.api-client'
 
 const currentApplicationForm: Ref<ApplicationFormDto | undefined> = ref()
 
@@ -11,8 +16,12 @@ export function useApplicationForm() {
     try {
       currentApplicationForm.value = await applicationFormApi.createApplicationForm(createApplicationFormDto)
       return currentApplicationForm.value
-    } catch (e) {
-      console.error('Failed creating application form', e)
+    } catch (e: unknown) {
+      if (e instanceof ResponseError) {
+        console.error('Failed creating application form:', e.response)
+      } else {
+        console.error('Failed creating application form:', e)
+      }
       return Promise.reject(e)
     }
   }
@@ -20,8 +29,12 @@ export function useApplicationForm() {
   async function getAllApplicationForms(): Promise<PagedApplicationFormDto> {
     try {
       return await applicationFormApi.getAllApplicationForms()
-    } catch (e) {
-      console.error('Failed retrieving application forms', e)
+    } catch (e: unknown) {
+      if (e instanceof ResponseError) {
+        console.error('Failed retrieving application forms:', e.response)
+      } else {
+        console.error('Failed retrieving application forms:', e)
+      }
       return Promise.reject(e)
     }
   }
@@ -29,8 +42,12 @@ export function useApplicationForm() {
   async function getApplicationFormById(id: string): Promise<ApplicationFormDto> {
     try {
       return await applicationFormApi.getApplicationFormById(id)
-    } catch (e) {
-      console.error(`Failed retrieving application form with ID ${id}`, e)
+    } catch (e: unknown) {
+      if (e instanceof ResponseError) {
+        console.error(`Failed retrieving application form with ID ${id}:`, e.response)
+      } else {
+        console.error(`Failed retrieving application form with ID ${id}:`, e)
+      }
       return Promise.reject(e)
     }
   }
@@ -42,8 +59,12 @@ export function useApplicationForm() {
     try {
       currentApplicationForm.value = await applicationFormApi.updateApplicationForm(id, applicationFormDto)
       return currentApplicationForm.value
-    } catch (e) {
-      console.error(`Failed deleting application form with ID ${id}`, e)
+    } catch (e: unknown) {
+      if (e instanceof ResponseError) {
+        console.error(`Failed updating application form with ID ${id}:`, e.response)
+      } else {
+        console.error(`Failed updating application form with ID ${id}:`, e)
+      }
       return Promise.reject(e)
     }
   }
@@ -51,8 +72,12 @@ export function useApplicationForm() {
   async function deleteApplicationFormById(id: string): Promise<void> {
     try {
       return await applicationFormApi.deleteApplicationFormById(id)
-    } catch (e) {
-      console.error(`Failed deleting application form with ID ${id}`, e)
+    } catch (e: unknown) {
+      if (e instanceof ResponseError) {
+        console.error(`Failed deleting application form with ID ${id}:`, e.response)
+      } else {
+        console.error(`Failed deleting application form with ID ${id}:`, e)
+      }
       return Promise.reject(e)
     }
   }
diff --git a/legalconsenthub/composables/useApplicationFormApi.ts b/legalconsenthub/composables/useApplicationFormApi.ts
index d8953db..7b7b324 100644
--- a/legalconsenthub/composables/useApplicationFormApi.ts
+++ b/legalconsenthub/composables/useApplicationFormApi.ts
@@ -1,13 +1,13 @@
 import { ApplicationFormApi, Configuration } from '../.api-client'
 import type { CreateApplicationFormDto, ApplicationFormDto, PagedApplicationFormDto } from '~/.api-client'
-import { cleanDoubleSlashes } from 'ufo'
+import { cleanDoubleSlashes, withoutTrailingSlash } from 'ufo'
 
 export function useApplicationFormApi() {
   const appBaseUrl = useRuntimeConfig().app.baseURL
   const { serverApiBaseUrl, serverApiBasePath, clientProxyBasePath } = useRuntimeConfig().public
 
-  const basePath = cleanDoubleSlashes(
-    import.meta.client ? appBaseUrl + clientProxyBasePath : serverApiBaseUrl + serverApiBasePath
+  const basePath = withoutTrailingSlash(
+    cleanDoubleSlashes(import.meta.client ? appBaseUrl + clientProxyBasePath : serverApiBaseUrl + serverApiBasePath)
   )
 
   const applicationFormApiClient = new ApplicationFormApi(new Configuration({ basePath }))
diff --git a/legalconsenthub/nuxt.config.ts b/legalconsenthub/nuxt.config.ts
index 7963783..7eede4c 100644
--- a/legalconsenthub/nuxt.config.ts
+++ b/legalconsenthub/nuxt.config.ts
@@ -14,9 +14,9 @@ export default defineNuxtConfig({
       pathPrefix: false
     }
   ],
-  typescript: {
-    typeCheck: true
-  },
+  // typescript: {
+  //   typeCheck: true
+  // },
   devtools: { enabled: true },
   compatibilityDate: '2024-11-01'
 })