feat: block increment views except on main domain

src/constants/env.ts

@@ -2,10 +2,45 @@ import { getFromLocalStorage } from '@/lib/helper';
 
 export const isProd = process.env.NODE_ENV === 'production';
 
+/**
+ * Show command service on contents
+ * @see Comment.tsx
+ */
 export const commentFlag = isProd;
+
+/**
+ * Get content meta from the database
+ * @see useContentMeta.tsx
+ */
 export const contentMetaFlag = isProd;
+
+/**
+ * Increment content views
+ * @see useContentMeta.tsx
+ */
 export const incrementMetaFlag =
   isProd && getFromLocalStorage('incrementMetaFlag') !== 'false';
+
+/**
+ * Show Spotify Now Playing on footer
+ * @see Footer.tsx
+ */
 export const spotifyFlag = isProd;
+
+/**
+ * Open API access to newsletter provider (subscribe and view count)
+ * @see SubscribeCard.tsx
+ */
 export const newsletterFlag = isProd;
+
+/**
+ * Console to the browser greeting message
+ * @see Layout.tsx
+ */
 export const sayHelloFlag = isProd;
+
+/**
+ * Only increase count when in specified domain meta
+ * @see _app.tsx
+ */
+export const blockDomainMeta = isProd;

src/pages/_app.tsx

@@ -14,13 +14,20 @@ import '@/styles/mdx.css';
 import '@/styles/dracula.css';
 import '@/styles/nprogress.css';
 
+import { blockDomainMeta } from '@/constants/env';
+
 Router.events.on('routeChangeStart', nProgress.start);
 Router.events.on('routeChangeError', nProgress.done);
 Router.events.on('routeChangeComplete', nProgress.done);
 
 function MyApp({ Component, pageProps }: AppProps) {
   React.useEffect(() => {
     hotjar.initialize(2702988, 6);
+
+    // Don't increment views if not on main domain
+    if (window.location.host !== 'theodorusclarence.com' && blockDomainMeta) {
+      localStorage.setItem('incrementMetaFlag', 'false');
+    }
   }, []);
 
   return (