feat: Add env vars to configure plausible

src/env.d.ts

@@ -3,6 +3,8 @@
 interface ImportMetaEnv {
   readonly MERMAID_RENDERER_URL?: string;
   readonly MERMAID_KROKI_RENDERER_URL?: string;
+  readonly MERMAID_ANALYTICS_URL?: string;
+  readonly MERMAID_DOMAIN?: string;
   // more env variables...
 }
 

src/lib/util/env.ts

@@ -1,4 +1,6 @@
 export const env = {
   rendererUrl: import.meta.env.MERMAID_RENDERER_URL ?? 'https://mermaid.ink',
-  krokiRendererUrl: import.meta.env.MERMAID_KROKI_RENDERER_URL ?? 'https://kroki.io'
-};
+  krokiRendererUrl: import.meta.env.MERMAID_KROKI_RENDERER_URL ?? 'https://kroki.io',
+  analyticsUrl: import.meta.env.MERMAID_ANALYTICS_URL ?? '',
+  domain: import.meta.env.MERMAID_DOMAIN ?? 'mermaid.live'
+} as const;

src/lib/util/stats.ts

@@ -1,5 +1,6 @@
 import { browser } from '$app/environment';
 import type { AnalyticsInstance } from 'analytics';
+import { env } from './env';
 export let analytics: AnalyticsInstance | undefined;
 
 export const initAnalytics = async (): Promise<void> => {
@@ -13,10 +14,10 @@ export const initAnalytics = async (): Promise<void> => {
         app: 'mermaid-live-editor',
         plugins: [
           plausible({
-            domain: 'mermaid.live',
+            domain: env.domain,
             hashMode: false,
             // All tracked stats are public and available at https://p.mermaid.live/mermaid.live
-            apiHost: 'https://p.mermaid.live'
+            apiHost: env.analyticsUrl
           })
         ]
       });