Add the possiblity to load custom javascript on startup (#6457)

Signed-off-by: Giovanni Ferrari <giovanni.ferrari@soft.it>

config/docker/docker-compose.yml

@@ -138,6 +138,7 @@ services:
     volumes:
       - "./ui-config:/usr/share/nginx/html/config"
       - "./nginx.conf:/etc/nginx/conf.d/default.conf"
+      - "./externalJs:/usr/share/nginx/html/externalJs"
       - "../../src/test/externalWebAppExample:/usr/share/nginx/html/external/appExample"
   cards-external-diffusion:
     container_name: cards-external-diffusion

config/docker/externalJs/example.js

@@ -0,0 +1 @@
+console.log('Custom js example executed');

config/docker/ui-config/web-ui.json

@@ -175,5 +175,6 @@
         ]
       }
     }
-  }
+  },
+  "customJsToLoad": ["http://localhost:2002/externalJs/example.js", "http://localhost:2002/externalJs/missing.js"]
 }

ui/main/src/app/business/application-loader.ts

@@ -120,6 +120,7 @@ export class ApplicationLoader {
         this.initServices();
         loadBuildInTemplates();
         this.initOpfabAPI();
+        await this.loadCustomScripts();
         await this.waitForStreamInitDone();
         this.goToEntryPage();
         this.loadingInProgress = false;
@@ -306,4 +307,15 @@ export class ApplicationLoader {
             RouterService.navigateTo(defaultEntryPage);
         }
     }
+
+    private async loadCustomScripts() {
+        const customScripts = ConfigService.getConfigValue('customJsToLoad');
+        if (customScripts) {
+            for (const script of customScripts) {
+                await import(/* webpackIgnore: true */ script).catch((err) =>
+                    logger.error('Error loading custom script ' + script + ' : ' + err)
+                );
+            }
+        }
+    }
 }