@nuxt/scripts 0.1.9 → 0.1.10

package/dist/client/_nuxt/{598pLFA2.js → RJMmSfsq.js}

@@ -1 +1 @@
-import{i as u,r as c,f,g as v,h as d,j as l,k as i,l as h,m as p}from"./C-ajRY17.js";function g(t,a={}){const e=a.head||u();if(e)return e.ssr?e.push(t,a):m(e,t,a)}function m(t,a,e={}){const s=c(!1),n=c({});f(()=>{n.value=s.value?{}:h(a)});const r=t.push(n.value,e);return v(n,o=>{r.patch(o)}),p()&&(d(()=>{r.dispose()}),l(()=>{s.value=!0}),i(()=>{s.value=!1})),r}const I=(t,a)=>{const e=t.__vccOpts||t;for(const[s,n]of a)e[s]=n;return e};export{I as _,g as u};
+import{i as u,r as c,f,g as v,h as d,j as l,k as i,l as h,m as p}from"./CvC-oELr.js";function g(t,a={}){const e=a.head||u();if(e)return e.ssr?e.push(t,a):m(e,t,a)}function m(t,a,e={}){const s=c(!1),n=c({});f(()=>{n.value=s.value?{}:h(a)});const r=t.push(n.value,e);return v(n,o=>{r.patch(o)}),p()&&(d(()=>{r.dispose()}),l(()=>{s.value=!0}),i(()=>{s.value=!1})),r}const I=(t,a)=>{const e=t.__vccOpts||t;for(const[s,n]of a)e[s]=n;return e};export{I as _,g as u};

package/dist/client/_nuxt/{BAdl5pI-.js → ZTTBuPuP.js}

