@wxt-dev/analytics 0.2.8 → 0.4.1

package/dist/client.mjs

@@ -1,201 +0,0 @@
-import { UAParser } from 'ua-parser-js';
-
-const ANALYTICS_PORT = "@wxt-dev/analytics";
-function createAnalytics(config) {
-  if (typeof chrome === "undefined" || !chrome?.runtime?.id)
-    throw Error(
-      "Cannot use WXT analytics in contexts without access to the browser.runtime APIs"
-    );
-  if (config == null) {
-    console.warn(
-      "[@wxt-dev/analytics] Config not provided to createAnalytics. If you're using WXT, add the 'analytics' property to '<srcDir>/app.config.ts'."
-    );
-  }
-  if (location.pathname === "/background.js")
-    return createBackgroundAnalytics(config);
-  return createFrontendAnalytics();
-}
-function createBackgroundAnalytics(config) {
-  const userIdStorage = config?.userId ?? defineStorageItem("wxt-analytics:user-id");
-  const userPropertiesStorage = config?.userProperties ?? defineStorageItem(
-    "wxt-analytics:user-properties",
-    {}
-  );
-  const enabled = config?.enabled ?? defineStorageItem("local:wxt-analytics:enabled", false);
-  const platformInfo = chrome.runtime.getPlatformInfo();
-  const userAgent = UAParser();
-  let userId = Promise.resolve(userIdStorage.getValue()).then(
-    (id) => id ?? globalThis.crypto.randomUUID()
-  );
-  let userProperties = userPropertiesStorage.getValue();
-  const manifest = chrome.runtime.getManifest();
-  const getBackgroundMeta = () => ({
-    timestamp: Date.now(),
-    // Don't track sessions for the background, it can be running
-    // indefinitely, and will inflate session duration stats.
-    sessionId: void 0,
-    language: navigator.language,
-    referrer: void 0,
-    screen: void 0,
-    url: location.href,
-    title: void 0
-  });
-  const getBaseEvent = async (meta) => {
-    const platform = await platformInfo;
-    return {
-      meta,
-      user: {
-        id: await userId,
-        properties: {
-          version: config?.version ?? manifest.version_name ?? manifest.version,
-          wxtMode: import.meta.env.MODE,
-          wxtBrowser: import.meta.env.BROWSER,
-          arch: platform.arch,
-          os: platform.os,
-          browser: userAgent.browser.name,
-          browserVersion: userAgent.browser.version,
-          ...await userProperties
-        }
-      }
-    };
-  };
-  const analytics = {
-    identify: async (newUserId, newUserProperties = {}, meta = getBackgroundMeta()) => {
-      userId = Promise.resolve(newUserId);
-      userProperties = Promise.resolve(newUserProperties);
-      await Promise.all([
-        userIdStorage.setValue?.(newUserId),
-        userPropertiesStorage.setValue?.(newUserProperties)
-      ]);
-      const event = await getBaseEvent(meta);
-      if (config?.debug)
-        console.debug("[analytics] identify", event);
-      if (await enabled.getValue()) {
-        await Promise.allSettled(
-          providers.map((provider) => provider.identify(event))
-        );
-      } else if (config?.debug) {
-        console.debug(
-          "[analytics] Analytics disabled, identify() not uploaded"
-        );
-      }
-    },
-    page: async (location2, meta = getBackgroundMeta()) => {
-      const baseEvent = await getBaseEvent(meta);
-      const event = {
-        ...baseEvent,
-        page: {
-          url: meta?.url ?? globalThis.location?.href,
-          location: location2,
-          title: meta?.title ?? globalThis.document?.title
-        }
-      };
-      if (config?.debug)
-        console.debug("[analytics] page", event);
-      if (await enabled.getValue()) {
-        await Promise.allSettled(
-          providers.map((provider) => provider.page(event))
-        );
-      } else if (config?.debug) {
-        console.debug("[analytics] Analytics disabled, page() not uploaded");
-      }
-    },
-    track: async (eventName, eventProperties, meta = getBackgroundMeta()) => {
-      const baseEvent = await getBaseEvent(meta);
-      const event = {
-        ...baseEvent,
-        event: { name: eventName, properties: eventProperties }
-      };
-      if (config?.debug)
-        console.debug("[analytics] track", event);
-      if (await enabled.getValue()) {
-        await Promise.allSettled(
-          providers.map((provider) => provider.track(event))
-        );
-      } else if (config?.debug) {
-        console.debug("[analytics] Analytics disabled, track() not uploaded");
-      }
-    },
-    setEnabled: async (newEnabled) => {
-      await enabled.setValue?.(newEnabled);
-    },
-    autoTrack: () => {
-      return () => {
-      };
-    }
-  };
-  const providers = config?.providers?.map((provider) => provider(analytics, config)) ?? [];
-  chrome.runtime.onConnect.addListener((port) => {
-    if (port.name === ANALYTICS_PORT) {
-      port.onMessage.addListener(({ fn, args }) => {
-        void analytics[fn]?.(...args);
-      });
-    }
-  });
-  return analytics;
-}
-function createFrontendAnalytics() {
-  const port = chrome.runtime.connect({ name: ANALYTICS_PORT });
-  const sessionId = Date.now();
-  const getFrontendMetadata = () => ({
-    sessionId,
-    timestamp: Date.now(),
-    language: navigator.language,
-    referrer: globalThis.document?.referrer || void 0,
-    screen: globalThis.window ? `${globalThis.window.screen.width}x${globalThis.window.screen.height}` : void 0,
-    url: location.href,
-    title: document.title || void 0
-  });
-  const methodForwarder = (fn) => (...args) => {
-    port.postMessage({ fn, args: [...args, getFrontendMetadata()] });
-  };
-  const analytics = {
-    identify: methodForwarder("identify"),
-    page: methodForwarder("page"),
-    track: methodForwarder("track"),
-    setEnabled: methodForwarder("setEnabled"),
-    autoTrack: (root) => {
-      const onClick = (event) => {
-        const element = event.target;
-        if (!element || !INTERACTIVE_TAGS.has(element.tagName) && !INTERACTIVE_ROLES.has(element.getAttribute("role")))
-          return;
-        void analytics.track("click", {
-          tagName: element.tagName?.toLowerCase(),
-          id: element.id || void 0,
-          className: element.className || void 0,
-          textContent: element.textContent?.substring(0, 50) || void 0,
-          // Limit text content length
-          href: element.href
-        });
-      };
-      root.addEventListener("click", onClick, { capture: true, passive: true });
-      return () => {
-        root.removeEventListener("click", onClick);
-      };
-    }
-  };
-  return analytics;
-}
-function defineStorageItem(key, defaultValue) {
-  return {
-    getValue: async () => (await chrome.storage.local.get(key))[key] ?? defaultValue,
-    setValue: (newValue) => chrome.storage.local.set({ [key]: newValue })
-  };
-}
-const INTERACTIVE_TAGS = /* @__PURE__ */ new Set([
-  "A",
-  "BUTTON",
-  "INPUT",
-  "SELECT",
-  "TEXTAREA"
-]);
-const INTERACTIVE_ROLES = /* @__PURE__ */ new Set([
-  "button",
-  "link",
-  "checkbox",
-  "menuitem",
-  "tab",
-  "radio"
-]);
-
-export { createAnalytics };