🔧 update frontend code to dynamically detect api-gw url

Author: FabianWilms

personalization-webcomponents/.env.development

@@ -1 +1,2 @@
 VITE_NODE_ENV=development
+VITE_VUE_APP_API_URL=http://localhost:8083

personalization-webcomponents/.env.production

@@ -1 +1,2 @@
 VITE_NODE_ENV=production
+VITE_VUE_APP_API_URL=

personalization-webcomponents/src/checklist-preview.ce.vue

@@ -19,11 +19,6 @@
           <p>
             <b>{{ service.serviceName }} (ID: {{ service.id }})</b><br>
             <span>{{ service.summary }}</span><br><br>
-            <span>
-              <b>Public URL</b>: <i>{{ service.publicUrl }}</i><br>
-              <b>Has Responsibilities</b>: {{ service.hasResponsibilities ? "✅" : "❌" }}<br>
-              <b>Is External</b>: {{ service.isExternal ? "✅" : "❌"  }}<br>
-            </span>
             <div v-if="service.onlineServices">
               <b>Online-Services:</b>
               <ul>
@@ -50,7 +45,7 @@ import customIconsSprite from "@muenchen/muc-patternlab-vue/assets/icons/custom-
 import mucIconsSprite from "@muenchen/muc-patternlab-vue/assets/icons/muc-icons.svg?raw";
 import SkeletonLoader from "@/components/common/skeleton-loader.vue";
 import {onMounted, ref} from "vue";
-import {LOCALSTORAGE_KEY_SERVICENAVIGATOR_RESULT} from "@/util/constants.ts";
+import {getAPIBaseURL, LOCALSTORAGE_KEY_SERVICENAVIGATOR_RESULT} from "@/util/constants.ts";
 import type {ServiceNavigatorResult} from "@/api/servicenavigator/ServiceNavigatorResult.ts";
 import type {SNService} from "@/api/servicenavigator/ServiceNavigatorLookup.ts";
 
@@ -66,7 +61,7 @@ onMounted(() => {
     loading.value = false;
   } else {
     const snResult = JSON.parse(serviceNavigatorResultString) as ServiceNavigatorResult;
-    const url = "http://localhost:8083/public/api/backend-service/servicenavigator?ids=" + snResult.services.join(",");
+    const url = getAPIBaseURL() + "/public/api/backend-service/servicenavigator?ids=" + snResult.services.join(",");
     fetch(url)
         .then(resp => {
           if (resp.ok) {

personalization-webcomponents/src/util/constants.ts

@@ -16,3 +16,11 @@ export function getChecklistIconByTitle(checklistTitle: string) {
       "https://stadt.muenchen.de/dam/Home/lhm_common/service-navigator/10483311.svg",
   }[checklistTitle];
 }
+
+export function getAPIBaseURL(): String {
+  if (import.meta.env.VITE_VUE_APP_API_URL) {
+    return import.meta.env.VITE_VUE_APP_API_URL;
+  } else {
+    return new URL(import.meta.url).origin;
+  }
+}