feat: Replace plausible with umami for monitoring

LTopx · Jul 23, 2023 · 041ed83 · 041ed83 · vercel · Jul 23, 2023
1 parent 2582586
commit 041ed83
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 30 deletions.
diff --git a/CHANGE_LOG.md b/CHANGE_LOG.md
@@ -18,6 +18,7 @@
 - Remove sentry
 - Temporarily remove prompt market, refactor and go online before next weekend
 - Refactor most of the logic related to zustand status, greatly reduce the number of renders, and improve the overall performance.
+- Replace plausible with umami for monitoring
 
 ## v0.7.4
 

diff --git a/CHANGE_LOG.zh_CN.md b/CHANGE_LOG.zh_CN.md
@@ -18,6 +18,7 @@
 - 移除 sentry
 - 暂时移除 prompt market，下周末之前重构好上线
 - 重构 zustand 状态相关的大部分逻辑，极大的减少 render 次数，提升整体性能
+- 移除 plausible，替换监控为 umami
 
 ## v0.7.4
 

diff --git a/package.json b/package.json
@@ -42,7 +42,6 @@
     "next": "13.4.12",
     "next-auth": "4.22.3",
     "next-intl": "2.19.0",
-    "next-plausible": "3.10.1",
     "next-themes": "0.2.1",
     "nodemailer": "6.9.4",
     "postcss": "8.4.27",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app/[locale]/layout.tsx b/src/app/[locale]/layout.tsx
@@ -32,6 +32,11 @@ export default async function LocaleLayout({
   return (
     <html lang={locale} className={inter.className} suppressHydrationWarning>
       <Script src="/disableSafariScalable.js" />
+      <script
+        async
+        src={process.env.NEXT_PUBLIC_UMAMI_SCRIPT_URL}
+        data-website-id={process.env.NEXT_PUBLIC_UMAMI_WEBSITE_ID}
+      ></script>
       <body>
         <Providers locale={locale} messages={messages}>
           <Announcement />

diff --git a/src/app/providers.tsx b/src/app/providers.tsx
@@ -1,6 +1,5 @@
 "use client";
 
-import PlausibleProvider from "next-plausible";
 import { SessionProvider } from "next-auth/react";
 import { ThemeProvider } from "next-themes";
 import { NextIntlClientProvider, type AbstractIntlMessages } from "next-intl";
@@ -15,18 +14,12 @@ export default function Providers({
   messages: AbstractIntlMessages;
 }) {
   return (
-    <PlausibleProvider
-      domain={process.env.NEXT_PUBLIC_PLAUSIBLE_DOMAIN || ""}
-      selfHosted
-      customDomain={process.env.NEXT_PUBLIC_PLAUSIBLE_CUSTOM_DOMAIN}
-    >
-      <SessionProvider>
-        <ThemeProvider attribute="class">
-          <NextIntlClientProvider locale={locale} messages={messages}>
-            {children}
-          </NextIntlClientProvider>
-        </ThemeProvider>
-      </SessionProvider>
-    </PlausibleProvider>
+    <SessionProvider>
+      <ThemeProvider attribute="class">
+        <NextIntlClientProvider locale={locale} messages={messages}>
+          {children}
+        </NextIntlClientProvider>
+      </ThemeProvider>
+    </SessionProvider>
   );
 }