@nuxt/scripts 1.0.0-beta.3 → 1.0.0-beta.31

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 { 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 {
@@ -48,7 +39,9 @@ export function useScriptPostHog(_options) {
           return;
         }
         const region = options?.region || "us";
-        const apiHost = options?.apiHost || (region === "eu" ? "https://eu.i.posthog.com" : "https://us.i.posthog.com");
+        let apiHost = options?.apiHost || (region === "eu" ? "https://eu.i.posthog.com" : "https://us.i.posthog.com");
+        if (apiHost.startsWith("/"))
+          apiHost = window.location.origin + apiHost;
         window.__posthogInitPromise = import("posthog-js").then(({ default: posthog }) => {
           const config = {
             api_host: apiHost,
@@ -56,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;
+            }
           };
         }
       }