@nuxt/scripts 0.1.3 → 0.1.5

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

@@ -0,0 +1,24 @@
+import { type Input } from 'valibot';
+import type { NuxtUseScriptOptions } 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[];
+    };
+}
+declare global {
+    interface Window extends HotjarApi {
+        _hjSettings: {
+            hjid: number;
+            hjsv?: number;
+        };
+    }
+}
+declare const HotjarOptions: import("valibot").ObjectSchema<{
+    id: import("valibot").NumberSchema<number>;
+    sv: import("valibot").OptionalSchema<import("valibot").NumberSchema<number>, undefined, number | undefined>;
+}, undefined, {
+    id: number;
+    sv?: number | undefined;
+}>;
+export declare function useScriptHotjar<T extends HotjarApi>(options?: Input<typeof HotjarOptions>, _scriptOptions?: Omit<NuxtUseScriptOptions<T>, 'beforeInit' | 'use'>): any;
+export {};

package/dist/runtime/registry/hotjar.mjs

@@ -0,0 +1,30 @@
+import { number, object, optional } from "valibot";
+import { useScript, validateScriptInputSchema } from "#imports";
+const HotjarOptions = object({
+  id: number(),
+  sv: optional(number())
+});
+export function useScriptHotjar(options, _scriptOptions) {
+  const scriptOptions = _scriptOptions || {};
+  scriptOptions.beforeInit = () => {
+    validateScriptInputSchema(HotjarOptions, options);
+    if (import.meta.client) {
+      window._hjSettings = window._hjSettings || { hjid: options?.id, hjsv: options?.sv };
+      window.hj = window.hj || function(...params) {
+        (window.hj.q = window.hj.q || []).push(params);
+      };
+    }
+  };
+  return useScript({
+    key: "hotjar",
+    src: `https://static.hotjar.com/c/hotjar-${options?.id}.js?sv=${options?.sv}`,
+    defer: true
+  }, {
+    trigger: "onNuxtReady",
+    ...scriptOptions,
+    assetStrategy: "bundle",
+    use() {
+      return { hj: window.hj };
+    }
+  });
+}

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

@@ -0,0 +1,31 @@
+import { type Input } from 'valibot';
+import type { NuxtUseScriptOptions } from '#nuxt-scripts';
+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>;
+    name: import("valibot").OptionalSchema<import("valibot").StringSchema<string>, undefined, string | undefined>;
+    email: import("valibot").OptionalSchema<import("valibot").StringSchema<string>, undefined, string | undefined>;
+    user_id: import("valibot").OptionalSchema<import("valibot").StringSchema<string>, undefined, string | undefined>;
+    alignment: import("valibot").OptionalSchema<import("valibot").UnionSchema<(import("valibot").LiteralSchema<"left", "left"> | import("valibot").LiteralSchema<"right", "right">)[], "left" | "right">, undefined, "left" | "right" | undefined>;
+    horizontal_padding: import("valibot").OptionalSchema<import("valibot").NumberSchema<number>, undefined, number | undefined>;
+    vertical_padding: import("valibot").OptionalSchema<import("valibot").NumberSchema<number>, undefined, number | undefined>;
+}, undefined, {
+    app_id: string;
+    api_base?: "https://api-iam.intercom.io" | "https://api-iam.eu.intercom.io" | "https://api-iam.au.intercom.io" | undefined;
+    name?: string | undefined;
+    email?: string | undefined;
+    user_id?: string | undefined;
+    alignment?: "left" | "right" | undefined;
+    horizontal_padding?: number | undefined;
+    vertical_padding?: number | undefined;
+}>;
+export interface IntercomApi {
+    Intercom: ((event: 'boot', data?: Input<typeof IntercomOptions>) => void) & ((event: 'shutdown') => void) & ((event: 'update', options?: Input<typeof IntercomOptions>) => void) & ((event: 'hide') => void) & ((event: 'show') => void) & ((event: 'showSpace', spaceName: 'home' | 'messages' | 'help' | 'news' | 'tasks' | 'tickets' | string) => void) & ((event: 'showMessages') => void) & ((event: 'showNewMessage', content?: string) => void) & ((event: 'onHide', fn: () => void) => void) & ((event: 'onShow', fn: () => void) => void) & ((event: 'onUnreadCountChange', fn: () => void) => void) & ((event: 'trackEvent', eventName: string, metadata?: Record<string, any>) => void) & ((event: 'getVisitorId') => Promise<string>) & ((event: 'startTour', tourId: string | number) => void) & ((event: 'showArticle', articleId: string | number) => void) & ((event: 'showNews', newsItemId: string | number) => void) & ((event: 'startSurvey', surveyId: string | number) => void) & ((event: 'startChecklist', checklistId: string | number) => void) & ((event: 'showTicket', ticketId: string | number) => void) & ((event: 'showConversation', conversationId: string | number) => void) & ((event: 'onUserEmailSupplied', fn: () => void) => void) & ((event: string, ...params: any[]) => void);
+}
+declare global {
+    interface Window extends IntercomApi {
+        intercomSettings?: Input<typeof IntercomOptions>;
+    }
+}
+export declare function useScriptIntercom<T extends IntercomApi>(options?: Input<typeof IntercomOptions>, _scriptOptions?: Omit<NuxtUseScriptOptions<T>, 'beforeInit' | 'use'>): any;
+export {};

