@nuxt/scripts 0.3.8 → 0.3.9

package/dist/client/_nuxt/Df--iwTR.js

@@ -0,0 +1 @@
+import{i as d,u as f,r as i,f as h,g as p,h as v,j as m,k as y,l as g}from"./BwVNWVdS.js";let _;function b(){return _}function j(e){return typeof e=="function"?e():f(e)}function s(e,a=""){if(e instanceof Promise)return e;const t=j(e);return!e||!t?t:Array.isArray(t)?t.map(n=>s(n,a)):typeof t=="object"?Object.fromEntries(Object.entries(t).map(([n,o])=>n==="titleTemplate"||n.startsWith("on")?[n,f(o)]:[n,s(o,n)])):t}const w="usehead",u=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},c="__unhead_injection_handler__";function H(){if(c in u)return u[c]();const e=d(w);return e||b()}function T(e,a={}){const t=a.head||H();if(t)return t.ssr?t.push(e,a):x(t,e,a)}function x(e,a,t={}){const n=i(!1),o=i({});h(()=>{o.value=n.value?{}:s(a)});const r=e.push(o.value,t);return p(o,l=>{r.patch(l)}),g()&&(v(()=>{r.dispose()}),m(()=>{n.value=!0}),y(()=>{n.value=!1})),r}const I=(e,a)=>{const t=e.__vccOpts||e;for(const[n,o]of a)t[n]=o;return t};export{I as _,T as u};

package/dist/client/_nuxt/{DIhaC3tl.js → Dmsejhs1.js}

@@ -1 +1 @@
-import{o as a,c as s,a as e,t as o,b as i,w as u,d as c,_ as d,p as l,e as p}from"./C1Vl9vM4.js";import{_ as h,u as b}from"./DtWntHdk.js";const f=t=>(l("data-v-bd6e1038"),t=t(),p(),t),g={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},x=f(()=>e("div",{class:"fixed left-0 right-0 spotlight z-10"},null,-1)),m={class:"max-w-520px text-center z-20"},y=["textContent"],_=["textContent"],k={class:"w-full flex items-center justify-center"},w={__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 n=t;return b({title:`${n.statusCode} - ${n.statusMessage} | ${n.appName}`,script:[],style:[{children:'*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--un-default-border-color, #e5e7eb)}:before,:after{--un-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;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;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}h1{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}h1,p{margin:0}*,:before,:after{--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 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(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: }'}]}),(z,S)=>{const r=d;return a(),s("div",g,[x,e("div",m,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:o(t.statusCode)},null,8,y),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:o(t.description)},null,8,_),e("div",k,[i(r,{to:"/",class:"gradient-border text-md sm:text-xl py-2 px-4 sm:py-3 sm:px-6 cursor-pointer"},{default:u(()=>[c(o(t.backHome),1)]),_:1})])])])}}},N=h(w,[["__scopeId","data-v-bd6e1038"]]);export{N as default};
+import{o as a,c as s,a as e,t as o,b as i,w as u,d as c,_ as d,p as l,e as p}from"./BwVNWVdS.js";import{_ as h,u as b}from"./Df--iwTR.js";const f=t=>(l("data-v-bd6e1038"),t=t(),p(),t),g={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},x=f(()=>e("div",{class:"fixed left-0 right-0 spotlight z-10"},null,-1)),m={class:"max-w-520px text-center z-20"},y=["textContent"],_=["textContent"],k={class:"w-full flex items-center justify-center"},w={__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 n=t;return b({title:`${n.statusCode} - ${n.statusMessage} | ${n.appName}`,script:[],style:[{children:'*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--un-default-border-color, #e5e7eb)}:before,:after{--un-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;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;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}h1{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}h1,p{margin:0}*,:before,:after{--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 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(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: }'}]}),(z,S)=>{const r=d;return a(),s("div",g,[x,e("div",m,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:o(t.statusCode)},null,8,y),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:o(t.description)},null,8,_),e("div",k,[i(r,{to:"/",class:"gradient-border text-md sm:text-xl py-2 px-4 sm:py-3 sm:px-6 cursor-pointer"},{default:u(()=>[c(o(t.backHome),1)]),_:1})])])])}}},N=h(w,[["__scopeId","data-v-bd6e1038"]]);export{N as default};

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

