Merge pull request #158 from sakupi01/feat/misc

Author: sakupi01

apps/blog.sakupi01.com/astro.config.mjs

@@ -20,11 +20,21 @@ import { customClassName } from "./src/remark/customClassName";
 import { handleHTML } from "./src/remark/remark-embedder/handleHTML";
 import { CodeSandboxTransformer } from "./src/remark/remark-embedder/transformer";
 
+import partytown from "@astrojs/partytown";
+
 const cache = remarkEmbedderCache(".cache/remark-embedder.json");
 
 export default defineConfig({
   site: "https://blog.sakupi01.com/",
-  integrations: [mdx(), cacheSave(cache)],
+  integrations: [
+    mdx(),
+    cacheSave(cache),
+    partytown({
+      config: {
+        forward: ["dataLayer.push"],
+      },
+    }),
+  ],
   markdown: {
     shikiConfig: {
       themes: {
@@ -79,4 +89,4 @@ export default defineConfig({
       [rehypeAutolinkHeadings, { behavior: "wrap" }],
     ],
   },
-});
+});

apps/blog.sakupi01.com/package.json

@@ -17,6 +17,7 @@
   },
   "dependencies": {
     "@astrojs/mdx": "^4.1.0",
+    "@astrojs/partytown": "^2.1.4",
     "@astrojs/rss": "^4.0.11",
     "@remark-embedder/core": "^3.0.3",
     "@remark-embedder/transformer-oembed": "^5.0.0",
@@ -35,8 +36,8 @@
     "remark-gfm": "4.0.0",
     "remark-link-card": "1.3.1",
     "remark-toc": "9.0.0",
+    "sharp": "catalog:",
     "unist-util-visit": "^5.0.0",
-    "zod": "catalog:",
-    "sharp": "catalog:"
+    "zod": "catalog:"
   }
 }

apps/blog.sakupi01.com/src/components/BlogPostCard.astro

@@ -5,7 +5,7 @@ const { url, title, date, excerpt } = Astro.props;
 ---
 
 <li class="blog-post-card">
-    <a href={url}>
+    <a href={url} target="_blank" >
       <p class="published"><em><b>Published on {formatRFC2822Date(date)}</b></em></p>
       <h3 class="title">{title}</h3>
     </a>

apps/blog.sakupi01.com/src/layouts/BaseLayout.astro

@@ -35,6 +35,19 @@ const { pageTitle = "saku's blog", description, url } = Astro.props;
 			// @ts-ignore
 			CSS.paintWorklet.addModule("/_scripts/curved-underline.js");
 		  })();
+		</script>
+		  <script
+		  is:inline
+		  type="text/partytown"
+		  async
+		  src="https://www.googletagmanager.com/gtag/js?id=G-KC1QTQK44J"></script>
+		<script is:inline type="text/partytown">
+		  window.dataLayer = window.dataLayer || [];
+		  function gtag() {
+			dataLayer.push(arguments);
+		  }
+		  gtag("js", new Date());
+		  gtag("config", "G-KC1QTQK44J");
 		</script>
 		<meta name="generator" content={Astro.generator} />
 		<title>{pageTitle}</title>

apps/sakupi01.com/astro.config.mjs

@@ -1,5 +1,13 @@
 // @ts-check
-import { defineConfig } from 'astro/config';
+import { defineConfig } from "astro/config";
+import partytown from "@astrojs/partytown";
 
-// https://astro.build/config
-export default defineConfig({});
+export default defineConfig({
+  integrations: [
+    partytown({
+      config: {
+        forward: ["dataLayer.push"],
+      },
+    }),
+  ],
+});

apps/sakupi01.com/package.json

@@ -9,6 +9,7 @@
     "astro": "astro"
   },
   "dependencies": {
+    "@astrojs/partytown": "^2.1.4",
     "@repo/ui": "workspace:*",
     "astro": "^5.2.5",
     "jsdom": "^26.0.0",

apps/sakupi01.com/src/layouts/Layout.astro

@@ -93,6 +93,19 @@ const { pageTitle = "saku's blog", description, url } = Astro.props;
         }
       });
     </script>
+     <script
+     is:inline
+     type="text/partytown"
+     async
+     src="https://www.googletagmanager.com/gtag/js?id=G-KC1QTQK44J"></script>
+   <script is:inline type="text/partytown">
+     window.dataLayer = window.dataLayer || [];
+     function gtag() {
+     dataLayer.push(arguments);
+     }
+     gtag("js", new Date());
+     gtag("config", "G-KC1QTQK44J");
+   </script>
     <meta name="generator" content={Astro.generator} />
     <title>{pageTitle}</title>
   </head>