@nuxt/scripts 1.0.0-beta.6 → 1.0.0-rc.1

package/dist/runtime/registry/meta-pixel.d.ts

@@ -1,4 +1,5 @@
 import type { RegistryScriptInput } from '#nuxt-scripts/types';
+import { MetaPixelOptions } from './schemas.js';
 type StandardEvents = 'AddPaymentInfo' | 'AddToCart' | 'AddToWishlist' | 'CompleteRegistration' | 'Contact' | 'CustomizeProduct' | 'Donate' | 'FindLocation' | 'InitiateCheckout' | 'Lead' | 'Purchase' | 'Schedule' | 'Search' | 'StartTrial' | 'SubmitApplication' | 'Subscribe' | 'ViewContent';
 interface EventObjectProperties {
     content_category?: string;
@@ -14,7 +15,7 @@ interface EventObjectProperties {
     num_items?: number;
     predicted_ltv?: number;
     search_string?: string;
-    status?: 'completed' | 'updated' | 'viewed' | 'added_to_cart' | 'removed_from_cart' | string;
+    status?: 'completed' | 'updated' | 'viewed' | 'added_to_cart' | 'removed_from_cart' | (string & {});
     value?: number;
     [key: string]: any;
 }
@@ -35,9 +36,6 @@ declare global {
     interface Window extends MetaPixelApi {
     }
 }
-export declare const MetaPixelOptions: import("valibot").ObjectSchema<{
-    readonly id: import("valibot").UnionSchema<[import("valibot").StringSchema<undefined>, import("valibot").NumberSchema<undefined>], undefined>;
-}, undefined>;
-export type MetaPixelInput = RegistryScriptInput<typeof MetaPixelOptions, true, false, false>;
+export { MetaPixelOptions };
+export type MetaPixelInput = RegistryScriptInput<typeof MetaPixelOptions, true, false>;
 export declare function useScriptMetaPixel<T extends MetaPixelApi>(_options?: MetaPixelInput): import("#nuxt-scripts/types").UseScriptContext<T>;
-export {};

package/dist/runtime/registry/meta-pixel.js

@@ -1,8 +1,6 @@
 import { useRegistryScript } from "../utils.js";
-import { number, object, string, union } from "#nuxt-scripts-validator";
-export const MetaPixelOptions = object({
-  id: union([string(), number()])
-});
+import { MetaPixelOptions } from "./schemas.js";
+export { MetaPixelOptions };
 export function useScriptMetaPixel(_options) {
   return useRegistryScript("metaPixel", (options) => ({
     scriptInput: {

package/dist/runtime/registry/mixpanel-analytics.d.ts

@@ -0,0 +1,22 @@
+import type { RegistryScriptInput } from '#nuxt-scripts/types';
+import { MixpanelAnalyticsOptions } from './schemas.js';
+export { MixpanelAnalyticsOptions };
+export type MixpanelAnalyticsInput = RegistryScriptInput<typeof MixpanelAnalyticsOptions>;
+export interface MixpanelAnalyticsApi {
+    mixpanel: {
+        track: (event: string, properties?: Record<string, any>) => void;
+        identify: (distinctId: string) => void;
+        reset: () => void;
+        people: {
+            set: (properties: Record<string, any>) => void;
+        };
+        register: (properties: Record<string, any>) => void;
+        init: (token: string, config?: Record<string, any>) => void;
+    };
+}
+declare global {
+    interface Window {
+        mixpanel: MixpanelAnalyticsApi['mixpanel'];
+    }
+}
+export declare function useScriptMixpanelAnalytics<T extends MixpanelAnalyticsApi>(_options?: MixpanelAnalyticsInput): import("#nuxt-scripts/types").UseScriptContext<T>;

package/dist/runtime/registry/mixpanel-analytics.js

@@ -0,0 +1,46 @@
+import { useRegistryScript } from "../utils.js";
+import { MixpanelAnalyticsOptions } from "./schemas.js";
+export { MixpanelAnalyticsOptions };
+const methods = ["track", "identify", "reset", "register"];
+const peopleMethods = ["set"];
+export function useScriptMixpanelAnalytics(_options) {
+  return useRegistryScript("mixpanelAnalytics", (options) => {
+    return {
+      scriptInput: {
+        src: "https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js"
+      },
+      schema: import.meta.dev ? MixpanelAnalyticsOptions : void 0,
+      scriptOptions: {
+        use() {
+          return {
+            mixpanel: window.mixpanel
+          };
+        }
+      },
+      clientInit: import.meta.server ? void 0 : () => {
+        const mp = window.mixpanel = window.mixpanel || [];
+        if (!mp.__SV) {
+          mp.__SV = 1.2;
+          mp._i = mp._i || [];
+          mp.init = (token, config, name = "mixpanel") => {
+            const target = name === "mixpanel" ? mp : mp[name] = [];
+            target.people = target.people || [];
+            for (const method of methods) {
+              target[method] = (...args) => {
+                target.push([method, ...args]);
+              };
+            }
+            for (const method of peopleMethods) {
+              target.people[method] = (...args) => {
+                target.push([`people.${method}`, ...args]);
+              };
+            }
+            mp._i.push([token, config, name]);
+          };
+        }
+        if (options?.token)
+          mp.init(options.token);
+      }
+    };
+  }, _options);
+}

package/dist/runtime/registry/npm.d.ts

@@ -1,9 +1,5 @@
 import type { RegistryScriptInput } from '#nuxt-scripts/types';
-export declare const NpmOptions: import("valibot").ObjectSchema<{
-    readonly packageName: import("valibot").StringSchema<undefined>;
-    readonly file: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    readonly version: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    readonly provider: import("valibot").OptionalSchema<import("valibot").UnionSchema<import("valibot").LiteralSchema<"jsdelivr" | "cdnjs" | "unpkg", undefined>[], undefined>, undefined>;
-}, undefined>;
-export type NpmInput = RegistryScriptInput<typeof NpmOptions, true, true, false>;
+import { NpmOptions } from './schemas.js';
+export { NpmOptions };
+export type NpmInput = RegistryScriptInput<typeof NpmOptions, true, true>;
 export declare function useScriptNpm<T extends Record<string | symbol, any>>(_options: NpmInput): import("#nuxt-scripts/types").UseScriptContext<T>;

package/dist/runtime/registry/npm.js

@@ -1,14 +1,7 @@
 import { withBase } from "ufo";
 import { useRegistryScript } from "../utils.js";
-import { object, optional, string, union, literal } from "#nuxt-scripts-validator";
-const PROVIDERS = ["jsdelivr", "cdnjs", "unpkg"];
-const providerValidator = union(PROVIDERS.map((provider) => literal(provider)));
-export const NpmOptions = object({
-  packageName: string(),
-  file: optional(string()),
-  version: optional(string()),
-  provider: optional(providerValidator)
-});
+import { NpmOptions } from "./schemas.js";
+export { NpmOptions };
 export function useScriptNpm(_options) {
   return useRegistryScript(`${_options.packageName}-npm`, (options) => {
     const baseUrl = getProviderBaseUrl(options.provider, options.packageName, options.version);

package/dist/runtime/registry/paypal.d.ts

@@ -1,34 +1,13 @@
-import type { PayPalNamespace } from '@paypal/paypal-js';
 import type { RegistryScriptInput } from '#nuxt-scripts/types';
+import type { PayPalV6Namespace } from '@paypal/paypal-js/sdk-v6';
+import { PayPalOptions } from './schemas.js';
+export { PayPalOptions };
 export interface PayPalApi {
-    paypal: PayPalNamespace;
+    paypal: PayPalV6Namespace;
 }
 declare global {
     interface Window extends PayPalApi {
     }
 }
-export declare const PayPalOptions: import("valibot").ObjectSchema<{
-    readonly clientId: import("valibot").StringSchema<undefined>;
-    readonly buyerCountry: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    readonly commit: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    readonly components: import("valibot").OptionalSchema<import("valibot").UnionSchema<[import("valibot").StringSchema<undefined>, import("valibot").ArraySchema<import("valibot").StringSchema<undefined>, undefined>], undefined>, undefined>;
-    readonly currency: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    readonly debug: import("valibot").OptionalSchema<import("valibot").UnionSchema<[import("valibot").StringSchema<undefined>, import("valibot").BooleanSchema<undefined>], undefined>, undefined>;
-    readonly disableFunding: import("valibot").OptionalSchema<import("valibot").UnionSchema<[import("valibot").StringSchema<undefined>, import("valibot").ArraySchema<import("valibot").StringSchema<undefined>, undefined>], undefined>, undefined>;
-    readonly enableFunding: import("valibot").OptionalSchema<import("valibot").UnionSchema<[import("valibot").StringSchema<undefined>, import("valibot").ArraySchema<import("valibot").StringSchema<undefined>, undefined>], undefined>, undefined>;
-    readonly integrationDate: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    readonly intent: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    readonly locale: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    /**
-     * loadScript() supports an array for merchantId, even though
-     * merchant-id technically may not contain multiple values.
-     * For an array with a length of > 1 it automatically sets
-     * merchantId to "*" and moves the actual values to dataMerchantId
-     */
-    readonly merchantId: import("valibot").OptionalSchema<import("valibot").UnionSchema<[import("valibot").StringSchema<undefined>, import("valibot").ArraySchema<import("valibot").StringSchema<undefined>, undefined>], undefined>, undefined>;
-    readonly partnerAttributionId: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    readonly vault: import("valibot").OptionalSchema<import("valibot").UnionSchema<[import("valibot").StringSchema<undefined>, import("valibot").BooleanSchema<undefined>], undefined>, undefined>;
-    readonly sandbox: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-}, undefined>;
 export type PayPalInput = RegistryScriptInput<typeof PayPalOptions>;
 export declare function useScriptPayPal<T extends PayPalApi>(_options?: PayPalInput): import("#nuxt-scripts/types").UseScriptContext<T>;

package/dist/runtime/registry/paypal.js

@@ -1,79 +1,16 @@
-import { withQuery } from "ufo";
 import { useRegistryScript } from "../utils.js";
-import { object, string, optional, array, union, boolean } from "#nuxt-scripts-validator";
-export const PayPalOptions = object({
-  clientId: string(),
-  buyerCountry: optional(string()),
-  commit: optional(string()),
-  components: optional(union([string(), array(string())])),
-  currency: optional(string()),
-  debug: optional(union([string(), boolean()])),
-  disableFunding: optional(union([string(), array(string())])),
-  enableFunding: optional(union([string(), array(string())])),
-  integrationDate: optional(string()),
-  intent: optional(string()),
-  locale: optional(string()),
-  /**
-   * loadScript() supports an array for merchantId, even though
-   * merchant-id technically may not contain multiple values.
-   * For an array with a length of > 1 it automatically sets
-   * merchantId to "*" and moves the actual values to dataMerchantId
-   */
-  merchantId: optional(union([string(), array(string())])),
-  partnerAttributionId: optional(string()),
-  vault: optional(union([string(), boolean()])),
-  // own props
-  sandbox: optional(boolean())
-});
+import { PayPalOptions } from "./schemas.js";
+export { PayPalOptions };
 export function useScriptPayPal(_options) {
   return useRegistryScript("paypal", (options) => {
-    let dataMerchantId = void 0;
-    if (Array.isArray(options?.merchantId) && options?.merchantId.length > 1) {
-      dataMerchantId = JSON.stringify(options.merchantId);
-      options.merchantId = "*";
-    }
-    if (Array.isArray(options?.components)) {
-      options.components = options.components.join(",");
-    }
-    if (Array.isArray(options?.disableFunding)) {
-      options.disableFunding = options.disableFunding.join(",");
-    }
-    if (Array.isArray(options?.enableFunding)) {
-      options.enableFunding = options.enableFunding.join(",");
-    }
     if (options?.sandbox === void 0) {
       options.sandbox = import.meta.dev;
     }
-    let components = ["buttons", "messages", "marks", "card-fields", "funding-eligibility"].join(",");
-    if (options.components) {
-      if (Array.isArray(options.components)) {
-        components = options.components.join(",");
-      } else {
-        components = options.components;
-      }
-    }
     return {
       scriptInput: {
-        "src": withQuery(options.sandbox ? "https://www.sandbox.paypal.com/sdk/js" : "https://www.paypal.com/sdk/js", {
-          "client-id": options.clientId,
-          "buyer-country": options.buyerCountry,
-          "commit": options.commit,
-          "components": components,
-          "currency": options.currency,
-          "debug": options.debug,
-          "disable-funding": options.disableFunding,
-          "enable-funding": options.enableFunding,
-          "integration-date": options.integrationDate,
-          "intent": options.intent,
-          "locale": options.locale,
-          "vault": options.vault
-        }),
-        "data-merchant-id": dataMerchantId,
-        "data-partner-attribution-id": options.partnerAttributionId
-        // TODO: maybe nuxt specific default
+        src: options.sandbox ? "https://www.sandbox.paypal.com/web-sdk/v6/core" : "https://www.paypal.com/web-sdk/v6/core"
       },
       schema: import.meta.dev ? PayPalOptions : void 0,
-      // trigger: 'client',
       scriptOptions: {
         use() {
           return {

package/dist/runtime/registry/plausible-analytics.js

@@ -1,6 +1,6 @@
-import { useRegistryScript } from "../utils.js";
-import { any, array, boolean, literal, object, optional, record, string, union } from "#nuxt-scripts-validator";
+import { any, array, boolean, literal, object, optional, record, string, union } from "valibot";
 import { logger } from "../logger.js";
+import { useRegistryScript } from "../utils.js";
 const extensions = [
   literal("hash"),
   literal("outbound-links"),
@@ -55,18 +55,23 @@ export function useScriptPlausibleAnalytics(_options) {
       scriptSrc = "https://plausible.io/js/script.js";
     }
     const initOptions = {};
-    if (options?.customProperties) initOptions.customProperties = options.customProperties;
-    if (options?.endpoint) initOptions.endpoint = options.endpoint;
-    if (options?.fileDownloads) initOptions.fileDownloads = options.fileDownloads;
-    if (options?.hashBasedRouting !== void 0) initOptions.hashBasedRouting = options.hashBasedRouting;
-    if (options?.autoCapturePageviews !== void 0) initOptions.autoCapturePageviews = options.autoCapturePageviews;
-    if (options?.captureOnLocalhost !== void 0) initOptions.captureOnLocalhost = options.captureOnLocalhost;
-    const scriptInput = !useNewScript && options?.domain ? {
-      "src": scriptSrc,
-      "data-domain": options.domain
-    } : {
-      src: scriptSrc
-    };
+    if (options?.customProperties)
+      initOptions.customProperties = options.customProperties;
+    if (options?.endpoint)
+      initOptions.endpoint = options.endpoint;
+    if (options?.fileDownloads)
+      initOptions.fileDownloads = options.fileDownloads;
+    if (options?.hashBasedRouting !== void 0)
+      initOptions.hashBasedRouting = options.hashBasedRouting;
+    if (options?.autoCapturePageviews !== void 0)
+      initOptions.autoCapturePageviews = options.autoCapturePageviews;
+    if (options?.captureOnLocalhost !== void 0)
+      initOptions.captureOnLocalhost = options.captureOnLocalhost;
+    const scriptInput = { src: scriptSrc };
+    if (!useNewScript && options?.domain)
+      scriptInput["data-domain"] = options.domain;
+    if (!useNewScript && options?.endpoint)
+      scriptInput["data-api"] = options.endpoint;
     return {
       scriptInput,
       schema: import.meta.dev ? PlausibleAnalyticsOptionsSchema : void 0,

package/dist/runtime/registry/posthog.d.ts

@@ -1,16 +1,14 @@
-import type { PostHog } from 'posthog-js';
 import type { RegistryScriptInput } from '#nuxt-scripts/types';
-export declare const PostHogOptions: import("valibot").ObjectSchema<{
-    readonly apiKey: import("valibot").StringSchema<undefined>;
-    readonly region: import("valibot").OptionalSchema<import("valibot").UnionSchema<[import("valibot").LiteralSchema<"us", undefined>, import("valibot").LiteralSchema<"eu", undefined>], undefined>, undefined>;
-    readonly apiHost: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    readonly autocapture: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly capturePageview: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly capturePageleave: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly disableSessionRecording: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly config: import("valibot").OptionalSchema<import("valibot").RecordSchema<import("valibot").StringSchema<undefined>, import("valibot").AnySchema, undefined>, undefined>;
-}, undefined>;
-export type PostHogInput = RegistryScriptInput<typeof PostHogOptions, false, true>;
+import type { PostHog, PostHogConfig } from 'posthog-js';
+import { PostHogOptions } from './schemas.js';
+export { PostHogOptions };
+export type PostHogInput = Omit<RegistryScriptInput<typeof PostHogOptions, false, true>, 'config'> & {
+    /**
+     * Additional PostHog configuration options passed directly to `posthog.init()`.
+     * @see https://posthog.com/docs/libraries/js/config
+     */
+    config?: Partial<PostHogConfig>;
+};
 export interface PostHogApi {
     posthog: PostHog;
 }

package/dist/runtime/registry/posthog.js

@@ -1,16 +1,7 @@
-import { any, record, string, object, optional, boolean, union, literal } from "#nuxt-scripts-validator";
-import { useRegistryScript } from "../utils.js";
 import { logger } from "../logger.js";
-export const PostHogOptions = object({
-  apiKey: string(),
-  region: optional(union([literal("us"), literal("eu")])),
-  apiHost: optional(string()),
-  autocapture: optional(boolean()),
-  capturePageview: optional(boolean()),
-  capturePageleave: optional(boolean()),
-  disableSessionRecording: optional(boolean()),
-  config: optional(record(string(), any()))
-});
+import { useRegistryScript } from "../utils.js";
+import { PostHogOptions } from "./schemas.js";
+export { PostHogOptions };
 export function useScriptPostHog(_options) {
   return useRegistryScript("posthog", (options) => {
     return {
@@ -58,7 +49,7 @@ export function useScriptPostHog(_options) {
           };
           if (typeof options?.autocapture === "boolean")
             config.autocapture = options.autocapture;
-          if (typeof options?.capturePageview === "boolean")
+          if (typeof options?.capturePageview === "boolean" || options?.capturePageview === "history_change")
             config.capture_pageview = options.capturePageview;
           if (typeof options?.capturePageleave === "boolean")
             config.capture_pageleave = options.capturePageleave;

package/dist/runtime/registry/reddit-pixel.d.ts

@@ -1,5 +1,7 @@
 import type { RegistryScriptInput } from '#nuxt-scripts/types';
-type RdtFns = ((event: 'init', id: string) => void) & ((event: 'track', eventName: string) => void);
+import { RedditPixelOptions } from './schemas.js';
+type StandardEvents = 'PageVisit' | 'ViewContent' | 'Search' | 'AddToCart' | 'AddToWishlist' | 'Purchase' | 'Lead' | 'SignUp';
+type RdtFns = ((event: 'init', id: string) => void) & ((event: 'track', eventName: StandardEvents | (string & {}), properties?: Record<string, any>) => void);
 export interface RedditPixelApi {
     rdt: RdtFns & {
         sendEvent: (rdt: RedditPixelApi['rdt'], args: unknown[]) => void;
@@ -10,9 +12,6 @@ declare global {
     interface Window extends RedditPixelApi {
     }
 }
-export declare const RedditPixelOptions: import("valibot").ObjectSchema<{
-    readonly id: import("valibot").StringSchema<undefined>;
-}, undefined>;
-export type RedditPixelInput = RegistryScriptInput<typeof RedditPixelOptions, true, false, false>;
+export { RedditPixelOptions };
+export type RedditPixelInput = RegistryScriptInput<typeof RedditPixelOptions, true, false>;
 export declare function useScriptRedditPixel<T extends RedditPixelApi>(_options?: RedditPixelInput): import("#nuxt-scripts/types").UseScriptContext<T>;
-export {};

package/dist/runtime/registry/reddit-pixel.js

@@ -1,8 +1,6 @@
 import { useRegistryScript } from "../utils.js";
-import { object, string } from "#nuxt-scripts-validator";
-export const RedditPixelOptions = object({
-  id: string()
-});
+import { RedditPixelOptions } from "./schemas.js";
+export { RedditPixelOptions };
 export function useScriptRedditPixel(_options) {
   return useRegistryScript("redditPixel", (options) => {
     return {

package/dist/runtime/registry/rybbit-analytics.d.ts

@@ -1,18 +1,6 @@
 import type { RegistryScriptInput } from '#nuxt-scripts/types';
-export declare const RybbitAnalyticsOptions: import("valibot").ObjectSchema<{
-    readonly siteId: import("valibot").UnionSchema<[import("valibot").StringSchema<undefined>, import("valibot").NumberSchema<undefined>], undefined>;
-    readonly autoTrackPageview: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly trackSpa: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly trackQuery: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly trackOutbound: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly trackErrors: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly sessionReplay: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly webVitals: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly skipPatterns: import("valibot").OptionalSchema<import("valibot").ArraySchema<import("valibot").StringSchema<undefined>, undefined>, undefined>;
-    readonly maskPatterns: import("valibot").OptionalSchema<import("valibot").ArraySchema<import("valibot").StringSchema<undefined>, undefined>, undefined>;
-    readonly debounce: import("valibot").OptionalSchema<import("valibot").NumberSchema<undefined>, undefined>;
-    readonly apiKey: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-}, undefined>;
+import { RybbitAnalyticsOptions } from './schemas.js';
+export { RybbitAnalyticsOptions };
 export type RybbitAnalyticsInput = RegistryScriptInput<typeof RybbitAnalyticsOptions, false>;
 export interface RybbitAnalyticsApi {
     /**

package/dist/runtime/registry/rybbit-analytics.js

@@ -1,23 +1,10 @@
 import { useRegistryScript } from "../utils.js";
-import { array, boolean, number, object, optional, string, union } from "#nuxt-scripts-validator";
-export const RybbitAnalyticsOptions = object({
-  siteId: union([string(), number()]),
-  // required
-  autoTrackPageview: optional(boolean()),
-  trackSpa: optional(boolean()),
-  trackQuery: optional(boolean()),
-  trackOutbound: optional(boolean()),
-  trackErrors: optional(boolean()),
-  sessionReplay: optional(boolean()),
-  webVitals: optional(boolean()),
-  skipPatterns: optional(array(string())),
-  maskPatterns: optional(array(string())),
-  debounce: optional(number()),
-  apiKey: optional(string())
-});
+import { RybbitAnalyticsOptions } from "./schemas.js";
+export { RybbitAnalyticsOptions };
 const RYBBIT_QUEUE_KEY = Symbol.for("nuxt-scripts.rybbit-queue");
 function getRybbitState() {
-  if (!import.meta.client) return;
+  if (!import.meta.client)
+    return;
   const g = globalThis;
   if (!g[RYBBIT_QUEUE_KEY]) {
     g[RYBBIT_QUEUE_KEY] = { queue: [], flushed: false };
@@ -28,7 +15,8 @@ export function useScriptRybbitAnalytics(_options) {
   const isRybbitReady = () => import.meta.client && typeof window !== "undefined" && window.rybbit && typeof window.rybbit.event === "function";
   const flushQueue = () => {
     const state = getRybbitState();
-    if (!state || state.flushed || !isRybbitReady()) return;
+    if (!state || state.flushed || !isRybbitReady())
+      return;
     state.flushed = true;
     while (state.queue.length > 0) {
       const [method, ...args] = state.queue.shift();
@@ -51,7 +39,7 @@ export function useScriptRybbitAnalytics(_options) {
   return useRegistryScript("rybbitAnalytics", (options) => {
     return {
       scriptInput: {
-        "src": "https://app.rybbit.io/api/script.js",
+        "src": options?.analyticsHost ? `${options.analyticsHost}/script.js` : "https://app.rybbit.io/api/script.js",
         "data-site-id": String(options?.siteId),
         "data-auto-track-pageview": options?.autoTrackPageview,
         "data-track-spa": options?.trackSpa,
@@ -75,7 +63,9 @@ export function useScriptRybbitAnalytics(_options) {
             identify: (userId) => callOrQueue("identify", userId),
             clearUserId: () => callOrQueue("clearUserId"),
             getUserId: () => window.rybbit?.getUserId?.() ?? null,
-            rybbit: window.rybbit
+            get rybbit() {
+              return window.rybbit;
+            }
           };
         }
       }