@@ -1 +1 @@
-{"id":"eccf17f8-e9fe-407d-80ff-53638b160e43","timestamp":1715004640616}
+{"id":"42eedd27-01ea-43c5-acca-daf3456cac3d","timestamp":1715047560600}

package/dist/client/_nuxt/builds/meta/42eedd27-01ea-43c5-acca-daf3456cac3d.json

@@ -0,0 +1 @@
+{"id":"42eedd27-01ea-43c5-acca-daf3456cac3d","timestamp":1715047560600,"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/C1Vl9vM4.js">
+<link rel="modulepreload" as="script" crossorigin href="/__nuxt-scripts/_nuxt/BwVNWVdS.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">
@@ -239,10 +239,10 @@
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/V_y36BGi.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/BGq4KZyx.js">
 <link rel="prefetch" as="style" href="/__nuxt-scripts/_nuxt/error-404.BRldFSII.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/DIhaC3tl.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/DtWntHdk.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/Dmsejhs1.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/Df--iwTR.js">
 <link rel="prefetch" as="style" href="/__nuxt-scripts/_nuxt/error-500.D8yw_IbC.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-scripts/_nuxt/CGGaCrUQ.js">
-<script type="module" src="/__nuxt-scripts/_nuxt/C1Vl9vM4.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/BRKoJ6lw.js">
+<script type="module" src="/__nuxt-scripts/_nuxt/BwVNWVdS.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:{"nuxt-scripts":{defaultScriptOptions:{trigger:"onNuxtReady"}}},app:{baseURL:"/__nuxt-scripts",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>

package/dist/module.json

@@ -5,7 +5,7 @@
     "nuxt": ">=3",
     "bridge": false
   },