package/dist/runtime/registry/intercom.mjs

@@ -0,0 +1,33 @@
+import { literal, number, object, optional, string, union } from "valibot";
+import { useScript, validateScriptInputSchema } from "#imports";
+const IntercomOptions = object({
+  app_id: string(),
+  api_base: optional(union([literal("https://api-iam.intercom.io"), literal("https://api-iam.eu.intercom.io"), literal("https://api-iam.au.intercom.io")])),
+  name: optional(string()),
+  email: optional(string()),
+  user_id: optional(string()),
+  // customizing the messenger
+  alignment: optional(union([literal("left"), literal("right")])),
+  horizontal_padding: optional(number()),
+  vertical_padding: optional(number())
+});
+export function useScriptIntercom(options, _scriptOptions) {
+  const scriptOptions = _scriptOptions || {};
+  scriptOptions.beforeInit = () => {
+    validateScriptInputSchema(IntercomOptions, options);
+    if (import.meta.client)
+      window.intercomSettings = options;
+  };
+  return useScript({
+    key: "intercom",
+    src: `https://widget.intercom.io/widget/${options?.app_id}`,
+    defer: true
+  }, {
+    trigger: "onNuxtReady",
+    ...scriptOptions,
+    assetStrategy: "bundle",
+    use() {
+      return { Intercom: window.Intercom };
+    }
+  });
+}

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

@@ -0,0 +1,25 @@
+import { type Input } from 'valibot';
+import type { NuxtUseScriptOptions } from '#nuxt-scripts';
+declare const SegmentOptions: import("valibot").ObjectSchema<{
+    writeKey: import("valibot").StringSchema<string>;
+    analyticsKey: import("valibot").OptionalSchema<import("valibot").StringSchema<string>, undefined, string | undefined>;
+}, undefined, {
+    writeKey: string;
+    analyticsKey?: string | undefined;
+}>;
+export interface SegmentApi {
+    analytics: {
+        track: (event: string, properties?: Record<string, any>) => void;
+        page: (name?: string, properties?: Record<string, any>) => void;
+        identify: (userId: string, traits?: Record<string, any>, options?: Record<string, any>) => void;
+        group: (groupId: string, traits?: Record<string, any>, options?: Record<string, any>) => void;
+        alias: (userId: string, previousId: string, options?: Record<string, any>) => void;
+        reset: () => void;
+    };
+}
+declare global {
+    interface Window extends SegmentApi {
+    }
+}
+export declare function useScriptSegment<T extends SegmentApi>(options?: Input<typeof SegmentOptions>, _scriptOptions?: Omit<NuxtUseScriptOptions<T>, 'beforeInit' | 'use'>): any;
+export {};

package/dist/runtime/registry/segment.mjs

@@ -0,0 +1,43 @@
+import { object, optional, string } from "valibot";
+import { useScript, validateScriptInputSchema } from "#imports";
+const SegmentOptions = object({
+  writeKey: string(),
+  analyticsKey: optional(string())
+});
+export function useScriptSegment(options, _scriptOptions) {
+  const scriptOptions = _scriptOptions || {};
+  scriptOptions.beforeInit = () => {
+    validateScriptInputSchema(SegmentOptions, options);
+    if (import.meta.client) {
+      window.analytics = window.analytics || [];
+      window.analytics.methods = ["track", "page", "identify", "group", "alias", "reset"];
+      window.analytics.factory = function(method) {
+        return function(...params) {
+          const args = Array.prototype.slice.call(params);
+          args.unshift(method);
+          window.analytics.push(args);
+          return window.analytics;
+        };
+      };
+      for (let i = 0; i < window.analytics.methods.length; i++) {
+        const key = window.analytics.methods[i];
+        window.analytics[key] = window.analytics.factory(key);
+      }
+      window.analytics.page();
+    }
+  };
+  const analyticsKey = options?.analyticsKey || "analytics";
+  return useScript({
+    "key": "segment",
+    "data-global-segment-analytics-key": analyticsKey,
+    "src": `https://cdn.segment.com/analytics.js/v1/${options?.writeKey}/analytics.min.js`,
+    "defer": true
+  }, {
+    trigger: "onNuxtReady",
+    ...scriptOptions,
+    assetStrategy: "bundle",
+    use() {
+      return { analytics: window[analyticsKey] };
+    }
+  });
+}

