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

package/dist/runtime/types.d.ts

@@ -57,8 +57,24 @@ export type NuxtUseScriptOptions<T extends Record<symbol | string, any> = {}> =
      * - `false` - Do not bundle the script. (default)
      *
      * Note: Using 'force' may significantly increase build time as scripts will be re-downloaded on every build.
+     *
+     * @deprecated Use `scripts.firstParty: true` in nuxt.config instead for bundling and routing scripts through your domain.
      */
     bundle?: boolean | 'force';
+    /**
+     * Opt-out of first-party routing for this specific script when global `scripts.firstParty` is enabled.
+     * Set to `false` to load this script directly from its original source instead of through your domain.
+     *
+     * Note: This option only works as an opt-out. To enable first-party routing, use the global `scripts.firstParty` option in nuxt.config.
+     */
+    firstParty?: false;
+    /**
+     * Load the script in a web worker using Partytown.
+     * When enabled, adds `type="text/partytown"` to the script tag.
+     * Requires @nuxtjs/partytown to be installed and configured separately.
+     * @see https://partytown.qwik.dev/
+     */
+    partytown?: boolean;
     /**
      * Skip any schema validation for the script input. This is useful for loading the script stubs for development without
      * loading the actual script and not getting warnings.
@@ -99,6 +115,8 @@ export type NuxtUseScriptOptionsSerializable = Omit<NuxtUseScriptOptions, 'use'
         idleTimeout: number;
     } | {
         interaction: string[];
+    } | {
+        serviceWorker: true;
     };
 };
 export type NuxtUseScriptInput = UseScriptInput;
@@ -193,6 +211,17 @@ export type RegistryScriptInput<T = EmptyOptionsSchema, Bundelable extends boole
 export interface RegistryScript {
     import?: Import;
     scriptBundling?: false | ((options?: any) => string | false);
+    /**
+     * First-party routing configuration for this script.
+     * - `string` - The proxy config key to use (e.g., 'googleAnalytics', 'metaPixel')
+     * - `false` - Explicitly disable first-party routing for this script
+     * - `undefined` - Use the default key derived from the function name
+     *
+     * When set to a string, the script's URLs will be rewritten and collection
+     * endpoints will be routed through your server when `scripts.firstParty` is enabled.
+     * @internal
+     */
+    proxy?: string | false;
     label?: string;
     src?: string | false;
     category?: string;

package/dist/runtime/utils/pure.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Proxy configuration for third-party scripts.
+ */
+export interface ProxyRewrite {
+    /** Domain and path to match (e.g., 'www.google-analytics.com/g/collect') */
+    from: string;
+    /** Local path to rewrite to (e.g., '/_scripts/c/ga/g/collect') */
+    to: string;
+}
+/**
+ * Rewrite URLs in script content based on proxy config.
+ */
+export declare function rewriteScriptUrls(content: string, rewrites: ProxyRewrite[]): string;

package/dist/runtime/utils/pure.js

