@nuxt/scripts 1.0.0-beta.14 → 1.0.0-beta.17

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/scripts",
   "type": "module",
-  "version": "1.0.0-beta.14",
+  "version": "1.0.0-beta.17",
   "description": "Load third-party scripts with better performance, privacy and DX in Nuxt Apps.",
   "author": {
     "name": "Harlan Wilton",
@@ -23,7 +23,8 @@
       "import": "./dist/module.mjs"
     },
     "./registry": "./dist/registry.mjs",
-    "./stats": "./dist/stats.mjs"
+    "./stats": "./dist/stats.mjs",
+    "./types-source": "./dist/types-source.mjs"
   },
   "main": "./dist/module.mjs",
   "types": "./dist/types.d.mts",
@@ -37,6 +38,9 @@
       ],
       "stats": [
         "./dist/stats.d.mts"
+      ],
+      "types-source": [
+        "./dist/types-source.d.mts"
       ]
     }
   },
@@ -125,25 +129,26 @@
     "@vue/test-utils": "^2.4.6",
     "bumpp": "^10.4.1",
     "eslint": "^10.0.2",
-    "eslint-plugin-harlanzw": "^0.3.0",
+    "eslint-plugin-harlanzw": "^0.5.15",
     "happy-dom": "^20.8.3",
     "knitwork": "^1.3.0",
     "nuxt": "^4.3.1",
     "playwright-core": "^1.58.2",
-    "posthog-js": "^1.358.0",
+    "posthog-js": "^1.359.0",
     "shiki": "^4.0.1",
     "typescript": "^5.9.3",
     "vitest": "^4.0.18",
     "vue": "^3.5.29",
     "vue-router": "^5.0.3",
     "vue-tsc": "^3.2.5",