@@ -1 +1 @@
-import{o as a,c as n,a as e,t as s,b as r,w as l,d,_ as c,p,e as m}from"./C-ajRY17.js";import{_ as f,u as h}from"./598pLFA2.js";const x=t=>(p("data-v-05a2b8a3"),t=t(),m(),t),u={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},g=x(()=>e("div",{class:"fixed left-0 right-0 spotlight z-10"},null,-1)),b={class:"max-w-520px text-center z-20"},_=["textContent"],w=["textContent"],y={class:"w-full flex items-center justify-center"},S={__name:"error-404",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:404},statusMessage:{type:String,default:"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(t){const o=t;return h({title:`${o.statusCode} - ${o.statusMessage} | ${o.appName}`,script:[],style:[{children:'*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e0e0e0}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(14, 165, 233, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}h1,p{margin:0}h1{font-size:inherit;font-weight:inherit}'}]}),(k,N)=>{const i=c;return a(),n("div",u,[g,e("div",b,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:s(t.statusCode)},null,8,_),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:s(t.description)},null,8,w),e("div",y,[r(i,{to:"/",class:"gradient-border text-md sm:text-xl py-2 px-4 sm:py-3 sm:px-6 cursor-pointer"},{default:l(()=>[d(s(t.backHome),1)]),_:1})])])])}}},C=f(S,[["__scopeId","data-v-05a2b8a3"]]);export{C as default};
+import{o as a,c as n,a as e,t as s,b as r,w as l,d,_ as c,p,e as m}from"./CvC-oELr.js";import{_ as f,u as h}from"./RJMmSfsq.js";const x=t=>(p("data-v-05a2b8a3"),t=t(),m(),t),u={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},g=x(()=>e("div",{class:"fixed left-0 right-0 spotlight z-10"},null,-1)),b={class:"max-w-520px text-center z-20"},_=["textContent"],w=["textContent"],y={class:"w-full flex items-center justify-center"},S={__name:"error-404",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:404},statusMessage:{type:String,default:"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(t){const o=t;return h({title:`${o.statusCode} - ${o.statusMessage} | ${o.appName}`,script:[],style:[{children:'*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e0e0e0}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(14, 165, 233, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}h1,p{margin:0}h1{font-size:inherit;font-weight:inherit}'}]}),(k,N)=>{const i=c;return a(),n("div",u,[g,e("div",b,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:s(t.statusCode)},null,8,_),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:s(t.description)},null,8,w),e("div",y,[r(i,{to:"/",class:"gradient-border text-md sm:text-xl py-2 px-4 sm:py-3 sm:px-6 cursor-pointer"},{default:l(()=>[d(s(t.backHome),1)]),_:1})])])])}}},C=f(S,[["__scopeId","data-v-05a2b8a3"]]);export{C as default};

package/dist/client/_nuxt/builds/latest.json

@@ -1 +1 @@
-{"id":"5fdc85c0-58a5-4956-bedd-f94dc9ec3924","timestamp":1712059997492}
+{"id":"a3528c6a-ce16-4b1c-ac03-cae330707f80","timestamp":1712109015496}

package/dist/client/_nuxt/builds/meta/a3528c6a-ce16-4b1c-ac03-cae330707f80.json

@@ -0,0 +1 @@
+{"id":"a3528c6a-ce16-4b1c-ac03-cae330707f80","timestamp":1712109015496,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

package/dist/client/index.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html><html><head><meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="/__nuxt-scripts/_nuxt/entry.D91GVkD7.css">
-<link rel="modulepreload" as="script" crossorigin href="/__nuxt-scripts/_nuxt/C-ajRY17.js">
+<link rel="modulepreload" as="script" crossorigin href="/__nuxt-scripts/_nuxt/CvC-oELr.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/DXFkqnOI.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/D6NljDpC.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/CowR2XfX.js">
@@ -230,10 +230,10 @@
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/DggdVF2v.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/A1WiD9SJ.js">
 <link rel="prefetch" as="style" href="/__nuxt-scripts/_nuxt/error-404.ORekjfyJ.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/BAdl5pI-.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/598pLFA2.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/ZTTBuPuP.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/RJMmSfsq.js">
 <link rel="prefetch" as="style" href="/__nuxt-scripts/_nuxt/error-500.BIuFL0tW.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/Cx7pcWFu.js">
-<script type="module" src="/__nuxt-scripts/_nuxt/C-ajRY17.js" crossorigin></script><script>"use strict";(()=>{const a=window,e=document.documentElement,c=window.localStorage,d=["dark","light"],n=c&&c.getItem&&c.getItem("nuxt-color-mode")||"system";let l=n==="system"?f():n;const i=e.getAttribute("data-color-mode-forced");i&&(l=i),r(l),a["__NUXT_COLOR_MODE__"]={preference:n,value:l,getColorScheme:f,addColorScheme:r,removeColorScheme:u};function r(o){const t=""+o+"",s="";e.classList?e.classList.add(t):e.className+=" "+t,s&&e.setAttribute("data-"+s,o)}function u(o){const t=""+o+"",s="";e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp(t,"g"),""),s&&e.removeAttribute("data-"+s)}function m(o){return a.matchMedia("(prefers-color-scheme"+o+")")}function f(){if(a.matchMedia&&m("").media!=="not all"){for(const o of d)if(m(":"+o).matches)return o}return"light"}})();
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/B3NxZ4PD.js">
+<script type="module" src="/__nuxt-scripts/_nuxt/CvC-oELr.js" crossorigin></script><script>"use strict";(()=>{const a=window,e=document.documentElement,c=window.localStorage,d=["dark","light"],n=c&&c.getItem&&c.getItem("nuxt-color-mode")||"system";let l=n==="system"?f():n;const i=e.getAttribute("data-color-mode-forced");i&&(l=i),r(l),a["__NUXT_COLOR_MODE__"]={preference:n,value:l,getColorScheme:f,addColorScheme:r,removeColorScheme:u};function r(o){const t=""+o+"",s="";e.classList?e.classList.add(t):e.className+=" "+t,s&&e.setAttribute("data-"+s,o)}function u(o){const t=""+o+"",s="";e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp(t,"g"),""),s&&e.removeAttribute("data-"+s)}function m(o){return a.matchMedia("(prefers-color-scheme"+o+")")}function f(){if(a.matchMedia&&m("").media!=="not all"){for(const o of d)if(m(":"+o).matches)return o}return"light"}})();
 </script></head><body><div id="__nuxt"></div><div id="teleports"></div><script type="application/json" id="__NUXT_DATA__" data-ssr="false">[{"_errors":1,"serverRendered":2,"data":3,"state":4,"once":5},{},false,{},{},["Set"]]</script>
 <script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-scripts",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>

package/dist/module.json

@@ -5,5 +5,5 @@
     "nuxt": "^3.11.1",
     "bridge": false
   },
-  "version": "0.1.9"
+  "version": "0.1.10"
 }

package/dist/module.mjs

@@ -1,5 +1,5 @@
-import { useNuxt, useLogger, addDevServerHandler, createResolver, addTemplate, defineNuxtModule, addImportsDir, addImports, addPlugin, addBuildPlugin } from '@nuxt/kit';
-import { readPackageJSON } from 'pkg-types';
+import { useNuxt, useLogger, addDevServerHandler, createResolver, addTemplate, logger as logger$1, defineNuxtModule, addImportsDir, addImports, addPlugin, addBuildPlugin, hasNuxtModule } from '@nuxt/kit';
+import { resolvePackageJSON, readPackageJSON } from 'pkg-types';
 import { parseURL, parseQuery, joinURL, hasProtocol, withQuery, withBase } from 'ufo';
 import { existsSync } from 'node:fs';
 import { pathToFileURL } from 'node:url';
