Fetch the matomo properties from the config, not from the environment (#756)

Author: milanmajchrak

docker/docker-compose.yml

@@ -29,7 +29,6 @@ services:
     - ./config.prod.yml:/app/config/config.prod.yml
 #    - ./aai.js:/app/dist/browser/aai.js
 #    - ./dspace-ui.json:/app/docker/dspace-ui.json:rw
-    - ./matomo-settings.ts:/src/matomo/matomo-settings.ts
     build:
       context: ..
       dockerfile: Dockerfile

src/environments/environment.production.ts

@@ -10,9 +10,4 @@ export const environment: Partial<BuildConfig> = {
     time: false,
     inlineCriticalCss: false,
   },
-
-  matomo: {
-    hostUrl: 'http://localhost:8135/',
-    siteId: '1',
-  }
 };

src/environments/environment.ts

@@ -26,11 +26,6 @@ export const environment: Partial<BuildConfig> = {
   },
 
   signpostingEnabled: false,
-
-  matomo: {
-    hostUrl: 'http://localhost:8135/',
-    siteId: '1',
-  }
 };
 
 /*

src/main.browser.ts

@@ -46,17 +46,23 @@ const main = () => {
 function addMatomoStatistics() {
   (window as any)._paq = (window as any)._paq || [];
 
-  // Push all configuration commands first
-  (window as any)._paq.push(['setTrackerUrl', environment.matomo.hostUrl + 'matomo.php']);
-  (window as any)._paq.push(['setSiteId', environment.matomo.siteId]);
-  (window as any)._paq.push(['enableLinkTracking']);
+  void fetch('assets/config.json')
+    .then((response) => response.json())
+    .then((config) => {
+      const matomoConfig = config.matomo;
 
-  const g = document.createElement('script');
-  g.type = 'text/javascript';
-  g.async = true;
-  g.defer = true;
-  g.src = environment.matomo.hostUrl + 'matomo.js';
-  document.getElementsByTagName('head')[0].appendChild(g);
+      // Push all configuration commands first
+      (window as any)._paq.push(['setTrackerUrl', matomoConfig.hostUrl + 'matomo.php']);
+      (window as any)._paq.push(['setSiteId', matomoConfig.siteId]);
+      (window as any)._paq.push(['enableLinkTracking']);
+
+      const g = document.createElement('script');
+      g.type = 'text/javascript';
+      g.async = true;
+      g.defer = true;
+      g.src = matomoConfig.hostUrl + 'matomo.js';
+      document.getElementsByTagName('head')[0].appendChild(g);
+    });
 }
 
 // support async tag or hmr