Merge pull request #10 from Couchbase-Ecosystem/add-reo-analytics

Add Reo.dev analytics tracking

Author: azaddhirajkumar

.github/workflows/deploy.yml

@@ -25,6 +25,8 @@ jobs:
         run: yarn install --frozen-lockfile
       - name: Build website
         run: yarn build
+        env:
+          REO_CLIENT_ID: ${{ vars.REO_CLIENT_ID }}
 
       - name: Deploy to GitHub Pages
         uses: peaceiris/actions-gh-pages@v3

.github/workflows/test-deploy.yml

@@ -21,4 +21,6 @@ jobs:
       - name: Install dependencies
         run: yarn install --frozen-lockfile
       - name: Test build website
-        run: yarn build
+        run: yarn build
+        env:
+          REO_CLIENT_ID: ${{ vars.REO_CLIENT_ID }}

.gitignore

@@ -46,6 +46,7 @@ build
 coverage
 .docusaurus
 .cache-loader
+.env
 types
 test-website
 test-website-in-workspace

docusaurus.config.js

@@ -1,4 +1,5 @@
 
+import 'dotenv/config';
 import {themes as prismThemes} from 'prism-react-renderer';
 
 /** @type {import('@docusaurus/types').Config} */
@@ -24,6 +25,14 @@ const config = {
   onBrokenLinks: 'warn',
   onBrokenMarkdownLinks: 'warn',
 
+  headTags: [
+    {
+      tagName: 'script',
+      attributes: {},
+      innerHTML: `!function(){var e,t,n;e="${process.env.REO_CLIENT_ID}",t=function(){Reo.init({clientID:"${process.env.REO_CLIENT_ID}"})},(n=document.createElement("script")).src="https://static.reo.dev/"+e+"/reo.js",n.async=!0,n.onload=t,document.head.appendChild(n)}();`,
+    },
+  ],
+
   // Even if you don't use internationalization, you can use this field to set
   // useful metadata like html lang. For example, if your site is Chinese, you
   // may want to replace "en" with "zh-Hans".

package.json

@@ -18,6 +18,7 @@
     "@docusaurus/preset-classic": "3.6.3",
     "@mdx-js/react": "^3.1.0",
     "clsx": "^2.1.1",
+    "dotenv": "^17.3.1",
     "prism-react-renderer": "^2.4.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"