@nuxt/scripts 1.0.0-beta.2 → 1.0.0-beta.21

package/dist/runtime/components/ScriptVimeoPlayer.vue

@@ -1,7 +1,7 @@
 <script setup>
-import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { defu } from "defu";
 import { useAsyncData, useHead } from "nuxt/app";
+import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
 import { useScriptVimeoPlayer } from "../registry/vimeo-player";
 import ScriptAriaLoadingIndicator from "./ScriptAriaLoadingIndicator.vue";
@@ -12,7 +12,9 @@ const props = defineProps({
   aboveTheFold: { type: Boolean, required: false },
   vimeoOptions: { type: Object, required: false },
   id: { type: null, required: false },
-  url: { type: null, required: false }
+  url: { type: null, required: false },
+  ratio: { type: String, required: false, default: "16/9" },
+  placeholderObjectFit: { type: String, required: false, default: "contain" }
 });
 const emits = defineEmits(["play", "playing", "pause", "ended", "timeupdate", "progress", "seeking", "seeked", "texttrackchange", "chapterchange", "cuechange", "cuepoint", "volumechange", "playbackratechange", "bufferstart", "bufferend", "error", "loaded", "durationchange", "fullscreenchange", "qualitychange", "camerachange", "resize", "enterpictureinpicture", "leavepictureinpicture"]);
 const events = [
@@ -153,12 +155,13 @@ const rootAttrs = computed(() => {
     "aria-live": "polite",
     "role": "application",
     "style": {
-      maxWidth: "100%",
-      width: `auto`,
-      height: "auto",
-      aspectRatio: `16/9`,
-      position: "relative",
-      backgroundColor: "black"
+      "--vimeo-ratio": props.ratio,
+      "maxWidth": "100%",
+      "width": `auto`,
+      "height": "auto",
+      "aspectRatio": props.ratio,
+      "position": "relative",
+      "backgroundColor": "black"
     },
     ...trigger instanceof Promise ? trigger.ssrAttrs || {} : {}
   });
@@ -173,7 +176,7 @@ const placeholderAttrs = computed(() => {
     style: {
       cursor: "pointer",
       width: "100%",
-      objectFit: "contain",
+      objectFit: props.placeholderObjectFit,
       height: "100%"
     }
   });
@@ -197,5 +200,5 @@ onBeforeUnmount(() => player?.unload());
 </template>
 
 <style>
-.vimeo-player iframe{aspect-ratio:16/9;height:auto;max-width:100%!important;width:100%}
+.vimeo-player iframe{aspect-ratio:var(--vimeo-ratio,16/9);height:auto;max-width:100%!important;width:100%}
 </style>

package/dist/runtime/components/ScriptVimeoPlayer.vue.d.ts

@@ -36,6 +36,13 @@ type __VLS_Props = {
     vimeoOptions?: VimeoOptions;
     id?: number | undefined;
     url?: string | undefined;
+    ratio?: string;
+    /**
+     * Object-fit for the placeholder image.
+     *
+     * @default 'contain'
+     */
+    placeholderObjectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
 };
 declare var __VLS_1: any, __VLS_3: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
 type __VLS_Slots = {} & {
@@ -117,6 +124,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     onLeavepictureinpicture?: ((event: never, player: Vimeo.Player) => any) | undefined;
 }>, {
     trigger: ElementScriptTrigger;
+    ratio: string;
+    placeholderObjectFit: "cover" | "contain" | "fill" | "none" | "scale-down";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/ScriptXEmbed.d.vue.ts

@@ -7,7 +7,7 @@ type __VLS_Props = {
     tweetId: string;
     /**
      * Custom API endpoint for fetching tweet data
-     * @default '/_scripts/x-embed'
+     * @default '/api/_scripts/x-embed'
      */
     apiEndpoint?: string;
     /**

package/dist/runtime/components/ScriptXEmbed.vue

@@ -1,6 +1,6 @@
 <script setup>
-import { computed } from "vue";
 import { useAsyncData } from "nuxt/app";
+import { computed } from "vue";
 import { formatCount, formatTweetDate, proxyXImageUrl } from "../registry/x-embed";
 const props = defineProps({
   tweetId: { type: String, required: true },

package/dist/runtime/components/ScriptXEmbed.vue.d.ts

@@ -7,7 +7,7 @@ type __VLS_Props = {
     tweetId: string;
     /**
      * Custom API endpoint for fetching tweet data
-     * @default '/_scripts/x-embed'
+     * @default '/api/_scripts/x-embed'
      */
     apiEndpoint?: string;
     /**

package/dist/runtime/components/ScriptYouTubePlayer.d.vue.ts

@@ -61,12 +61,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     trigger: ElementScriptTrigger;
     width: number;
     height: number;
-    playerVars: YT.PlayerVars;
     ratio: string;
+    placeholderObjectFit: "cover" | "contain" | "fill" | "none" | "scale-down";
+    playerVars: YT.PlayerVars;
     cookies: boolean;
     thumbnailSize: YoutubeThumbnailSize;
     webp: boolean;
-    placeholderObjectFit: "cover" | "contain" | "fill" | "none" | "scale-down";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/ScriptYouTubePlayer.vue

@@ -1,7 +1,7 @@
 <script setup>
-import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { defu } from "defu";
 import { useHead } from "nuxt/app";
+import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
 import { useScriptYouTubePlayer } from "../registry/youtube-player";
 import ScriptAriaLoadingIndicator from "./ScriptAriaLoadingIndicator.vue";
@@ -30,6 +30,7 @@ const events = [
   "onError",
   "onApiChange"
 ];
+const CAMEL_CASE_RE = /([A-Z])/g;
 const rootEl = ref();
 const youtubeEl = ref();
 const ready = ref(false);
@@ -70,9 +71,11 @@ onMounted(() => {
   onLoaded(async (instance) => {
     if (!isTriggered.value && trigger instanceof Promise) {
       const triggered = await trigger;
-      if (!triggered) return;
+      if (!triggered)
+        return;
     }
-    if (!youtubeEl.value) return;
+    if (!youtubeEl.value)
+      return;
     const YouTube = instance.YT instanceof Promise ? await instance.YT : instance.YT;
     await new Promise((resolve) => {
       if (typeof YT.Player === "undefined")
@@ -80,7 +83,8 @@ onMounted(() => {
       else
         resolve();
     });
-    if (!youtubeEl.value) return;
+    if (!youtubeEl.value)
+      return;
     player.value = new YT.Player(youtubeEl.value, {
       host: !props.cookies ? "https://www.youtube-nocookie.com" : "https://www.youtube.com",
       videoId: props.videoId,
@@ -89,7 +93,7 @@ onMounted(() => {
       playerVars: props.playerVars,
       ...props.playerOptions,
       events: Object.fromEntries(events.map((event) => [event, (e) => {
-        const emitEventName = event.replace(/([A-Z])/g, "-$1").replace("on-", "").toLowerCase();
+        const emitEventName = event.replace(CAMEL_CASE_RE, "-$1").replace("on-", "").toLowerCase();
         emits(emitEventName, e);
         if (event === "onReady") {
           ready.value = true;
@@ -151,6 +155,8 @@ const placeholderAttrs = computed(() => {
     src: isFallbackPlaceHolder.value ? fallbackPlaceHolder.value : placeholder.value,
     alt: "",
     loading: props.aboveTheFold ? "eager" : "lazy",
+    // @ts-expect-error untyped
+    fetchpriority: props.aboveTheFold ? "high" : void 0,
     style: {
       width: "100%",
       objectFit: props.placeholderObjectFit,

package/dist/runtime/components/ScriptYouTubePlayer.vue.d.ts

@@ -61,12 +61,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     trigger: ElementScriptTrigger;
     width: number;
     height: number;
-    playerVars: YT.PlayerVars;
     ratio: string;
+    placeholderObjectFit: "cover" | "contain" | "fill" | "none" | "scale-down";
+    playerVars: YT.PlayerVars;
     cookies: boolean;
     thumbnailSize: YoutubeThumbnailSize;
     webp: boolean;
-    placeholderObjectFit: "cover" | "contain" | "fill" | "none" | "scale-down";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/composables/useScript.js

@@ -1,9 +1,14 @@
-import { defu } from "defu";
+import { resolveTrigger } from "#build/nuxt-scripts-trigger-resolver";
 import { useScript as _useScript } from "@unhead/vue/scripts";
-import { reactive, ref } from "vue";
-import { onNuxtReady, useNuxtApp, useRuntimeConfig, injectHead, useHead } from "nuxt/app";
+import { defu } from "defu";
+import { injectHead, onNuxtReady, useHead, useNuxtApp, useRuntimeConfig } from "nuxt/app";
+import { ref } from "vue";
 import { logger } from "../logger.js";
-import { resolveTrigger } from "#build/nuxt-scripts-trigger-resolver";
+function ensureScripts(nuxtApp) {
+  if (!nuxtApp.$scripts) {
+    nuxtApp.$scripts = {};
+  }
+}
 function useNuxtScriptRuntimeConfig() {
   return useRuntimeConfig().public["nuxt-scripts"];
 }
@@ -22,7 +27,7 @@ export function useScript(input, options) {
       script: [{ src, type: "text/partytown" }]
     });
     const nuxtApp2 = useNuxtApp();
-    nuxtApp2.$scripts = nuxtApp2.$scripts || reactive({});
+    ensureScripts(nuxtApp2);
     const status = ref("loaded");
     const stub = {
       id: src,
@@ -50,7 +55,7 @@ export function useScript(input, options) {
   if (!options.head) {
     throw new Error("useScript() has been called without Nuxt context.");
   }
-  nuxtApp.$scripts = nuxtApp.$scripts || reactive({});
+  ensureScripts(nuxtApp);
   const exists = !!nuxtApp.$scripts?.[id];
   const err = options._validate?.();
   if (import.meta.dev && import.meta.client && err) {

package/dist/runtime/composables/useScriptEventPage.js

@@ -1,5 +1,5 @@
-import { useNuxtApp, useRoute, injectHead } from "nuxt/app";
-import { ref, onScopeDispose } from "vue";
+import { injectHead, useNuxtApp, useRoute } from "nuxt/app";
+import { onScopeDispose, ref } from "vue";
 export function useScriptEventPage(onChange) {
   const nuxt = useNuxtApp();
   const route = useRoute();

package/dist/runtime/composables/useScriptTriggerConsent.js

@@ -1,5 +1,5 @@
+import { onNuxtReady, requestIdleCallback, tryUseNuxtApp } from "nuxt/app";
 import { isRef, ref, toValue, watch } from "vue";
-import { tryUseNuxtApp, onNuxtReady, requestIdleCallback } from "nuxt/app";
 export function useScriptTriggerConsent(options) {
   if (import.meta.server)
     return new Promise(() => {

package/dist/runtime/composables/useScriptTriggerElement.js

@@ -2,7 +2,7 @@ import {
   useEventListener,
   useIntersectionObserver
 } from "@vueuse/core";
-import { tryOnScopeDispose, tryOnMounted } from "@vueuse/shared";
+import { tryOnMounted, tryOnScopeDispose } from "@vueuse/shared";
 import { watch } from "vue";
 function useElementVisibilityPromise(element) {
   let observer;

package/dist/runtime/composables/useScriptTriggerIdleTimeout.js

@@ -1,5 +1,5 @@
-import { tryOnScopeDispose } from "@vueuse/shared";
 import { useTimeoutFn } from "@vueuse/core";
+import { tryOnScopeDispose } from "@vueuse/shared";
 import { onNuxtReady } from "nuxt/app";
 export function useScriptTriggerIdleTimeout(options) {
   if (import.meta.server) {

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

@@ -1,17 +1,19 @@
 import type { RegistryScriptInput } from '#nuxt-scripts/types';
-type ClarityFunctions = ((fn: 'start', options: {
-    content: boolean;
-    cookies: string[];
-    dob: number;
-    expire: number;
-    projectId: string;
-    upload: string;
+import { ClarityOptions } from './schemas.js';
+export { ClarityOptions };
+type ClarityFunctions = ((fn: 'start', options?: {
+    content?: boolean;
+    cookies?: string[];
+    dob?: number;
+    expire?: number;
+    projectId?: string;
+    upload?: string;
 }) => void) & ((fn: 'identify', id: string, session?: string, page?: string, userHint?: string) => Promise<{
     id: string;
     session: string;
     page: string;
     userHint: string;
-}>) & ((fn: 'consent', enabled?: boolean) => void) & ((fn: 'set', key: any, value: any) => void) & ((fn: 'event', value: any) => void) & ((fn: 'upgrade', upgradeReason: any) => void) & ((fn: string, ...args: any[]) => void);
+}>) & ((fn: 'consent', enabled?: boolean | Record<string, string>) => void) & ((fn: 'set', key: string, value: string | string[]) => void) & ((fn: 'event', value: string) => void) & ((fn: 'upgrade', upgradeReason: string) => void) & ((fn: (string & {}), ...args: any[]) => void);
 export interface ClarityApi {
     clarity: ClarityFunctions & {
         q: any[];
@@ -22,12 +24,5 @@ declare global {
     interface Window extends ClarityApi {
     }
 }
-export declare const ClarityOptions: import("valibot").ObjectSchema<{
-    /**
-     * The Clarity token.
-     */
-    readonly id: import("valibot").SchemaWithPipe<readonly [import("valibot").StringSchema<undefined>, import("valibot").MinLengthAction<string, 10, undefined>]>;
-}, undefined>;
 export type ClarityInput = RegistryScriptInput<typeof ClarityOptions>;
 export declare function useScriptClarity<T extends ClarityApi>(_options?: ClarityInput): import("#nuxt-scripts/types").UseScriptContext<T>;
-export {};

package/dist/runtime/registry/clarity.js

@@ -1,36 +1,27 @@
 import { useRegistryScript } from "../utils.js";
-import { minLength, object, string, pipe } from "#nuxt-scripts-validator";
-export const ClarityOptions = object({
-  /**
-   * The Clarity token.
-   */
-  id: pipe(string(), minLength(10))
-});
+import { ClarityOptions } from "./schemas.js";
+export { ClarityOptions };
 export function useScriptClarity(_options) {
-  return useRegistryScript(
-    "clarity",
-    (options) => ({
-      scriptInput: {
-        src: `https://www.clarity.ms/tag/${options.id}`
-      },
-      schema: import.meta.dev ? ClarityOptions : void 0,
-      scriptOptions: {
-        use() {
-          return {
-            // @ts-expect-error untyped
-            clarity: Object.assign(function(...params) {
-              const clarity = window.clarity;
-              return clarity.apply(this, params);
-            }, window.clarity)
-          };
-        }
-      },
-      clientInit: import.meta.server ? void 0 : () => {
-        window.clarity = window.clarity || function(...params) {
-          (window.clarity.q = window.clarity.q || []).push(params);
+  return useRegistryScript("clarity", (options) => ({
+    scriptInput: {
+      src: `https://www.clarity.ms/tag/${options.id}`
+    },
+    schema: import.meta.dev ? ClarityOptions : void 0,
+    scriptOptions: {
+      use() {
+        return {
+          // @ts-expect-error untyped
+          clarity: Object.assign(function(...params) {
+            const clarity = window.clarity;
+            return clarity.apply(this, params);
+          }, window.clarity)
         };
       }
-    }),
-    _options
-  );
+    },
+    clientInit: import.meta.server ? void 0 : () => {
+      window.clarity = window.clarity || function(...params) {
+        (window.clarity.q = window.clarity.q || []).push(params);
+      };
+    }
+  }), _options);
 }

package/dist/runtime/registry/cloudflare-web-analytics.d.ts

@@ -1,4 +1,6 @@
 import type { RegistryScriptInput } from '#nuxt-scripts/types';
+import { CloudflareWebAnalyticsOptions } from './schemas.js';
+export { CloudflareWebAnalyticsOptions };
 /**
  * Sample:
  * <!-- Cloudflare Web Analytics -->
@@ -16,18 +18,5 @@ declare global {
     interface Window extends CloudflareWebAnalyticsApi {
     }
 }
-export declare const CloudflareWebAnalyticsOptions: import("valibot").ObjectSchema<{
-    /**
-     * The Cloudflare Web Analytics token.
-     */
-    readonly token: import("valibot").SchemaWithPipe<readonly [import("valibot").StringSchema<undefined>, import("valibot").MinLengthAction<string, 32, undefined>]>;
-    /**
-     * Cloudflare Web Analytics enables measuring SPAs automatically by overriding the History API’s pushState function
-     * and listening to the onpopstate. Hash-based router is not supported.
-     *
-     * @default true
-     */
-    readonly spa: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-}, undefined>;
 export type CloudflareWebAnalyticsInput = RegistryScriptInput<typeof CloudflareWebAnalyticsOptions>;
 export declare function useScriptCloudflareWebAnalytics<T extends CloudflareWebAnalyticsApi>(_options?: CloudflareWebAnalyticsInput): import("#nuxt-scripts/types").UseScriptContext<T>;

package/dist/runtime/registry/cloudflare-web-analytics.js

@@ -1,18 +1,6 @@
 import { useRegistryScript } from "../utils.js";
-import { boolean, minLength, object, optional, pipe, string } from "#nuxt-scripts-validator";
-export const CloudflareWebAnalyticsOptions = object({
-  /**
-   * The Cloudflare Web Analytics token.
-   */
-  token: pipe(string(), minLength(32)),
-  /**
-   * Cloudflare Web Analytics enables measuring SPAs automatically by overriding the History API’s pushState function
-   * and listening to the onpopstate. Hash-based router is not supported.
-   *
-   * @default true
-   */
-  spa: optional(boolean())
-});
+import { CloudflareWebAnalyticsOptions } from "./schemas.js";
+export { CloudflareWebAnalyticsOptions };
 export function useScriptCloudflareWebAnalytics(_options) {
   return useRegistryScript("cloudflareWebAnalytics", (options) => ({
     scriptInput: {

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

@@ -1,46 +1,16 @@
 import type { RegistryScriptInput } from '#nuxt-scripts/types';
-export declare const CrispOptions: import("valibot").ObjectSchema<{
-    /**
-     * The Crisp ID.
-     */
-    readonly id: import("valibot").StringSchema<undefined>;
-    /**
-     * Extra configuration options. Used to configure the locale.
-     * Same as CRISP_RUNTIME_CONFIG.
-     * @see https://docs.crisp.chat/guides/chatbox-sdks/web-sdk/language-customization/
-     */
-    readonly runtimeConfig: import("valibot").OptionalSchema<import("valibot").ObjectSchema<{
-        readonly locale: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    }, undefined>, undefined>;
-    /**
-     * Associated a session, equivalent to using CRISP_TOKEN_ID variable.
-     * Same as CRISP_TOKEN_ID.
-     * @see https://docs.crisp.chat/guides/chatbox-sdks/web-sdk/session-continuity/
-     */
-    readonly tokenId: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    /**
-     * Restrict the domain that the Crisp cookie is set on.
-     * Same as CRISP_COOKIE_DOMAIN.
-     * @see https://docs.crisp.chat/guides/chatbox-sdks/web-sdk/cookie-policies/
-     */
-    readonly cookieDomain: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    /**
-     * The cookie expiry in seconds.
-     * Same as CRISP_COOKIE_EXPIRATION.
-     * @see https://docs.crisp.chat/guides/chatbox-sdks/web-sdk/cookie-policies/#change-cookie-expiration-date
-     */
-    readonly cookieExpiry: import("valibot").OptionalSchema<import("valibot").NumberSchema<undefined>, undefined>;
-}, undefined>;
+import { CrispOptions } from './schemas.js';
+export { CrispOptions };
 export type CrispInput = RegistryScriptInput<typeof CrispOptions, false, false, false>;
 export interface CrispApi {
     push: (...args: any[]) => void;
-    is: (name: 'chat:opened' | 'chat:closed' | 'chat:visible' | 'chat:hidden' | 'chat:small' | 'chat:large' | 'session:ongoing' | 'website:available' | 'overlay:opened' | 'overlay:closed' | string) => boolean;
-    set: (name: 'message:text' | 'session:data' | 'session:segments' | 'session:event' | 'user:email' | 'user:phone' | 'user:nickname' | 'user:avatar' | 'user:company' | string, value: any) => void;
-    get: (name: 'chat:unread:count' | 'message:text' | 'session:identifier' | 'session:data' | 'user:email' | 'user:phone' | 'user:nickname' | 'user:avatar' | 'user:company' | string) => any;
-    do: (name: 'chat:open' | 'chat:close' | 'chat:toggle' | 'chat:show' | 'chat:hide' | 'helpdesk:search' | 'helpdesk:article:open' | 'helpdesk:query' | 'overlay:open' | 'overlay:close' | 'message:send' | 'message:show' | 'message:read' | 'message:thread:start' | 'message:thread:end' | 'session:reset' | 'trigger:run' | string, arg2?: any) => any;
-    on: (name: 'session:loaded' | 'chat:initiated' | 'chat:opened' | 'chat:closed' | 'message:sent' | 'message:received' | 'message:compose:sent' | 'message:compose:received' | 'user:email:changed' | 'user:phone:changed' | 'user:nickname:changed' | 'user:avatar:changed' | 'website:availability:changed' | 'helpdesk:queried' | string, callback: (...args: any[]) => any) => void;
-    off: (name: 'session:loaded' | 'chat:initiated' | 'chat:opened' | 'chat:closed' | 'message:sent' | 'message:received' | 'message:compose:sent' | 'message:compose:received' | 'user:email:changed' | 'user:phone:changed' | 'user:nickname:changed' | 'user:avatar:changed' | 'website:availability:changed' | 'helpdesk:queried' | string, callback: (...args: any[]) => any) => void;
-    config: (options: any) => void;
+    is: (name: 'chat:opened' | 'chat:closed' | 'chat:visible' | 'chat:hidden' | 'chat:small' | 'chat:large' | 'session:ongoing' | 'website:available' | 'overlay:opened' | 'overlay:closed' | (string & {})) => boolean;
+    set: ((name: 'message:text' | 'user:email' | 'user:phone' | 'user:nickname' | 'user:avatar' | 'user:company', value: string) => void) & ((name: 'session:data', value: [[string, string | number | boolean], ...[string, string | number | boolean][]]) => void) & ((name: 'session:segments', value: string[]) => void) & ((name: 'session:event', value: [[string, Record<string, any>?, string?]]) => void) & ((name: (string & {}), value: any) => void);
+    get: ((name: 'chat:unread:count') => number) & ((name: 'message:text' | 'session:identifier' | 'user:email' | 'user:phone' | 'user:nickname' | 'user:avatar' | 'user:company') => string) & ((name: 'session:data', key: string) => string | number | boolean) & ((name: (string & {})) => any);
+    do: (name: 'chat:open' | 'chat:close' | 'chat:toggle' | 'chat:show' | 'chat:hide' | 'helpdesk:search' | 'helpdesk:article:open' | 'helpdesk:query' | 'overlay:open' | 'overlay:close' | 'message:send' | 'message:show' | 'message:read' | 'message:thread:start' | 'message:thread:end' | 'session:reset' | 'trigger:run', arg2?: any) => any;
+    on: (name: 'session:loaded' | 'chat:initiated' | 'chat:opened' | 'chat:closed' | 'message:sent' | 'message:received' | 'message:compose:sent' | 'message:compose:received' | 'user:email:changed' | 'user:phone:changed' | 'user:nickname:changed' | 'user:avatar:changed' | 'website:availability:changed' | 'helpdesk:queried' | (string & {}), callback: (...args: any[]) => any) => void;
+    off: (name: 'session:loaded' | 'chat:initiated' | 'chat:opened' | 'chat:closed' | 'message:sent' | 'message:received' | 'message:compose:sent' | 'message:compose:received' | 'user:email:changed' | 'user:phone:changed' | 'user:nickname:changed' | 'user:avatar:changed' | 'website:availability:changed' | 'helpdesk:queried' | (string & {}), callback: (...args: any[]) => any) => void;
+    config: ((name: 'container:index', value: number) => void) & ((name: 'color:theme', value: 'default' | 'amber' | 'black' | 'blue' | 'blue_grey' | 'light_blue' | 'brown' | 'cyan' | 'green' | 'light_green' | 'grey' | 'indigo' | 'orange' | 'deep_orange' | 'pink' | 'purple' | 'deep_purple' | 'red' | 'teal') => void) & ((name: 'position:reverse' | 'hide:on:mobile' | 'hide:on:away' | 'lock:maximized' | 'lock:fullview' | 'show:operator:count' | 'sound:mute', value: boolean) => void) & ((name: (string & {}), value: any) => void);
     help: () => void;
     [key: string]: any;
 }

package/dist/runtime/registry/crisp.js

@@ -1,37 +1,6 @@
 import { useRegistryScript } from "../utils.js";
-import { object, string, optional, number } from "#nuxt-scripts-validator";
-export const CrispOptions = object({
-  /**
-   * The Crisp ID.
-   */
-  id: string(),
-  /**
-   * Extra configuration options. Used to configure the locale.
-   * Same as CRISP_RUNTIME_CONFIG.
-   * @see https://docs.crisp.chat/guides/chatbox-sdks/web-sdk/language-customization/
-   */
-  runtimeConfig: optional(object({
-    locale: optional(string())
-  })),
-  /**
-   * Associated a session, equivalent to using CRISP_TOKEN_ID variable.
-   * Same as CRISP_TOKEN_ID.
-   * @see https://docs.crisp.chat/guides/chatbox-sdks/web-sdk/session-continuity/
-   */
-  tokenId: optional(string()),
-  /**
-   * Restrict the domain that the Crisp cookie is set on.
-   * Same as CRISP_COOKIE_DOMAIN.
-   * @see https://docs.crisp.chat/guides/chatbox-sdks/web-sdk/cookie-policies/
-   */
-  cookieDomain: optional(string()),
-  /**
-   * The cookie expiry in seconds.
-   * Same as CRISP_COOKIE_EXPIRATION.
-   * @see https://docs.crisp.chat/guides/chatbox-sdks/web-sdk/cookie-policies/#change-cookie-expiration-date
-   */
-  cookieExpiry: optional(number())
-});
+import { CrispOptions } from "./schemas.js";
+export { CrispOptions };
 export function useScriptCrisp(_options) {
   let readyPromise = Promise.resolve();
   return useRegistryScript("crisp", (options) => ({

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

@@ -1,39 +1,6 @@
 import type { RegistryScriptInput } from '#nuxt-scripts/types';
-export declare const DatabuddyAnalyticsOptions: import("valibot").ObjectSchema<{
-    readonly clientId: import("valibot").StringSchema<undefined>;
-    readonly scriptUrl: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    readonly apiUrl: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    readonly disabled: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly trackScreenViews: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly trackPerformance: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly trackSessions: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly trackWebVitals: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly trackErrors: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly trackOutgoingLinks: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly trackScrollDepth: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly trackEngagement: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly trackInteractions: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly trackAttributes: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly trackHashChanges: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly trackExitIntent: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly trackBounceRate: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly enableBatching: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly batchSize: import("valibot").OptionalSchema<import("valibot").NumberSchema<undefined>, undefined>;
-    readonly batchTimeout: import("valibot").OptionalSchema<import("valibot").NumberSchema<undefined>, undefined>;
-    readonly enableRetries: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly maxRetries: import("valibot").OptionalSchema<import("valibot").NumberSchema<undefined>, undefined>;
-    readonly initialRetryDelay: import("valibot").OptionalSchema<import("valibot").NumberSchema<undefined>, undefined>;
-    readonly samplingRate: import("valibot").OptionalSchema<import("valibot").NumberSchema<undefined>, undefined>;
-    readonly sdk: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    readonly sdkVersion: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    readonly enableObservability: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly observabilityService: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    readonly observabilityEnvironment: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    readonly observabilityVersion: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
-    readonly enableLogging: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly enableTracing: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-    readonly enableErrorTracking: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
-}, undefined>;
+import { DatabuddyAnalyticsOptions } from './schemas.js';
+export { DatabuddyAnalyticsOptions };
 export type DatabuddyAnalyticsInput = RegistryScriptInput<typeof DatabuddyAnalyticsOptions, false>;
 export interface DatabuddyAnalyticsApi {
     /**