Test

.dockerignore

@@ -1,3 +1,5 @@
 .github
 .idea
 .gitignore
+dist
+node_modules

src/main.ts

@@ -8,17 +8,22 @@ import 'bootstrap-icons/font/bootstrap-icons.css';
 import 'bootstrap';
 import store from './services/store';
 
+let vueLifecycles: any;
+let config: any;
+
 // Fetch the config.json file before initializing the app
-fetch('/config.json')
-    .then(response => response.json())
-    .then(config => {
+export const bootstrap = async () => {
+    try {
+        const response = await fetch('/config.json');
+        config = await response.json();
+
         // Create the app after the config is loaded
         const app = createApp(App);
 
         // Add the config to global properties so it can be accessed in components
         app.config.globalProperties.$config = config;
 
-        const vueLifecycles = singleSpaVue({
+        vueLifecycles = singleSpaVue({
             createApp: () => app,
             appOptions: {
                 render() {
@@ -30,23 +35,31 @@ fetch('/config.json')
         app.use(router);
         app.use(store);
 
-        // Bootstrap function for single-spa lifecycle
-        export const bootstrap = async () => {
-            return new Promise((resolve) => {
-                const onAuthenticatedCallback = () => {
-                    console.log('Authenticated!');
-                    resolve(vueLifecycles.bootstrap);
-                };
-
-                KeyCloakService.CallLogin(onAuthenticatedCallback);
-            });
-        };
+        // Initialize Keycloak with loaded config if necessary
+        return new Promise((resolve) => {
+            const onAuthenticatedCallback = () => {
+                console.log('Authenticated!');
+                resolve(vueLifecycles.bootstrap);
+            };
+            KeyCloakService.CallLogin(onAuthenticatedCallback);
+        });
+    } catch (error) {
+        console.error('Failed to load config.json:', error);
+        throw new Error('Configuration loading failed');
+    }
+};
 
-        // Export mount and unmount for single-spa
-        export const mount = vueLifecycles.mount;
-        export const unmount = vueLifecycles.unmount;
+// Export mount and unmount for single-spa lifecycle
+export const mount = async () => {
+    if (vueLifecycles) {
+        return vueLifecycles.mount();
+    }
+    console.error('Vue lifecycles not initialized');
+};
 
-    })
-    .catch(error => {
-        console.error('Failed to load config.json:', error);
-    });
+export const unmount = async () => {
+    if (vueLifecycles) {
+        return vueLifecycles.unmount();
+    }
+    console.error('Vue lifecycles not initialized');
+};

src/services/projetManagerBackendService.ts

@@ -4,7 +4,7 @@ import axiosRetry from "axios-retry";
 import KeyCloakService from "@/services/keycloak";
 
 
-const baseURL = this.$config.VUE_APP_PROJECT_MANAGER_BACKEND_URL
+const baseURL = (this as any).$config.VUE_APP_PROJECT_MANAGER_BACKEND_URL
 
 const bridgeheadParam = 'bridgehead'
 const projectCodeParam = 'project-code'