3 lat temu · 6d7bd390b4
--- a/public/sw.js.map
+++ b/public/sw.js.map
--- a/src/components/GoogleAnalytics/index.tsx
+++ b/src/components/GoogleAnalytics/index.tsx
@@ -0,0 +1,30 @@
 
				+import Script from "next/script";
			
 
				+import React from "react";
			
 
				+
			
 
				+const isDevelopment = process.env.NODE_ENV === "development";
			
 
				+
			
 
				+export const GoogleAnalytics = () => {
			
 
				+  if (isDevelopment) return null;
			
 
				+
			
 
				+  return (
			
 
				+    <>
			
 
				+      <Script
			
 
				+        strategy="afterInteractive"
			
 
				+        src={`https://www.googletagmanager.com/gtag/js?id=G-JKZEHMJBMH`}
			
 
				+      />
			
 
				+      <Script
			
 
				+        strategy="afterInteractive"
			
 
				+        dangerouslySetInnerHTML={{
			
 
				+          __html: `
			
 
				+            window.dataLayer = window.dataLayer || [];
			
 
				+            function gtag(){dataLayer.push(arguments);}
			
 
				+            gtag('js', new Date());
			
 
				+            gtag('config', 'G-JKZEHMJBMH', {
			
 
				+                page_path: window.location.pathname,
			
 
				+            });
			
 
				+        `,
			
 
				+        }}
			
 
				+      />
			
 
				+    </>
			
 
				+  );
			
 
				+};
			
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -6,6 +6,7 @@ import GlobalStyle from "src/constants/globalStyle";
 
				 import { darkTheme, lightTheme } from "src/constants/theme";

			
 
				 import { Toaster } from "react-hot-toast";

			
 
				 import { useConfig, withConfig } from "src/hocs/config";

			
 
				+import { GoogleAnalytics } from "src/components/GoogleAnalytics";

			
 
				 

			
 
				 function JsonVisio({ Component, pageProps }: AppProps) {

			
 
				   const {

			
@@ -14,6 +15,7 @@ function JsonVisio({ Component, pageProps }: AppProps) {
 
				 

			
 
				   return (

			
 
				     <>

			
 
				+      <GoogleAnalytics />

			
 
				       <ThemeProvider theme={settings.lightmode ? lightTheme : darkTheme}>

			
 
				         <GlobalStyle />

			
 
				         <Component {...pageProps} />

			
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -9,8 +9,6 @@ import Document, {
 
				 import { SeoTags } from "src/components/SeoTags";

			
 
				 import { ServerStyleSheet } from "styled-components";

			
 
				 

			
 
				-const isDevelopment = process.env.NODE_ENV === "development";

			
 
				-

			
 
				 class MyDocument extends Document {

			
 
				   static async getInitialProps(

			
 
				     ctx: DocumentContext

			
@@ -39,13 +37,13 @@ class MyDocument extends Document {
 
				     return (

			
 
				       <Html lang="en">

			
 
				         <Head>

			
 
				-          <link rel="manifest" href="/manifest.json" />

			
 
				-          <meta name="theme-color" content="#36393E" />

			
 
				           <SeoTags

			
 
				             description="Simple visualization tool for your JSON data. No forced structure, paste your JSON and view it instantly."

			
 
				             title="JSON Visio - Directly onto graphs"

			
 
				             image="https://jsonvisio.com/jsonvisio.png"

			
 
				           />

			
 
				+          <meta name="theme-color" content="#36393E" />

			
 
				+          <link rel="manifest" href="/manifest.json" />

			
 
				           <link rel="icon" href="/favicon.ico" />

			
 
				           <link rel="preconnect" href="https://fonts.googleapis.com" />

			
 
				           <link