Merge pull request #2769 from appwrite/fix-plausible-tracker

Author: ItzNotABug

package.json

@@ -28,6 +28,7 @@
         "@appwrite.io/pink-legacy": "^1.0.3",
         "@appwrite.io/pink-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@46a4901",
         "@faker-js/faker": "^9.9.0",
+        "@plausible-analytics/tracker": "^0.4.4",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^10.25.0",
         "@stripe/stripe-js": "^3.5.0",
@@ -42,7 +43,6 @@
         "ignore": "^6.0.2",
         "nanoid": "^5.1.6",
         "nanotar": "^0.1.1",
-        "plausible-tracker": "^0.3.9",
         "pretty-bytes": "^6.1.1",
         "prismjs": "^1.30.0",
         "react": "^19.2.0",

pnpm-lock.yaml

@@ -1,5 +1,5 @@
 import Analytics, { type AnalyticsPlugin } from 'analytics';
-import Plausible from 'plausible-tracker';
+import { init, track } from '@plausible-analytics/tracker';
 import { get } from 'svelte/store';
 import { page } from '$app/state';
 import { user } from '$lib/stores/user';
@@ -12,30 +12,30 @@ import { resolvedProfile } from '$lib/profiles/index.svelte';
 function plausible(domain: string): AnalyticsPlugin {
     if (!browser) return { name: 'analytics-plugin-plausible' };
 
-    const instance = Plausible({
-        domain
+    init({
+        domain,
+        autoCapturePageviews: false
     });
 
     return {
         name: 'analytics-plugin-plausible',
         page: ({ payload }) => {
-            instance.trackPageview({
+            track('pageview', {
                 url: payload.properties.path,
-                referrer: payload.properties.referrer,
-                deviceWidth: payload.properties.width
+                props: {
+                    referrer: payload.properties.referrer,
+                    deviceWidth: String(payload.properties.width)
+                }
             });
         },
         track: ({ payload }) => {
-            instance.trackEvent(
-                payload.event,
-                {
-                    props: payload.properties
-                },
-                {
-                    url: payload.properties.path,
-                    deviceWidth: payload.properties.width
+            track(payload.event, {
+                url: payload.properties.path,
+                props: {
+                    ...payload.properties,
+                    deviceWidth: String(payload.properties.width)
                 }
-            );
+            });
         },
         loaded: () => true
     };