@@ -0,0 +1,67 @@
+import { parseURL, joinURL } from "ufo";
+export function rewriteScriptUrls(content, rewrites) {
+  let result = content;
+  const literalRegex = /(['"`])(.*?)\1/g;
+  for (const { from, to } of rewrites) {
+    const isSuffixMatch = from.startsWith(".");
+    const fromSlashIdx = from.indexOf("/");
+    const fromHost = fromSlashIdx > 0 ? from.slice(0, fromSlashIdx) : from;
+    const fromPath = fromSlashIdx > 0 ? from.slice(fromSlashIdx) : "";
+    result = result.replace(literalRegex, (match, quote, inner) => {
+      if (!inner.includes(fromHost)) return match;
+      const url = parseURL(inner);
+      let shouldRewrite = false;
+      let rewriteSuffix = "";
+      if (url.host) {
+        const hostMatches = isSuffixMatch ? url.host.endsWith(fromHost) : url.host === fromHost;
+        if (hostMatches) {
+          const fullPath = url.pathname + (url.search || "") + (url.hash || "");
+          if (fromPath && fullPath.startsWith(fromPath)) {
+            shouldRewrite = true;
+            rewriteSuffix = fullPath.slice(fromPath.length);
+          } else if (!fromPath) {
+            shouldRewrite = true;
+            rewriteSuffix = fullPath;
+          }
+        }
+      } else if (inner.startsWith("//")) {
+        const hostPart = inner.slice(2).split("/")[0];
+        const hostMatches = isSuffixMatch ? hostPart?.endsWith(fromHost) ?? false : hostPart === fromHost;
+        if (hostMatches) {
+          const remainder = inner.slice(2 + (hostPart?.length ?? 0));
+          if (fromPath && remainder.startsWith(fromPath)) {
+            shouldRewrite = true;
+            rewriteSuffix = remainder.slice(fromPath.length);
+          } else if (!fromPath) {
+            shouldRewrite = true;
+            rewriteSuffix = remainder;
+          }
+        }
+      } else if (fromPath && (inner.startsWith(from) || isSuffixMatch && inner.includes(from))) {
+        const domainEnd = inner.indexOf(from) + from.length;
+        const nextChar = inner[domainEnd];
+        if (!nextChar || nextChar === "/" || nextChar === "?" || nextChar === "#") {
+          shouldRewrite = true;
+          rewriteSuffix = inner.slice(domainEnd);
+        }
+      }
+      if (shouldRewrite) {
+        const rewritten = rewriteSuffix === "/" || rewriteSuffix.startsWith("?") || rewriteSuffix.startsWith("#") ? to + rewriteSuffix : joinURL(to, rewriteSuffix);
+        return quote + rewritten + quote;
+      }
+      return match;
+    });
+  }
+  const gaRewrite = rewrites.find((r) => r.from.includes("google-analytics.com/g/collect"));
+  if (gaRewrite) {
+    result = result.replace(
+      /"https:\/\/"\+\(.*?\)\+"\.google-analytics\.com\/g\/collect"/g,
+      `"${gaRewrite.to}"`
+    );
+    result = result.replace(
+      /"https:\/\/"\+\(.*?\)\+"\.analytics\.google\.com\/g\/collect"/g,
+      `"${gaRewrite.to}"`
+    );
+  }
+  return result;
+}

package/dist/runtime/utils.d.ts

@@ -15,4 +15,4 @@ type OptionsFn<O> = (options: InferIfSchema<O>, ctx: {
 });
 export declare function scriptRuntimeConfig<T extends keyof ScriptRegistry>(key: T): ScriptRegistry[T];
 export declare function useRegistryScript<T extends Record<string | symbol, any>, O = EmptyOptionsSchema>(registryKey: keyof ScriptRegistry | string, optionsFn: OptionsFn<O>, _userOptions?: RegistryScriptInput<O>): UseScriptContext<UseFunctionType<NuxtUseScriptOptions<T>, T>>;
-export {};
+export * from './utils/pure.js';

package/dist/runtime/utils.js

@@ -1,9 +1,9 @@
 import { defu } from "defu";
 import { useRuntimeConfig } from "nuxt/app";
+import { parseURL, withQuery, parseQuery } from "ufo";
 import { useScript } from "./composables/useScript.js";
 import { createNpmScriptStub } from "./npm-script-stub.js";
 import { parse } from "#nuxt-scripts-validator";
-import { parseURL, withQuery, parseQuery } from "ufo";
 function validateScriptInputSchema(key, schema, options) {
   if (import.meta.dev) {
     try {
@@ -95,3 +95,4 @@ export function useRegistryScript(registryKey, optionsFn, _userOptions) {
   };
   return useScript(scriptInput, scriptOptions);
 }
+export * from "./utils/pure.js";

package/dist/types.d.mts

@@ -6,4 +6,4 @@ declare module '@nuxt/schema' {
 
 export { default } from './module.mjs'
 
-export { type ModuleHooks, type ModuleOptions } from './module.mjs'
+export { type FirstPartyOptions, type FirstPartyPrivacy, type ModuleHooks, type ModuleOptions } from './module.mjs'

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/scripts",
   "type": "module",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.3",
   "description": "Load third-party scripts with better performance, privacy and DX in Nuxt Apps.",
   "author": {
     "website": "https://harlanzw.com",
@@ -87,51 +87,52 @@
     }
   },
   "dependencies": {
-    "@nuxt/kit": "^4.2.2",
-    "@vueuse/core": "^14.1.0",
+    "@nuxt/devtools-kit": "^3.2.2",
+    "@nuxt/kit": "^4.3.1",
+    "@vueuse/core": "^14.2.1",
     "consola": "^3.4.2",
     "defu": "^6.1.4",
-    "estree-walker": "^3.0.3",
     "h3": "^1.15.5",
     "magic-string": "^0.30.21",
     "ofetch": "^1.5.1",
     "ohash": "^2.0.11",
+    "oxc-parser": "^0.115.0",
+    "oxc-walker": "^0.7.0",
     "pathe": "^2.0.3",
     "pkg-types": "^2.3.0",
     "sirv": "^3.0.2",
     "std-env": "^3.10.0",
     "ufo": "^1.6.3",
-    "unplugin": "^2.3.11",
+    "unplugin": "^3.0.0",
     "unstorage": "^1.17.4",
     "valibot": "^1.2.0"
   },
   "devDependencies": {
-    "@nuxt/devtools-kit": "^3.1.1",
-    "@nuxt/devtools-ui-kit": "^3.1.1",
-    "@nuxt/eslint-config": "^1.12.1",
+    "@nuxt/devtools-ui-kit": "^3.2.2",
+    "@nuxt/eslint-config": "^1.15.2",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/test-utils": "3.19.2",
-    "@paypal/paypal-js": "^9.2.0",
+    "@nuxt/test-utils": "^4.0.0",
+    "@nuxtjs/partytown": "^2.0.0",
+    "@paypal/paypal-js": "^9.3.0",
     "@types/semver": "^7.7.1",
-    "@typescript-eslint/typescript-estree": "^8.53.1",
+    "@typescript-eslint/typescript-estree": "^8.56.1",
     "@vue/test-utils": "^2.4.6",
-    "acorn-loose": "^8.5.2",
-    "bumpp": "^10.4.0",
+    "bumpp": "^10.4.1",
     "changelogen": "^0.6.2",
-    "eslint": "^9.39.2",
-    "eslint-plugin-n": "^17.23.2",
-    "happy-dom": "^20.3.4",
+    "eslint": "^10.0.2",
+    "eslint-plugin-n": "^17.24.0",
+    "happy-dom": "^20.7.0",
     "knitwork": "^1.3.0",
-    "nuxt": "^4.2.2",
-    "playwright-core": "^1.57.0",
-    "posthog-js": "^1.331.0",
-    "shiki": "^3.21.0",
+    "nuxt": "^4.3.1",
+    "playwright-core": "^1.58.2",
+    "posthog-js": "^1.353.1",
+    "shiki": "^3.22.0",
     "typescript": "5.9.3",
-    "vitest": "^4.0.17",
-    "vue": "^3.5.27",
-    "vue-router": "^4.6.4",
-    "vue-tsc": "^3.2.2",
-    "@nuxt/scripts": "1.0.0-beta.1"
+    "vitest": "^4.0.18",
+    "vue": "^3.5.29",
+    "vue-router": "^5.0.3",
+    "vue-tsc": "^3.2.5",
+    "@nuxt/scripts": "1.0.0-beta.3"
   },
   "resolutions": {
     "@nuxt/scripts": "workspace:*"
@@ -142,7 +143,7 @@
     "client:dev": "nuxi dev client --port 3300",
     "dev": "nuxi dev playground",
     "dev:ssl": "nuxi dev playground --https",
-    "prepare:fixtures": "nuxi prepare test/fixtures/basic && nuxi prepare test/fixtures/cdn && nuxi prepare test/fixtures/extend-registry",
+    "prepare:fixtures": "nuxi prepare test/fixtures/basic && nuxi prepare test/fixtures/cdn && nuxi prepare test/fixtures/extend-registry && nuxi prepare test/fixtures/partytown && nuxi prepare test/fixtures/first-party",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && pnpm run prepare:fixtures",
     "typecheck": "vue-tsc --noEmit",
     "bump": "bumpp package.json --commit --push --tag",

package/dist/client/_nuxt/Bdf7Qtwg.js

@@ -1 +0,0 @@
-import{_ as s,c as a,o as i,a as t,t as n,b as u,w as c,d as l,e as d}from"./CoyZWCgl.js";import{u as f}from"./DTDyDxvR.js";const p={class:"antialiased bg-white dark:bg-[#020420] dark:text-white font-sans grid min-h-screen overflow-hidden place-content-center text-[#020420] tracking-wide"},m={class:"max-w-520px text-center"},h=["textContent"],g=["textContent"],b=["textContent"],x={class:"flex items-center justify-center w-full"},y={__name:"error-404",props:{appName:{type:String,default:"Nuxt"},statusCode:{type:Number,default:404},statusMessage:{type:String,default:"Page not found"},description:{type:String,default:"Sorry, the page you are looking for could not be found."},backHome:{type:String,default:"Go back home"}},setup(e){const r=e;return f({title:`${r.statusCode} - ${r.statusMessage} | ${r.appName}`,script:[{innerHTML:`!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver(e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)"LINK"===e.tagName&&"modulepreload"===e.rel&&r(e)}).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerPolicy&&(r.referrerPolicy=e.referrerPolicy),"use-credentials"===e.crossOrigin?r.credentials="include":"anonymous"===e.crossOrigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();`}],style:[{innerHTML:'*,:after,:before{border-color:var(--un-default-border-color,#e5e7eb);border-style:solid;border-width:0;box-sizing:border-box}:after,:before{--un-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}h1,h2{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}h1,h2,p{margin:0}*,:after,:before{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }'}]}),(k,w)=>{const o=d;return i(),a("div",p,[t("div",m,[t("h1",{class:"font-semibold leading-none mb-4 sm:text-[110px] tabular-nums text-[80px]",textContent:n(e.statusCode)},null,8,h),t("h2",{class:"font-semibold mb-2 sm:text-3xl text-2xl",textContent:n(e.statusMessage)},null,8,g),t("p",{class:"mb-4 px-2 text-[#64748B] text-md",textContent:n(e.description)},null,8,b),t("div",x,[u(o,{to:"/",class:"font-medium hover:text-[#00DC82] text-sm underline underline-offset-3"},{default:c(()=>[l(n(e.backHome),1)]),_:1})])])])}}},v=s(y,[["__scopeId","data-v-75dfa5e6"]]);export{v as default};