@@ -15,6 +15,7 @@ import { join, relative } from 'pathe';
 import { hash } from 'ohash';
 import { createStorage } from 'unstorage';
 import fsDriver from 'unstorage/drivers/fs-lite';
+import { isCI, provider } from 'std-env';
 
 const DEVTOOLS_UI_ROUTE = "/__nuxt-scripts";
 const DEVTOOLS_UI_LOCAL_PORT = 3030;
@@ -106,6 +107,7 @@ function NuxtScriptAssetBundlerTransformer(options) {
                   console.warn(`[Nuxt Scripts] Integration ${fnName} not found in registry. Used in ${id}.`);
                   return;
                 }
+                options.moduleDetected(registryNode.module);
                 if (!registryNode.transform && !registryNode.src)
                   return;
                 const optionsNode = node.arguments[0];
@@ -118,10 +120,13 @@ function NuxtScriptAssetBundlerTransformer(options) {
                   const srcProperty = node.arguments[0].properties.find(
                     (p) => p.key?.name === "src" || p.key?.value === "src"
                   );
-                  if (srcProperty?.value?.value)
+                  if (srcProperty?.value?.value) {
                     scriptSrcNode = srcProperty.value;
-                  else
+                  } else {
                     src = registryNode.src || registryNode.transform?.(fnArg0);
+                    if (src === false)
+                      return;
+                  }
                   scriptKey = registryNode.key;
                 }
               }
