@vestigemetrics/vue 0.0.0-stage → 1.0.0

package/README.md

@@ -1,3 +1,25 @@
-# Temporary Holding Version
+# @vestigemetrics/vue
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Adapter Vue para a tag compilada do Vestige Metrics.
+
+```bash
+yarn add @vestigemetrics/vue
+```
+
+```ts
+app.use(createVestige({
+  accountId: '5-0',
+  router,
+  preset: 'auto'
+}));
+```
+
+Para leads:
+
+```ts
+await vestige.identifyLead('EMAIL', 'user@example.com');
+await vestige.identifyLead('PHONE', '5511999999999');
+```
+
+- [Documentação da plataforma](https://docs.vestigemetrics.com.br/)
+- [Site do Vestige Metrics](https://vestigemetrics.com.br/)

package/dist/createVestige.d.ts

@@ -0,0 +1,51 @@
+import type { Plugin } from 'vue';
+export interface VestigeBrowserTag {
+    init(accountId: string): void;
+    buildPageview(data?: {
+        url?: string;
+        referrer?: string;
+    }): unknown;
+    registerPageview(context?: unknown): void;
+    pageview(data?: {
+        url?: string;
+        referrer?: string;
+    }): void;
+    event(data: string | Record<string, unknown>): void;
+    identifyLead(type: 'EMAIL' | 'PHONE', value: string): void;
+    getVdaCode(): string | null;
+    updateElementWithVda(element?: Element, parameter?: string, urlPattern?: string): void;
+}
+export interface VestigeRouter {
+    currentRoute: {
+        value: {
+            fullPath: string;
+        };
+    };
+    afterEach(callback: (to: {
+        fullPath: string;
+    }) => void): void;
+}
+export interface VestigeVueOptions {
+    accountId: string;
+    scriptUrl?: string;
+    preset?: 'auto' | 'manual';
+    router?: VestigeRouter;
+}
+export interface VestigeVueClient {
+    readonly ready: Promise<VestigeBrowserTag>;
+    buildPageview(data?: {
+        url?: string;
+        referrer?: string;
+    }): Promise<unknown>;
+    registerPageview(): Promise<void>;
+    pageview(data?: {
+        url?: string;
+        referrer?: string;
+    }): Promise<void>;
+    event(data: string | Record<string, unknown>): Promise<void>;
+    identifyLead(type: 'EMAIL' | 'PHONE', value: string): Promise<void>;
+    getVdaCode(): Promise<string | null>;
+    updateElementWithVda(element?: Element, parameter?: string, urlPattern?: string): Promise<void>;
+}
+export declare function loadVestigeTag(options: VestigeVueOptions): VestigeVueClient;
+export declare function createVestige(options: VestigeVueOptions): Plugin;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { createVestige, loadVestigeTag } from './createVestige';
+export type { VestigeBrowserTag, VestigeVueClient, VestigeVueOptions } from './createVestige';
+export { useVestige, VESTIGE_INJECTION_KEY } from './useVestige';

package/dist/index.js

@@ -0,0 +1,95 @@
+// src/vue/useVestige.ts
+import { inject } from "vue";
+var VESTIGE_INJECTION_KEY = Symbol("vestige");
+function useVestige() {
+  const tag = inject(VESTIGE_INJECTION_KEY);
+  if (!tag) throw new Error("VestigeTag has not been installed");
+  return tag;
+}
+
+// src/vue/createVestige.ts
+function loadScript(documentRef, url) {
+  return new Promise((resolve, reject) => {
+    var _a;
+    const existing = documentRef.querySelector(`script[src="${url}"]`);
+    if (existing) {
+      existing.addEventListener("load", () => resolve(), { once: true });
+      if ((_a = window.lt) == null ? void 0 : _a.tag) resolve();
+      return;
+    }
+    const script = documentRef.createElement("script");
+    script.async = true;
+    script.src = url;
+    script.onload = () => resolve();
+    script.onerror = () => reject(new Error(`Unable to load Vestige tag: ${url}`));
+    documentRef.head.appendChild(script);
+  });
+}
+function loadVestigeTag(options) {
+  var _a;
+  const browserWindow = window;
+  const scriptUrl = (_a = options.scriptUrl) != null ? _a : `//tag.ltrck.com.br/lt${options.accountId}.js`;
+  if (!browserWindow.lt) browserWindow.lt = { _c: [] };
+  if (!browserWindow.lt._c) browserWindow.lt._c = [];
+  if (options.preset) browserWindow.lt._c.push(["tag_config", { preset: options.preset }]);
+  const ready = (async () => {
+    var _a2, _b;
+    if (!((_a2 = browserWindow.lt) == null ? void 0 : _a2.tag)) await loadScript(document, scriptUrl);
+    const tag = (_b = browserWindow.lt) == null ? void 0 : _b.tag;
+    if (!tag) throw new Error("Vestige tag loaded without exposing window.lt.tag");
+    tag.init(options.accountId);
+    return tag;
+  })();
+  const call = async (method, ...args) => {
+    const tag = await ready;
+    const fn = tag[method];
+    return fn.apply(tag, args);
+  };
+  let currentPageview;
+  const client = {
+    ready,
+    buildPageview: (data) => {
+      if (options.router) return Promise.reject(new Error("buildPageview() \xE9 controlado pelo router configurado."));
+      return call("buildPageview", data).then((context) => {
+        currentPageview = context;
+        return context;
+      });
+    },
+    registerPageview: () => {
+      if (options.preset !== "manual") return Promise.reject(new Error("registerPageview() s\xF3 pode ser chamado no preset manual."));
+      return call("registerPageview", currentPageview);
+    },
+    pageview: (data) => call("pageview", data),
+    event: (data) => call("event", data),
+    identifyLead: (type, value) => call("identifyLead", type, value),
+    getVdaCode: () => call("getVdaCode"),
+    updateElementWithVda: (element, parameter, urlPattern) => call("updateElementWithVda", element, parameter, urlPattern)
+  };
+  if (options.router) {
+    ready.then((tag) => {
+      const buildAndMaybeRegister = (url) => {
+        const context = tag.buildPageview({ url });
+        currentPageview = context;
+        if (options.preset !== "manual") tag.registerPageview(context);
+      };
+      buildAndMaybeRegister(options.router.currentRoute.value.fullPath);
+      options.router.afterEach((to) => buildAndMaybeRegister(to.fullPath));
+    });
+  }
+  return client;
+}
+function createVestige(options) {
+  const client = loadVestigeTag(options);
+  return {
+    install(app) {
+      app.provide(VESTIGE_INJECTION_KEY, client);
+    }
+  };
+}
+export {
+  VESTIGE_INJECTION_KEY,
+  createVestige,
+  loadVestigeTag,
+  useVestige
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/vue/useVestige.ts", "../../../src/vue/createVestige.ts"],
+  "sourcesContent": ["import { inject } from 'vue';\nimport type { VestigeVueClient } from './createVestige';\n\nexport const VESTIGE_INJECTION_KEY = Symbol('vestige');\n\nexport function useVestige(): VestigeVueClient {\n  const tag = inject<VestigeVueClient>(VESTIGE_INJECTION_KEY);\n  if (!tag) throw new Error('VestigeTag has not been installed');\n  return tag;\n}\n", "import type { App, Plugin } from 'vue';\nimport { VESTIGE_INJECTION_KEY } from './useVestige';\n\nexport interface VestigeBrowserTag {\n  init(accountId: string): void;\n  buildPageview(data?: { url?: string; referrer?: string }): unknown;\n  registerPageview(context?: unknown): void;\n  pageview(data?: { url?: string; referrer?: string }): void;\n  event(data: string | Record<string, unknown>): void;\n  identifyLead(type: 'EMAIL' | 'PHONE', value: string): void;\n  getVdaCode(): string | null;\n  updateElementWithVda(element?: Element, parameter?: string, urlPattern?: string): void;\n}\n\ninterface BrowserWindow extends Window {\n  lt?: { tag?: VestigeBrowserTag; _c?: Array<[string, unknown]> };\n}\n\nexport interface VestigeRouter {\n  currentRoute: { value: { fullPath: string } };\n  afterEach(callback: (to: { fullPath: string }) => void): void;\n}\n\nexport interface VestigeVueOptions {\n  accountId: string;\n  scriptUrl?: string;\n  preset?: 'auto' | 'manual';\n  router?: VestigeRouter;\n}\n\nexport interface VestigeVueClient {\n  readonly ready: Promise<VestigeBrowserTag>;\n  buildPageview(data?: { url?: string; referrer?: string }): Promise<unknown>;\n  registerPageview(): Promise<void>;\n  pageview(data?: { url?: string; referrer?: string }): Promise<void>;\n  event(data: string | Record<string, unknown>): Promise<void>;\n  identifyLead(type: 'EMAIL' | 'PHONE', value: string): Promise<void>;\n  getVdaCode(): Promise<string | null>;\n  updateElementWithVda(element?: Element, parameter?: string, urlPattern?: string): Promise<void>;\n}\n\nfunction loadScript(documentRef: Document, url: string): Promise<void> {\n  return new Promise((resolve, reject) => {\n    const existing = documentRef.querySelector(`script[src=\"${url}\"]`);\n    if (existing) {\n      existing.addEventListener('load', () => resolve(), { once: true });\n      if ((window as BrowserWindow).lt?.tag) resolve();\n      return;\n    }\n    const script = documentRef.createElement('script');\n    script.async = true;\n    script.src = url;\n    script.onload = () => resolve();\n    script.onerror = () => reject(new Error(`Unable to load Vestige tag: ${url}`));\n    documentRef.head.appendChild(script);\n  });\n}\n\nexport function loadVestigeTag(options: VestigeVueOptions): VestigeVueClient {\n  const browserWindow = window as BrowserWindow;\n  const scriptUrl = options.scriptUrl ?? `//tag.ltrck.com.br/lt${options.accountId}.js`;\n  if (!browserWindow.lt) browserWindow.lt = { _c: [] };\n  if (!browserWindow.lt._c) browserWindow.lt._c = [];\n  if (options.preset) browserWindow.lt._c.push(['tag_config', { preset: options.preset }]);\n  const ready = (async () => {\n    if (!browserWindow.lt?.tag) await loadScript(document, scriptUrl);\n    const tag = browserWindow.lt?.tag;\n    if (!tag) throw new Error('Vestige tag loaded without exposing window.lt.tag');\n    tag.init(options.accountId);\n    return tag;\n  })();\n\n  const call = async <K extends keyof VestigeBrowserTag>(method: K, ...args: Parameters<NonNullable<VestigeBrowserTag[K]>>): Promise<ReturnType<NonNullable<VestigeBrowserTag[K]>>> => {\n    const tag = await ready;\n    const fn = tag[method] as (...values: Parameters<NonNullable<VestigeBrowserTag[K]>>) => ReturnType<NonNullable<VestigeBrowserTag[K]>>;\n    return fn.apply(tag, args);\n  };\n\n  let currentPageview: unknown;\n\n  const client: VestigeVueClient = {\n    ready,\n    buildPageview: (data) => {\n      if (options.router) return Promise.reject(new Error('buildPageview() \u00E9 controlado pelo router configurado.'));\n      return call('buildPageview', data).then((context) => {\n        currentPageview = context;\n        return context;\n      });\n    },\n    registerPageview: () => {\n      if (options.preset !== 'manual') return Promise.reject(new Error('registerPageview() s\u00F3 pode ser chamado no preset manual.'));\n      return call('registerPageview', currentPageview);\n    },\n    pageview: (data) => call('pageview', data),\n    event: (data) => call('event', data),\n    identifyLead: (type, value) => call('identifyLead', type, value),\n    getVdaCode: () => call('getVdaCode'),\n    updateElementWithVda: (element, parameter, urlPattern) => call('updateElementWithVda', element, parameter, urlPattern)\n  };\n\n  if (options.router) {\n    ready.then((tag) => {\n      const buildAndMaybeRegister = (url: string): void => {\n        const context = tag.buildPageview({ url });\n        currentPageview = context;\n        if (options.preset !== 'manual') tag.registerPageview(context);\n      };\n      buildAndMaybeRegister(options.router!.currentRoute.value.fullPath);\n      options.router!.afterEach((to) => buildAndMaybeRegister(to.fullPath));\n    });\n  }\n\n  return client;\n}\n\nexport function createVestige(options: VestigeVueOptions): Plugin {\n  const client = loadVestigeTag(options);\n  return {\n    install(app: App) {\n      app.provide(VESTIGE_INJECTION_KEY, client);\n    }\n  };\n}\n"],
+  "mappings": "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",
+  "names": ["_a"]
+}

package/dist/useVestige.d.ts

@@ -0,0 +1,3 @@
+import type { VestigeVueClient } from './createVestige';
+export declare const VESTIGE_INJECTION_KEY: unique symbol;
+export declare function useVestige(): VestigeVueClient;

package/package.json

@@ -1,6 +1,25 @@
 {
   "name": "@vestigemetrics/vue",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "1.0.0",
+  "description": "Vue adapter for Vestige Metrics compiled tags",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": ["dist", "README.md"],
+  "scripts": {
+    "build": "node ../../scripts/build-vue-package.mjs"
+  },
+  "peerDependencies": {
+    "vue": ">=3.3.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vestigemetrics/front_tag.git"
+  },
+  "license": "MIT",
+  "homepage": "https://vestigemetrics.com.br",
+  "bugs": {
+    "url": "https://github.com/vestigemetrics/front_tag/issues"
+  }
+}