Enable Matomo configuration via env vars, in dev mode

EcrituresNumeriques · Dec 1, 2021 · f392d0c · f392d0c
1 parent 58e686e
commit f392d0c
Show file tree

Hide file tree

Showing 8 changed files with 286 additions and 48 deletions.
diff --git a/ecosystem.config.js b/ecosystem.config.js
@@ -1,9 +1,12 @@
+const { parsed } = require('dotenv').config({ path: 'stylo.env'})
+
 module.exports = {
   apps: [
     {
       name: "front",
       script: "vite",
-      cwd: "./front/gatsby"
+      cwd: "./front/gatsby",
+      env: parsed
     },
     {
       name: "export",

diff --git a/front/gatsby/index.html b/front/gatsby/index.html
@@ -20,6 +20,7 @@
     <meta name="twitter:description" content="Stylo, online text editor for scholars">
     <meta name="twitter:image" content="/favicon.ico">
     <script src="https://polyfill.io/v3/polyfill.min.js"></script>
+    {{#if SNOWPACK_MATOMO}}
     <!-- Matomo -->
     <script>
       var _paq = window._paq = window._paq || [];
@@ -29,14 +30,15 @@
       _paq.push(['trackPageView']);
       _paq.push(['enableLinkTracking']);
       (function() {
-        var u="https://analyseweb.huma-num.fr/";
+        var u="{{ SNOWPACK_MATOMO_URL }}";
         _paq.push(['setTrackerUrl', u+'piwik.php']);
-        _paq.push(['setSiteId', '286']);
+        _paq.push(['setSiteId', '{{ SNOWPACK_MATOMO_SITE_ID }}']);
         var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
         g.async=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
       })();
     </script>
     <!-- End Matomo Code -->
+    {{/if}}
   </head>
   <body>
     <div id="root" aria-live></div>

diff --git a/front/gatsby/package-lock.json b/front/gatsby/package-lock.json
diff --git a/front/gatsby/package.json b/front/gatsby/package.json
@@ -63,6 +63,7 @@
     "node-fetch": "^2.6.1",
     "prettier": "^2.3.0",
     "sass": "^1.43.4",
-    "vite": "^2.6.14"
+    "vite": "^2.6.14",
+    "vite-plugin-handlebars": "^1.6.0"
   }
 }
diff --git a/front/gatsby/vite.config.js b/front/gatsby/vite.config.js
@@ -1,6 +1,9 @@
 import { defineConfig } from 'vite'
 import { env } from 'process'
 import react from '@vitejs/plugin-react'
+import handlebars from 'vite-plugin-handlebars'
+
+const { NODE_ENV, SNOWPACK_MATOMO_URL, SNOWPACK_MATOMO_SITE_ID } = env
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -18,6 +21,14 @@ export default defineConfig({
   },
   plugins: [
     react(),
+    handlebars({
+      context: {
+        NODE_ENV,
+        SNOWPACK_MATOMO: Boolean(SNOWPACK_MATOMO_URL) && Boolean(SNOWPACK_MATOMO_SITE_ID),
+        SNOWPACK_MATOMO_URL,
+        SNOWPACK_MATOMO_SITE_ID,
+      }
+    })
   ],
   define: {
     'process.env': {