refactor(ts): matomo

Author: arildm

app/scripts/index.d.ts

@@ -19,3 +19,15 @@ declare module "rickshaw" {
     const Rickshaw: any
     export default Rickshaw
 }
+
+interface Window {
+    /** Matomo action queue */
+    _paq?: any[]
+}
+
+// Type of process.env
+namespace NodeJS {
+    interface ProcessEnv {
+        ENVIRONMENT: "development" | "staging" | "production"
+    }
+}

app/scripts/matomo.js renamed to app/scripts/matomo.ts

@@ -5,9 +5,12 @@
 import settings from "@/settings"
 
 // Allow environment-specific (development/staging/production) settings or fallback to general settings
-const matomoSettings = { ...settings["matomo"], ...settings["matomo"]?.[process.env.ENVIRONMENT] }
+const matomoSettings = {
+    ...settings.matomo,
+    ...settings.matomo?.[process.env.ENVIRONMENT],
+}
 
-if (matomoSettings?.["url"] && matomoSettings?.["site"]) {
+if (matomoSettings.url && matomoSettings.site) {
     /** Matomo message queue */
     var _paq = (window._paq = window._paq || [])
     _paq.push(["trackPageView"])
@@ -24,6 +27,6 @@ if (matomoSettings?.["url"] && matomoSettings?.["site"]) {
         g.type = "text/javascript"
         g.async = true
         g.src = u + "matomo.js"
-        s.parentNode.insertBefore(g, s)
+        s.parentNode!.insertBefore(g, s)
     })()
 }