-  "version": "0.3.8",
+  "version": "0.3.9",
   "builder": {
     "@nuxt/module-builder": "0.6.0",
     "unbuild": "2.0.0"

package/dist/runtime/components/ScriptStripePricingTable.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import type { ElementScriptTrigger } from '../composables/useElementScriptTrigger'
-import { useElementScriptTrigger, useScript } from '#imports'
+import { onBeforeUnmount, useElementScriptTrigger, useScript } from '#imports'
 
 const props = withDefaults(defineProps<{
   trigger?: ElementScriptTrigger
@@ -18,28 +18,37 @@ const emit = defineEmits<{
   ready: []
 }>()
 
-const rootEl = ref()
+const rootEl = ref<HTMLDivElement | undefined>()
+const containerEl = ref<HTMLDivElement | undefined>()
 const { $script } = useScript(`https://js.stripe.com/v3/pricing-table.js`, {
   trigger: useElementScriptTrigger({ trigger: props.trigger, el: rootEl }),
 })
 
+const pricingTable = ref<HTMLElement | undefined>()
 $script.then(() => {
+  const StripePricingTable = window.customElements.get('stripe-pricing-table')!
+  const stripePricingTable = new StripePricingTable()
+  stripePricingTable.setAttribute('publishable-key', props.publishableKey)
+  stripePricingTable.setAttribute('pricing-table-id', props.pricingTableId)
+  if (props.clientReferenceId)
+    stripePricingTable.setAttribute('client-reference-id', props.clientReferenceId)
+  if (props.customerEmail)
+    stripePricingTable.setAttribute('customer-email', props.customerEmail)
+  if (props.customerSessionClientSecret)
+    stripePricingTable.setAttribute('customer-session-client-secret', props.customerSessionClientSecret)
+  pricingTable.value = stripePricingTable
+  rootEl.value!.appendChild(stripePricingTable)
   emit('ready')
 })
+
+onBeforeUnmount(() => {
+  pricingTable.value?.remove()
+})
 </script>
 
 <template>
   <div ref="rootEl">
-    <ClientOnly>
-      <stripe-pricing-table
-        v-bind="$attrs"
-        :publishable-key="publishableKey"
-        :pricing-table-id="pricingTableId"
-        :client-reference-id="clientReferenceId"
-        :customer-email="customerEmail"
-        :customer-session-client-secret="customerSessionClientSecret"
-      />
-    </ClientOnly>
+    <div ref="containerEl" />
     <slot v-if="$script.status.value === 'loading'" name="loading" />
     <slot v-if="$script.status.value === 'awaitingLoad'" name="awaitingLoad" />
     <slot />

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

@@ -1,4 +1,3 @@
-import { defu } from "defu";
 import { useRegistryScript } from "../utils.mjs";
 import { boolean, minLength, object, optional, string } from "#nuxt-scripts-validator";
 export const CloudflareWebAnalyticsOptions = object({
@@ -18,7 +17,7 @@ export function useScriptCloudflareWebAnalytics(_options) {
   return useRegistryScript("cloudflareWebAnalytics", (options) => ({
     scriptInput: {
       "src": "https://static.cloudflareinsights.com/beacon.min.js",
-      "data-cf-beacon": JSON.stringify(defu(options, { spa: true })),
+      "data-cf-beacon": JSON.stringify({ token: options.token, spa: options.spa || true }),
       // @ts-expect-error untyped TODO fix upstream
       "crossorigin": false
     },

package/dist/runtime/utils.mjs

@@ -18,7 +18,7 @@ export function useRegistryScript(key, optionsFn, _userOptions) {
   const scriptConfig = scriptRuntimeConfig(key);
   const userOptions = Object.assign(_userOptions || {}, typeof scriptConfig === "object" ? scriptConfig : {});
   const options = optionsFn(userOptions);
-  const scriptInput = defu(options.scriptInput, { key });
+  const scriptInput = defu(userOptions.scriptInput, options.scriptInput, { key });
   const scriptOptions = Object.assign(userOptions?.scriptOptions || {}, options.scriptOptions || {});
   const init = scriptOptions.beforeInit;
   scriptOptions.beforeInit = () => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/scripts",
   "type": "module",
-  "version": "0.3.8",
+  "version": "0.3.9",
   "description": "Load third-party scripts with better performance, privacy and DX in Nuxt Apps.",
   "author": {
     "website": "https://harlanzw.com",
@@ -47,7 +47,7 @@
     "@types/stripe-v3": "^3.1.33",
     "@types/vimeo__player": "^2.18.3",
     "@types/youtube": "^0.0.50",
-    "@unhead/vue": "^1.9.9",
+    "@unhead/vue": "^1.9.10",
     "@vueuse/core": "^10.9.0",
     "consola": "^3.2.3",
     "defu": "^6.1.4",
@@ -75,22 +75,22 @@
     "@nuxt/devtools-ui-kit": "^1.2.0",
     "@nuxt/module-builder": "^0.6.0",
     "@nuxt/test-utils": "3.12.1",
-    "@unhead/schema": "^1.9.9",
+    "@unhead/schema": "^1.9.10",
     "acorn-loose": "^8.4.0",
     "bumpp": "^9.4.1",
     "eslint": "9.2.0",
     "nuxt": "^3.11.2",
-    "playwright-core": "^1.43.1",
+    "playwright-core": "^1.44.0",
     "typescript": "^5.4.5",
     "vitest": "^1.6.0",
-    "vue": "^3.4.26",
+    "vue": "^3.4.27",
     "vue-router": "^4.3.2"
   },
   "resolutions": {
     "@nuxt/scripts": "workspace:*",
     "nuxt": "^3.11.2",
     "nuxt-scripts-devtools": "workspace:*",
-    "vue": "^3.4.26",
+    "vue": "^3.4.27",
     "vue-router": "^4.3.2"
   },
   "scripts": {

package/dist/client/_nuxt/DtWntHdk.js

@@ -1 +0,0 @@
-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"./C1Vl9vM4.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/builds/meta/eccf17f8-e9fe-407d-80ff-53638b160e43.json

@@ -1 +0,0 @@
-{"id":"eccf17f8-e9fe-407d-80ff-53638b160e43","timestamp":1715004640616,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}