@@ -271,7 +276,7 @@ function extendTypes(module, template) {
   const nuxt = useNuxt();
   const { resolve } = createResolver(import.meta.url);
   addTemplate({
-    filename: `modules/${module}.d.ts`,
+    filename: `modules/${module.replace("/", "-")}.d.ts`,
     getContents: async () => {
       const typesPath = relative(resolve(nuxt.options.rootDir, nuxt.options.buildDir, "module"), resolve("runtime/types"));
       const s = await template({ typesPath });
@@ -285,6 +290,43 @@ export {}
     references.push({ path: resolve(nuxt.options.buildDir, `module/${module}.d.ts`) });
   });
 }
+const isStackblitz = provider === "stackblitz";
+async function promptToInstall(name, installCommand, options) {
+  if (await resolvePackageJSON(name, { url: options.searchPaths }).catch(() => null))
+    return true;
+  logger$1.info(`Package ${name} is missing`);
+  if (isCI)
+    return false;
+  if (options.prompt === true || options.prompt !== false && !isStackblitz) {
+    const confirm = await logger$1.prompt(`Do you want to install ${name} package?`, {
+      type: "confirm",
+      name: "confirm",
+      initial: true
+    });
+    if (!confirm)
+      return false;
+  }
+  logger$1.info(`Installing ${name}...`);
+  try {
+    await installCommand();
+    logger$1.success(`Installed ${name}`);
+    return true;
+  } catch (err) {
+    logger$1.error(err);
+    return false;
+  }
+}
+const installPrompts = /* @__PURE__ */ new Set();
+function installNuxtModule(name, options) {
+  if (installPrompts.has(name))
+    return;
+  installPrompts.add(name);
+  const nuxt = useNuxt();
+  return promptToInstall(name, async () => {
+    const { runCommand } = await import(String("nuxi"));
+    await runCommand("module", ["add", name, "--cwd", nuxt.options.rootDir]);
+  }, { rootDir: nuxt.options.rootDir, searchPaths: nuxt.options.modulesDir, ...options });
+}
 
 const module = defineNuxtModule({
   meta: {
@@ -318,12 +360,7 @@ const module = defineNuxtModule({
       resolve("./runtime/composables")
     ]);
     nuxt.hooks.hook("modules:done", async () => {
-      const registry = [
-        {
-          name: "useScriptCloudflareTurnstile",
-          key: "cloudflareTurnstile",
-          from: resolve("./runtime/registry/cloudflare-turnstile")
-        },
+      let registry = [
         {
           name: "useScriptCloudflareWebAnalytics",
           key: "cloudflareWebAnalytics",
@@ -346,17 +383,8 @@ const module = defineNuxtModule({
           name: "useScriptFathomAnalytics",
           key: "fathomAnalytics",
           from: resolve("./runtime/registry/fathom-analytics"),
-          src: "https://cdn.usefathom.com/script.js"
-        },
-        {
-          name: "useScriptGoogleAnalytics",
-          key: "googleAnalytics",
-          from: resolve("./runtime/registry/google-analytics")
-        },
-        {
-          name: "useScriptGoogleTagManager",
-          key: "googleTagmanager",
-          from: resolve("./runtime/registry/google-tag-manager")
+          src: false
+          // can not be bundled, breaks script
         },
         {
           name: "useScriptHotjar",
@@ -391,16 +419,62 @@ const module = defineNuxtModule({
           transform(options) {
             return withBase(options?.file || "", `https://unpkg.com/${options?.packageName || ""}@${options?.version || "latest"}`);
           }
+        },
+        // cloudflare turnstile
+        {
+          name: "useScriptCloudflareTurnstile",
+          key: "cloudflareTurnstile",
+          from: resolve("./runtime/registry/cloudflare-turnstile"),
+          module: "nuxt-turnstile"
+        },
+        // third-party-capital
+        {
+          name: "useScriptGoogleAnalytics",
+          key: "googleAnalytics",
+          from: resolve("./runtime/registry/google-analytics"),
+          module: "@nuxt/third-party-capital"
+        },
+        {
+          name: "useScriptGoogleTagManager",
+          key: "googleTagManager",
+          from: resolve("./runtime/registry/google-tag-manager"),
+          module: "@nuxt/third-party-capital"
+        },
+        {
+          name: "useScriptGoogleMaps",
+          key: "googleMaps",
+          from: resolve("./runtime/registry/google-tag-manager"),
+          module: "@nuxt/third-party-capital"
         }
-      ].map((i) => {
+      ];
+      registry = registry.map((i) => {
         i.priority = -1;
+        i.module = i.module || "@nuxt/scripts";
         return i;
       });
       addImports(registry);
       await nuxt.hooks.callHook("scripts:registry", registry);
+      extendTypes(name, async ({ typesPath }) => {
+        return `
+declare module '#app' {
+  interface NuxtApp {
+    ${nuxt.options.dev ? `_scripts: (import('#nuxt-scripts').NuxtAppScript)[]` : ""}
+  }
+}
+declare module '#nuxt-scripts' {
+    type NuxtUseScriptOptions = Omit<import('${typesPath}').NuxtUseScriptOptions, 'use' | 'beforeInit'>
+    interface ScriptRegistry {
+${registry.filter((i) => i.key && i.module !== "@nuxt/scripts").map((i) => {
+          const ucFirstKey = i.key.substring(0, 1).toUpperCase() + i.key.substring(1);
+          return `        ${i.key}?: import('${i.from}').${ucFirstKey}Input | [import('${i.from}').${ucFirstKey}Input, NuxtUseScriptOptions]`;
+        }).join("\n")}
+    }
+}
+`;
+      });
       if (config.globals?.length || Object.keys(config.register || {}).length) {
         const template = addTemplate({
-          filename: `modules/${name}.mjs`,
+          filename: `modules/${name.replace("/", "-")}.mjs`,
           write: true,
           getContents() {
             const imports = ["useScript", "defineNuxtPlugin"];
@@ -428,9 +502,14 @@ ${(config.globals || []).map((g) => !Array.isArray(g) ? `    useScript("${g.toSt
       }
       const scriptMap = /* @__PURE__ */ new Map();
       const { normalizeScriptData } = setupPublicAssetStrategy(config.assets);
+      const moduleInstallPromises = /* @__PURE__ */ new Map();
       addBuildPlugin(NuxtScriptAssetBundlerTransformer({
         registry,
         defaultBundle: config.defaultScriptOptions?.assetStrategy === "bundle",
+        moduleDetected(module) {
+          if (module !== "@nuxt/scripts" && !moduleInstallPromises.has(module) && !hasNuxtModule(module))
+            moduleInstallPromises.set(module, () => installNuxtModule(module));
+        },
         resolveScript(src) {
           if (scriptMap.has(src))
             return scriptMap.get(src);
@@ -439,15 +518,11 @@ ${(config.globals || []).map((g) => !Array.isArray(g) ? `    useScript("${g.toSt
           return url;
         }
       }));
-    });
-    extendTypes(name, async () => {
-      return `
-declare module '#app' {
-    interface NuxtApp {
-      ${nuxt.options.dev ? `_scripts: (import('#nuxt-scripts').NuxtAppScript)[]` : ""}
-    }
-}
-`;
+      nuxt.hooks.hook("build:done", async () => {
+        const initPromise = Array.from(moduleInstallPromises.values());
+        for (const p of initPromise)
+          await p?.();
+      });
     });
     if (nuxt.options.dev)
       setupDevToolsUI(config, resolve);

package/dist/runtime/registry/cloudflare-turnstile.d.ts

@@ -1 +1 @@
-export declare function useScriptCloudflareTurnstile(): void;
+export declare function useScriptCloudflareTurnstile(): any;

package/dist/runtime/registry/cloudflare-turnstile.mjs

@@ -1,3 +1,4 @@
+import { mockFallbackScript } from "../utils.mjs";
 export function useScriptCloudflareTurnstile() {
-  throw new Error("Failed to load Cloudflare Turnstile script. Make sure you have @nuxtjs/turnstile installed and configured.");
+  return mockFallbackScript("useScriptCloudflareTurnstile", "nuxt-turnstile");
 }

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

@@ -1,5 +1,5 @@
 import { type Input } from 'valibot';
-import type { NuxtUseScriptOptions } from '#nuxt-scripts';
+import type { NuxtUseScriptIntegrationOptions } from '#nuxt-scripts';
 export interface CloudflareWebAnalyticsApi {
     __cfBeacon: {
         load: 'single';
@@ -30,4 +30,5 @@ export declare const CloudflareWebAnalyticsOptions: import("valibot").ObjectSche
     token: string;
     spa?: boolean | undefined;
 }>;
-export declare function useScriptCloudflareWebAnalytics<T extends CloudflareWebAnalyticsApi>(options?: Input<typeof CloudflareWebAnalyticsOptions>, _scriptOptions?: Omit<NuxtUseScriptOptions<T>, 'beforeInit' | 'use'>): any;
+export type CloudflareWebAnalyticsInput = Input<typeof CloudflareWebAnalyticsOptions>;
+export declare function useScriptCloudflareWebAnalytics<T extends CloudflareWebAnalyticsApi>(options?: CloudflareWebAnalyticsInput, _scriptOptions?: NuxtUseScriptIntegrationOptions): any;

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

@@ -20,6 +20,7 @@ export function useScriptCloudflareWebAnalytics(options, _scriptOptions) {
   const scriptOptions = _scriptOptions || {};
   scriptOptions.beforeInit = () => {
     import.meta.dev && validateScriptInputSchema(CloudflareWebAnalyticsOptions, options);
+    scriptOptions.beforeInit?.();
   };
   return useScript({
     "src": "https://static.cloudflareinsights.com/beacon.min.js",

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

@@ -1,6 +1,6 @@
 import { type Input } from 'valibot';
-import type { NuxtUseScriptOptions } from '#nuxt-scripts';
-export interface JSConfettiApi {
+import type { NuxtUseScriptIntegrationOptions } from '#nuxt-scripts';
+export interface ConfettiApi {
     addConfetti: (options?: {
         emojis: string[];
     }) => void;
@@ -8,15 +8,16 @@ export interface JSConfettiApi {
 declare global {
     interface Window {
         JSConfetti: {
-            new (): JSConfettiApi;
+            new (): ConfettiApi;
         };
     }
 }
-export declare const JSConfettiOptions: import("valibot").ObjectSchema<Pick<{
+export declare const ConfettiOptions: import("valibot").ObjectSchema<Pick<{
     packageName: import("valibot").StringSchema<string>;
     file: import("valibot").OptionalSchema<import("valibot").StringSchema<string>, undefined, string | undefined>;
     version: import("valibot").OptionalSchema<import("valibot").StringSchema<string>, undefined, string | undefined>;
 }, "version">, undefined, {
     version?: string | undefined;
 }>;
-export declare function useScriptConfetti<T extends JSConfettiApi>(options: Input<typeof JSConfettiOptions>, _scriptOptions?: NuxtUseScriptOptions<T>): any;
+export type ConfettiInput = Input<typeof ConfettiOptions>;
+export declare function useScriptConfetti(options: ConfettiInput, _scriptOptions?: NuxtUseScriptIntegrationOptions): any;

package/dist/runtime/registry/confetti.mjs

@@ -1,6 +1,6 @@
 import { pick } from "valibot";
 import { NpmOptions, useScriptNpm } from "./npm.mjs";
-export const JSConfettiOptions = pick(NpmOptions, ["version"]);
+export const ConfettiOptions = pick(NpmOptions, ["version"]);
 export function useScriptConfetti(options, _scriptOptions = {}) {
   return useScriptNpm({
     packageName: "js-confetti",

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

@@ -1,5 +1,5 @@
 import { type Input } from 'valibot';
-import type { NuxtUseScriptOptions } from '#nuxt-scripts';
+import type { NuxtUseScriptIntegrationOptions } from '#nuxt-scripts';
 type StandardEvents = 'AddPaymentInfo' | 'AddToCart' | 'AddToWishlist' | 'CompleteRegistration' | 'Contact' | 'CustomizeProduct' | 'Donate' | 'FindLocation' | 'InitiateCheckout' | 'Lead' | 'Purchase' | 'Schedule' | 'Search' | 'StartTrial' | 'SubmitApplication' | 'Subscribe' | 'ViewContent';
 interface EventObjectProperties {
     content_category?: string;
@@ -38,5 +38,6 @@ export declare const FacebookPixelOptions: import("valibot").ObjectSchema<{
 }, undefined, {
     id: string | number;
 }>;
-export declare function useScriptFacebookPixel<T extends FacebookPixelApi>(options?: Input<typeof FacebookPixelOptions>, _scriptOptions?: Omit<NuxtUseScriptOptions<T>, 'beforeInit' | 'use'>): any;
+export type FacebookPixelInput = Input<typeof FacebookPixelOptions>;
+export declare function useScriptFacebookPixel<T extends FacebookPixelApi>(options?: FacebookPixelInput, _scriptOptions?: NuxtUseScriptIntegrationOptions): any;
 export {};

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

@@ -20,6 +20,7 @@ export function useScriptFacebookPixel(options, _scriptOptions) {
       fbq("init", options?.id);
       fbq("track", "PageView");
     }
+    scriptOptions.beforeInit?.();
   };
   return useScript({
     key: "facebookPixel",

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

@@ -1,5 +1,5 @@
 import { type Input } from 'valibot';
-import type { NuxtUseScriptOptions } from '#nuxt-scripts';
+import type { NuxtUseScriptIntegrationOptions } from '#nuxt-scripts';
 export declare const FathomAnalyticsOptions: import("valibot").ObjectSchema<{
     site: import("valibot").StringSchema<string>;
     src: import("valibot").OptionalSchema<import("valibot").StringSchema<string>, undefined, string | undefined>;
@@ -15,6 +15,7 @@ export declare const FathomAnalyticsOptions: import("valibot").ObjectSchema<{
     'data-canonical'?: boolean | undefined;
     'data-honor-dnt'?: boolean | undefined;
 }>;
+export type FathomAnalyticsInput = Input<typeof FathomAnalyticsOptions>;
 export interface FathomAnalyticsApi {
     trackPageview: (ctx?: {
         url: string;
@@ -29,4 +30,4 @@ declare global {
         fathom: FathomAnalyticsApi;
     }
 }
-export declare function useScriptFathomAnalytics<T extends FathomAnalyticsApi>(options?: Input<typeof FathomAnalyticsOptions>, _scriptOptions?: Omit<NuxtUseScriptOptions<T>, 'beforeInit' | 'use'>): any;
+export declare function useScriptFathomAnalytics<T extends FathomAnalyticsApi>(options?: FathomAnalyticsInput, _scriptOptions?: Omit<NuxtUseScriptIntegrationOptions, 'assetStrategy'>): any;

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

@@ -13,6 +13,7 @@ export function useScriptFathomAnalytics(options, _scriptOptions) {
   const scriptOptions = _scriptOptions || {};
   scriptOptions.beforeInit = () => {
     import.meta.dev && validateScriptInputSchema(FathomAnalyticsOptions, options);
+    scriptOptions.beforeInit?.();
   };
   return useScript({
     src: "https://cdn.usefathom.com/script.js",

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

@@ -1 +1 @@
-export declare function useScriptGoogleAnalytics(): void;
+export declare function useScriptGoogleAnalytics(): any;

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

@@ -1,3 +1,4 @@
+import { mockFallbackScript } from "../utils.mjs";
 export function useScriptGoogleAnalytics() {
-  throw new Error("Failed to load Google Analytics script. Make sure you have @nuxtjs/third-party-capital installed and configured.");
+  return mockFallbackScript("useScriptGoogleMaps", "@nuxtjs/third-party-capital");
 }

package/dist/runtime/registry/google-maps.d.ts

@@ -0,0 +1 @@
+export declare function useScriptGoogleMaps(): any;

package/dist/runtime/registry/google-maps.mjs

@@ -0,0 +1,4 @@
+import { mockFallbackScript } from "../utils.mjs";
+export function useScriptGoogleMaps() {
+  return mockFallbackScript("useScriptGoogleMaps", "@nuxtjs/third-party-capital");
+}

package/dist/runtime/registry/google-tag-manager.d.ts

@@ -1 +1 @@
-export declare function useScriptGoogleTagManager(): void;
+export declare function useScriptGoogleTagManager(): any;

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

@@ -1,3 +1,4 @@
+import { mockFallbackScript } from "../utils.mjs";
 export function useScriptGoogleTagManager() {
-  throw new Error("Failed to load Google Tag Manager script. Make sure you have @nuxtjs/third-party-capital installed and configured.");
+  return mockFallbackScript("useScriptGoogleTagManager", "@nuxtjs/third-party-capital");
 }

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

@@ -1,4 +1,4 @@
-import type { NuxtUseScriptOptions, ScriptDynamicSrcInput } from '#nuxt-scripts';
+import type { NuxtUseScriptIntegrationOptions, ScriptDynamicSrcInput } from '#nuxt-scripts';
 export interface HotjarApi {
     hj: ((event: 'identify', userId: string, attributes?: Record<string, any>) => void) & ((event: 'stateChange', path: string) => void) & ((event: 'event', eventName: string) => void) & ((event: string, arg?: string) => void) & ((...params: any[]) => void) & {
         q: any[];
@@ -20,4 +20,4 @@ export declare const HotjarOptions: import("valibot").ObjectSchema<{
     sv?: number | undefined;
 }>;
 export type HotjarInput = ScriptDynamicSrcInput<typeof HotjarOptions>;
-export declare function useScriptHotjar<T extends HotjarApi>(options?: HotjarInput, _scriptOptions?: Omit<NuxtUseScriptOptions<T>, 'assetStrategy' | 'beforeInit' | 'use'>): any;
+export declare function useScriptHotjar<T extends HotjarApi>(options?: HotjarInput, _scriptOptions?: NuxtUseScriptIntegrationOptions): any;

package/dist/runtime/registry/hotjar.mjs

@@ -14,6 +14,7 @@ export function useScriptHotjar(options, _scriptOptions) {
         (window.hj.q = window.hj.q || []).push(params);
       };
     }
+    scriptOptions.beforeInit?.();
   };
   return useScript({
     key: "hotjar",

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

@@ -1,5 +1,5 @@
 import { type Input } from 'valibot';
-import type { NuxtUseScriptOptions, ScriptDynamicSrcInput } from '#nuxt-scripts';
+import type { NuxtUseScriptIntegrationOptions, ScriptDynamicSrcInput } from '#nuxt-scripts';
 export declare const IntercomOptions: import("valibot").ObjectSchema<{
     app_id: import("valibot").StringSchema<string>;
     api_base: import("valibot").OptionalSchema<import("valibot").UnionSchema<(import("valibot").LiteralSchema<"https://api-iam.intercom.io", "https://api-iam.intercom.io"> | import("valibot").LiteralSchema<"https://api-iam.eu.intercom.io", "https://api-iam.eu.intercom.io"> | import("valibot").LiteralSchema<"https://api-iam.au.intercom.io", "https://api-iam.au.intercom.io">)[], "https://api-iam.intercom.io" | "https://api-iam.eu.intercom.io" | "https://api-iam.au.intercom.io">, undefined, "https://api-iam.intercom.io" | "https://api-iam.eu.intercom.io" | "https://api-iam.au.intercom.io" | undefined>;
@@ -28,4 +28,4 @@ declare global {
         intercomSettings?: IntercomInput;
     }
 }
-export declare function useScriptIntercom<T extends IntercomApi>(options?: IntercomInput, _scriptOptions?: Omit<NuxtUseScriptOptions<T>, 'beforeInit' | 'use'>): any;
+export declare function useScriptIntercom<T extends IntercomApi>(options?: IntercomInput, _scriptOptions?: NuxtUseScriptIntegrationOptions): any;

package/dist/runtime/registry/intercom.mjs

@@ -18,6 +18,7 @@ export function useScriptIntercom(options, _scriptOptions) {
     import.meta.dev && validateScriptInputSchema(IntercomOptions, options);
     if (import.meta.client)
       window.intercomSettings = options;
+    scriptOptions.beforeInit?.();
   };
   return useScript({
     key: "intercom",

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

@@ -1,4 +1,4 @@
-import type { NuxtUseScriptOptions, ScriptDynamicSrcInput } from '#nuxt-scripts';
+import type { NuxtUseScriptIntegrationOptions, ScriptDynamicSrcInput } 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>;
@@ -21,4 +21,4 @@ declare global {
     interface Window extends SegmentApi {
     }
 }
-export declare function useScriptSegment<T extends SegmentApi>(options?: SegmentInput, _scriptOptions?: Omit<NuxtUseScriptOptions<T>, 'beforeInit' | 'use'>): any;
+export declare function useScriptSegment<T extends SegmentApi>(options?: SegmentInput, _scriptOptions?: NuxtUseScriptIntegrationOptions): any;

package/dist/runtime/registry/segment.mjs

@@ -25,6 +25,7 @@ export function useScriptSegment(options, _scriptOptions) {
       }
       window.analytics.page();
     }
+    scriptOptions.beforeInit?.();
   };
   const analyticsKey = options?.analyticsKey || "analytics";
   return useScript({

package/dist/runtime/types.d.ts

@@ -3,12 +3,13 @@ import type { UseScriptInput, VueScriptInstance } from '@unhead/vue';
 import type { ComputedRef, Ref } from 'vue';
 import type { Input, ObjectSchema } from 'valibot';
 import type { Import } from 'unimport';
-import type { SegmentOptions } from './registry/segment';
-import type { CloudflareWebAnalyticsOptions } from './registry/cloudflare-web-analytics';
-import type { FacebookPixelOptions } from './registry/facebook-pixel';
-import type { FathomAnalyticsOptions } from './registry/fathom-analytics';
-import type { HotjarOptions } from './registry/hotjar';
-import type { IntercomOptions } from './registry/intercom';
+import type { SegmentInput } from './registry/segment';
+import type { CloudflareWebAnalyticsInput } from './registry/cloudflare-web-analytics';
+import type { FacebookPixelInput } from './registry/facebook-pixel';
+import type { FathomAnalyticsInput } from './registry/fathom-analytics';
+import type { HotjarInput } from './registry/hotjar';
+import type { IntercomInput } from './registry/intercom';
+import type { ConfettiInput } from './registry/confetti';
 export type NuxtUseScriptOptions<T = any> = Omit<UseScriptOptions<T>, 'trigger'> & {
     /**
      * The trigger to load the script:
@@ -30,6 +31,7 @@ export type NuxtUseScriptOptions<T = any> = Omit<UseScriptOptions<T>, 'trigger'>
      */
     beforeInit?: () => void;
 };
+export type NuxtUseScriptIntegrationOptions = Omit<NuxtUseScriptOptions, 'use'>;
 export type NuxtUseScriptInput = UseScriptInput;
 export interface TrackedPage {
     title?: string;
@@ -60,21 +62,22 @@ export interface NuxtAppScript {
         at: number;
     }[];
 }
-export type ScriptRegistryEntry<T extends ObjectSchema<any>> = Input<T> | [Input<T>, NuxtUseScriptOptions<T>];
+export type ScriptRegistryEntry<T> = T | [T, NuxtUseScriptOptions<T>];
 export interface ScriptRegistry {
-    cloudflareWebAnalytics?: ScriptRegistryEntry<typeof CloudflareWebAnalyticsOptions>;
-    confetti?: ScriptRegistryEntry<typeof CloudflareWebAnalyticsOptions>;
-    facebookPixel?: ScriptRegistryEntry<typeof FacebookPixelOptions>;
-    fathomAnalytics?: ScriptRegistryEntry<typeof FathomAnalyticsOptions>;
-    hotjar?: ScriptRegistryEntry<typeof HotjarOptions>;
-    segment?: ScriptRegistryEntry<typeof SegmentOptions>;
-    intercom?: ScriptRegistryEntry<typeof IntercomOptions>;
+    cloudflareWebAnalytics?: ScriptRegistryEntry<CloudflareWebAnalyticsInput>;
+    confetti?: ScriptRegistryEntry<ConfettiInput>;
+    facebookPixel?: ScriptRegistryEntry<FacebookPixelInput>;
+    fathomAnalytics?: ScriptRegistryEntry<FathomAnalyticsInput>;
+    hotjar?: ScriptRegistryEntry<HotjarInput>;
+    intercom?: ScriptRegistryEntry<IntercomInput>;
+    segment?: ScriptRegistryEntry<SegmentInput>;
 }
 export type ScriptDynamicSrcInput<T extends ObjectSchema<any>> = Input<T> & {
     src?: string;
 };
 export type RegistryScripts = (Import & {
-    src?: string;
+    src?: string | false;
+    module?: '@nuxt/scripts' | string;
     key?: string;
     transform?: (options: any) => string;
 })[];

package/dist/runtime/utils.d.ts

@@ -0,0 +1 @@
+export declare function mockFallbackScript(name: string, module: string): any;

package/dist/runtime/utils.mjs

@@ -0,0 +1,5 @@
+import { 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" });
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/scripts",
   "type": "module",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "packageManager": "pnpm@8.15.6",
   "description": "Next-gen Scripts for Nuxt",
   "author": {
@@ -53,6 +53,7 @@
     "pkg-types": "^1.0.3",
     "shiki": "^1.2.3",
     "sirv": "^2.0.4",
+    "std-env": "^3.7.0",
     "ufo": "^1.5.3",
     "unimport": "^3.7.1",
     "unplugin": "^1.10.1",

package/dist/client/_nuxt/builds/meta/5fdc85c0-58a5-4956-bedd-f94dc9ec3924.json

@@ -1 +0,0 @@
-{"id":"5fdc85c0-58a5-4956-bedd-f94dc9ec3924","timestamp":1712059997492,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}