From a87d886785ef8c46c629ba5d92921c7b4e70f5ee Mon Sep 17 00:00:00 2001
From: DrMint <thomas@barillot.net>
Date: Sat, 6 Aug 2022 11:31:06 +0200
Subject: [PATCH] Added analytics

---
 README.md                    |  2 ++
 src/components/AppLayout.tsx | 33 +++++++++++++++++----------------
 src/pages/api/revalidate.ts  |  6 ++++++
 3 files changed, 25 insertions(+), 16 deletions(-)

diff --git a/README.md b/README.md
index b554898..25269cb 100644
--- a/README.md
+++ b/README.md
@@ -92,6 +92,8 @@ NEXT_PUBLIC_URL_IMG=https://url-to.img-accords-library.com
 NEXT_PUBLIC_URL_WATCH=https://url-to.watch-accords-library.com
 NEXT_PUBLIC_URL_SELF=https://url-to-front-accords-library.com
 NEXT_PUBLIC_URL_SEARCH=https://url-to.search-accords-library.com
+NEXT_PUBLIC_UMAMI_URL=https://url-to.umami-accords-library.com
+NEXT_PUBLIC_UMAMI_ID=abcdef0123456789
 ```
 
 Run in dev mode:
diff --git a/src/components/AppLayout.tsx b/src/components/AppLayout.tsx
index 7a9dc5d..e1ee392 100644
--- a/src/components/AppLayout.tsx
+++ b/src/components/AppLayout.tsx
@@ -211,34 +211,35 @@ export const AppLayout = ({
           <title>{openGraph.title}</title>
           <meta name="description" content={openGraph.description} />
 
-          <meta name="twitter:title" content={openGraph.title}></meta>
-          <meta
-            name="twitter:description"
-            content={openGraph.description}
-          ></meta>
-          <meta name="twitter:card" content="summary_large_image"></meta>
-          <meta name="twitter:image" content={openGraph.thumbnail.image}></meta>
+          <meta name="twitter:title" content={openGraph.title} />
+          <meta name="twitter:description" content={openGraph.description} />
+          <meta name="twitter:card" content="summary_large_image" />
+          <meta name="twitter:image" content={openGraph.thumbnail.image} />
 
           <meta property="og:title" content={openGraph.title} />
           <meta property="og:description" content={openGraph.description} />
-          <meta property="og:image" content={openGraph.thumbnail.image}></meta>
+          <meta property="og:image" content={openGraph.thumbnail.image} />
           <meta
             property="og:image:secure_url"
             content={openGraph.thumbnail.image}
-          ></meta>
+          />
           <meta
             property="og:image:width"
             content={openGraph.thumbnail.width.toString()}
-          ></meta>
+          />
           <meta
             property="og:image:height"
             content={openGraph.thumbnail.height.toString()}
-          ></meta>
-          <meta
-            property="og:image:alt"
-            content={openGraph.thumbnail.alt}
-          ></meta>
-          <meta property="og:image:type" content="image/jpeg"></meta>
+          />
+          <meta property="og:image:alt" content={openGraph.thumbnail.alt} />
+          <meta property="og:image:type" content="image/jpeg" />
+
+          <script
+            async
+            defer
+            data-website-id={process.env.NEXT_PUBLIC_UMAMI_ID}
+            src={`${process.env.NEXT_PUBLIC_UMAMI_URL}/umami.js`}
+          />
         </Head>
 
         {/* Background when navbar is opened */}
diff --git a/src/pages/api/revalidate.ts b/src/pages/api/revalidate.ts
index ff16706..8e0859a 100644
--- a/src/pages/api/revalidate.ts
+++ b/src/pages/api/revalidate.ts
@@ -190,6 +190,9 @@ const Revalidate = (
         paths.push(`/library/${body.entry.library_item.slug}`);
         paths.push(`/library/${body.entry.library_item.slug}/scans`);
       }
+      if (body.entry.content) {
+        paths.push(`/contents/${body.entry.content.slug}`);
+      }
       serverRuntimeConfig.locales?.map((locale: string) => {
         if (body.entry.library_item) {
           paths.push(`/${locale}/library/${body.entry.library_item.slug}`);
@@ -197,6 +200,9 @@ const Revalidate = (
             `/${locale}/library/${body.entry.library_item.slug}/scans`
           );
         }
+        if (body.entry.content) {
+          paths.push(`/${locale}/contents/${body.entry.content.slug}`);
+        }
       });
       break;
     }