@levo-so/insights 0.1.78 → 0.1.80

package/dist/textSelection-CnZdywep.js

@@ -0,0 +1,583 @@
+import { getLevoError as V } from "@levo-so/core";
+import { map as B, computed as K, atom as b } from "nanostores";
+import { onUserActivity as fe } from "@analytics/activity-utils";
+import { debounce as G } from "lodash-es";
+const T = B({
+  workspace: null,
+  page_id: null,
+  site_id: null,
+  debug: !1
+}), U = () => T.get(), Ve = (e) => T.set({ ...U(), ...e }), Qe = (e, t) => T.setKey(e, t), ge = ({
+  deviceToken: e,
+  sessionToken: t,
+  mode: n
+}) => {
+  const i = {};
+  return n === "direct" && (e && (i["Levo-Audience-Device"] = e), t && (i["Levo-Audience-Session"] = t)), i;
+}, y = {
+  /** Legacy: Lock key for identify operation (no longer used internally) */
+  identify: "lock:lv_aud_identify",
+  /** Key for tracking open tab count */
+  open_tabs: "lv_insights_ot",
+  /** Key for current tab ID (sessionStorage) */
+  current_tab: "lv_insights_ct",
+  /** Key for all tabs registry */
+  all_tabs: "lv_insights_at",
+  /** Device JWT for direct mode (1yr expiry, rotated on /welcome, analytics-only scope) */
+  device_token: "lv_aud_device",
+  /** Session JWT for direct mode (1yr expiry, rotated on /welcome, analytics-only scope) */
+  session_token: "lv_aud_session",
+  /** Cached insights mode ('proxy' | 'direct') */
+  mode: "lv_aud_mode",
+  /** Key to store session data **/
+  session: "lv_insights_session"
+}, pe = () => {
+  if (typeof window > "u" || !("localStorage" in window))
+    return !1;
+  try {
+    const e = "__levo_test__";
+    return window.localStorage.setItem(e, "test"), window.localStorage.removeItem(e), !0;
+  } catch {
+    return !1;
+  }
+}, M = {
+  isIdentified: !1,
+  isIdentifying: !1,
+  sessionId: null,
+  deviceId: null,
+  deviceToken: null,
+  sessionToken: null,
+  allTabs: [],
+  mode: "proxy",
+  insightsBaseUrl: null,
+  identity: null
+}, he = JSON.stringify, Q = (e) => {
+  if (!e) return M;
+  try {
+    return JSON.parse(e);
+  } catch {
+    return M;
+  }
+}, p = b(M), v = p.set;
+let L = !1;
+const O = [], k = () => {
+  L || (L = !0, O.forEach((e) => {
+    e();
+  }), O.length = 0);
+}, We = (e) => {
+  L ? e() : O.push(e);
+};
+if (pe()) {
+  const e = localStorage.getItem(y.session);
+  e && v(Q(e)), k(), p.set = (t) => {
+    v(t);
+    try {
+      localStorage.setItem(y.session, he(t));
+    } catch {
+    }
+  }, window.addEventListener("storage", (t) => {
+    t.key === y.session && v(Q(t.newValue));
+  });
+} else if (typeof BroadcastChannel < "u") {
+  const e = new BroadcastChannel(y.session);
+  e.onmessage = (t) => {
+    const { type: n, value: i } = t.data;
+    n === "UPDATE" && i ? v(i) : n === "QUERY" ? L && e.postMessage({ type: "RESPONSE", value: p.get() }) : n === "RESPONSE" && i && (v(i), k());
+  }, p.set = (t) => {
+    v(t), e.postMessage({ type: "UPDATE", value: t });
+  }, e.postMessage({ type: "QUERY" }), setTimeout(() => {
+    k();
+  }, 150);
+} else
+  k();
+const H = () => p.get(), W = (e) => {
+  p.set({ ...H(), ...e });
+}, Je = K(
+  p,
+  (e) => e.insightsBaseUrl !== null && e.identity !== null
+), me = 10, be = 2e3, J = 500, m = b([]), N = b(0), ve = K(m, (e) => e.length ?? 0), S = b(null), Ke = () => {
+  let e = !1;
+  return p.subscribe((t) => {
+    if (t.isIdentified && !e) {
+      e = !0;
+      const n = m.get();
+      n.length > 0 && x(n);
+    }
+  });
+}, I = () => m.get(), ye = () => ve.get(), x = (e) => {
+  const { workspace: t, debug: n, site_id: i, page_id: o } = U(), { isIdentified: r, mode: c, sessionId: u, deviceId: a, sessionToken: s, deviceToken: d, insightsBaseUrl: f } = H();
+  if (e.length === 0 || !r || !f || !t)
+    return;
+  const h = e.map(
+    (g) => ({
+      // Default values from stores
+      workspace_id: t,
+      site_id: i ?? void 0,
+      session_id: u ?? void 0,
+      device_id: a ?? void 0,
+      identifier: o ?? void 0,
+      hostname: window.location.hostname,
+      pathname: window.location.pathname,
+      page_title: document.title,
+      url: window.location.href,
+      tab_id: "",
+      tab_count: 0,
+      // Event values override defaults (includes tab_id, tab_count captured at track time)
+      ...g,
+      // Ensure required fields have values
+      event: g.event,
+      created_at: g.created_at,
+      resource: g.resource ?? "page",
+      properties: g.properties ?? {}
+    })
+  );
+  if (m.set([]), n) {
+    console.log("[@levo-so/insights] Debug mode enabled. Events batch:", h);
+    return;
+  }
+  const C = `${f}/v1/insights/event/bulk?workspace=${t}`, R = {
+    "Content-Type": "application/json",
+    ...ge({ deviceToken: d, sessionToken: s, mode: c })
+  };
+  c === "proxy" && navigator.sendBeacon && navigator.sendBeacon(C, JSON.stringify(h)) || fetch(C, {
+    method: "POST",
+    body: JSON.stringify(h),
+    headers: R,
+    keepalive: !0,
+    credentials: c === "proxy" ? "include" : "omit"
+  }).catch(() => {
+  });
+}, we = () => {
+  if (S.get()) return;
+  const e = setTimeout(() => {
+    x(I()), S.set(null);
+  }, be);
+  S.set(e);
+}, X = () => {
+  const e = S.get();
+  e && (clearTimeout(e), S.set(null));
+}, Ge = (e) => {
+  const { debug: t } = U(), n = N.get();
+  if (n >= J) {
+    t && console.warn(`[@levo-so/core] Event limit (${J}) reached for this page`);
+    return;
+  }
+  N.set(n + 1);
+  const i = m.get();
+  m.set([...i, e]);
+  const { isIdentified: o } = H();
+  ye() >= me ? (X(), x(I())) : o && we();
+}, Xe = () => N.set(0), Ze = () => {
+  m.set([]), N.set(0), X();
+}, _ = B({
+  status: "active",
+  seconds: 0
+}), et = (e) => {
+  if (typeof window > "u") return () => {
+  };
+  const i = fe({
+    timeout: 6e4,
+    throttle: 1e3,
+    onIdle: (r) => {
+      _.set({ status: "idle", seconds: r });
+    },
+    onWakeUp: (r) => {
+      _.set({ status: "active", seconds: r });
+    }
+  }), o = _.listen((r) => {
+    r.seconds > 0 && (r.status === "idle" ? e.track("user.idle", {
+      seconds_active: r.seconds
+    }) : e.track("user.active", {
+      seconds_idle: r.seconds
+    }));
+  });
+  return () => {
+    o(), i.disable(), _.set({ status: "active", seconds: 0 });
+  };
+}, Ee = () => _.get(), E = b(
+  "active"
+  /* ACTIVE */
+), _e = () => typeof document > "u" ? "active" : document.visibilityState === "hidden" ? "hidden" : document.hasFocus() ? "active" : "passive", tt = (e) => {
+  if (typeof window > "u") return () => {
+  };
+  let t = !1;
+  const n = (s) => {
+    if (t) return;
+    t = !0;
+    const d = Ee(), f = {};
+    d.seconds > 0 && (d.status === "idle" ? f.seconds_idle = d.seconds : f.seconds_active = d.seconds);
+    try {
+      e.track("page.bounce", {
+        resource: "page",
+        ...f,
+        ...s
+      }), x(I());
+    } catch (h) {
+      console.error("[insights] Failed to send bounce event", V(h));
+    }
+  }, i = () => {
+    const s = performance.getEntriesByType("navigation")?.[0];
+    let d = s?.type === "navigate";
+    if (!d)
+      try {
+        const f = document.activeElement;
+        f?.tagName === "A" && f.href && new URL(f.href).origin !== window.location.origin && (d = !0);
+      } catch (f) {
+        console.warn("[insights] Failed to parse link destination", V(f));
+      }
+    n({
+      is_navigating_away: d,
+      navigation_type: s?.type,
+      trigger: "beforeunload"
+    });
+  }, o = (s) => {
+    switch (s.type) {
+      case "pageshow":
+      case "resume":
+      case "blur":
+      case "focus":
+      case "visibilitychange":
+        E.set(_e());
+        break;
+      case "freeze":
+        E.set(
+          "frozen"
+          /* FROZEN */
+        );
+        break;
+      case "pagehide":
+        E.set(
+          s.persisted ? "frozen" : "terminated"
+          /* TERMINATED */
+        );
+        break;
+    }
+  }, r = ["pageshow", "pagehide", "focus", "blur", "visibilitychange", "resume", "freeze"];
+  r.forEach((s) => {
+    window.addEventListener(s, o, { capture: !0 });
+  }), window.addEventListener("beforeunload", i);
+  const c = E.listen((s) => {
+    s === "frozen" || s === "terminated" ? n({
+      state: s,
+      trigger: "lifecycle"
+    }) : s === "hidden" && x(I());
+  });
+  let u = T.get().page_id;
+  const a = T.listen((s) => {
+    s.page_id !== u && (t = !1, u = s.page_id);
+  });
+  return () => {
+    r.forEach((s) => {
+      window.removeEventListener(s, o, { capture: !0 });
+    }), window.removeEventListener("beforeunload", i), c(), a(), t = !1, E.set(
+      "active"
+      /* ACTIVE */
+    );
+  };
+}, A = (e) => Object.prototype.toString.call(e) == "[object String]", Se = (e, t) => e.indexOf(t) !== -1, w = (e) => e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, ""), Z = (e) => e === void 0, Te = (e) => e === null, ee = (e) => Z(e) || Te(e), te = (e) => !!e && e?.nodeType === 3;
+function xe(e) {
+  return !!e && e?.nodeType === 1;
+}
+function Ce(e, t) {
+  return !!e && !!e?.tagName && e?.tagName.toLowerCase() === t.toLowerCase();
+}
+function ke(e) {
+  return e ? w(e).split(/\s+/) : [];
+}
+function Le(e) {
+  let t = "";
+  switch (typeof e?.className) {
+    case "string":
+      t = e?.className;
+      break;
+    // TODO: when is this ever used?
+    case "object":
+      t = (e?.className && "baseVal" in e.className ? (e?.className).baseVal : null) || e?.getAttribute("class") || "";
+      break;
+    default:
+      t = "";
+  }
+  return ke(t);
+}
+const l = (e, t = 255) => ee(e) ? "" : w(e).split(/(\s+)/).filter((n) => Y(n)).join("").replace(/[\r\n]/g, " ").replace(/[ ]+/g, " ").substring(0, t), ne = ["span", "strong", "em", "i", "b", "mark", "code", "small", "sub", "sup", "label"], F = (e) => {
+  let t = "";
+  if (Re(e) && e?.childNodes && e?.childNodes.length) {
+    for (const n of e.childNodes)
+      te(n) && n.textContent && (t += l(n.textContent) ?? "");
+    if (!w(t)) {
+      const n = e.querySelectorAll(ne.join(", "));
+      for (const i of n) {
+        const o = i.textContent;
+        o && (t += `${l(o)} `);
+      }
+    }
+    if (!w(t) && e instanceof HTMLElement) {
+      const n = e.innerText;
+      n && (t = l(n.substring(0, 500)));
+    }
+  }
+  return w(t);
+}, Ne = (e) => Z(e.target) ? e?.srcElement || null : e?.target?.shadowRoot ? e?.composedPath()?.[0] || null : e?.target || null, Ie = (e, t) => {
+  if (!window || !e || Ce(e, "html") || !xe(e))
+    return !1;
+  const n = window.getComputedStyle(e);
+  if (n && n.getPropertyValue("cursor") === "pointer" && t.type === "click")
+    return !0;
+  switch (e?.tagName.toLowerCase()) {
+    case "html":
+      return !1;
+    case "form":
+      return t.type === "submit";
+    case "input":
+    case "select":
+    case "textarea":
+      return ["change", "click"].includes(t.type);
+    default:
+      return t.type === "click";
+  }
+}, Ae = /* @__PURE__ */ new Set([
+  "password",
+  "passwd",
+  "pwd",
+  "creditcard",
+  "cardnumber",
+  "ccnum",
+  "ccnumber",
+  "cvv",
+  "cvc",
+  "csc",
+  "securitycode",
+  "ssn",
+  "socialsecurity",
+  "routingnumber",
+  "accountnumber",
+  "bankaccount",
+  "secretkey",
+  "apikey",
+  "accesstoken"
+]);
+function Re(e) {
+  if (Se(Le(e), "ph-include"))
+    return !0;
+  const t = e.type || "";
+  if (A(t))
+    switch (t.toLowerCase()) {
+      case "hidden":
+        return !1;
+      case "password":
+        return !1;
+    }
+  const n = e.name || e?.id || "";
+  if (A(n)) {
+    const i = n.toLowerCase().replace(/[^a-z]/g, "");
+    if (Ae.has(i))
+      return !1;
+  }
+  return !0;
+}
+const se = "(4[0-9]{12}(?:[0-9]{3})?)|(5[1-5][0-9]{14})|(6(?:011|5[0-9]{2})[0-9]{12})|(3[47][0-9]{13})|(3(?:0[0-5]|[68][0-9])[0-9]{11})|((?:2131|1800|35[0-9]{3})[0-9]{11})", $e = new RegExp(`^(?:${se})$`), De = new RegExp(se), ie = "\\d{3}-?\\d{2}-?\\d{4}", Me = new RegExp(`^(${ie})$`), Oe = new RegExp(`(${ie})`), Y = (e, t = !0) => !(ee(e) || A(e) && (e = w(e), (t ? $e : De).test((e || "").replace(/[- ]/g, "")) || (t ? Me : Oe).test(e))), Pe = (e) => A(e) ? e.substring(0, 10) === "_ngcontent" || e.substring(0, 7) === "_nghost" : !1, Be = (e) => {
+  let t = F(e);
+  return t = `${t} ${oe(e)}`.trim(), Y(t) ? t : "";
+};
+function oe(e) {
+  let t = "";
+  if (e?.childNodes.length)
+    for (const n of e.childNodes) {
+      const i = n.tagName?.toLowerCase();
+      if (n && i && ne.includes(i))
+        try {
+          const o = F(n);
+          t = `${t} ${o}`.trim(), n?.childNodes.length && (t = `${t} ${oe(n)}`.trim());
+        } catch {
+        }
+    }
+  return t;
+}
+const Ue = (e) => {
+  const t = e.tagName?.toLowerCase(), n = t === "a" || t === "button" ? Be(e) : F(e);
+  if (n) return { text: n, source: "text" };
+  const i = e.getAttribute("aria-label");
+  if (i) return { text: l(i), source: "aria-label" };
+  const o = e.getAttribute("title");
+  if (o) return { text: l(o), source: "title" };
+  const r = e.getAttribute("data-track-label");
+  if (r) return { text: l(r), source: "data-track-label" };
+  const c = e.querySelector("img[alt], svg[aria-label]");
+  if (c) {
+    const a = c.getAttribute("alt") || c.getAttribute("aria-label");
+    if (a) return { text: l(a), source: "alt" };
+  }
+  const u = e.getAttribute("placeholder");
+  if (u) return { text: l(u), source: "placeholder" };
+  if (e instanceof HTMLElement && e.innerText) {
+    const a = e.innerText.substring(0, 500);
+    if (a.trim())
+      return { text: l(a), source: "innerText" };
+  }
+  return { text: "", source: "none" };
+}, He = ["input", "textarea", "select"], Fe = (e) => {
+  const t = e?.tagName?.toLowerCase(), n = {
+    element: t
+  }, i = Ue(e);
+  n.text = i.text, n.text_source = i.source;
+  const o = e.getAttribute("aria-label");
+  o && (n.aria_label = l(o));
+  const r = e.getAttribute("role");
+  r && (n.role = r);
+  const c = {};
+  for (const a of e.attributes)
+    (a.name.startsWith("data-track-") || a.name.startsWith("data-analytics-")) && (c[a.name] = l(a.value));
+  Object.keys(c).length && (n.tracking_data = c);
+  const u = Array.from(e.attributes).reduce(
+    (a, s) => {
+      if (Y(s.value) && !Pe(s.name)) {
+        if (s.name === "class" || s.name.startsWith("data-track-") || s.name.startsWith("data-analytics-"))
+          return a;
+        a[s.name] = typeof s?.value == "string" ? l(s.value) : s.value;
+      }
+      return a;
+    },
+    {}
+  );
+  if (n.attributes = u, He.includes(t) || e?.getAttribute("contenteditable") === "true") {
+    let a;
+    e.matches('input[type="checkbox"], input[type="radio"]') ? a = e.checked : e.matches("input, select, textarea") && !e.matches('input[type="password"]') && (a = e.value), a !== void 0 && (n.value = typeof a == "string" || a === null ? l(a, 1024) : a);
+    let s = "";
+    n?.attributes.id && (s = l(
+      document.querySelector(`label[for="${n?.attributes.id}"]`)?.textContent?.trim() || ""
+    ));
+    const d = e.closest("label");
+    s || (s = l(d?.textContent?.trim() || "")), s && (n.label = s);
+  }
+  return n;
+}, nt = (e, t) => {
+  let n = Ne(e);
+  te(n) && (n = n.parentNode || null);
+  const i = ["copy", "cut"].includes(t);
+  if (n && (i || Ie(n, e))) {
+    const o = Fe(n);
+    if (i) {
+      const r = l(window?.getSelection()?.toString()), c = e?.type || "clipboard";
+      o.copy_text = r ?? "", o.copy_type = c;
+    }
+    return o;
+  }
+  return null;
+}, P = b(null), st = (e) => {
+  if (typeof window > "u") return () => {
+  };
+  let t = sessionStorage.getItem(y.current_tab);
+  const { allTabs: n } = p.get();
+  t && n.includes(t) && (t = null), t || (t = `${Date.now()}-${Math.random().toString(36).substring(2, 11)}`, sessionStorage.setItem(y.current_tab, t));
+  const i = t;
+  P.set(i), n.includes(i) || W({ allTabs: [...n, i] });
+  const o = () => {
+    if (!i) return;
+    const { allTabs: r } = p.get();
+    if (r.includes(i)) {
+      const c = r.filter((u) => u !== i);
+      W({ allTabs: c });
+    }
+  };
+  return window.addEventListener("beforeunload", o), () => {
+    window.removeEventListener("beforeunload", o), o(), P.set(null);
+  };
+}, it = () => P.get(), $ = B({
+  depth: 0,
+  speedCategory: "read",
+  direction: "down"
+}), ot = (e) => {
+  if (typeof window > "u") return () => {
+  };
+  let t = {
+    prevMilestone: -1,
+    // Use -1 to ensure first milestone (even 0) is tracked
+    prevScrollY: 0,
+    prevTime: Date.now()
+  };
+  const n = 5, i = 300, o = 250, r = () => {
+    const s = window.scrollY, d = document.documentElement.scrollHeight, f = window.innerHeight, h = d - f;
+    if (h <= 0) return;
+    const C = Math.round(s / h * 100), R = Math.max(0, Math.min(100, C)), g = Math.floor(R / n) * n, { prevMilestone: j, prevScrollY: re, prevTime: ae } = t;
+    if (g === j) return;
+    const q = Date.now(), z = (q - ae) / 1e3, ce = Math.abs(s - re), le = z > 0 ? ce / z : 0, ue = g > j ? "down" : "up", de = le > i ? "scan" : "read";
+    $.set({
+      depth: g,
+      speedCategory: de,
+      direction: ue
+    }), t = {
+      prevMilestone: g,
+      prevScrollY: s,
+      prevTime: q
+    };
+  }, c = G(r, o);
+  window.addEventListener("scroll", c);
+  let u = 0;
+  const a = $.listen((s) => {
+    s.depth !== u && (u = s.depth, e.track("page.scroll", {
+      depth: s.depth,
+      speed_category: s.speedCategory,
+      direction: s.direction
+    }));
+  });
+  return typeof window.requestIdleCallback == "function" ? window.requestIdleCallback(() => r()) : setTimeout(r, 0), () => {
+    window.removeEventListener("scroll", c), c.cancel(), a(), $.set({
+      depth: 0,
+      speedCategory: "read",
+      direction: "down"
+    });
+  };
+}, D = b(null), rt = (e) => {
+  if (typeof window > "u") return () => {
+  };
+  const n = G(() => {
+    const o = window.getSelection();
+    if (o && o.rangeCount > 0) {
+      const r = o.toString().trim();
+      r && D.set(r);
+    }
+  }, 1e3);
+  document.addEventListener("selectionchange", n);
+  const i = D.listen((o) => {
+    o && e.track("page.selection", {
+      text: l(o)
+    });
+  });
+  return () => {
+    document.removeEventListener("selectionchange", n), n.cancel(), i(), D.set(null);
+  };
+};
+export {
+  T as $,
+  et as A,
+  tt as B,
+  st as C,
+  ot as D,
+  rt as E,
+  m as a,
+  N as b,
+  ve as c,
+  Je as d,
+  p as e,
+  _ as f,
+  E as g,
+  P as h,
+  $ as i,
+  D as j,
+  Fe as k,
+  nt as l,
+  U as m,
+  H as n,
+  it as o,
+  ge as p,
+  Ge as q,
+  Xe as r,
+  Ve as s,
+  Qe as t,
+  W as u,
+  We as v,
+  x as w,
+  I as x,
+  Ze as y,
+  Ke as z
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/insights",
-  "version": "0.1.78",
+  "version": "0.1.80",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "description": "Levo analytics",
   "type": "module",
@@ -21,7 +21,7 @@
     "nanostores": "0.11.4"
   },
   "peerDependencies": {
-    "@levo-so/core": "0.1.78"
+    "@levo-so/core": "0.1.80"
   },
   "devDependencies": {
     "@playwright/test": "1.58.2",

package/dist/constants/storageKeys.js

@@ -1,21 +0,0 @@
-const s = {
-  /** Legacy: Lock key for identify operation (no longer used internally) */
-  identify: "lock:lv_aud_identify",
-  /** Key for tracking open tab count */
-  open_tabs: "lv_insights_ot",
-  /** Key for current tab ID (sessionStorage) */
-  current_tab: "lv_insights_ct",
-  /** Key for all tabs registry */
-  all_tabs: "lv_insights_at",
-  /** Device JWT for direct mode (1yr expiry, rotated on /welcome, analytics-only scope) */
-  device_token: "lv_aud_device",
-  /** Session JWT for direct mode (1yr expiry, rotated on /welcome, analytics-only scope) */
-  session_token: "lv_aud_session",
-  /** Cached insights mode ('proxy' | 'direct') */
-  mode: "lv_aud_mode",
-  /** Key to store session data **/
-  session: "lv_insights_session"
-};
-export {
-  s as STORAGE_KEYS
-};