-    "@nuxt/scripts": "1.0.0-beta.14"
+    "@nuxt/scripts": "1.0.0-beta.17"
   },
   "resolutions": {
     "@nuxt/scripts": "workspace:*"
   },
   "scripts": {
     "build": "pnpm dev:prepare && pnpm prepack",
+    "generate:types": "pnpm dlx tsx scripts/generate-registry-types.ts",
     "client:build": "nuxi generate client",
     "client:dev": "nuxi dev client --port 3300",
     "dev": "nuxi dev playground",

package/dist/client/_nuxt/builds/meta/81fbc914-9f01-4832-9c96-85b1271cfe15.json

@@ -1 +0,0 @@
-{"id":"81fbc914-9f01-4832-9c96-85b1271cfe15","timestamp":1772640639618,"prerendered":[]}

package/dist/client/_nuxt/error-404.B57D-jUQ.css

@@ -1 +0,0 @@
-.grid[data-v-85347797]{display:grid}.mb-2[data-v-85347797]{margin-bottom:.5rem}.mb-4[data-v-85347797]{margin-bottom:1rem}.max-w-520px[data-v-85347797]{max-width:520px}.min-h-screen[data-v-85347797]{min-height:100vh}.w-full[data-v-85347797]{width:100%}.flex[data-v-85347797]{display:flex}.place-content-center[data-v-85347797]{place-content:center}.items-center[data-v-85347797]{align-items:center}.justify-center[data-v-85347797]{justify-content:center}.overflow-hidden[data-v-85347797]{overflow:hidden}.bg-white[data-v-85347797]{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.px-2[data-v-85347797]{padding-left:.5rem;padding-right:.5rem}.text-center[data-v-85347797]{text-align:center}.text-\[80px\][data-v-85347797]{font-size:80px}.text-2xl[data-v-85347797]{font-size:1.5rem;line-height:2rem}.text-sm[data-v-85347797]{font-size:.875rem;line-height:1.25rem}.text-\[\#020420\][data-v-85347797]{--un-text-opacity:1;color:rgb(2 4 32/var(--un-text-opacity))}.text-\[\#64748B\][data-v-85347797]{--un-text-opacity:1;color:rgb(100 116 139/var(--un-text-opacity))}.hover\:text-\[\#00DC82\][data-v-85347797]:hover{--un-text-opacity:1;color:rgb(0 220 130/var(--un-text-opacity))}.font-medium[data-v-85347797]{font-weight:500}.font-semibold[data-v-85347797]{font-weight:600}.leading-none[data-v-85347797]{line-height:1}.tracking-wide[data-v-85347797]{letter-spacing:.025em}.font-sans[data-v-85347797]{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}.tabular-nums[data-v-85347797]{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.underline[data-v-85347797]{text-decoration-line:underline}.underline-offset-3[data-v-85347797]{text-underline-offset:3px}.antialiased[data-v-85347797]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){.dark\:bg-\[\#020420\][data-v-85347797]{--un-bg-opacity:1;background-color:rgb(2 4 32/var(--un-bg-opacity))}.dark\:text-white[data-v-85347797]{--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity))}}@media(min-width:640px){.sm\:text-\[110px\][data-v-85347797]{font-size:110px}.sm\:text-3xl[data-v-85347797]{font-size:1.875rem;line-height:2.25rem}}

package/dist/client/_nuxt/error-500.DTHUW7BI.css

@@ -1 +0,0 @@
-.grid[data-v-2367f596]{display:grid}.mb-2[data-v-2367f596]{margin-bottom:.5rem}.mb-4[data-v-2367f596]{margin-bottom:1rem}.max-w-520px[data-v-2367f596]{max-width:520px}.min-h-screen[data-v-2367f596]{min-height:100vh}.place-content-center[data-v-2367f596]{place-content:center}.overflow-hidden[data-v-2367f596]{overflow:hidden}.bg-white[data-v-2367f596]{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.px-2[data-v-2367f596]{padding-left:.5rem;padding-right:.5rem}.text-center[data-v-2367f596]{text-align:center}.text-\[80px\][data-v-2367f596]{font-size:80px}.text-2xl[data-v-2367f596]{font-size:1.5rem;line-height:2rem}.text-\[\#020420\][data-v-2367f596]{--un-text-opacity:1;color:rgb(2 4 32/var(--un-text-opacity))}.text-\[\#64748B\][data-v-2367f596]{--un-text-opacity:1;color:rgb(100 116 139/var(--un-text-opacity))}.font-semibold[data-v-2367f596]{font-weight:600}.leading-none[data-v-2367f596]{line-height:1}.tracking-wide[data-v-2367f596]{letter-spacing:.025em}.font-sans[data-v-2367f596]{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}.tabular-nums[data-v-2367f596]{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.antialiased[data-v-2367f596]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){.dark\:bg-\[\#020420\][data-v-2367f596]{--un-bg-opacity:1;background-color:rgb(2 4 32/var(--un-bg-opacity))}.dark\:text-white[data-v-2367f596]{--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity))}}@media(min-width:640px){.sm\:text-\[110px\][data-v-2367f596]{font-size:110px}.sm\:text-3xl[data-v-2367f596]{font-size:1.875rem;line-height:2.25rem}}

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

@@ -1,52 +0,0 @@
-import type { ElementScriptTrigger } from '#nuxt-scripts/types';
-import type { PayPalMarksComponentOptions } from '@paypal/paypal-js';
-import type { HTMLAttributes, ReservedProps } from 'vue';
-import type { PayPalInput } from '../registry/paypal.js';
-type __VLS_Props = {
-    /**
-     * Customize the root element attributes.
-     */
-    rootAttrs?: HTMLAttributes & ReservedProps & Record<string, unknown>;
-    /**
-     * Defines the trigger event to load the script.
-     */
-    trigger?: ElementScriptTrigger;
-    /**
-     * The client id for the paypal script.
-     */
-    clientId?: string;
-    /**
-     * The options for the paypal marks.
-     */
-    marksOptions?: PayPalMarksComponentOptions;
-    /**
-     * The paypal script options.
-     */
-    paypalScriptOptions?: Partial<PayPalInput>;
-};
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
-type __VLS_Slots = {} & {
-    placeholder?: (props: typeof __VLS_1) => any;
-} & {
-    loading?: (props: typeof __VLS_3) => any;
-} & {
-    awaitingLoad?: (props: typeof __VLS_10) => any;
-} & {
-    error?: (props: typeof __VLS_12) => any;
-} & {
-    default?: (props: typeof __VLS_14) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    trigger: ElementScriptTrigger;
-    clientId: string;
-    paypalScriptOptions: Partial<PayPalInput>;
-    marksOptions: PayPalMarksComponentOptions;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/components/ScriptPayPalMarks.vue

@@ -1,71 +0,0 @@
-<script setup>
-import { defu } from "defu";
-import { computed, onBeforeUnmount, onMounted, ref, resolveComponent, shallowRef, watch } from "vue";
-import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
-import { useScriptPayPal } from "../registry/paypal";
-const props = defineProps({
-  rootAttrs: { type: Object, required: false },
-  trigger: { type: [String, Array, Boolean], required: false, default: "visible" },
-  clientId: { type: String, required: false, default: "test" },
-  marksOptions: { type: Object, required: false, default: () => ({}) },
-  paypalScriptOptions: { type: Object, required: false, default: () => ({}) }
-});
-const el = ref(null);
-const rootEl = ref(null);
-const ready = ref(false);
-const { onLoaded, status } = useScriptPayPal({
-  clientId: props.clientId,
-  ...props.paypalScriptOptions
-});
-const marksInst = shallowRef();
-onMounted(() => {
-  onLoaded(async ({ paypal }) => {
-    if (!el.value)
-      return;
-    marksInst.value = paypal?.Marks?.(props.marksOptions);
-    await marksInst.value?.render(el.value);
-    ready.value = true;
-    watch(() => props.marksOptions, async (_options) => {
-      if (!el.value)
-        return;
-      destroy();
-      marksInst.value = paypal?.Marks?.(_options);
-      await marksInst.value?.render(el.value);
-    });
-  });
-});
-function destroy() {
-  if (!el.value)
-    return;
-  el.value?.replaceChildren();
-}
-onBeforeUnmount(() => {
-  destroy();
-});
-const ScriptLoadingIndicator = resolveComponent("ScriptLoadingIndicator");
-const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl });
-const rootAttrs = computed(() => {
-  return defu(props.rootAttrs, {
-    "aria-busy": status.value === "loading",
-    "aria-label": status.value === "awaitingLoad" ? "PayPal Script Placeholder" : status.value === "loading" ? "PayPal Marks Loading" : "PayPal Marks",
-    "aria-live": "polite",
-    "role": "application",
-    ...trigger instanceof Promise ? trigger.ssrAttrs || {} : {}
-  });
-});
-</script>
-
-<template>
-  <div v-bind="rootAttrs" id="test">
-    <div v-show="ready" ref="el" />
-    <slot v-if="!ready" name="placeholder">
-      placeholder
-    </slot>
-    <slot v-if="status !== 'awaitingLoad' && !ready" name="loading">
-      <ScriptLoadingIndicator color="black" />
-    </slot>
-    <slot v-if="status === 'awaitingLoad'" name="awaitingLoad" />
-    <slot v-else-if="status === 'error'" name="error" />
-    <slot />
-  </div>
-</template>

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

@@ -1,52 +0,0 @@
-import type { ElementScriptTrigger } from '#nuxt-scripts/types';
-import type { PayPalMarksComponentOptions } from '@paypal/paypal-js';
-import type { HTMLAttributes, ReservedProps } from 'vue';
-import type { PayPalInput } from '../registry/paypal.js';
-type __VLS_Props = {
-    /**
-     * Customize the root element attributes.
-     */
-    rootAttrs?: HTMLAttributes & ReservedProps & Record<string, unknown>;
-    /**
-     * Defines the trigger event to load the script.
-     */
-    trigger?: ElementScriptTrigger;
-    /**
-     * The client id for the paypal script.
-     */
-    clientId?: string;
-    /**
-     * The options for the paypal marks.
-     */
-    marksOptions?: PayPalMarksComponentOptions;
-    /**
-     * The paypal script options.
-     */
-    paypalScriptOptions?: Partial<PayPalInput>;
-};
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
-type __VLS_Slots = {} & {
-    placeholder?: (props: typeof __VLS_1) => any;
-} & {
-    loading?: (props: typeof __VLS_3) => any;
-} & {
-    awaitingLoad?: (props: typeof __VLS_10) => any;
-} & {
-    error?: (props: typeof __VLS_12) => any;
-} & {
-    default?: (props: typeof __VLS_14) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    trigger: ElementScriptTrigger;
-    clientId: string;
-    paypalScriptOptions: Partial<PayPalInput>;
-    marksOptions: PayPalMarksComponentOptions;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};