@nuxt/scripts 0.6.4 → 0.6.6

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

@@ -9,7 +9,7 @@ export const MatomoAnalyticsOptions = object({
   enableLinkTracking: optional(boolean())
 });
 export function useScriptMatomoAnalytics(_options) {
-  return useRegistryScript(_options?.key || "matomoAnalytics", (options) => ({
+  return useRegistryScript("matomoAnalytics", (options) => ({
     scriptInput: {
       src: withBase(`/matomo.js`, withHttps(options?.matomoUrl)),
       crossorigin: false
@@ -26,8 +26,12 @@ export function useScriptMatomoAnalytics(_options) {
     },
     clientInit: import.meta.server ? void 0 : () => {
       const _paq = window._paq = window._paq || [];
-      options?.trackPageView !== false && _paq.push(["trackPageView"]);
-      options?.enableLinkTracking !== false && _paq.push(["enableLinkTracking"]);
+      if (options?.trackPageView) {
+        _paq.push(["trackPageView"]);
+      }
+      if (options?.enableLinkTracking) {
+        _paq.push(["enableLinkTracking"]);
+      }
       _paq.push(["setTrackerUrl", withBase(`/matomo.php`, withHttps(options?.matomoUrl))]);
       _paq.push(["setSiteId", options?.siteId || "1"]);
     }

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

@@ -27,6 +27,7 @@ export interface MetaPixelApi {
         queue: any[];
     };
     _fbq: MetaPixelApi['fbq'];
+    callMethod?: FbqFns;
 }
 declare global {
     interface Window extends MetaPixelApi {

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

@@ -4,7 +4,7 @@ export const MetaPixelOptions = object({
   id: union([string(), number()])
 });
 export function useScriptMetaPixel(_options) {
-  return useRegistryScript(_options?.key || "metaPixel", (options) => ({
+  return useRegistryScript("metaPixel", (options) => ({
     scriptInput: {
       src: "https://connect.facebook.net/en_US/fbevents.js",
       crossorigin: false
@@ -17,7 +17,11 @@ export function useScriptMetaPixel(_options) {
     },
     clientInit: import.meta.server ? void 0 : () => {
       const fbq = window.fbq = function(...params) {
-        fbq.callMethod ? fbq.callMethod(...params) : fbq.queue.push(params);
+        if (fbq.callMethod) {
+          fbq.callMethod(...params);
+        } else {
+          fbq.queue.push(params);
+        }
       };
       if (!window._fbq)
         window._fbq = fbq;

package/dist/runtime/registry/npm.js

@@ -8,7 +8,7 @@ export const NpmOptions = object({
   type: optional(string())
 });
 export function useScriptNpm(_options) {
-  return useRegistryScript(_options?.key || `${_options.packageName}-npm`, (options) => ({
+  return useRegistryScript(`${_options.packageName}-npm`, (options) => ({
     scriptInput: {
       src: withBase(options.file || "", `https://unpkg.com/${options?.packageName}@${options.version || "latest"}`)
     },

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

@@ -17,7 +17,7 @@ export const PlausibleAnalyticsOptions = object({
   extension: optional(union([union(extensions), array(union(extensions))]))
 });
 export function useScriptPlausibleAnalytics(_options) {
-  return useRegistryScript(_options?.key || "plausibleAnalytics", (options) => {
+  return useRegistryScript("plausibleAnalytics", (options) => {
     const extensions2 = Array.isArray(options?.extension) ? options.extension.join(".") : [options?.extension];
     return {
       scriptInput: {

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

@@ -24,8 +24,7 @@ interface AnalyticsApi {
      */
     push: (args: any[]) => void;
 }
-export interface SegmentApi extends Pick<AnalyticsApi, 'track' | 'page' | 'identify' | 'group' | 'alias' | 'reset'> {
-}
+export type SegmentApi = Pick<AnalyticsApi, 'track' | 'page' | 'identify' | 'group' | 'alias' | 'reset'>;
 declare global {
     interface Window extends SegmentApi {
     }

package/dist/runtime/registry/segment.js

@@ -7,7 +7,7 @@ export const SegmentOptions = object({
 });
 const methods = ["track", "page", "identify", "group", "alias", "reset"];
 export function useScriptSegment(_options) {
-  return useRegistryScript(_options?.key || "segment", (options) => {
+  return useRegistryScript("segment", (options) => {
     const k = options?.analyticsKey ?? "analytics";
     return {
       scriptInput: {

package/dist/runtime/registry/stripe.js

@@ -5,7 +5,7 @@ export const StripeOptions = object({
   advancedFraudSignals: optional(boolean())
 });
 export function useScriptStripe(_options) {
-  return useRegistryScript(_options?.key || "stripe", (options) => ({
+  return useRegistryScript("stripe", (options) => ({
     scriptInput: {
       src: withQuery(
         `https://js.stripe.com/v3/`,

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

@@ -2,7 +2,7 @@ import { watch } from "vue";
 import { useRegistryScript } from "../utils.js";
 import { useHead } from "#imports";
 export function useScriptVimeoPlayer(_options) {
-  const instance = useRegistryScript(_options?.key || "vimeoPlayer", () => ({
+  const instance = useRegistryScript("vimeoPlayer", () => ({
     scriptInput: {
       src: "https://player.vimeo.com/api/player.js"
     },

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

@@ -5,15 +5,19 @@ export const XPixelOptions = object({
   version: optional(string())
 });
 export function useScriptXPixel(_options) {
-  return useRegistryScript(_options?.key || "xPixel", (options) => {
+  return useRegistryScript("xPixel", (options) => {
     return {
       scriptInput: {
         src: "https://static.ads-twitter.com/uwt.js",
         crossorigin: false
       },
       clientInit: import.meta.server ? void 0 : () => {
-        const s = window.twq = function() {
-          s.exe ? s.exe(s, arguments) : s.queue.push(arguments);
+        const s = window.twq = function(...args) {
+          if (e.exe) {
+            s.exe(s, args);
+          } else {
+            s.queue.push(args);
+          }
         };
         s.version = options?.version || "1.1";
         s.queue = [

package/dist/runtime/registry/youtube-player.js

@@ -3,7 +3,7 @@ import { useRegistryScript } from "../utils.js";
 import { useHead } from "#imports";
 export function useScriptYouTubePlayer(_options) {
   let readyPromise = Promise.resolve();
-  const instance = useRegistryScript(_options?.key || "youtubePlayer", () => ({
+  const instance = useRegistryScript("youtubePlayer", () => ({
     scriptInput: {
       src: "https://www.youtube.com/iframe_api",
       crossorigin: false

package/dist/runtime/types.d.ts

@@ -48,6 +48,21 @@ export type NuxtUseScriptOptions<T = any> = Omit<UseScriptOptions<T>, 'trigger'>
      * @internal
      */
     performanceMarkFeature?: string;
+    /**
+     * @internal
+     */
+    devtools?: {
+        /**
+         * Key used to map to the registry script for Nuxt DevTools.
+         * @internal
+         */
+        registryKey?: string;
+        /**
+         * Extra metadata to show with the registry script
+         * @internal
+         */
+        registryMeta?: Record<string, string>;
+    };
 };
 export type NuxtUseScriptOptionsSerializable = Omit<NuxtUseScriptOptions, 'use' | 'skipValidation' | 'stub' | 'trigger' | 'eventContext' | 'beforeInit'> & {
     trigger?: 'client' | 'server' | 'onNuxtReady';
@@ -69,8 +84,9 @@ export interface ConsentScriptTriggerOptions {
      */
     postConsentTrigger?: NuxtUseScriptOptions['trigger'];
 }
-export interface NuxtAppScript {
-    key: string;
+export interface NuxtDevToolsScriptInstance {
+    registryKey?: string;
+    registryMeta?: Record<string, string>;
     src: string;
     $script: VueScriptInstance<any>;
     events: {
@@ -108,8 +124,8 @@ export type NuxtConfigScriptRegistryEntry<T> = true | 'mock' | T | [T, NuxtUseSc
 export type NuxtConfigScriptRegistry<T extends keyof ScriptRegistry = keyof ScriptRegistry> = Partial<{
     [key in T]: NuxtConfigScriptRegistryEntry<ScriptRegistry[key]>;
 }>;
-declare const emptyOptions: ObjectSchema<{}, undefined>;
-export type EmptyOptionsSchema = typeof emptyOptions;
+declare const _emptyOptions: ObjectSchema<{}, undefined>;
+export type EmptyOptionsSchema = typeof _emptyOptions;
 type ScriptInput = ScriptBase & DataKeys & SchemaAugmentations['script'];
 export type RegistryScriptInput<T extends ObjectSchema<any, any> = EmptyOptionsSchema, Bundelable extends boolean = true, Usable extends boolean = false, CanBypassOptions extends boolean = true> = (InferInput<T> & {
     /**

package/dist/runtime/types.js

@@ -1,2 +1,2 @@
 import { object } from "valibot";
-const emptyOptions = object({});
+const _emptyOptions = object({});

package/dist/runtime/utils.d.ts

@@ -8,7 +8,7 @@ type OptionsFn<O extends ObjectSchema<any, any>> = (options: InferInput<O>) => (
     clientInit?: () => void;
 });
 export declare function scriptRuntimeConfig<T extends keyof ScriptRegistry>(key: T): ScriptRegistry[T];
-export declare function useRegistryScript<T extends Record<string | symbol, any>, O extends ObjectSchema<any, any> = EmptyOptionsSchema>(key: keyof ScriptRegistry | string, optionsFn: OptionsFn<O>, _userOptions?: RegistryScriptInput<O>): T & {
+export declare function useRegistryScript<T extends Record<string | symbol, any>, O extends ObjectSchema<any, any> = EmptyOptionsSchema>(registryKey: keyof ScriptRegistry | string, optionsFn: OptionsFn<O>, _userOptions?: RegistryScriptInput<O>): T & {
     $script: Promise<T> & VueScriptInstance<T>;
 };
 export {};

package/dist/runtime/utils.js

@@ -15,17 +15,29 @@ function validateScriptInputSchema(key, schema, options) {
 export function scriptRuntimeConfig(key) {
   return (useRuntimeConfig().public.scripts || {})[key];
 }
-export function useRegistryScript(key, optionsFn, _userOptions) {
-  const scriptConfig = scriptRuntimeConfig(key);
+export function useRegistryScript(registryKey, optionsFn, _userOptions) {
+  const scriptConfig = scriptRuntimeConfig(registryKey);
   const userOptions = Object.assign(_userOptions || {}, typeof scriptConfig === "object" ? scriptConfig : {});
   const options = optionsFn(userOptions);
-  const scriptInput = defu(userOptions.scriptInput, options.scriptInput, { key });
+  const scriptInput = defu(userOptions.scriptInput, options.scriptInput, { key: registryKey });
   const scriptOptions = Object.assign(userOptions?.scriptOptions || {}, options.scriptOptions || {});
+  if (import.meta.dev) {
+    scriptOptions.devtools = defu(scriptOptions.devtools, { registryKey });
+    if (options.schema) {
+      const registryMeta = {};
+      for (const k in options.schema.entries) {
+        if (options.schema.entries[k].type !== "optional") {
+          registryMeta[k] = String(userOptions[k]);
+        }
+      }
+      scriptOptions.devtools.registryMeta = registryMeta;
+    }
+  }
   const init = scriptOptions.beforeInit;
   scriptOptions.beforeInit = () => {
     if (import.meta.dev && !scriptOptions.skipValidation && options.schema) {
       if (!userOptions.scriptInput?.src) {
-        validateScriptInputSchema(key, options.schema, userOptions);
+        validateScriptInputSchema(registryKey, options.schema, userOptions);
       }
     }
     init?.();

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@nuxt/scripts",
   "type": "module",
-  "version": "0.6.4",
-  "packageManager": "pnpm@9.5.0",
+  "version": "0.6.6",
+  "packageManager": "pnpm@9.6.0",
   "description": "Load third-party scripts with better performance, privacy and DX in Nuxt Apps.",
   "author": {
     "website": "https://harlanzw.com",
@@ -35,7 +35,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "pnpm prepack",
+    "build": "pnpm dev:prepare && pnpm prepack",
     "client:build": "nuxi generate client",
     "client:dev": "nuxi dev client --port 3300",
     "prepack": "nuxt-module-build build && npm run client:build",
@@ -48,15 +48,13 @@
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "test": "vitest",
-    "test:types": "npx nuxi typecheck",
+    "test:types": "echo 'broken due to type regeneration, use pnpm typecheck' && npx nuxi typecheck",
     "script:generate-tpc": "bun ./scripts/generateTpcScripts.ts && pnpm lint:fix"
   },
   "build": {
     "externals": [
       "@unhead/vue",
       "@unhead/schema",
-      "#nuxt-scripts",
-      "#nuxt-scripts-validator",
       "third-party-capital",
       "knitwork",
       "estree-walker",
@@ -69,8 +67,8 @@
   "dependencies": {
     "@nuxt/devtools-kit": "^1.3.9",
     "@nuxt/devtools-ui-kit": "^1.3.9",
-    "@nuxt/kit": "^3.12.3",
-    "@types/google.maps": "^3.55.11",
+    "@nuxt/kit": "^3.12.4",
+    "@types/google.maps": "^3.55.12",
     "@types/stripe-v3": "^3.1.33",
     "@types/vimeo__player": "^2.18.3",
     "@types/youtube": "^0.0.50",
@@ -79,51 +77,51 @@
     "consola": "^3.2.3",
     "defu": "^6.1.4",
     "h3": "^1.12.0",
-    "magic-string": "^0.30.10",
+    "magic-string": "^0.30.11",
     "mlly": "^1.7.1",
     "ofetch": "^1.3.4",
     "ohash": "^1.1.3",
     "pathe": "^1.1.2",
     "pkg-types": "^1.1.3",
-    "semver": "^7.6.2",
-    "shiki": "^1.10.3",
+    "semver": "^7.6.3",
+    "shiki": "1.12.1",
     "sirv": "^2.0.4",
     "std-env": "^3.7.0",
-    "third-party-capital": "^1.0.31",
-    "ufo": "^1.5.3",
-    "unimport": "^3.7.2",
-    "unplugin": "^1.11.0",
+    "third-party-capital": "2.3.0",
+    "ufo": "^1.5.4",
+    "unimport": "^3.10.0",
+    "unplugin": "^1.12.0",
     "unstorage": "^1.10.2",
-    "valibot": "^0.36.0"
+    "valibot": "^0.37.0"
   },
   "devDependencies": {
     "@nuxt/devtools-ui-kit": "^1.3.9",
-    "@nuxt/eslint-config": "^0.3.13",
+    "@nuxt/eslint-config": "^0.5.0",
     "@nuxt/module-builder": "^0.8.1",
-    "@nuxt/test-utils": "3.13.1",
+    "@nuxt/test-utils": "3.14.0",
     "@types/semver": "^7.5.8",
-    "@typescript-eslint/typescript-estree": "^7.16.0",
+    "@typescript-eslint/typescript-estree": "^8.0.1",
     "@unhead/schema": "^1.9.16",
     "acorn-loose": "^8.4.0",
-    "bumpp": "^9.4.1",
+    "bumpp": "^9.4.2",
     "changelogen": "^0.5.5",
-    "eslint": "9.7.0",
-    "eslint-plugin-n": "^17.9.0",
+    "eslint": "9.8.0",
+    "eslint-plugin-n": "^17.10.2",
     "knitwork": "^1.1.0",
-    "nuxt": "^3.12.3",
+    "nuxt": "^3.12.4",
     "nuxt-scripts-devtools": "workspace:*",
-    "playwright-core": "^1.45.1",
-    "typescript": "^5.5.3",
-    "vitest": "^2.0.2",
-    "vue": "^3.4.31",
-    "vue-router": "^4.4.0"
+    "playwright-core": "^1.46.0",
+    "typescript": "^5.5.4",
+    "vitest": "^2.0.5",
+    "vue": "^3.4.35",
+    "vue-router": "^4.4.2"
   },
   "resolutions": {
     "@nuxt/scripts": "workspace:*",
-    "nuxt": "^3.12.3",
+    "nuxt": "^3.12.4",
     "nuxt-scripts-devtools": "workspace:*",
-    "vue": "^3.4.31",
-    "vue-router": "^4.4.0",
-    "shiki": "1.10.3"
+    "shiki": "1.10.3",
+    "vue": "^3.4.35",
+    "vue-router": "^4.4.2"
   }
 }