From 0c0acf56fe69cbca2237d54f80b170316e64b77a Mon Sep 17 00:00:00 2001
From: Kichiyaki <xyztojajestem@gmail.com>
Date: Thu, 11 Nov 2021 08:36:12 +0100
Subject: [PATCH] add @kichiyaki/gatsby-plugin-plausible

---
 .github/workflows/publish.yml |  2 +-
 gatsby-browser.js             | 11 -----------
 gatsby-config.js              | 10 ++++++++--
 gatsby-ssr.js                 | 34 ----------------------------------
 package.json                  |  1 +
 yarn.lock                     | 11 ++++++++++-
 6 files changed, 20 insertions(+), 49 deletions(-)

diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
index 2ebafe5..0c3edb4 100644
--- a/.github/workflows/publish.yml
+++ b/.github/workflows/publish.yml
@@ -41,7 +41,7 @@ jobs:
           context: .
           build-args: |
             PLAUSIBLE_CUSTOM_DOMAIN=${{ secrets.PLAUSIBLE_CUSTOM_DOMAIN }}
-            VERSION=v${{ steps.get_version.outputs.VERSION }}
+            VERSION=${{ steps.get_version.outputs.VERSION }}
           tags: |
             ${{ secrets.REGISTRY_NAME }}/dwysokinski.me:latest
             ${{ secrets.REGISTRY_NAME }}/dwysokinski.me:${{ steps.get_version.outputs.VERSION }}
diff --git a/gatsby-browser.js b/gatsby-browser.js
index 7f9387a..01e21b7 100644
--- a/gatsby-browser.js
+++ b/gatsby-browser.js
@@ -1,12 +1 @@
 import '@kichiyaki/roboto';
-
-export const onRouteUpdate = ({ location }) => {
-  if (
-    process.env.NODE_ENV !== `production` ||
-    typeof window.plausible !== `object`
-  ) {
-    return;
-  }
-
-  window.plausible('pageview');
-};
diff --git a/gatsby-config.js b/gatsby-config.js
index a2a5e20..63c73c0 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -1,4 +1,4 @@
-const DOMAIN = process.env.DOMAIN;
+const DOMAIN = 'dwysokinski.me';
 const SITE_URL = 'https://' + DOMAIN;
 
 module.exports = {
@@ -12,7 +12,6 @@ module.exports = {
     github: 'https://github.com/Kichiyaki',
     facebook: 'https://www.facebook.com/dawidwysokinski00',
     domain: DOMAIN,
-    plausibleCustomDomain: process.env.PLAUSIBLE_CUSTOM_DOMAIN,
   },
   plugins: [
     `gatsby-plugin-react-helmet`,
@@ -68,5 +67,12 @@ module.exports = {
         },
       },
     },
+    {
+      resolve: `@kichiyaki/gatsby-plugin-plausible`,
+      options: {
+        domain: DOMAIN,
+        customDomain: process.env.PLAUSIBLE_CUSTOM_DOMAIN,
+      },
+    },
   ],
 };
diff --git a/gatsby-ssr.js b/gatsby-ssr.js
index 31df84e..e69de29 100644
--- a/gatsby-ssr.js
+++ b/gatsby-ssr.js
@@ -1,34 +0,0 @@
-import React from 'react';
-
-export const onRenderBody = ({ setHeadComponents, ...rest }) => {
-  if (process.env.NODE_ENV !== 'production') {
-    return null;
-  }
-
-  const plausibleDomain = process.env.PLAUSIBLE_CUSTOM_DOMAIN ?? 'plausible.io';
-  const domain = process.env.DOMAIN ?? 'localhost';
-
-  const scriptProps = {
-    async: true,
-    defer: true,
-    'data-domain': domain,
-    src: `https://${plausibleDomain}/js/plausible.js`,
-  };
-
-  return setHeadComponents([
-    // <link
-    //   key="gatsby-plugin-plausible-preconnect"
-    //   rel="preconnect"
-    //   href={`https://${plausibleDomain}`}
-    // />,
-    <script key="plausible-script" {...scriptProps} />,
-    <script
-      key="plausible-custom-events"
-      dangerouslySetInnerHTML={{
-        __html: `
-          window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) };
-          `,
-      }}
-    />,
-  ]);
-};
diff --git a/package.json b/package.json
index 8c7fcb0..4ca8a5b 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,7 @@
   "version": "0.1.0",
   "author": "Dawid Wysokiński <xyztojajestem@gmail.com>",
   "dependencies": {
+    "@kichiyaki/gatsby-plugin-plausible": "^0.0.8",
     "@kichiyaki/roboto": "^1.0.0",
     "@material-ui/core": "^4.11.0",
     "@material-ui/icons": "^4.9.1",
diff --git a/yarn.lock b/yarn.lock
index a3a50fd..619bd8a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1646,6 +1646,15 @@
     "@babel/runtime" "^7.7.2"
     regenerator-runtime "^0.13.3"
 
+"@kichiyaki/gatsby-plugin-plausible@^0.0.8":
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/@kichiyaki/gatsby-plugin-plausible/-/gatsby-plugin-plausible-0.0.8.tgz#94f53c5a8f768b934228e4f43c5493c38885152b"
+  integrity sha512-DO03Z6NHRiwh8XHJtBJcLxMZ1a8cDjYM0inuGmNI33ea7fV4wdGVF5uHidlbdlls2hLfYPDkjOc0y2Yz3Ff/nw==
+  dependencies:
+    "@babel/runtime" "^7.9.2"
+    minimatch "3.0.4"
+    react "^17.0.2"
+
 "@kichiyaki/roboto@^1.0.0":
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/@kichiyaki/roboto/-/roboto-1.0.0.tgz#6f5dfb40e2423940588946c952490b123ca8088b"
@@ -10269,7 +10278,7 @@ react-transition-group@^4.4.0:
     loose-envify "^1.4.0"
     prop-types "^15.6.2"
 
-react@^17.0.1:
+react@^17.0.1, react@^17.0.2:
   version "17.0.2"
   resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"
   integrity sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==