docs: integrate google analytics (#10526)

medusajs · Dec 10, 2024 · 0c1bbba · 0c1bbba
1 parent de81187
commit 0c1bbba
Show file tree

Hide file tree

Showing 19 changed files with 156 additions and 93 deletions.
diff --git a/www/apps/api-reference/.env.sample b/www/apps/api-reference/.env.sample
@@ -16,4 +16,5 @@ ALGOLIA_WRITE_API_KEY=
 ANALYZE_BUNDLE=
 NEXT_PUBLIC_AI_ASSISTANT_URL=
 NEXT_PUBLIC_AI_WEBSITE_ID=
-NEXT_PUBLIC_AI_API_ASSISTANT_RECAPTCHA_SITE_KEY=
+NEXT_PUBLIC_AI_API_ASSISTANT_RECAPTCHA_SITE_KEY=
+NEXT_PUBLIC_GA_ID=
diff --git a/www/apps/api-reference/app/layout.tsx b/www/apps/api-reference/app/layout.tsx
@@ -53,7 +53,10 @@ export default function RootLayout({
   children: React.ReactNode
 }) {
   return (
-    <BareboneLayout htmlClassName={clsx(inter.variable, robotoMono.variable)}>
+    <BareboneLayout
+      htmlClassName={clsx(inter.variable, robotoMono.variable)}
+      gaId={process.env.NEXT_PUBLIC_GA_ID}
+    >
       <WideLayout
         sidebarProps={{
           expandItems: false,

diff --git a/www/apps/api-reference/package.json b/www/apps/api-reference/package.json
@@ -17,7 +17,7 @@
     "@mdx-js/react": "^3.1.0",
     "@medusajs/icons": "^2.0.0",
     "@medusajs/ui": "^3.0.0",
-    "@next/mdx": "15.0.1",
+    "@next/mdx": "15.0.4",
     "@react-hook/resize-observer": "^2.0.2",
     "@readme/openapi-parser": "^2.5.0",
     "algoliasearch": "4",
@@ -27,7 +27,7 @@
     "jsdom": "^22.1.0",
     "json-schema": "^0.4.0",
     "json-stringify-pretty-compact": "^4.0.0",
-    "next": "15.0.1",
+    "next": "15.0.4",
     "next-mdx-remote": "5.0.0",
     "openapi-sampler": "^1.3.1",
     "openapi-types": "^12.1.3",
@@ -50,7 +50,7 @@
     "yaml": "^2.3.1"
   },
   "devDependencies": {
-    "@next/bundle-analyzer": "15.0.1",
+    "@next/bundle-analyzer": "15.0.4",
     "@types/jsdom": "^21.1.1",
     "@types/mapbox__rehype-prism": "^0.8.0",
     "@types/mdx": "^2.0.13",

diff --git a/www/apps/book/.env.sample b/www/apps/book/.env.sample
@@ -16,4 +16,5 @@ NEXT_PUBLIC_AI_ASSISTANT_URL=
 NEXT_PUBLIC_AI_WEBSITE_ID=
 NEXT_PUBLIC_AI_API_ASSISTANT_RECAPTCHA_SITE_KEY=
 CLOUDINARY_CLOUD_NAME=
-NEXT_PUBLIC_BASE_PATH=
+NEXT_PUBLIC_BASE_PATH=
+NEXT_PUBLIC_GA_ID=
diff --git a/www/apps/book/app/layout.tsx b/www/apps/book/app/layout.tsx
@@ -45,7 +45,10 @@ export default function RootLayout({
   children: React.ReactNode
 }) {
   return (
-    <BareboneLayout htmlClassName={clsx(inter.variable, robotoMono.variable)}>
+    <BareboneLayout
+      htmlClassName={clsx(inter.variable, robotoMono.variable)}
+      gaId={process.env.NEXT_PUBLIC_GA_ID}
+    >
       {children}
     </BareboneLayout>
   )

diff --git a/www/apps/book/package.json b/www/apps/book/package.json
@@ -17,10 +17,10 @@
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
     "@medusajs/icons": "^2.0.0",
-    "@next/mdx": "15.0.1",
+    "@next/mdx": "15.0.4",
     "clsx": "^2.1.0",
     "docs-ui": "*",
-    "next": "15.0.1",
+    "next": "15.0.4",
     "react": "rc",
     "react-dom": "rc",
     "rehype-mdx-code-props": "^2.0.0",

diff --git a/www/apps/resources/.env.sample b/www/apps/resources/.env.sample
@@ -16,4 +16,5 @@ ANALYZE_BUNDLE=
 NEXT_PUBLIC_AI_ASSISTANT_URL=
 NEXT_PUBLIC_AI_WEBSITE_ID=
 NEXT_PUBLIC_AI_API_ASSISTANT_RECAPTCHA_SITE_KEY=
-CLOUDINARY_CLOUD_NAME=
+CLOUDINARY_CLOUD_NAME=
+NEXT_PUBLIC_GA_ID=
diff --git a/www/apps/resources/app/layout.tsx b/www/apps/resources/app/layout.tsx
@@ -60,7 +60,10 @@ export default function RootLayout({
   children: React.ReactNode
 }) {
   return (
-    <BareboneLayout htmlClassName={clsx(inter.variable, robotoMono.variable)}>
+    <BareboneLayout
+      htmlClassName={clsx(inter.variable, robotoMono.variable)}
+      gaId={process.env.NEXT_PUBLIC_GA_ID}
+    >
       <TightLayout
         sidebarProps={{
           expandItems: true,

diff --git a/www/apps/resources/package.json b/www/apps/resources/package.json
@@ -16,10 +16,10 @@
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
     "@medusajs/icons": "^2.0.0",
-    "@next/mdx": "15.0.1",
+    "@next/mdx": "15.0.4",
     "clsx": "^2.1.0",
     "docs-ui": "*",
-    "next": "15.0.1",
+    "next": "15.0.4",
     "react": "rc",
     "react-dom": "rc",
     "rehype-mdx-code-props": "^2.0.0",

diff --git a/www/apps/ui/.env.example b/www/apps/ui/.env.example
@@ -8,4 +8,5 @@ NEXT_PUBLIC_ALGOLIA_APP_ID=
 NEXT_PUBLIC_SEGMENT_API_KEY=
 NEXT_PUBLIC_AI_ASSISTANT_URL=
 NEXT_PUBLIC_AI_WEBSITE_ID=
-NEXT_PUBLIC_AI_API_ASSISTANT_RECAPTCHA_SITE_KEY=
+NEXT_PUBLIC_AI_API_ASSISTANT_RECAPTCHA_SITE_KEY=
+NEXT_PUBLIC_GA_ID=
diff --git a/www/apps/ui/package.json b/www/apps/ui/package.json
@@ -25,7 +25,7 @@
     "date-fns": "^3.3.1",
     "docs-ui": "*",
     "mdast-util-toc": "^7.0.0",
-    "next": "15.0.1",
+    "next": "15.0.4",
     "next-contentlayer": "^0.3.4",
     "next-themes": "^0.2.1",
     "postcss": "8.4.27",

diff --git a/www/apps/ui/src/app/layout.tsx b/www/apps/ui/src/app/layout.tsx
@@ -56,7 +56,10 @@ export default function RootLayout({
   children: React.ReactNode
 }) {
   return (
-    <BareboneLayout htmlClassName={clsx(inter.variable, robotoMono.variable)}>
+    <BareboneLayout
+      htmlClassName={clsx(inter.variable, robotoMono.variable)}
+      gaId={process.env.NEXT_PUBLIC_GA_ID}
+    >
       <TightLayout
         sidebarProps={{
           expandItems: true,

diff --git a/www/apps/user-guide/.env.example b/www/apps/user-guide/.env.example
@@ -0,0 +1,19 @@
+NEXT_PUBLIC_SEGMENT_API_KEY=
+NEXT_PUBLIC_DOCS_ALGOLIA_INDEX_NAME=
+NEXT_PUBLIC_API_ALGOLIA_INDEX_NAME=
+NEXT_PUBLIC_ALGOLIA_API_KEY=
+NEXT_PUBLIC_ALGOLIA_APP_ID=
+NEXT_PUBLIC_ENV=
+NEXT_PUBLIC_BASE_URL=
+NEXT_PUBLIC_BASE_PATH=
+NEXT_PUBLIC_DOCS_URL=
+NEXT_PUBLIC_RESOURCES_URL=
+NEXT_PUBLIC_UI_URL=
+NEXT_PUBLIC_API_URL=
+ALGOLIA_WRITE_API_KEY=
+ANALYZE_BUNDLE=
+NEXT_PUBLIC_AI_ASSISTANT_URL=
+NEXT_PUBLIC_AI_WEBSITE_ID=
+NEXT_PUBLIC_AI_API_ASSISTANT_RECAPTCHA_SITE_KEY=
+CLOUDINARY_CLOUD_NAME=
+NEXT_PUBLIC_GA_ID=
diff --git a/www/apps/user-guide/app/layout.tsx b/www/apps/user-guide/app/layout.tsx
@@ -59,7 +59,10 @@ export default function RootLayout({
   children: React.ReactNode
 }) {
   return (
-    <BareboneLayout htmlClassName={clsx(inter.variable, robotoMono.variable)}>
+    <BareboneLayout
+      htmlClassName={clsx(inter.variable, robotoMono.variable)}
+      gaId={process.env.NEXT_PUBLIC_GA_ID}
+    >
       <TightLayout
         sidebarProps={{
           expandItems: true,

diff --git a/www/apps/user-guide/package.json b/www/apps/user-guide/package.json
@@ -17,10 +17,10 @@
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
     "@medusajs/icons": "^2.0.0",
-    "@next/mdx": "15.0.1",
+    "@next/mdx": "15.0.4",
     "clsx": "^2.1.0",
     "docs-ui": "*",
-    "next": "15.0.1",
+    "next": "15.0.4",
     "react": "rc",
     "react-dom": "rc",
     "rehype-mdx-code-props": "^2.0.0",

diff --git a/www/package.json b/www/package.json
@@ -31,7 +31,7 @@
     "@babel/eslint-parser": "^7.25.9",
     "@eslint/js": "9.13.0",
     "@types/eslint__js": "8.42.3",
-    "eslint-config-next": "15.0.1",
+    "eslint-config-next": "15.0.4",
     "eslint-config-prettier": "9.1.0",
     "eslint-config-turbo": "2.2.3",
     "eslint-plugin-markdown": "5.1.0",

diff --git a/www/packages/docs-ui/package.json b/www/packages/docs-ui/package.json
@@ -39,7 +39,7 @@
     "clsx": "^2.0.0",
     "cpy-cli": "^5.0.0",
     "eslint": "^9.13.0",
-    "next": "15.0.1",
+    "next": "15.0.4",
     "rimraf": "^5.0.1",
     "tailwind": "*",
     "tailwindcss": "^3.3.3",
@@ -59,6 +59,7 @@
     "@emotion/is-prop-valid": "^1.3.1",
     "@medusajs/icons": "^2.0.0",
     "@medusajs/ui": "^4.0.0",
+    "@next/third-parties": "15.0.4",
     "@octokit/request": "^8.1.1",
     "@react-hook/resize-observer": "^1.2.6",
     "@segment/analytics-next": "^1.75.0",

diff --git a/www/packages/docs-ui/src/layouts/barebone.tsx b/www/packages/docs-ui/src/layouts/barebone.tsx
@@ -1,19 +1,23 @@
 import clsx from "clsx"
 import React from "react"
+import { GoogleAnalytics } from "@next/third-parties/google"
 
 export type BareboneLayoutProps = {
   htmlClassName?: string
   children: React.ReactNode
+  gaId?: string
 }
 
 export const BareboneLayout = ({
   htmlClassName,
   children,
+  gaId,
 }: BareboneLayoutProps) => {
   return (
     <html lang="en" className={clsx("h-full w-full", htmlClassName)}>
       <head />
       {children}
+      <GoogleAnalytics gaId={gaId || "temp"} />
     </html>
   )
 }