@nuxt/scripts 1.0.4 → 1.0.5

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

@@ -1,6 +1,6 @@
-import type { ElementScriptTrigger } from '#nuxt-scripts/types';
 import type { Components, PageTypes, SdkInstance } from '@paypal/paypal-js/sdk-v6';
 import type { HTMLAttributes, ReservedProps } from 'vue';
+import type { ElementScriptTrigger } from '#nuxt-scripts/types';
 import type { PayPalInput } from '../registry/paypal.js';
 type __VLS_Props = {
     /**

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

@@ -1,6 +1,6 @@
-import type { ElementScriptTrigger } from '#nuxt-scripts/types';
 import type { PageTypes, PayPalMessagesOptions, PayPalMessagesSession } from '@paypal/paypal-js/sdk-v6';
 import type { HTMLAttributes, ReservedProps } from 'vue';
+import type { ElementScriptTrigger } from '#nuxt-scripts/types';
 import type { PayPalInput } from '../registry/paypal.js';
 type __VLS_Props = {
     /**

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

@@ -1,6 +1,6 @@
-import type { ElementScriptTrigger } from '#nuxt-scripts/types';
 import type { PageTypes, PayPalMessagesOptions, PayPalMessagesSession } from '@paypal/paypal-js/sdk-v6';
 import type { HTMLAttributes, ReservedProps } from 'vue';
+import type { ElementScriptTrigger } from '#nuxt-scripts/types';
 import type { PayPalInput } from '../registry/paypal.js';
 type __VLS_Props = {
     /**

package/dist/runtime/composables/useScript.js

@@ -1,8 +1,8 @@
-import { resolveTrigger } from "#build/nuxt-scripts-trigger-resolver";
 import { useScript as _useScript } from "@unhead/vue/scripts";
 import { defu } from "defu";
 import { injectHead, onNuxtReady, useHead, useNuxtApp, useRuntimeConfig } from "nuxt/app";
 import { markRaw, ref } from "vue";
+import { resolveTrigger } from "#build/nuxt-scripts-trigger-resolver";
 import { logger } from "../logger.js";
 function resolveProxyPrefix() {
   const devtoolsConfig = useRuntimeConfig().public["nuxt-scripts-devtools"];

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

@@ -1,5 +1,5 @@
-import { useRegistryScript } from "#nuxt-scripts/utils";
 import { withQuery } from "ufo";
+import { useRegistryScript } from "#nuxt-scripts/utils";
 import { GoogleAnalyticsOptions } from "./schemas.js";
 export { GoogleAnalyticsOptions };
 export function useScriptGoogleAnalytics(_options) {

package/dist/runtime/registry/google-recaptcha.js

@@ -1,5 +1,5 @@
-import { useRegistryScript } from "#nuxt-scripts/utils";
 import { withQuery } from "ufo";
+import { useRegistryScript } from "#nuxt-scripts/utils";
 import { GoogleRecaptchaOptions } from "./schemas.js";
 export { GoogleRecaptchaOptions };
 export function useScriptGoogleRecaptcha(_options) {

package/dist/runtime/registry/google-sign-in.d.ts

@@ -1,4 +1,4 @@
-import type { RegistryScriptInput } from '#nuxt-scripts/types';
+import type { RegistryScriptInput, UseScriptContext } from '#nuxt-scripts/types';
 import { GoogleSignInOptions } from './schemas.js';
 export interface CredentialResponse {
     credential: string;
@@ -70,4 +70,29 @@ export interface GoogleSignInApi {
 }
 export { GoogleSignInOptions };
 export type GoogleSignInInput = RegistryScriptInput<typeof GoogleSignInOptions>;
-export declare function useScriptGoogleSignIn<T extends GoogleSignInApi>(_options?: GoogleSignInInput): import("#nuxt-scripts/types").UseScriptContext<T>;
+/**
+ * Helpers attached to the `useScriptGoogleSignIn()` instance.
+ *
+ * They merge schema options (passed to `useScriptGoogleSignIn(...)`) with the
+ * arguments below, ensure `accounts.id.initialize()` is called at most once
+ * across the page lifecycle (avoids the error Google emits on re-init after a
+ * button is rendered), and wait for the script to load.
+ */
+export interface GoogleSignInHelpers {
+    /**
+     * Initialize Google Identity Services. Schema options are used as defaults;
+     * pass a callback (and any other non-serializable config) here. Subsequent
+     * calls are a no-op so this is safe to invoke from a remounting component.
+     */
+    initialize: (config?: Partial<IdConfiguration>) => void;
+    /**
+     * Render a personalized Google Sign-In button. Auto-initializes if needed.
+     * Safe to re-render on navigation or locale change.
+     */
+    renderButton: (parent: HTMLElement, config?: GsiButtonConfiguration) => void;
+    /**
+     * Show the One Tap prompt. Auto-initializes if needed.
+     */
+    prompt: (listener?: (notification: MomentNotification) => void) => void;
+}
+export declare function useScriptGoogleSignIn<T extends GoogleSignInApi>(_options?: GoogleSignInInput): UseScriptContext<T> & GoogleSignInHelpers;

package/dist/runtime/registry/google-sign-in.js

@@ -2,7 +2,7 @@ import { useRegistryScript } from "#nuxt-scripts/utils";
 import { GoogleSignInOptions } from "./schemas.js";
 export { GoogleSignInOptions };
 export function useScriptGoogleSignIn(_options) {
-  return useRegistryScript(_options?.key || "googleSignIn", () => {
+  const instance = useRegistryScript(_options?.key || "googleSignIn", (options) => {
     return {
       scriptInput: {
         src: "https://accounts.google.com/gsi/client",
@@ -24,7 +24,102 @@ export function useScriptGoogleSignIn(_options) {
         w.google = w.google || {};
         w.google.accounts = w.google.accounts || {};
         w.google.accounts.id = w.google.accounts.id || {};
+        const key2 = _options?.key || "googleSignIn";
+        w.__nuxtScriptsGsi = w.__nuxtScriptsGsi || {};
+        const cached = w.__nuxtScriptsGsi[key2] = w.__nuxtScriptsGsi[key2] || { initialized: false };
+        cached.schemaConfig = mapSchemaToIdConfig(options);
+        cached.runtimeConfig ||= {};
       }
     };
   }, _options);
+  const key = _options?.key || "googleSignIn";
+  const getState = () => {
+    if (!import.meta.client)
+      return null;
+    const w = window;
+    w.__nuxtScriptsGsi = w.__nuxtScriptsGsi || {};
+    const state = w.__nuxtScriptsGsi[key] = w.__nuxtScriptsGsi[key] || {
+      initialized: false,
+      schemaConfig: mapSchemaToIdConfig(_options),
+      runtimeConfig: {}
+    };
+    state.schemaConfig ||= mapSchemaToIdConfig(_options);
+    state.runtimeConfig ||= {};
+    return state;
+  };
+  const ensureInit = (extra) => {
+    const state = getState();
+    if (!state)
+      return false;
+    if (state.initialized)
+      return true;
+    const merged = { ...state.schemaConfig, ...state.runtimeConfig, ...extra };
+    if (!merged.client_id)
+      return false;
+    if (merged.ux_mode !== "redirect" && typeof merged.callback !== "function")
+      return false;
+    const gid = window.google?.accounts?.id;
+    if (!gid)
+      return false;
+    if (merged.ux_mode !== "redirect") {
+      state.callbackProxy ||= (response) => {
+        const current = getState()?.runtimeConfig.callback;
+        current?.(response);
+      };
+      merged.callback = state.callbackProxy;
+    }
+    gid.initialize(merged);
+    state.initialized = true;
+    return true;
+  };
+  instance.initialize = (config) => {
+    if (!import.meta.client)
+      return;
+    if (config)
+      Object.assign(getState().runtimeConfig, config);
+    instance.onLoaded(() => {
+      ensureInit();
+    });
+  };
+  instance.renderButton = (parent, config = {}) => {
+    instance.onLoaded(({ accounts }) => {
+      if (!ensureInit())
+        return;
+      accounts.id.renderButton(parent, config);
+    });
+  };
+  instance.prompt = (listener) => {
+    instance.onLoaded(({ accounts }) => {
+      if (!ensureInit())
+        return;
+      accounts.id.prompt(listener);
+    });
+  };
+  return instance;
+}
+function mapSchemaToIdConfig(options) {
+  if (!options)
+    return {};
+  const cfg = {};
+  if (options.clientId)
+    cfg.client_id = options.clientId;
+  if (options.autoSelect != null)
+    cfg.auto_select = options.autoSelect;
+  if (options.context)
+    cfg.context = options.context;
+  if (options.useFedcmForPrompt != null)
+    cfg.use_fedcm_for_prompt = options.useFedcmForPrompt;
+  if (options.cancelOnTapOutside != null)
+    cfg.cancel_on_tap_outside = options.cancelOnTapOutside;
+  if (options.uxMode)
+    cfg.ux_mode = options.uxMode;
+  if (options.loginUri)
+    cfg.login_uri = options.loginUri;
+  if (options.itpSupport != null)
+    cfg.itp_support = options.itpSupport;
+  if (options.allowedParentOrigin)
+    cfg.allowed_parent_origin = options.allowedParentOrigin;
+  if (options.hd)
+    cfg.hd = options.hd;
+  return cfg;
 }

package/dist/runtime/registry/google-tag-manager.js

@@ -1,5 +1,5 @@
-import { useRegistryScript } from "#nuxt-scripts/utils";
 import { withQuery } from "ufo";
+import { useRegistryScript } from "#nuxt-scripts/utils";
 import { GoogleTagManagerOptions } from "./schemas.js";
 export { GoogleTagManagerOptions };
 export function useScriptGoogleTagManager(options) {

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

@@ -1,5 +1,5 @@
-import type { RegistryScriptInput } from '#nuxt-scripts/types';
 import type { InferInput } from 'valibot';
+import type { RegistryScriptInput } from '#nuxt-scripts/types';
 import { IntercomOptions } from './schemas.js';
 export { IntercomOptions };
 export type IntercomInput = RegistryScriptInput<typeof IntercomOptions, true, false>;

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

@@ -1,5 +1,5 @@
-import type { RegistryScriptInput } from '#nuxt-scripts/types';
 import type { PayPalV6Namespace } from '@paypal/paypal-js/sdk-v6';
+import type { RegistryScriptInput } from '#nuxt-scripts/types';
 import { PayPalOptions } from './schemas.js';
 export { PayPalOptions };
 export interface PayPalApi {

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

@@ -1,5 +1,5 @@
-import type { RegistryScriptInput, UseScriptContext } from '#nuxt-scripts/types';
 import type { PostHog, PostHogConfig } from 'posthog-js';
+import type { RegistryScriptInput, UseScriptContext } from '#nuxt-scripts/types';
 import { PostHogOptions } from './schemas.js';
 export { PostHogOptions };
 export type PostHogInput = Omit<RegistryScriptInput<typeof PostHogOptions, false, true>, 'config'> & {

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

@@ -1,5 +1,5 @@
-import type { RegistryScriptInput } from '#nuxt-scripts/types';
 import type { InferInput } from 'valibot';
+import type { RegistryScriptInput } from '#nuxt-scripts/types';
 import { InitObjectPropertiesSchema, SnapTrPixelOptions } from './schemas.js';
 export { InitObjectPropertiesSchema, SnapTrPixelOptions };
 type StandardEvents = 'PAGE_VIEW' | 'VIEW_CONTENT' | 'ADD_CART' | 'SIGN_UP' | 'SAVE' | 'START_CHECKOUT' | 'APP_OPEN' | 'ADD_BILLING' | 'SEARCH' | 'SUBSCRIBE' | 'AD_CLICK' | 'AD_VIEW' | 'COMPLETE_TUTORIAL' | 'LEVEL_COMPLETE' | 'INVITE' | 'LOGIN' | 'SHARE' | 'RESERVE' | 'ACHIEVEMENT_UNLOCKED' | 'ADD_TO_WISHLIST' | 'SPENT_CREDITS' | 'RATE' | 'START_TRIAL' | 'LIST_VIEW';

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

@@ -1,5 +1,5 @@
-import type { RegistryScriptInput } from '#nuxt-scripts/types';
 import type { StripeConstructor } from '@stripe/stripe-js';
+import type { RegistryScriptInput } from '#nuxt-scripts/types';
 import { StripeOptions } from './schemas.js';
 export { StripeOptions };
 export type StripeInput = RegistryScriptInput<typeof StripeOptions, false>;

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

@@ -1,6 +1,6 @@
-import type { RegistryScriptInput } from '#nuxt-scripts/types';
 import type { UseScriptContext } from '@unhead/vue';
 import type Vimeo from '@vimeo/player';
+import type { RegistryScriptInput } from '#nuxt-scripts/types';
 type Constructor<T extends new (...args: any) => any> = T extends new (...args: infer A) => infer R ? new (...args: A) => R : never;
 export interface VimeoPlayerApi {
     Vimeo: {

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

@@ -1,5 +1,5 @@
-import type { RegistryScriptInput } from '#nuxt-scripts/types';
 import type { UseScriptContext } from '@unhead/vue';
+import type { RegistryScriptInput } from '#nuxt-scripts/types';
 import type { MaybePromise } from '../utils.js';
 export interface YouTubePlayerApi {
     YT: MaybePromise<{

package/dist/runtime/utils.d.ts

@@ -1,6 +1,6 @@
-import type { EmptyOptionsSchema, InferIfSchema, NuxtUseScriptOptions, RegistryScriptInput, ScriptRegistry, UseFunctionType, UseScriptContext } from '#nuxt-scripts/types';
 import type { UseScriptInput } from '@unhead/vue';
 import type { ObjectSchema, UnionSchema } from 'valibot';
+import type { EmptyOptionsSchema, InferIfSchema, NuxtUseScriptOptions, RegistryScriptInput, ScriptRegistry, UseFunctionType, UseScriptContext } from '#nuxt-scripts/types';
 export type MaybePromise<T> = Promise<T> | T;
 type OptionsFn<O> = (options: InferIfSchema<O>, ctx: {
     scriptInput?: UseScriptInput & {

package/dist/types-source.mjs

@@ -451,6 +451,11 @@ const types = {
 			name: "GoogleSignInOptions",
 			kind: "const",
 			code: "export const GoogleSignInOptions = object({\n  /**\n   * Your Google API client ID.\n   * @example 'XXXXXXXXXXXX-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX.apps.googleusercontent.com'\n   * @see https://developers.google.com/identity/gsi/web/guides/get-google-api-clientid\n   */\n  clientId: string(),\n  /**\n   * Auto-select credentials when only one Google account is available.\n   * @see https://developers.google.com/identity/gsi/web/reference/js-reference#auto_select\n   */\n  autoSelect: optional(boolean()),\n  /**\n   * The context text for the One Tap prompt.\n   * @see https://developers.google.com/identity/gsi/web/reference/js-reference#context\n   */\n  context: optional(union([literal('signin'), literal('signup'), literal('use')])),\n  /**\n   * Enable FedCM (Federated Credential Management) API support. Mandatory from August 2025.\n   * @see https://developers.google.com/identity/gsi/web/guides/fedcm-migration\n   */\n  useFedcmForPrompt: optional(boolean()),\n  /**\n   * Cancel the One Tap prompt if the user clicks outside.\n   * @default true\n   * @see https://developers.google.com/identity/gsi/web/reference/js-reference#cancel_on_tap_outside\n   */\n  cancelOnTapOutside: optional(boolean()),\n  /**\n   * The UX mode for the sign-in flow.\n   * @see https://developers.google.com/identity/gsi/web/reference/js-reference#ux_mode\n   */\n  uxMode: optional(union([literal('popup'), literal('redirect')])),\n  /**\n   * The URI to redirect to after sign-in when using redirect UX mode.\n   * @see https://developers.google.com/identity/gsi/web/reference/js-reference#login_uri\n   */\n  loginUri: optional(string()),\n  /**\n   * Enable Intelligent Tracking Prevention (ITP) support for Safari.\n   * @see https://developers.google.com/identity/gsi/web/reference/js-reference#itp_support\n   */\n  itpSupport: optional(boolean()),\n  /**\n   * Allowed parent origin(s) for iframe embedding.\n   * @see https://developers.google.com/identity/gsi/web/reference/js-reference#allowed_parent_origin\n   */\n  allowedParentOrigin: optional(union([string(), array(string())])),\n  /**\n   * Restrict sign-in to a specific Google Workspace hosted domain.\n   * @example 'example.com'\n   * @see https://developers.google.com/identity/gsi/web/reference/js-reference#hd\n   */\n  hd: optional(string()),\n})"
+		},
+		{
+			name: "GoogleSignInHelpers",
+			kind: "interface",
+			code: "export interface GoogleSignInHelpers {\n  /**\n   * Initialize Google Identity Services. Schema options are used as defaults;\n   * pass a callback (and any other non-serializable config) here. Subsequent\n   * calls are a no-op so this is safe to invoke from a remounting component.\n   */\n  initialize: (config?: Partial<IdConfiguration>) => void\n  /**\n   * Render a personalized Google Sign-In button. Auto-initializes if needed.\n   * Safe to re-render on navigation or locale change.\n   */\n  renderButton: (parent: HTMLElement, config?: GsiButtonConfiguration) => void\n  /**\n   * Show the One Tap prompt. Auto-initializes if needed.\n   */\n  prompt: (listener?: (notification: MomentNotification) => void) => void\n}"
 		}
 	],
 	"google-tag-manager": [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/scripts",
   "type": "module",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Load third-party scripts with better performance, privacy and DX in Nuxt Apps.",
   "author": {
     "name": "Harlan Wilton",
@@ -103,7 +103,7 @@
   },
   "dependencies": {
     "@nuxt/devtools-kit": "^3.2.4",
-    "@nuxt/kit": "^4.4.2",
+    "@nuxt/kit": "^4.4.4",
     "@vueuse/core": "^14.2.1",
     "@vueuse/shared": "^14.2.1",
     "consola": "^3.4.2",
@@ -118,7 +118,7 @@
     "pkg-types": "^2.3.1",
     "sirv": "^3.0.2",
     "std-env": "^4.1.0",
-    "ufo": "^1.6.3",
+    "ufo": "^1.6.4",
     "ultrahtml": "^1.6.0",
     "unplugin": "^3.0.0",
     "unstorage": "^1.17.5",