clintplay-react-native 0.2.1 → 0.2.2

package/dist/index.mjs

@@ -49,7 +49,14 @@ var SessionManager = class {
   }
   create() {
     const ts = this.now();
-    return { sessionId: uuid(), startedAt: ts, lastActivity: ts, userId: null };
+    return {
+      sessionId: uuid(),
+      startedAt: ts,
+      lastActivity: ts,
+      userId: null,
+      tags: /* @__PURE__ */ new Set(),
+      metadata: {}
+    };
   }
   current() {
     return this.state;
@@ -57,6 +64,19 @@ var SessionManager = class {
   touch() {
     this.state.lastActivity = this.now();
   }
+  addTag(tag2) {
+    if (this.state.tags.has(tag2)) {
+      return false;
+    }
+    this.state.tags.add(tag2);
+    return true;
+  }
+  hasTag(tag2) {
+    return this.state.tags.has(tag2);
+  }
+  setMetadata(data) {
+    this.state.metadata = { ...this.state.metadata, ...data };
+  }
   setUser(userId) {
     const prev = this.state.userId;
     if (prev !== null && (userId === null || prev !== userId)) {
@@ -911,7 +931,7 @@ function captureViewHierarchy() {
 }
 
 // package.json
-var version = "0.2.1";
+var version = "0.2.2";
 var CLINTPLAY_MASK_ID = "clintplay-mask";
 var ClintplayMaskView = React5.forwardRef(function ClintplayMaskView2({ children, testID, ...rest }, ref) {
   return /* @__PURE__ */ jsx(
@@ -1223,6 +1243,124 @@ function ClintplayNavigationTracker({
 // src/index.ts
 var SDK_VERSION = version;
 var state = null;
+var METADATA_MAX_KEYS = 50;
+var METADATA_MAX_DEPTH = 3;
+var METADATA_MAX_STRING_LENGTH = 1024;
+var METADATA_MAX_BYTES = 8192;
+var TAG_MAX_LENGTH = 128;
+var pendingMetadata = {};
+var pendingTags = /* @__PURE__ */ new Set();
+function sanitizeTag(rawTag) {
+  if (typeof rawTag !== "string") return null;
+  const trimmed = rawTag.trim();
+  if (trimmed.length === 0) return null;
+  const normalized = typeof trimmed.normalize === "function" ? trimmed.normalize("NFC") : trimmed;
+  return normalized.slice(0, TAG_MAX_LENGTH);
+}
+function isPlainObject(val) {
+  return typeof val === "object" && val !== null && !Array.isArray(val);
+}
+function sanitizeMetadataValue(val, depth, seen) {
+  if (val === null || val === void 0) {
+    return val;
+  }
+  if (typeof val === "function" || typeof val === "symbol") {
+    return void 0;
+  }
+  if (typeof val === "string") {
+    return val.slice(0, METADATA_MAX_STRING_LENGTH);
+  }
+  if (typeof val === "number") {
+    return Number.isFinite(val) ? val : null;
+  }
+  if (typeof val === "boolean") {
+    return val;
+  }
+  if (typeof val === "bigint") {
+    return val.toString();
+  }
+  if (val instanceof Date) {
+    return Number.isNaN(val.getTime()) ? null : val.toISOString();
+  }
+  if (typeof val === "object") {
+    if (seen.has(val)) {
+      return "[Circular]";
+    }
+    seen.add(val);
+    try {
+      if (depth > METADATA_MAX_DEPTH) {
+        return void 0;
+      }
+      if (Array.isArray(val)) {
+        const arr = [];
+        for (const item of val) {
+          const cleaned = sanitizeMetadataValue(item, depth + 1, seen);
+          if (cleaned !== void 0) {
+            arr.push(cleaned);
+          }
+        }
+        return arr;
+      }
+      const obj = {};
+      const entries = Object.entries(val);
+      let keyCount = 0;
+      for (const [k, v] of entries) {
+        if (k === "__proto__" || k === "constructor" || k === "prototype") {
+          continue;
+        }
+        if (keyCount >= METADATA_MAX_KEYS) {
+          break;
+        }
+        const cleaned = sanitizeMetadataValue(v, depth + 1, seen);
+        if (cleaned !== void 0) {
+          obj[k] = cleaned;
+          keyCount++;
+        }
+      }
+      return obj;
+    } finally {
+      seen.delete(val);
+    }
+  }
+  return void 0;
+}
+function sanitizeMetadata(data) {
+  if (!isPlainObject(data)) {
+    return null;
+  }
+  const seen = /* @__PURE__ */ new Set();
+  seen.add(data);
+  const result = {};
+  const entries = Object.entries(data);
+  let keyCount = 0;
+  for (const [k, v] of entries) {
+    if (k === "__proto__" || k === "constructor" || k === "prototype") {
+      continue;
+    }
+    if (keyCount >= METADATA_MAX_KEYS) {
+      break;
+    }
+    const cleaned = sanitizeMetadataValue(v, 1, seen);
+    if (cleaned !== void 0) {
+      result[k] = cleaned;
+      keyCount++;
+    }
+  }
+  try {
+    let json = JSON.stringify(result);
+    if (json.length > METADATA_MAX_BYTES) {
+      const keys = Object.keys(result);
+      while (keys.length > 0 && json.length > METADATA_MAX_BYTES) {
+        const lastKey = keys.pop();
+        delete result[lastKey];
+        json = JSON.stringify(result);
+      }
+    }
+  } catch {
+    return null;
+  }
+  return result;
+}
 function deviceInfo() {
   const os = Platform.OS;
   const platform = os === "ios" ? "ios" : os === "android" ? "android" : "web";
@@ -1368,6 +1506,30 @@ function init(rawConfig) {
     });
   }
   pushSessionMeta(local);
+  if (Object.keys(pendingMetadata).length > 0) {
+    local.session.setMetadata(pendingMetadata);
+    if (!excluded.has("metadata")) {
+      local.buffer.push({
+        type: "metadata",
+        ts: Date.now(),
+        data: pendingMetadata
+      });
+    }
+    pendingMetadata = {};
+  }
+  if (pendingTags.size > 0) {
+    for (const t of pendingTags) {
+      local.session.addTag(t);
+      if (!excluded.has("tag")) {
+        local.buffer.push({
+          type: "tag",
+          ts: Date.now(),
+          data: { tag: t }
+        });
+      }
+    }
+    pendingTags.clear();
+  }
   recorder.start();
   local.networkInterceptor?.start();
   local.consoleInterceptor?.start();
@@ -1459,11 +1621,54 @@ function reportError(err) {
     fatal: false
   });
 }
+function setMetadata(data) {
+  const sanitized = sanitizeMetadata(data);
+  if (!sanitized || Object.keys(sanitized).length === 0) return;
+  if (!state?.active) {
+    pendingMetadata = { ...pendingMetadata, ...sanitized };
+    return;
+  }
+  state.session.setMetadata(sanitized);
+  state.session.touch();
+  if (!state.excluded.has("metadata")) {
+    state.buffer.push({
+      type: "metadata",
+      ts: Date.now(),
+      data: sanitized
+    });
+    if (state.buffer.size() >= state.config.flushSize) {
+      void flushOnce(state);
+    }
+  }
+}
+function tag(tagName) {
+  const cleaned = sanitizeTag(tagName);
+  if (!cleaned) return;
+  if (!state?.active) {
+    pendingTags.add(cleaned);
+    return;
+  }
+  if (state.session.addTag(cleaned)) {
+    state.session.touch();
+    if (!state.excluded.has("tag")) {
+      state.buffer.push({
+        type: "tag",
+        ts: Date.now(),
+        data: { tag: cleaned }
+      });
+      if (state.buffer.size() >= state.config.flushSize) {
+        void flushOnce(state);
+      }
+    }
+  }
+}
 async function flush() {
   if (!state?.active) return;
   await flushOnce(state);
 }
 async function stop() {
+  pendingMetadata = {};
+  pendingTags.clear();
   if (!state?.active) return;
   const s = state;
   s.active = false;
@@ -1493,12 +1698,14 @@ var Clintplay = {
   reset,
   trackScreen,
   reportError,
+  setMetadata,
+  tag,
   flush,
   stop,
   current,
   _getState
 };
 
-export { CLINTPLAY_MASK_ID, Clintplay, ClintplayCaptureProvider, ClintplayMaskImage, ClintplayMaskTextInput, ClintplayMaskView, ClintplayNavigationTracker, SDK_VERSION, _resetLastTrackedRoute, createClintplayNavigationStateListener, formatEventForBatch, getActiveRouteName, init, sanitizeRoute, useClintplayNavigationTracking };
+export { CLINTPLAY_MASK_ID, Clintplay, ClintplayCaptureProvider, ClintplayMaskImage, ClintplayMaskTextInput, ClintplayMaskView, ClintplayNavigationTracker, METADATA_MAX_BYTES, METADATA_MAX_DEPTH, METADATA_MAX_KEYS, METADATA_MAX_STRING_LENGTH, SDK_VERSION, TAG_MAX_LENGTH, _resetLastTrackedRoute, createClintplayNavigationStateListener, formatEventForBatch, getActiveRouteName, init, sanitizeMetadata, sanitizeRoute, sanitizeTag, setMetadata, tag, useClintplayNavigationTracking };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map