Add krakens analytics

geomachine · geomachine · commit 9e5fb6382198 · 2026-03-05T15:04:31.000+06:00
diff --git a/.github/workflows/docker-build.yaml b/.github/workflows/docker-build.yaml
@@ -68,6 +68,7 @@ jobs:
           platforms: linux/amd64
           build-args: |
             NEXT_PUBLIC_API_URL=${{ vars.NEXT_PUBLIC_API_URL }}
+            NEXT_PUBLIC_KRAKENS_PROJECT_ID=${{ secrets.NEXT_PUBLIC_KRAKENS_PROJECT_ID }}
 
       - name: 🐳 Build and push Docker image (server)
         if: inputs.service == 'server'
diff --git a/client/.env.local.example b/client/.env.local.example
@@ -1,2 +1,4 @@
 # API Base URL (optional - defaults to http://localhost:3001 in development)
 NEXT_PUBLIC_API_URL=
+# track user traffics through krakens dashboard
+NEXT_PUBLIC_KRAKENS_PROJECT_ID= 
diff --git a/client/Dockerfile b/client/Dockerfile
@@ -17,6 +17,9 @@ COPY . .
 
 # NEXT_PUBLIC_* vars must be available at build time (they are inlined by Next.js)
 ARG NEXT_PUBLIC_API_URL
+ARG NEXT_PUBLIC_KRAKENS_PROJECT_ID
+
+ENV NEXT_PUBLIC_KRAKENS_PROJECT_ID=$NEXT_PUBLIC_KRAKENS_PROJECT_ID
 ENV NEXT_PUBLIC_API_URL=$NEXT_PUBLIC_API_URL
 
 RUN npm run build
diff --git a/client/app/layout.tsx b/client/app/layout.tsx
@@ -2,6 +2,7 @@ import type { Metadata } from 'next';
 import { Inter } from 'next/font/google';
 import { ThemeProvider } from '@/components/providers/ThemeProvider';
 import '@/styles/globals.css';
+import { KrakensAnalytics } from '@/components/krakens-analytics';
 
 /**
  * Root layout - wraps all pages
@@ -50,6 +51,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning className={inter.variable}>
       <body>
+        <KrakensAnalytics />
         <ThemeProvider 
           attribute="class" 
           defaultTheme="system" 
diff --git a/client/components/krakens-analytics.tsx b/client/components/krakens-analytics.tsx
@@ -0,0 +1,18 @@
+'use client';
+
+import Script from 'next/script';
+
+export function KrakensAnalytics() {
+    return (
+        <Script
+            src="https://krakens.nesohq.org/krakens.js"
+            strategy="afterInteractive"
+            onLoad={() => {
+                const projectId = process.env.NEXT_PUBLIC_KRAKENS_PROJECT_ID;
+                if (typeof window !== 'undefined' && (window as any).Krakens && projectId) {
+                    (window as any).Krakens.init(projectId);
+                }
+            }}
+        />
+    );
+}
diff --git a/client/package-lock.json b/client/package-lock.json