package/dist/runtime/types.d.ts

@@ -1,5 +1,5 @@
 import type { UseScriptOptions } from '@unhead/schema';
-import type { UseScriptInput } from '@unhead/vue';
+import type { UseScriptInput, VueScriptInstance } from '@unhead/vue';
 import type { ComputedRef, Ref } from 'vue';
 export type NuxtUseScriptOptions<T = any> = Omit<UseScriptOptions<T>, 'trigger'> & {
     /**
@@ -15,6 +15,10 @@ export type NuxtUseScriptOptions<T = any> = Omit<UseScriptOptions<T>, 'trigger'>
      * improves privacy by not sharing the user's IP address with third-party servers.
      */
     assetStrategy?: 'bundle';
+    /**
+     * A hook to run when a script does not exist and will be initialized for the first time.
+     */
+    beforeInit?: () => void;
 };
 export type NuxtUseScriptInput = UseScriptInput;
 export interface TrackedPage {
@@ -33,3 +37,15 @@ export interface ConsentPromiseOptions {
      */
     loadOnNuxtReady?: boolean;
 }
+export interface NuxtAppScript {
+    key: string;
+    src: string;
+    $script: VueScriptInstance<any>;
+    events: {
+        type: string;
+        fn?: string;
+        args?: any;
+        trigger?: string;
+        at: number;
+    }[];
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/scripts",
   "type": "module",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "packageManager": "pnpm@8.15.5",
   "description": "Next-gen Scripts for Nuxt",
   "author": {
@@ -32,34 +32,38 @@
   "build": {
     "externals": [
       "@unhead/vue",
-      "@unhead/schema"
+      "@unhead/schema",
+      "@unhead/vue",
+      "#nuxt-scripts"
     ]
   },
   "dependencies": {
-    "@nuxt/devtools-kit": "^1.1.1",
-    "@nuxt/devtools-ui-kit": "^1.1.1",
+    "@nuxt/devtools-kit": "^1.1.5",
+    "@nuxt/devtools-ui-kit": "^1.1.5",
     "@nuxt/kit": "^3.11.1",
+    "@unhead/vue": "^1.9.3",
     "consola": "^3.2.3",
     "defu": "^6.1.4",
     "estree-walker": "^3.0.3",
     "h3": "^1.11.1",
     "magic-string": "^0.30.8",
-    "ofetch": "^1.3.3",
+    "ofetch": "^1.3.4",
     "ohash": "^1.1.3",
     "pathe": "^1.1.2",
     "pkg-types": "^1.0.3",
-    "shiki": "^1.2.0",
+    "shiki": "^1.2.1",
     "sirv": "^2.0.4",
     "ufo": "^1.5.3",
     "unplugin": "^1.10.0",
-    "unstorage": "^1.10.2"
+    "unstorage": "^1.10.2",
+    "valibot": "^0.30.0"
   },
   "devDependencies": {
     "@antfu/eslint-config": "2.8.3",
-    "@nuxt/devtools-ui-kit": "^1.1.1",
+    "@nuxt/devtools-ui-kit": "^1.1.5",
     "@nuxt/module-builder": "^0.5.5",
     "@nuxt/test-utils": "3.12.0",
-    "@unhead/schema": "^1.8.20",
+    "@unhead/schema": "^1.9.3",
     "acorn-loose": "^8.4.0",
     "bumpp": "^9.4.0",
     "eslint": "8.57.0",
@@ -67,6 +71,7 @@
     "nuxt-scripts-devtools": "latest",
     "playwright-core": "^1.42.1",
     "typescript": "^5.4.3",
+    "unimport": "^3.7.1",
     "vitest": "^1.4.0"
   },
   "resolutions": {
@@ -77,6 +82,7 @@
     "client:build": "nuxi generate client",
     "client:dev": "nuxi dev client --port 3300",
     "dev": "nuxi dev playground",
+    "dev:ssl": "nuxi dev playground --https",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
     "typecheck": "pnpm dlx vue-tsc --noEmit",
     "release": "pnpm build && bumpp && pnpm -r publish --no-git-checks",

package/dist/client/_nuxt/builds/meta/dfbad358-c258-488d-9323-84d07e1f8acf.json

@@ -1 +0,0 @@
-{"id":"dfbad358-c258-488d-9323-84d07e1f8acf","timestamp":1711553364503,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}