fix: resolve incorrect hostname env

Author: JeanMeijer

packages/nuxt/src/module.ts

@@ -31,6 +31,7 @@ export default defineNuxtModule<ModuleOptions>({
     // Ensure proxy has a default value if not provided
     const configOptions = {
       ...options,
+      hostname: options.hostname ?? process.env.SIMPLE_ANALYTICS_HOSTNAME,
       proxy: options.proxy ?? true,
     };
 

packages/nuxt/src/runtime/server/lib/options.ts

@@ -1,3 +1,5 @@
+import { useRuntimeConfig } from "#imports";
+
 export interface SimpleAnalyticsOptions {
   autoCollect?: boolean;
   collectDnt?: boolean;
@@ -34,7 +36,7 @@ export function parseOptions(options: SimpleAnalyticsOptions) {
     "data-auto-collect": options.autoCollect,
     "data-collect-dnt": options.collectDnt,
     "data-hostname":
-      options.hostname ?? process.env.NEXT_PUBLIC_SIMPLE_ANALYTICS_HOSTNAME,
+      options.hostname ?? useRuntimeConfig().public.simpleAnalytics.hostname,
     "data-mode": options.mode,
     "data-ignore-metrics": metrics === "" ? undefined : metrics,
     "data-ignore-pages": options.ignorePages?.join(","),

packages/nuxt/src/runtime/track-event.ts

@@ -10,7 +10,7 @@ import {
   isEnhancedBotDetectionEnabled,
 } from "./server/lib/utils";
 import { parseHeaders } from "./server/lib/headers";
-import { useRequestEvent } from "nuxt/app";
+import { useRequestEvent, useRuntimeConfig } from "nuxt/app";
 
 type TrackEventOptions = TrackingOptions & (ServerContext | HeaderOnlyContext);
 
@@ -22,7 +22,8 @@ export async function trackEvent(
     return;
   }
 
-  const hostname = options?.hostname ?? process.env.SIMPLE_ANALYTICS_HOSTNAME;
+  const hostname =
+    options?.hostname ?? useRuntimeConfig().public.simpleAnalytics.hostname;
 
   if (!hostname) {
     console.warn("No hostname provided for Simple Analytics");

packages/nuxt/src/runtime/track-pageview.ts

@@ -9,7 +9,7 @@ import {
 } from "./server/lib/utils";
 import { parseHeaders } from "./server/lib/headers";
 import { parseUtmParameters } from "./server/lib/utm";
-import { useRequestEvent, useRoute } from "nuxt/app";
+import { useRequestEvent, useRoute, useRuntimeConfig } from "nuxt/app";
 
 // eslint-disable-next-line regexp/no-unused-capturing-group
 const PROXY_PATHS = /^\/(proxy\.js|auto-events\.js|simple\/.*)$/;
@@ -19,7 +19,8 @@ export async function trackPageview(options?: TrackingOptions) {
     return;
   }
 
-  const hostname = options?.hostname ?? process.env.SIMPLE_ANALYTICS_HOSTNAME;
+  const hostname =
+    options?.hostname ?? useRuntimeConfig().public.simpleAnalytics.hostname;
 
   if (!hostname) {
     console.warn("No hostname provided for Simple Analytics");

packages/nuxt/types.d.ts

@@ -33,22 +33,53 @@ declare module "@nuxt/schema" {
   }
 }
 
-declare module "#app" {
-  interface NuxtApp {
-    $simpleAnalytics: {
-      trackEvent: typeof import("./src/lib/server/simple-analytics").trackEvent;
-      trackPageview: typeof import("./src/lib/server/simple-analytics").trackPageview;
-    };
+// Auto-imports exposed by the module
+declare module "#imports" {
+  type AnalyticsPrimitive = string | boolean | number | Date;
+  type AnalyticsMetadata = Record<string, AnalyticsPrimitive> | undefined;
+
+  interface IgnoredMetrics {
+    utm?: boolean | undefined;
+    timezone?: boolean | undefined;
+    userAgent?: boolean | undefined;
+    viewportSize?: boolean | undefined;
+    language?: boolean | undefined;
   }
-}
 
-declare module "@vue/runtime-core" {
-  interface ComponentCustomProperties {
-    $simpleAnalytics: {
-      trackEvent: typeof import("./src/lib/server/simple-analytics").trackEvent;
-      trackPageview: typeof import("./src/lib/server/simple-analytics").trackPageview;
-    };
+  interface TrackingOptions {
+    hostname?: string | undefined;
+    enhancedBotDetection?: boolean | undefined;
+    strictUtm?: boolean | undefined;
+    ignoreMetrics?: IgnoredMetrics | undefined;
+    collectDnt?: boolean | undefined;
+    metadata?: AnalyticsMetadata;
   }
+
+  type HeaderOnlyContext = { headers: Headers };
+  type ServerContextWithRequest = { request: Request };
+  type ServerContextWithPath = {
+    path: string;
+    headers: Headers;
+    searchParams?: Record<string, string | string[] | undefined>;
+  };
+  type ServerContext = ServerContextWithRequest | ServerContextWithPath;
+  type NitroContext = { event: import("h3").H3Event };
+
+  // trackEvent overloads (SSR and Nitro)
+  export function trackEvent(
+    eventName: string,
+    options?: TrackingOptions & (ServerContext | HeaderOnlyContext)
+  ): Promise<void>;
+  export function trackEvent(
+    eventName: string,
+    options: TrackingOptions & NitroContext
+  ): Promise<void>;
+
+  // trackPageview overloads (SSR and Nitro)
+  export function trackPageview(options?: TrackingOptions): Promise<void>;
+  export function trackPageview(
+    options: TrackingOptions & NitroContext
+  ): Promise<void>;
 }
 
 declare global {