@nuxt/scripts 0.3.0 → 0.3.1

package/dist/runtime/registry/npm.mjs

@@ -1,6 +1,6 @@
-import { object, optional, string } from "valibot";
 import { withBase } from "ufo";
 import { registryScript } from "../utils.mjs";
+import { object, optional, string } from "#nuxt-scripts-validator";
 export const NpmOptions = object({
   packageName: string(),
   file: optional(string()),

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

@@ -1,11 +1,5 @@
 import type { RegistryScriptInput } from '#nuxt-scripts';
-export declare const PlausibleAnalyticsOptions: import("valibot").ObjectSchema<{
-    domain: import("valibot").StringSchema<string>;
-    extension: import("valibot").OptionalSchema<import("valibot").UnionSchema<(import("valibot").UnionSchema<(import("valibot").LiteralSchema<"hash", "hash"> | import("valibot").LiteralSchema<"outbound-links", "outbound-links"> | import("valibot").LiteralSchema<"file-downloads", "file-downloads"> | import("valibot").LiteralSchema<"tagged-events", "tagged-events"> | import("valibot").LiteralSchema<"revenue", "revenue"> | import("valibot").LiteralSchema<"pageview-props", "pageview-props"> | import("valibot").LiteralSchema<"compat", "compat"> | import("valibot").LiteralSchema<"local", "local"> | import("valibot").LiteralSchema<"manual", "manual">)[], "manual" | "hash" | "outbound-links" | "file-downloads" | "tagged-events" | "revenue" | "pageview-props" | "compat" | "local"> | import("valibot").ArraySchema<import("valibot").UnionSchema<(import("valibot").LiteralSchema<"hash", "hash"> | import("valibot").LiteralSchema<"outbound-links", "outbound-links"> | import("valibot").LiteralSchema<"file-downloads", "file-downloads"> | import("valibot").LiteralSchema<"tagged-events", "tagged-events"> | import("valibot").LiteralSchema<"revenue", "revenue"> | import("valibot").LiteralSchema<"pageview-props", "pageview-props"> | import("valibot").LiteralSchema<"compat", "compat"> | import("valibot").LiteralSchema<"local", "local"> | import("valibot").LiteralSchema<"manual", "manual">)[], "manual" | "hash" | "outbound-links" | "file-downloads" | "tagged-events" | "revenue" | "pageview-props" | "compat" | "local">, ("manual" | "hash" | "outbound-links" | "file-downloads" | "tagged-events" | "revenue" | "pageview-props" | "compat" | "local")[]>)[], "manual" | "hash" | "outbound-links" | "file-downloads" | "tagged-events" | "revenue" | "pageview-props" | "compat" | "local" | ("manual" | "hash" | "outbound-links" | "file-downloads" | "tagged-events" | "revenue" | "pageview-props" | "compat" | "local")[]>, undefined, "manual" | "hash" | "outbound-links" | "file-downloads" | "tagged-events" | "revenue" | "pageview-props" | "compat" | "local" | ("manual" | "hash" | "outbound-links" | "file-downloads" | "tagged-events" | "revenue" | "pageview-props" | "compat" | "local")[] | undefined>;
-}, undefined, {
-    domain: string;
-    extension?: "manual" | "hash" | "outbound-links" | "file-downloads" | "tagged-events" | "revenue" | "pageview-props" | "compat" | "local" | ("manual" | "hash" | "outbound-links" | "file-downloads" | "tagged-events" | "revenue" | "pageview-props" | "compat" | "local")[] | undefined;
-}>;
+export declare const PlausibleAnalyticsOptions: any;
 export type PlausibleAnalyticsInput = RegistryScriptInput<typeof PlausibleAnalyticsOptions, false>;
 export interface PlausibleAnalyticsApi {
     plausible: ((event: '404', options: Record<string, any>) => void) & ((event: 'event', options: Record<string, any>) => void) & ((...params: any[]) => void) & {
@@ -18,5 +12,5 @@ declare global {
     }
 }
 export declare function useScriptPlausibleAnalytics<T extends PlausibleAnalyticsApi>(_options?: PlausibleAnalyticsInput): T & {
-    $script: import("@unhead/vue").VueScriptInstance<T> & Promise<T>;
+    $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
 };

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

@@ -1,6 +1,6 @@
-import { array, literal, object, optional, string, union } from "valibot";
 import { registryScript } from "../utils.mjs";
 import { PlausibleAnalyticsScriptResolver } from "../../registry";
+import { array, literal, object, optional, string, union } from "#nuxt-scripts-validator";
 const extensions = [
   literal("hash"),
   literal("outbound-links"),
@@ -24,7 +24,7 @@ export function useScriptPlausibleAnalytics(_options) {
         "src": PlausibleAnalyticsScriptResolver(options),
         "data-domain": options?.domain
       },
-      schema: PlausibleAnalyticsOptions,
+      schema: import.meta.dev ? PlausibleAnalyticsOptions : void 0,
       scriptOptions: {
         use() {
           return { plausible: window.plausible };

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

@@ -1,11 +1,5 @@
 import type { RegistryScriptInput } from '#nuxt-scripts';
-export declare const SegmentOptions: import("valibot").ObjectSchema<{
-    writeKey: import("valibot").StringSchema<string>;
-    analyticsKey: import("valibot").OptionalSchema<import("valibot").StringSchema<string>, undefined, string | undefined>;
-}, undefined, {
-    writeKey: string;
-    analyticsKey?: string | undefined;
-}>;
+export declare const SegmentOptions: any;
 export type SegmentInput = RegistryScriptInput<typeof SegmentOptions>;
 export interface SegmentApi {
     analytics: {
@@ -22,5 +16,5 @@ declare global {
     }
 }
 export declare function useScriptSegment<T extends SegmentApi>(_options?: SegmentInput): T & {
-    $script: import("@unhead/vue").VueScriptInstance<T> & Promise<T>;
+    $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
 };

package/dist/runtime/registry/segment.mjs

@@ -1,6 +1,6 @@
-import { object, optional, string } from "valibot";
 import { registryScript } from "../utils.mjs";
 import { SegmentScriptResolver } from "../../registry";
+import { object, optional, string } from "#nuxt-scripts-validator";
 export const SegmentOptions = object({
   writeKey: string(),
   analyticsKey: optional(string())
@@ -13,7 +13,7 @@ export function useScriptSegment(_options) {
         "data-global-segment-analytics-key": analyticsKey,
         "src": SegmentScriptResolver(options)
       },
-      schema: SegmentOptions,
+      schema: import.meta.dev ? SegmentOptions : void 0,
       scriptOptions: {
         use() {
           return { analytics: window[analyticsKey] };

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

@@ -1,18 +1,14 @@
-import type { Stripe } from '@types/stripe-v3';
+/// <reference types="stripe-v3" />
 import type { RegistryScriptInput } from '#nuxt-scripts';
-export declare const StripeOptions: import("valibot").ObjectSchema<{
-    advancedFraudSignals: import("valibot").OptionalSchema<import("valibot").BooleanSchema<boolean>, undefined, boolean | undefined>;
-}, undefined, {
-    advancedFraudSignals?: boolean | undefined;
-}>;
+export declare const StripeOptions: any;
 export type StripeInput = RegistryScriptInput<typeof StripeOptions, false>;
 export interface StripeApi {
-    Stripe: Stripe;
+    Stripe: stripe.StripeStatic;
 }
 declare global {
     interface Window extends StripeApi {
     }
 }
 export declare function useScriptStripe<T extends StripeApi>(_options?: StripeInput): T & {
-    $script: import("@unhead/vue").VueScriptInstance<T> & Promise<T>;
+    $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
 };

package/dist/runtime/registry/stripe.mjs

@@ -1,6 +1,6 @@
-import { boolean, object, optional } from "valibot";
 import { withQuery } from "ufo";
 import { registryScript } from "../utils.mjs";
+import { boolean, object, optional } from "#nuxt-scripts-validator";
 export const StripeOptions = object({
   advancedFraudSignals: optional(boolean())
 });
@@ -17,7 +17,7 @@ export function useScriptStripe(_options) {
       // @ts-expect-error TODO add types
       referrerpolicy: null
     },
-    schema: StripeOptions,
+    schema: import.meta.dev ? StripeOptions : void 0,
     scriptOptions: {
       use() {
         return { Stripe: window.Stripe };

package/dist/runtime/registry/vimeo-player.d.ts

@@ -3,7 +3,7 @@ import type { RegistryScriptInput } from '#nuxt-scripts';
 export interface VimeoPlayerApi {
     Player: VimeoPlayer;
 }
-export declare const VimeoPlayerOptions: import("valibot").ObjectSchema<{}, undefined, {}>;
+export declare const VimeoPlayerOptions: any;
 export type VimeoPlayerInput = RegistryScriptInput<typeof VimeoPlayerOptions>;
 declare global {
     interface Window {
@@ -11,5 +11,5 @@ declare global {
     }
 }
 export declare function useScriptVimeoPlayer<T extends VimeoPlayerApi>(_options?: VimeoPlayerInput): T & {
-    $script: import("@unhead/vue").VueScriptInstance<T> & Promise<T>;
+    $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
 };

package/dist/runtime/registry/vimeo-player.mjs

@@ -1,5 +1,5 @@
-import { object } from "valibot";
 import { registryScript } from "../utils.mjs";
+import { object } from "#nuxt-scripts-validator";
 import { useHead } from "#imports";
 export const VimeoPlayerOptions = object({});
 export function useScriptVimeoPlayer(_options) {
@@ -7,7 +7,7 @@ export function useScriptVimeoPlayer(_options) {
     scriptInput: {
       src: "https://player.vimeo.com/api/player.js"
     },
-    schema: VimeoPlayerOptions,
+    schema: import.meta.dev ? VimeoPlayerOptions : void 0,
     scriptOptions: {
       use() {
         let Player;

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

@@ -27,15 +27,9 @@ declare global {
     interface Window extends XPixelApi {
     }
 }
-export declare const XPixelOptions: import("valibot").ObjectSchema<{
-    id: import("valibot").StringSchema<string>;
-    version: import("valibot").OptionalSchema<import("valibot").StringSchema<string>, undefined, string | undefined>;
-}, undefined, {
-    id: string;
-    version?: string | undefined;
-}>;
+export declare const XPixelOptions: any;
 export type XPixelInput = RegistryScriptInput<typeof XPixelOptions>;
 export declare function useScriptXPixel<T extends XPixelApi>(_options?: XPixelInput): T & {
-    $script: import("@unhead/vue").VueScriptInstance<T> & Promise<T>;
+    $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
 };
 export {};

package/dist/runtime/registry/x-pixel.mjs

@@ -1,5 +1,5 @@
-import { object, optional, string } from "valibot";
 import { registryScript } from "../utils.mjs";
+import { object, optional, string } from "#nuxt-scripts-validator";
 export const XPixelOptions = object({
   id: string(),
   version: optional(string())
@@ -9,7 +9,7 @@ export function useScriptXPixel(_options) {
     scriptInput: {
       src: "https://static.ads-twitter.com/uwt.js"
     },
-    schema: XPixelOptions,
+    schema: import.meta.dev ? XPixelOptions : void 0,
     scriptOptions: {
       use() {
         return { twq: window.twq };

package/dist/runtime/registry/youtube-iframe.d.ts

@@ -1,4 +1,4 @@
-import type YT from '@types/youtube';
+/// <reference types="youtube" />
 import type { RegistryScriptInput } from '#nuxt-scripts';
 export interface YouTubeIframeApi {
     YT: typeof YT;
@@ -8,8 +8,8 @@ declare global {
         onYouTubeIframeAPIReady: () => void;
     }
 }
-export declare const YouTubeIframeOptions: import("valibot").ObjectSchema<{}, undefined, {}>;
+export declare const YouTubeIframeOptions: any;
 export type YouTubeIFrameInput = RegistryScriptInput<typeof YouTubeIframeOptions>;
 export declare function useScriptYouTubeIframe<T extends YouTubeIframeApi>(_options: YouTubeIFrameInput): T & {
-    $script: import("@unhead/vue").VueScriptInstance<T> & Promise<T>;
+    $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
 };

package/dist/runtime/registry/youtube-iframe.mjs

@@ -1,5 +1,5 @@
-import { object } from "valibot";
 import { registryScript } from "../utils.mjs";
+import { object } from "#nuxt-scripts-validator";
 import { useHead } from "#imports";
 export const YouTubeIframeOptions = object({
   // no options afaik
@@ -13,7 +13,7 @@ export function useScriptYouTubeIframe(_options) {
       // @ts-expect-error TODO add types
       crossorigin: null
     },
-    schema: YouTubeIframeOptions,
+    schema: import.meta.dev ? YouTubeIframeOptions : void 0,
     scriptOptions: {
       use() {
         return {

package/dist/runtime/types.d.ts

@@ -39,7 +39,7 @@ export interface TrackedPage {
     title?: string;
     path: string;
 }
-export interface ConsentPromiseOptions {
+export interface ConsentScriptTriggerOptions {
     /**
      * An optional reactive (or promise) reference to the consent state. You can use this to accept the consent for scripts
      * instead of using the accept() method.
@@ -49,7 +49,7 @@ export interface ConsentPromiseOptions {
      * Should the script be loaded on the `requestIdleCallback` callback. This is useful for non-essential scripts that
      * have already been consented to be loaded.
      */
-    loadOnNuxtReady?: boolean;
+    postConsentTrigger?: NuxtUseScriptOptions['trigger'];
 }
 export interface NuxtAppScript {
     key: string;

package/dist/runtime/utils.d.ts

@@ -1,9 +1,6 @@
 import type { Input, ObjectSchema } from 'valibot';
 import type { UseScriptInput } from '@unhead/vue';
 import type { NuxtUseScriptOptions, RegistryScriptInput } from '#nuxt-scripts';
-export declare function mockFallbackScript(name: string, module: string): Record<string | symbol, any> & {
-    $script: import("@unhead/vue").VueScriptInstance<Record<string | symbol, any>> & Promise<Record<string | symbol, any>>;
-};
 type OptionsFn<O extends ObjectSchema<any>> = (options: Input<O>) => ({
     scriptInput?: UseScriptInput;
     scriptOptions?: NuxtUseScriptOptions;
@@ -11,6 +8,6 @@ type OptionsFn<O extends ObjectSchema<any>> = (options: Input<O>) => ({
     clientInit?: () => void;
 });
 export declare function registryScript<T extends Record<string | symbol, any>, O extends ObjectSchema<any>>(key: string, optionsFn: OptionsFn<O>, _userOptions?: RegistryScriptInput<O>): T & {
-    $script: import("@unhead/vue").VueScriptInstance<T> & Promise<T>;
+    $script: Promise<T> & import("@unhead/vue").VueScriptInstance<T>;
 };
 export {};

package/dist/runtime/utils.mjs

@@ -1,18 +1,14 @@
 import { defu } from "defu";
-import { parse } from "valibot";
+import { parse } from "#nuxt-scripts-validator";
 import { createError, useRuntimeConfig, useScript } from "#imports";
-export function mockFallbackScript(name, module) {
-  console.error(`${name} is provided by ${module}. Check your console to install it or run 'npx nuxi@latest module add ${module}'`);
-  return useScript("", { trigger: "manual" });
-}
-function validateScriptInputSchema(schema, options) {
+function validateScriptInputSchema(key, schema, options) {
   if (import.meta.dev) {
     try {
       parse(schema, options);
     } catch (e) {
       createError({
         cause: e,
-        message: "Invalid script options"
+        message: `Invalid script options for ${key}`
       });
     }
   }
@@ -26,7 +22,7 @@ export function registryScript(key, optionsFn, _userOptions) {
   const scriptOptions = Object.assign(_userOptions?.scriptOptions || {}, options.scriptOptions || {});
   const init = scriptOptions.beforeInit;
   scriptOptions.beforeInit = () => {
-    import.meta.dev && options.schema && validateScriptInputSchema(options.schema, userOptions);
+    import.meta.dev && options.schema && validateScriptInputSchema(key, options.schema, userOptions);
     init?.();
     import.meta.client && options.clientInit?.();
   };

package/dist/runtime/validation/mock.d.ts

@@ -0,0 +1,36 @@
+export declare const parse: (() => void) & {
+    __unenv__: boolean;
+};
+export declare const object: (() => void) & {
+    __unenv__: boolean;
+};
+export declare const array: (() => void) & {
+    __unenv__: boolean;
+};
+export declare const string: (() => void) & {
+    __unenv__: boolean;
+};
+export declare const number: (() => void) & {
+    __unenv__: boolean;
+};
+export declare const boolean: (() => void) & {
+    __unenv__: boolean;
+};
+export declare const optional: (() => void) & {
+    __unenv__: boolean;
+};
+export declare const literal: (() => void) & {
+    __unenv__: boolean;
+};
+export declare const union: (() => void) & {
+    __unenv__: boolean;
+};
+export declare const record: (() => void) & {
+    __unenv__: boolean;
+};
+export declare const any: (() => void) & {
+    __unenv__: boolean;
+};
+export declare const minLength: (() => void) & {
+    __unenv__: boolean;
+};

package/dist/runtime/validation/mock.mjs

@@ -0,0 +1,13 @@
+import noop from "unenv/runtime/mock/noop";
+export const parse = noop;
+export const object = noop;
+export const array = noop;
+export const string = noop;
+export const number = noop;
+export const boolean = noop;
+export const optional = noop;
+export const literal = noop;
+export const union = noop;
+export const record = noop;
+export const any = noop;
+export const minLength = noop;

package/dist/runtime/validation/valibot.d.ts

@@ -0,0 +1 @@
+export * from 'valibot';

package/dist/runtime/validation/valibot.mjs

@@ -0,0 +1 @@
+export * from "valibot";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/scripts",
   "type": "module",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Load third-party scripts with better performance, privacy and DX in Nuxt Apps.",
   "author": {
     "website": "https://harlanzw.com",