@lunardinos/browser 0.2.4 → 0.2.5

package/dist/recorder-core.js

@@ -15,7 +15,7 @@ var __export = (target, all) => {
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 
 // ../rrweb-types/src/index.ts
-var MouseInteractions;
+var MouseInteractions, NAVIGATION_TAG = "navigation";
 var init_src = __esm(() => {
   ((MouseInteractions2) => {
     MouseInteractions2[MouseInteractions2["MouseUp"] = 0] = "MouseUp";
@@ -267,157 +267,70 @@ function isCSSStyleRule(rule) {
   return "selectorText" in rule;
 }
 
-class PathMirror {
-  nodePathMap = new WeakMap;
-  pathNodeMap = new Map;
+class Mirror {
+  idNodeMap = new Map;
+  nodeIdMap = new WeakMap;
   nodeMetaMap = new WeakMap;
-  computePath(n) {
-    const parts = [];
-    let current = n;
-    let parent = dom_default.parentNode(current);
-    while (parent) {
-      const children = dom_default.childNodes(parent);
-      const idx = Array.prototype.indexOf.call(children, current);
-      if (idx === -1)
-        break;
-      parts.unshift(idx);
-      current = parent;
-      parent = dom_default.parentNode(current);
-    }
-    return parts.join(".");
-  }
-  getPath(n) {
+  getId(n) {
     if (!n)
-      return "";
-    const cached = this.nodePathMap.get(n);
-    if (cached !== undefined)
-      return cached;
-    return this.computePath(n);
+      return -1;
+    return this.nodeIdMap.get(n) ?? -1;
   }
-  getNode(path) {
-    return this.pathNodeMap.get(path) || null;
+  getNode(id) {
+    return this.idNodeMap.get(id) || null;
   }
-  getPaths() {
-    return Array.from(this.pathNodeMap.keys());
+  getIds() {
+    return Array.from(this.idNodeMap.keys());
   }
-  has(path) {
-    return this.pathNodeMap.has(path);
+  has(id) {
+    return this.idNodeMap.has(id);
   }
   add(n, meta) {
-    const path = meta.path;
-    if (path !== undefined) {
-      this.nodePathMap.set(n, path);
-      this.pathNodeMap.set(path, n);
-    }
+    this.nodeIdMap.set(n, meta.id);
     this.nodeMetaMap.set(n, meta);
+    if (meta.id !== IGNORED_NODE)
+      this.idNodeMap.set(meta.id, n);
   }
-  replace(path, n) {
-    const oldNode = this.pathNodeMap.get(path);
+  replace(id, n) {
+    const oldNode = this.idNodeMap.get(id);
     if (oldNode) {
       const meta = this.nodeMetaMap.get(oldNode);
       if (meta)
         this.nodeMetaMap.set(n, meta);
     }
-    this.pathNodeMap.set(path, n);
-    this.nodePathMap.set(n, path);
-  }
-  setPath(n, path) {
-    this.nodePathMap.set(n, path);
-    this.pathNodeMap.set(path, n);
-  }
-  setMeta(n, meta) {
-    this.nodeMetaMap.set(n, meta);
+    this.idNodeMap.set(id, n);
+    this.nodeIdMap.set(n, id);
   }
   getMeta(n) {
     return this.nodeMetaMap.get(n) || null;
   }
   hasNode(node) {
-    return this.nodePathMap.has(node);
+    return this.nodeIdMap.has(node);
   }
   isIgnored(n) {
-    return this.nodePathMap.get(n) === IGNORED_PATH;
+    return this.nodeIdMap.get(n) === IGNORED_NODE;
   }
   isSerialized(n) {
-    const path = this.nodePathMap.get(n);
-    return path !== undefined && path !== IGNORED_PATH;
+    const id = this.nodeIdMap.get(n);
+    return id !== undefined && id !== IGNORED_NODE;
   }
   removeNodeFromMap(n) {
-    const path = this.nodePathMap.get(n);
-    if (path !== undefined) {
-      this.pathNodeMap.delete(path);
-    }
-    this.nodePathMap.delete(n);
+    const id = this.nodeIdMap.get(n);
+    if (id !== undefined && this.idNodeMap.get(id) === n)
+      this.idNodeMap.delete(id);
+    this.nodeIdMap.delete(n);
     if (n.childNodes) {
       n.childNodes.forEach((childNode) => this.removeNodeFromMap(childNode));
     }
   }
   reset() {
-    this.nodePathMap = new WeakMap;
-    this.pathNodeMap = new Map;
+    this.idNodeMap = new Map;
+    this.nodeIdMap = new WeakMap;
     this.nodeMetaMap = new WeakMap;
   }
 }
 function createMirror() {
-  return new PathMirror;
-}
-
-class Mirror {
-  pathNodeMap = new Map;
-  nodeMetaMap = new WeakMap;
-  nodePathMap = new WeakMap;
-  getPath(n) {
-    if (!n)
-      return "";
-    return this.nodePathMap.get(n) ?? "";
-  }
-  getNode(path) {
-    return this.pathNodeMap.get(path) || null;
-  }
-  getPaths() {
-    return Array.from(this.pathNodeMap.keys());
-  }
-  getMeta(n) {
-    return this.nodeMetaMap.get(n) || null;
-  }
-  has(path) {
-    return this.pathNodeMap.has(path);
-  }
-  hasNode(node) {
-    return this.nodeMetaMap.has(node);
-  }
-  add(n, meta) {
-    const path = meta.path;
-    if (path !== undefined) {
-      this.pathNodeMap.set(path, n);
-      this.nodePathMap.set(n, path);
-    }
-    this.nodeMetaMap.set(n, meta);
-  }
-  replace(path, n) {
-    const oldNode = this.pathNodeMap.get(path);
-    if (oldNode) {
-      const meta = this.nodeMetaMap.get(oldNode);
-      if (meta)
-        this.nodeMetaMap.set(n, meta);
-    }
-    this.pathNodeMap.set(path, n);
-    this.nodePathMap.set(n, path);
-  }
-  removeNodeFromMap(n) {
-    const path = this.nodePathMap.get(n);
-    if (path !== undefined) {
-      this.pathNodeMap.delete(path);
-    }
-    this.nodePathMap.delete(n);
-    if (n.childNodes) {
-      n.childNodes.forEach((childNode) => this.removeNodeFromMap(childNode));
-    }
-  }
-  reset() {
-    this.pathNodeMap = new Map;
-    this.nodeMetaMap = new WeakMap;
-    this.nodePathMap = new WeakMap;
-  }
+  return new Mirror;
 }
 function maskInputValue({
   element,
@@ -548,7 +461,7 @@ function splitCssText(cssText, style) {
 function markCssSplits(cssText, style) {
   return splitCssText(cssText, style).join("/* rr_split */");
 }
-var IGNORED_PATH = "__ignored__", ORIGINAL_ATTRIBUTE_NAME = "__rrweb_original__", URL_IN_CSS_REF, URL_PROTOCOL_MATCH, URL_WWW_MATCH, DATA_URI;
+var IGNORED_NODE = -2, ORIGINAL_ATTRIBUTE_NAME = "__rrweb_original__", URL_IN_CSS_REF, URL_PROTOCOL_MATCH, URL_WWW_MATCH, DATA_URI;
 var init_snapshot_utils = __esm(() => {
   init_src();
   init_dom();
@@ -570,6 +483,33 @@ function getValidTagName(element) {
   }
   return processedTagName;
 }
+function inlineImageSize(image) {
+  const natW = image.naturalWidth;
+  const natH = image.naturalHeight;
+  const box = image.getBoundingClientRect();
+  const scale = box.width > 0 && box.height > 0 ? Math.max(box.width / natW, box.height / natH) : UNRENDERED_IMAGE_MAX_EDGE / Math.max(natW, natH);
+  const s = Math.min(1, scale);
+  return { width: Math.max(1, Math.round(natW * s)), height: Math.max(1, Math.round(natH * s)) };
+}
+function inlineImage(image, src, dataURLOptions) {
+  const { width, height } = inlineImageSize(image);
+  const type = dataURLOptions.type ?? INLINE_IMAGE_TYPE;
+  const quality = dataURLOptions.quality ?? INLINE_IMAGE_QUALITY;
+  const key = `${width}x${height}|${type}|${quality}|${src}`;
+  const cached = inlinedImages.get(key);
+  if (cached)
+    return cached;
+  canvasService.width = width;
+  canvasService.height = height;
+  canvasCtx?.drawImage(image, 0, 0, width, height);
+  const dataURL = canvasService?.toDataURL(type, quality);
+  if (dataURL) {
+    if (inlinedImages.size >= INLINED_IMAGES_MAX)
+      inlinedImages.clear();
+    inlinedImages.set(key, dataURL);
+  }
+  return dataURL;
+}
 function getAbsoluteSrcsetString(doc, attributeValue) {
   if (attributeValue.trim() === "") {
     return attributeValue;
@@ -888,8 +828,8 @@ function serializeNode(n, options) {
 function getRootId(doc, mirror) {
   if (!mirror.hasNode(doc))
     return;
-  const docPath = mirror.getPath(doc);
-  return docPath === "" ? undefined : docPath;
+  const docId = mirror.getId(doc);
+  return docId === 1 ? undefined : docId;
 }
 function serializeTextNode(n, options) {
   const { needsMask, maskTextFn, rootId, cssCaptured } = options;
@@ -1019,10 +959,7 @@ function serializeElementNode(n, options) {
     const recordInlineImage = () => {
       image.removeEventListener("load", recordInlineImage);
       try {
-        canvasService.width = image.naturalWidth;
-        canvasService.height = image.naturalHeight;
-        canvasCtx?.drawImage(image, 0, 0);
-        attributes.rr_dataURL = canvasService?.toDataURL(dataURLOptions.type, dataURLOptions.quality);
+        attributes.rr_dataURL = inlineImage(image, imageSrc, dataURLOptions);
       } catch (err) {
         if (image.crossOrigin !== "anonymous") {
           image.crossOrigin = "anonymous";
@@ -1130,6 +1067,9 @@ function slimDOMExcluded(sn, slimDOMOptions) {
   }
   return false;
 }
+function genId() {
+  return _id++;
+}
 function serializeNodeWithId(n, options) {
   const {
     doc,
@@ -1154,9 +1094,7 @@ function serializeNodeWithId(n, options) {
     stylesheetLoadTimeout = 5000,
     keepIframeSrcFn = () => false,
     newlyAddedElement = false,
-    cssCaptured = false,
-    _parentPath,
-    _childIndex
+    cssCaptured = false
   } = options;
   let { needsMask } = options;
   let { preserveWhiteSpace = true } = options;
@@ -1185,22 +1123,18 @@ function serializeNodeWithId(n, options) {
     console.warn(n, "not serialized");
     return null;
   }
-  let path;
-  if (_parentPath !== undefined && _childIndex !== undefined) {
-    path = _parentPath === "" ? `${_childIndex}` : `${_parentPath}.${_childIndex}`;
-  } else if (mirror.hasNode(n)) {
-    path = mirror.getPath(n);
+  let id;
+  if (mirror.hasNode(n)) {
+    id = mirror.getId(n);
+  } else if (slimDOMExcluded(_serializedNode, slimDOMOptions) || !preserveWhiteSpace && _serializedNode.type === 3 /* Text */ && !_serializedNode.textContent.replace(/^\s+|\s+$/gm, "").length) {
+    id = IGNORED_NODE;
   } else {
-    path = mirror.computePath(n);
+    id = genId();
   }
-  if (!mirror.hasNode(n) && (slimDOMExcluded(_serializedNode, slimDOMOptions) || !preserveWhiteSpace && _serializedNode.type === 3 /* Text */ && !_serializedNode.textContent.replace(/^\s+|\s+$/gm, "").length)) {
-    mirror.setPath(n, IGNORED_PATH);
-    mirror.setMeta(n, { ..._serializedNode, path: IGNORED_PATH });
+  const serializedNode = Object.assign(_serializedNode, { id });
+  mirror.add(n, serializedNode);
+  if (id === IGNORED_NODE)
     return null;
-  }
-  const serializedNode = Object.assign(_serializedNode, { path });
-  mirror.setPath(n, path);
-  mirror.setMeta(n, serializedNode);
   if (onSerialize) {
     onSerialize(n);
   }
@@ -1240,39 +1174,27 @@ function serializeNodeWithId(n, options) {
       onStylesheetLoad,
       stylesheetLoadTimeout,
       keepIframeSrcFn,
-      cssCaptured: false,
-      _parentPath: path,
-      _childIndex: 0
+      cssCaptured: false
     };
     if (serializedNode.type === 2 /* Element */ && serializedNode.tagName === "textarea" && serializedNode.attributes?.value !== undefined) {} else {
       if (serializedNode.type === 2 /* Element */ && serializedNode.attributes?._cssText !== undefined && typeof serializedNode.attributes._cssText === "string") {
         bypassOptions.cssCaptured = true;
       }
-      let childIndex = 0;
       for (const childN of Array.from(dom_default.childNodes(n))) {
-        bypassOptions._childIndex = childIndex;
         const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
         if (serializedChildNode) {
-          if (!serializedNode.childNodes)
-            serializedNode.childNodes = [];
           serializedNode.childNodes.push(serializedChildNode);
         }
-        childIndex++;
       }
     }
     let shadowRootEl = null;
     if (isElement(n) && (shadowRootEl = dom_default.shadowRoot(n))) {
-      let shadowChildIndex = dom_default.childNodes(n).length;
       for (const childN of Array.from(dom_default.childNodes(shadowRootEl))) {
-        bypassOptions._childIndex = shadowChildIndex;
         const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
         if (serializedChildNode) {
           isNativeShadowDom(shadowRootEl) && (serializedChildNode.isShadow = true);
-          if (!serializedNode.childNodes)
-            serializedNode.childNodes = [];
           serializedNode.childNodes.push(serializedChildNode);
         }
-        shadowChildIndex++;
       }
     }
   }
@@ -1353,7 +1275,7 @@ function serializeNodeWithId(n, options) {
 }
 function snapshot(n, options) {
   const {
-    mirror = new PathMirror,
+    mirror = new Mirror,
     blockClass = "rr-block",
     blockSelector = null,
     maskTextClass = "rr-mask",
@@ -1432,13 +1354,17 @@ function snapshot(n, options) {
     newlyAddedElement: false
   });
 }
-var tagNameRegex, canvasService, canvasCtx, SRCSET_NOT_SPACES, SRCSET_COMMAS_OR_SPACES, cachedDocument, snapshot_default;
+function cleanupSnapshot() {
+  _id = 1;
+}
+var tagNameRegex, canvasService, canvasCtx, INLINE_IMAGE_TYPE = "image/webp", INLINE_IMAGE_QUALITY = 0.8, UNRENDERED_IMAGE_MAX_EDGE = 256, inlinedImages, INLINED_IMAGES_MAX = 500, SRCSET_NOT_SPACES, SRCSET_COMMAS_OR_SPACES, cachedDocument, _id = 1, snapshot_default;
 var init_snapshot = __esm(() => {
   init_src();
   init_dom();
   init_redact_pii();
   init_snapshot_utils();
   tagNameRegex = /[^a-z0-9-_:]/;
+  inlinedImages = new Map;
   SRCSET_NOT_SPACES = /^[^ \t\n\r\u000c]+/;
   SRCSET_COMMAS_OR_SPACES = /^[, \t\n\r\u000c]+/;
   cachedDocument = new WeakMap;
@@ -2081,20 +2007,18 @@ class CanvasManager {
   initCanvasFPSObserver(fps, win, blockClass, blockSelector, options) {
     const canvasContextReset = initCanvasContextObserver(win, blockClass, blockSelector, true);
     const snapshotInProgressMap = new Map;
-    let nextWorkerId = 1;
-    const workerIdToPath = new Map;
     const worker = {
       postMessage() {},
       onmessage() {}
     };
     worker.onmessage = (e) => {
-      const workerPath = workerIdToPath.get(e.data.id) ?? "";
-      snapshotInProgressMap.set(workerPath, false);
+      const { id } = e.data;
+      snapshotInProgressMap.set(id, false);
       if (!("base64" in e.data))
         return;
       const { base64, type, width, height } = e.data;
       this.mutationCb({
-        path: workerPath,
+        id,
         type: 0 /* 2D */,
         commands: [
           {
@@ -2140,12 +2064,12 @@ class CanvasManager {
       }
       lastSnapshotTime = timestamp;
       getCanvas().forEach(async (canvas) => {
-        const canvasPath = this.mirror.getPath(canvas);
-        if (snapshotInProgressMap.get(canvasPath))
+        const id = this.mirror.getId(canvas);
+        if (snapshotInProgressMap.get(id))
           return;
         if (canvas.width === 0 || canvas.height === 0)
           return;
-        snapshotInProgressMap.set(canvasPath, true);
+        snapshotInProgressMap.set(id, true);
         if (["webgl", "webgl2"].includes(canvas.__context)) {
           const context = canvas.getContext(canvas.__context);
           if (context?.getContextAttributes()?.preserveDrawingBuffer === false) {
@@ -2153,10 +2077,8 @@ class CanvasManager {
           }
         }
         const bitmap = await createImageBitmap(canvas);
-        const workerId = nextWorkerId++;
-        workerIdToPath.set(workerId, canvasPath);
         worker.postMessage({
-          id: workerId,
+          id,
           bitmap,
           width: canvas.width,
           height: canvas.height,
@@ -2195,24 +2117,24 @@ class CanvasManager {
   }
   flushPendingCanvasMutations() {
     this.pendingCanvasMutations.forEach((_values, canvas) => {
-      const canvasPath = this.mirror.getPath(canvas);
-      this.flushPendingCanvasMutationFor(canvas, canvasPath);
+      const id = this.mirror.getId(canvas);
+      this.flushPendingCanvasMutationFor(canvas, id);
     });
     requestAnimationFrame(() => this.flushPendingCanvasMutations());
   }
-  flushPendingCanvasMutationFor(canvas, path) {
+  flushPendingCanvasMutationFor(canvas, id) {
     if (this.frozen || this.locked) {
       return;
     }
     const valuesWithType = this.pendingCanvasMutations.get(canvas);
-    if (!valuesWithType || !path)
+    if (!valuesWithType || id === -1)
       return;
     const values = valuesWithType.map((value) => {
       const { type: type2, ...rest } = value;
       return rest;
     });
     const { type } = valuesWithType[0];
-    this.mutationCb({ path, type, commands: values });
+    this.mutationCb({ id, type, commands: values });
     this.pendingCanvasMutations.delete(canvas);
   }
 }
@@ -2233,86 +2155,75 @@ init_utils();
 
 // ../rrweb-record/src/record/iframe-manager.ts
 init_src();
+init_snapshot();
 
 // ../rrweb-record/src/record/cross-origin-iframe-mirror.ts
 class CrossOriginIframeMirror {
   generateIdFn;
-  iframeLocalToParentMap = new WeakMap;
-  iframeParentToLocalMap = new WeakMap;
+  iframeIdToRemoteIdMap = new WeakMap;
+  iframeRemoteIdToIdMap = new WeakMap;
   constructor(generateIdFn) {
     this.generateIdFn = generateIdFn;
   }
-  getPath(iframe, remotePath, localToParentMap, parentToLocalMap) {
-    const l2p = localToParentMap || this.getLocalToParentMap(iframe);
-    const p2l = parentToLocalMap || this.getParentToLocalMap(iframe);
-    let parentPath = l2p.get(remotePath);
-    if (parentPath === undefined) {
-      parentPath = this.generateIdFn();
-      l2p.set(remotePath, parentPath);
-      p2l.set(parentPath, remotePath);
-    }
-    return parentPath;
-  }
-  getId = this.getPath;
-  getPaths(iframe, remotePaths) {
-    const l2p = this.getLocalToParentMap(iframe);
-    const p2l = this.getParentToLocalMap(iframe);
-    return remotePaths.map((p) => this.getPath(iframe, p, l2p, p2l));
-  }
-  getIds = this.getPaths;
-  getRemotePath(iframe, parentPath, map) {
-    const p2l = map || this.getParentToLocalMap(iframe);
-    if (typeof parentPath !== typeof this.generateIdFn())
-      return parentPath;
-    const remotePath = p2l.get(parentPath);
-    if (remotePath === undefined) {
-      return typeof parentPath === "string" ? "" : -1;
-    }
-    return remotePath;
-  }
-  getRemotePaths(iframe, parentPaths) {
-    const p2l = this.getParentToLocalMap(iframe);
-    return parentPaths.map((p) => this.getRemotePath(iframe, p, p2l));
-  }
-  getRemoteId = this.getRemotePath;
-  getRemoteIds = this.getRemotePaths;
+  getId(iframe, remoteId, idToRemoteMap, remoteToIdMap) {
+    const idToRemoteIdMap = idToRemoteMap || this.getIdToRemoteIdMap(iframe);
+    const remoteIdToIdMap = remoteToIdMap || this.getRemoteIdToIdMap(iframe);
+    let id = remoteIdToIdMap.get(remoteId);
+    if (!id) {
+      id = this.generateIdFn();
+      remoteIdToIdMap.set(remoteId, id);
+      idToRemoteIdMap.set(id, remoteId);
+    }
+    return id;
+  }
+  getIds(iframe, remoteIds) {
+    const idToRemoteIdMap = this.getIdToRemoteIdMap(iframe);
+    const remoteIdToIdMap = this.getRemoteIdToIdMap(iframe);
+    return remoteIds.map((id) => this.getId(iframe, id, idToRemoteIdMap, remoteIdToIdMap));
+  }
+  getRemoteId(iframe, id, map) {
+    const idToRemoteIdMap = map || this.getIdToRemoteIdMap(iframe);
+    const remoteId = idToRemoteIdMap.get(id);
+    if (!remoteId)
+      return -1;
+    return remoteId;
+  }
+  getRemoteIds(iframe, ids) {
+    const idToRemoteIdMap = this.getIdToRemoteIdMap(iframe);
+    return ids.map((id) => this.getRemoteId(iframe, id, idToRemoteIdMap));
+  }
   reset(iframe) {
     if (!iframe) {
-      this.iframeLocalToParentMap = new WeakMap;
-      this.iframeParentToLocalMap = new WeakMap;
+      this.iframeIdToRemoteIdMap = new WeakMap;
+      this.iframeRemoteIdToIdMap = new WeakMap;
       return;
     }
-    this.iframeLocalToParentMap.delete(iframe);
-    this.iframeParentToLocalMap.delete(iframe);
+    this.iframeIdToRemoteIdMap.delete(iframe);
+    this.iframeRemoteIdToIdMap.delete(iframe);
   }
-  getLocalToParentMap(iframe) {
-    let map = this.iframeLocalToParentMap.get(iframe);
-    if (!map) {
-      map = new Map;
-      this.iframeLocalToParentMap.set(iframe, map);
+  getIdToRemoteIdMap(iframe) {
+    let idToRemoteIdMap = this.iframeIdToRemoteIdMap.get(iframe);
+    if (!idToRemoteIdMap) {
+      idToRemoteIdMap = new Map;
+      this.iframeIdToRemoteIdMap.set(iframe, idToRemoteIdMap);
     }
-    return map;
+    return idToRemoteIdMap;
   }
-  getParentToLocalMap(iframe) {
-    let map = this.iframeParentToLocalMap.get(iframe);
-    if (!map) {
-      map = new Map;
-      this.iframeParentToLocalMap.set(iframe, map);
+  getRemoteIdToIdMap(iframe) {
+    let remoteIdToIdMap = this.iframeRemoteIdToIdMap.get(iframe);
+    if (!remoteIdToIdMap) {
+      remoteIdToIdMap = new Map;
+      this.iframeRemoteIdToIdMap.set(iframe, remoteIdToIdMap);
     }
-    return map;
+    return remoteIdToIdMap;
   }
 }
 
 // ../rrweb-record/src/record/iframe-manager.ts
-var _crossOriginPathCounter = 1;
-function genCrossOriginPath() {
-  return `__xo_${_crossOriginPathCounter++}`;
-}
-
 class IframeManager {
   iframes = new WeakMap;
   crossOriginIframeMap = new WeakMap;
-  crossOriginIframeMirror = new CrossOriginIframeMirror(genCrossOriginPath);
+  crossOriginIframeMirror = new CrossOriginIframeMirror(genId);
   crossOriginIframeStyleMirror;
   crossOriginIframeRootIdMap = new WeakMap;
   mirror;
@@ -2344,8 +2255,8 @@ class IframeManager {
     this.mutationCb({
       adds: [
         {
-          parentPath: this.mirror.getPath(iframeEl),
-          nextPath: null,
+          parentId: this.mirror.getId(iframeEl),
+          nextId: null,
           node: childSn
         }
       ],
@@ -2358,7 +2269,7 @@ class IframeManager {
       iframeEl.contentWindow?.addEventListener("message", this.handleMessage.bind(this));
     this.loadListener?.(iframeEl);
     if (iframeEl.contentDocument?.adoptedStyleSheets && iframeEl.contentDocument.adoptedStyleSheets.length > 0)
-      this.stylesheetManager.adoptStyleSheets(iframeEl.contentDocument.adoptedStyleSheets, this.mirror.getPath(iframeEl.contentDocument));
+      this.stylesheetManager.adoptStyleSheets(iframeEl.contentDocument.adoptedStyleSheets, this.mirror.getId(iframeEl.contentDocument));
   }
   handleMessage(message) {
     const crossOriginMessageEvent = message;
@@ -2379,10 +2290,10 @@ class IframeManager {
       case 7 /* Pageview */: {
         this.crossOriginIframeMirror.reset(iframeEl);
         this.crossOriginIframeStyleMirror.reset(iframeEl);
-        this.replacePathOnNode(e.data.node, iframeEl);
-        const pvRootPath = e.data.node.path;
-        this.crossOriginIframeRootIdMap.set(iframeEl, pvRootPath);
-        this.patchRootIdOnNode(e.data.node, pvRootPath);
+        this.replaceIdOnNode(e.data.node, iframeEl);
+        const pvRootId = e.data.node.id;
+        this.crossOriginIframeRootIdMap.set(iframeEl, pvRootId);
+        this.patchRootIdOnNode(e.data.node, pvRootId);
         return {
           timestamp: e.timestamp,
           type: 3 /* IncrementalSnapshot */,
@@ -2390,8 +2301,8 @@ class IframeManager {
             source: 0 /* Mutation */,
             adds: [
               {
-                parentPath: this.mirror.getPath(iframeEl),
-                nextPath: null,
+                parentId: this.mirror.getId(iframeEl),
+                nextId: null,
                 node: e.data.node
               }
             ],
@@ -2405,10 +2316,10 @@ class IframeManager {
       case 2 /* FullSnapshot */: {
         this.crossOriginIframeMirror.reset(iframeEl);
         this.crossOriginIframeStyleMirror.reset(iframeEl);
-        this.replacePathOnNode(e.data.node, iframeEl);
-        const rootPath = e.data.node.path;
-        this.crossOriginIframeRootIdMap.set(iframeEl, rootPath);
-        this.patchRootIdOnNode(e.data.node, rootPath);
+        this.replaceIdOnNode(e.data.node, iframeEl);
+        const rootId = e.data.node.id;
+        this.crossOriginIframeRootIdMap.set(iframeEl, rootId);
+        this.patchRootIdOnNode(e.data.node, rootId);
         return {
           timestamp: e.timestamp,
           type: 3 /* IncrementalSnapshot */,
@@ -2416,8 +2327,8 @@ class IframeManager {
             source: 0 /* Mutation */,
             adds: [
               {
-                parentPath: this.mirror.getPath(iframeEl),
-                nextPath: null,
+                parentId: this.mirror.getId(iframeEl),
+                nextId: null,
                 node: e.data.node
               }
             ],
@@ -2437,11 +2348,11 @@ class IframeManager {
         return e;
       }
       case 5 /* Custom */: {
-        this.replacePaths(e.data.payload, iframeEl, [
-          "path",
-          "parentPath",
-          "previousPath",
-          "nextPath"
+        this.replaceIds(e.data.payload, iframeEl, [
+          "id",
+          "parentId",
+          "previousId",
+          "nextId"
         ]);
         return e;
       }
@@ -2449,19 +2360,19 @@ class IframeManager {
         switch (e.data.source) {
           case 0 /* Mutation */: {
             e.data.adds.forEach((n) => {
-              this.replacePaths(n, iframeEl, ["parentPath", "nextPath", "previousPath"]);
-              this.replacePathOnNode(n.node, iframeEl);
-              const rootPath = this.crossOriginIframeRootIdMap.get(iframeEl);
-              rootPath && this.patchRootIdOnNode(n.node, rootPath);
+              this.replaceIds(n, iframeEl, ["parentId", "nextId", "previousId"]);
+              this.replaceIdOnNode(n.node, iframeEl);
+              const rootId = this.crossOriginIframeRootIdMap.get(iframeEl);
+              rootId && this.patchRootIdOnNode(n.node, rootId);
             });
             e.data.removes.forEach((n) => {
-              this.replacePaths(n, iframeEl, ["parentPath", "path"]);
+              this.replaceIds(n, iframeEl, ["parentId", "id"]);
             });
             e.data.attributes.forEach((n) => {
-              this.replacePaths(n, iframeEl, ["path"]);
+              this.replaceIds(n, iframeEl, ["id"]);
             });
             e.data.texts.forEach((n) => {
-              this.replacePaths(n, iframeEl, ["path"]);
+              this.replaceIds(n, iframeEl, ["id"]);
             });
             return e;
           }
@@ -2469,7 +2380,7 @@ class IframeManager {
           case 6 /* TouchMove */:
           case 1 /* MouseMove */: {
             e.data.positions.forEach((p) => {
-              this.replacePaths(p, iframeEl, ["path"]);
+              this.replaceIds(p, iframeEl, ["id"]);
             });
             return e;
           }
@@ -2481,12 +2392,12 @@ class IframeManager {
           case 3 /* Scroll */:
           case 9 /* CanvasMutation */:
           case 5 /* Input */: {
-            this.replacePaths(e.data, iframeEl, ["path"]);
+            this.replaceIds(e.data, iframeEl, ["id"]);
             return e;
           }
           case 8 /* StyleSheetRule */:
           case 13 /* StyleDeclaration */: {
-            this.replacePaths(e.data, iframeEl, ["path"]);
+            this.replaceIds(e.data, iframeEl, ["id"]);
             this.replaceStyleIds(e.data, iframeEl, ["styleId"]);
             return e;
           }
@@ -2495,12 +2406,12 @@ class IframeManager {
           }
           case 14 /* Selection */: {
             e.data.ranges.forEach((range) => {
-              this.replacePaths(range, iframeEl, ["start", "end"]);
+              this.replaceIds(range, iframeEl, ["start", "end"]);
             });
             return e;
           }
           case 15 /* AdoptedStyleSheet */: {
-            this.replacePaths(e.data, iframeEl, ["path"]);
+            this.replaceIds(e.data, iframeEl, ["id"]);
             this.replaceStyleIds(e.data, iframeEl, ["styleIds"]);
             e.data.styles?.forEach((style) => {
               this.replaceStyleIds(style, iframeEl, ["styleId"]);
@@ -2514,36 +2425,36 @@ class IframeManager {
   }
   replace(iframeMirror, obj, iframeEl, keys) {
     for (const key of keys) {
-      if (!Array.isArray(obj[key]) && typeof obj[key] !== "string" && typeof obj[key] !== "number")
+      if (!Array.isArray(obj[key]) && typeof obj[key] !== "number")
         continue;
       if (Array.isArray(obj[key])) {
-        obj[key] = iframeMirror.getPaths(iframeEl, obj[key]);
+        obj[key] = iframeMirror.getIds(iframeEl, obj[key]);
       } else {
-        obj[key] = iframeMirror.getPath(iframeEl, obj[key]);
+        obj[key] = iframeMirror.getId(iframeEl, obj[key]);
       }
     }
     return obj;
   }
-  replacePaths(obj, iframeEl, keys) {
+  replaceIds(obj, iframeEl, keys) {
     return this.replace(this.crossOriginIframeMirror, obj, iframeEl, keys);
   }
   replaceStyleIds(obj, iframeEl, keys) {
     return this.replace(this.crossOriginIframeStyleMirror, obj, iframeEl, keys);
   }
-  replacePathOnNode(node, iframeEl) {
-    this.replacePaths(node, iframeEl, ["path", "rootId"]);
+  replaceIdOnNode(node, iframeEl) {
+    this.replaceIds(node, iframeEl, ["id", "rootId"]);
     if ("childNodes" in node) {
       node.childNodes.forEach((child) => {
-        this.replacePathOnNode(child, iframeEl);
+        this.replaceIdOnNode(child, iframeEl);
       });
     }
   }
-  patchRootIdOnNode(node, rootPath) {
+  patchRootIdOnNode(node, rootId) {
     if (node.type !== 0 /* Document */ && !node.rootId)
-      node.rootId = rootPath;
+      node.rootId = rootId;
     if ("childNodes" in node) {
       node.childNodes.forEach((child) => {
-        this.patchRootIdOnNode(child, rootPath);
+        this.patchRootIdOnNode(child, rootId);
       });
     }
   }
@@ -2640,7 +2551,7 @@ class DoubleLinkedList {
     this.length--;
   }
 }
-var moveKey = (path, parentPath) => `${path}@${parentPath}`;
+var moveKey = (id, parentId) => `${id}@${parentId}`;
 
 class MutationBuffer {
   frozen = false;
@@ -2767,22 +2678,22 @@ class MutationBuffer {
       return;
     }
     const adds = [];
-    const addedPaths = new Set;
+    const addedIds = new Set;
     const addList = new DoubleLinkedList;
-    const getNextPath = (n) => {
+    const getNextId = (n) => {
       let ns = n;
       while (ns = ns?.nextSibling ?? null) {
         if (this.mirror.isSerialized(ns)) {
-          return this.mirror.getPath(ns);
+          return this.mirror.getId(ns);
         }
       }
       return null;
     };
-    const getPreviousPath = (n) => {
+    const getPreviousId = (n) => {
       let ps = n;
       while (ps = ps?.previousSibling ?? null) {
         if (this.mirror.isSerialized(ps)) {
-          return this.mirror.getPath(ps);
+          return this.mirror.getId(ps);
         }
       }
       return null;
@@ -2802,10 +2713,9 @@ class MutationBuffer {
           cssCaptured = true;
         }
       }
-      const parentPath = isShadowRoot(parent) ? this.mirror.getPath(getShadowHost(n)) : this.mirror.getPath(parent);
-      const afterPath = getNextPath(n);
-      const beforePath = getPreviousPath(n);
-      if (!parentPath && parentPath !== "" || afterPath === "") {}
+      const parentId = isShadowRoot(parent) ? this.mirror.getId(getShadowHost(n)) : this.mirror.getId(parent);
+      const nextId = getNextId(n);
+      const previousId = getPreviousId(n);
       if (!this.mirror.isSerialized(parent) && !isShadowRoot(parent)) {
         return addList.addNode(n);
       }
@@ -2848,12 +2758,12 @@ class MutationBuffer {
       });
       if (sn) {
         adds.push({
-          parentPath,
-          previousPath: beforePath,
-          nextPath: afterPath,
+          parentId,
+          previousId,
+          nextId,
           node: sn
         });
-        addedPaths.add(sn.path);
+        addedIds.add(sn.id);
       }
     };
     while (this.mapRemoves.length) {
@@ -2880,8 +2790,7 @@ class MutationBuffer {
       if (candidate) {
         const parentNode2 = dom_default.parentNode(candidate.value);
         const parentSerialized = parentNode2 && this.mirror.isSerialized(parentNode2);
-        const afterPath = getNextPath(candidate.value);
-        if (parentSerialized && afterPath !== IGNORED_PATH) {
+        if (parentSerialized) {
           node = candidate;
         }
       }
@@ -2893,9 +2802,6 @@ class MutationBuffer {
           if (_node) {
             const parentNode2 = dom_default.parentNode(_node.value);
             const parentSerialized = parentNode2 && this.mirror.isSerialized(parentNode2);
-            const afterPath = getNextPath(_node.value);
-            if (afterPath === IGNORED_PATH)
-              continue;
             if (parentSerialized) {
               node = _node;
               break;
@@ -2930,10 +2836,10 @@ class MutationBuffer {
           this.genTextAreaValueMutation(parent);
         }
         return {
-          path: this.mirror.getPath(n),
+          id: this.mirror.getId(n),
           value: text.value
         };
-      }).filter((text) => !addedPaths.has(text.path)).filter((text) => text.path !== "" && text.path !== IGNORED_PATH),
+      }).filter((text) => !addedIds.has(text.id)).filter((text) => this.mirror.has(text.id)),
       attributes: this.attributes.map((attribute) => {
         const { attributes } = attribute;
         if (typeof attributes.style === "string") {
@@ -2946,10 +2852,10 @@ class MutationBuffer {
           }
         }
         return {
-          path: this.mirror.getPath(attribute.node),
+          id: this.mirror.getId(attribute.node),
           attributes
         };
-      }).filter((attribute) => !addedPaths.has(attribute.path)).filter((attribute) => attribute.path !== "" && attribute.path !== IGNORED_PATH),
+      }).filter((attribute) => !addedIds.has(attribute.id)).filter((attribute) => this.mirror.has(attribute.id)),
       removes: this.removes,
       adds
     };
@@ -3087,20 +2993,20 @@ class MutationBuffer {
         }
         m.addedNodes.forEach((n) => this.genAdds(n, m.target));
         m.removedNodes.forEach((n) => {
-          const nodePath = this.mirror.getPath(n);
-          const parentPath = isShadowRoot(m.target) ? this.mirror.getPath(dom_default.host(m.target)) : this.mirror.getPath(m.target);
+          const nodeId = this.mirror.getId(n);
+          const parentId = isShadowRoot(m.target) ? this.mirror.getId(dom_default.host(m.target)) : this.mirror.getId(m.target);
           if (isBlocked(m.target, this.blockClass, this.blockSelector, false) || isIgnored(n, this.mirror, this.slimDOMOptions) || !isSerialized(n, this.mirror)) {
             return;
           }
           if (this.addedSet.has(n)) {
             deepDelete(this.addedSet, n);
             this.droppedSet.add(n);
-          } else if (this.addedSet.has(m.target) && !this.mirror.hasNode(n)) {} else if (isAncestorRemoved(m.target, this.mirror)) {} else if (this.movedSet.has(n) && this.movedMap[moveKey(nodePath, parentPath)]) {
+          } else if (this.addedSet.has(m.target) && !this.mirror.hasNode(n)) {} else if (isAncestorRemoved(m.target, this.mirror)) {} else if (this.movedSet.has(n) && this.movedMap[moveKey(nodeId, parentId)]) {
             deepDelete(this.movedSet, n);
           } else {
             this.removes.push({
-              parentPath,
-              path: nodePath,
+              parentId,
+              id: nodeId,
               isShadow: isShadowRoot(m.target) && isNativeShadowDom(m.target) ? true : undefined
             });
             processRemoves(n, this.removesSubTreeCache);
@@ -3124,9 +3030,9 @@ class MutationBuffer {
       }
       this.movedSet.add(n);
       if (target && this.mirror.hasNode(target)) {
-        const targetPath = this.mirror.getPath(target);
-        if (targetPath && targetPath !== IGNORED_PATH) {
-          this.movedMap[moveKey(this.mirror.getPath(n), targetPath)] = true;
+        const targetId = this.mirror.getId(target);
+        if (targetId > 0) {
+          this.movedMap[moveKey(this.mirror.getId(n), targetId)] = true;
         }
       }
     } else {
@@ -3252,7 +3158,7 @@ function initMoveObserver({ mousemoveCb, sampling, doc, mirror }) {
     positions.push({
       x: clientX,
       y: clientY,
-      path: mirror.getPath(target),
+      id: mirror.getId(target),
       timeOffset: nowTimestamp() - timeBaseline
     });
     wrappedCb(typeof DragEvent !== "undefined" && evt instanceof DragEvent ? 12 /* Drag */ : evt instanceof MouseEvent ? 1 /* MouseMove */ : 6 /* TouchMove */);
@@ -3325,11 +3231,11 @@ function initMouseInteractionObserver({
       if (!e) {
         return;
       }
-      const path = mirror.getPath(target);
+      const id = mirror.getId(target);
       const { clientX, clientY } = e;
       callbackWrapper(mouseInteractionCb)({
         type: MouseInteractions[thisEventKey],
-        path,
+        id,
         x: clientX,
         y: clientY,
         ...pointerType !== null && { pointerType }
@@ -3369,17 +3275,17 @@ function initScrollObserver({
     if (!target || isBlocked(target, blockClass, blockSelector, true)) {
       return;
     }
-    const path = mirror.getPath(target);
+    const id = mirror.getId(target);
     if (target === doc && doc.defaultView) {
       const scrollLeftTop = getWindowScroll(doc.defaultView);
       scrollCb({
-        path,
+        id,
         x: scrollLeftTop.left,
         y: scrollLeftTop.top
       });
     } else {
       scrollCb({
-        path,
+        id,
         x: target.scrollLeft,
         y: target.scrollTop
       });
@@ -3460,10 +3366,10 @@ function initInputObserver({
     const lastInputValue = lastInputValueMap.get(target);
     if (!lastInputValue || lastInputValue.text !== v.text || lastInputValue.isChecked !== v.isChecked) {
       lastInputValueMap.set(target, v);
-      const path = mirror.getPath(target);
+      const id = mirror.getId(target);
       callbackWrapper(inputCb)({
         ...v,
-        path
+        id
       });
     }
   }
@@ -3514,18 +3420,18 @@ function getNestedCSSRulePositions(rule) {
   }
   return recurse(rule, positions);
 }
-function getPathAndStyleId(sheet, mirror, styleMirror) {
-  let path;
+function getIdAndStyleId(sheet, mirror, styleMirror) {
+  let id;
   let styleId;
   if (!sheet)
     return {};
   if (sheet.ownerNode)
-    path = mirror.getPath(sheet.ownerNode);
+    id = mirror.getId(sheet.ownerNode);
   else
     styleId = styleMirror.getId(sheet);
   return {
     styleId,
-    path
+    id
   };
 }
 function initStyleSheetObserver({ styleSheetRuleCb, mirror, stylesheetManager }, { win }) {
@@ -3536,10 +3442,10 @@ function initStyleSheetObserver({ styleSheetRuleCb, mirror, stylesheetManager },
   win.CSSStyleSheet.prototype.insertRule = new Proxy(insertRule, {
     apply: callbackWrapper((target, thisArg, argumentsList) => {
       const [rule, index] = argumentsList;
-      const { path, styleId } = getPathAndStyleId(thisArg, mirror, stylesheetManager.styleMirror);
-      if (path || styleId && styleId !== -1) {
+      const { id, styleId } = getIdAndStyleId(thisArg, mirror, stylesheetManager.styleMirror);
+      if (id && id !== -1 || styleId && styleId !== -1) {
         styleSheetRuleCb({
-          path,
+          id,
           styleId,
           adds: [{ rule, index }]
         });
@@ -3551,10 +3457,10 @@ function initStyleSheetObserver({ styleSheetRuleCb, mirror, stylesheetManager },
   win.CSSStyleSheet.prototype.deleteRule = new Proxy(deleteRule, {
     apply: callbackWrapper((target, thisArg, argumentsList) => {
       const [index] = argumentsList;
-      const { path, styleId } = getPathAndStyleId(thisArg, mirror, stylesheetManager.styleMirror);
-      if (path || styleId && styleId !== -1) {
+      const { id, styleId } = getIdAndStyleId(thisArg, mirror, stylesheetManager.styleMirror);
+      if (id && id !== -1 || styleId && styleId !== -1) {
         styleSheetRuleCb({
-          path,
+          id,
           styleId,
           removes: [{ index }]
         });
@@ -3568,10 +3474,10 @@ function initStyleSheetObserver({ styleSheetRuleCb, mirror, stylesheetManager },
     win.CSSStyleSheet.prototype.replace = new Proxy(replace, {
       apply: callbackWrapper((target, thisArg, argumentsList) => {
         const [text] = argumentsList;
-        const { path, styleId } = getPathAndStyleId(thisArg, mirror, stylesheetManager.styleMirror);
-        if (path || styleId && styleId !== -1) {
+        const { id, styleId } = getIdAndStyleId(thisArg, mirror, stylesheetManager.styleMirror);
+        if (id && id !== -1 || styleId && styleId !== -1) {
           styleSheetRuleCb({
-            path,
+            id,
             styleId,
             replace: text
           });
@@ -3586,10 +3492,10 @@ function initStyleSheetObserver({ styleSheetRuleCb, mirror, stylesheetManager },
     win.CSSStyleSheet.prototype.replaceSync = new Proxy(replaceSync, {
       apply: callbackWrapper((target, thisArg, argumentsList) => {
         const [text] = argumentsList;
-        const { path, styleId } = getPathAndStyleId(thisArg, mirror, stylesheetManager.styleMirror);
-        if (path || styleId && styleId !== -1) {
+        const { id, styleId } = getIdAndStyleId(thisArg, mirror, stylesheetManager.styleMirror);
+        if (id && id !== -1 || styleId && styleId !== -1) {
           styleSheetRuleCb({
-            path,
+            id,
             styleId,
             replaceSync: text
           });
@@ -3621,10 +3527,10 @@ function initStyleSheetObserver({ styleSheetRuleCb, mirror, stylesheetManager },
     type.prototype.insertRule = new Proxy(unmodifiedFunctions[typeKey].insertRule, {
       apply: callbackWrapper((target, thisArg, argumentsList) => {
         const [rule, index] = argumentsList;
-        const { path, styleId } = getPathAndStyleId(thisArg.parentStyleSheet, mirror, stylesheetManager.styleMirror);
-        if (path || styleId && styleId !== -1) {
+        const { id, styleId } = getIdAndStyleId(thisArg.parentStyleSheet, mirror, stylesheetManager.styleMirror);
+        if (id && id !== -1 || styleId && styleId !== -1) {
           styleSheetRuleCb({
-            path,
+            id,
             styleId,
             adds: [
               {
@@ -3643,10 +3549,10 @@ function initStyleSheetObserver({ styleSheetRuleCb, mirror, stylesheetManager },
     type.prototype.deleteRule = new Proxy(unmodifiedFunctions[typeKey].deleteRule, {
       apply: callbackWrapper((target, thisArg, argumentsList) => {
         const [index] = argumentsList;
-        const { path, styleId } = getPathAndStyleId(thisArg.parentStyleSheet, mirror, stylesheetManager.styleMirror);
-        if (path || styleId && styleId !== -1) {
+        const { id, styleId } = getIdAndStyleId(thisArg.parentStyleSheet, mirror, stylesheetManager.styleMirror);
+        if (id && id !== -1 || styleId && styleId !== -1) {
           styleSheetRuleCb({
-            path,
+            id,
             styleId,
             removes: [{ index: [...getNestedCSSRulePositions(thisArg), index] }]
           });
@@ -3667,14 +3573,14 @@ function initStyleSheetObserver({ styleSheetRuleCb, mirror, stylesheetManager },
   });
 }
 function initAdoptedStyleSheetObserver({ mirror, stylesheetManager }, host2) {
-  let hostPath = null;
+  let hostId = null;
   if (host2.nodeName === "#document")
-    hostPath = mirror.getPath(host2);
+    hostId = mirror.getId(host2);
   else
-    hostPath = mirror.getPath(dom_default.host(host2));
+    hostId = mirror.getId(dom_default.host(host2));
   const patchTarget = host2.nodeName === "#document" ? host2.defaultView?.Document : host2.ownerDocument?.defaultView?.ShadowRoot;
   const originalPropertyDescriptor = patchTarget?.prototype ? Object.getOwnPropertyDescriptor(patchTarget?.prototype, "adoptedStyleSheets") : undefined;
-  if (hostPath === null || !patchTarget || !originalPropertyDescriptor)
+  if (hostId === null || hostId === -1 || !patchTarget || !originalPropertyDescriptor)
     return () => {};
   Object.defineProperty(host2, "adoptedStyleSheets", {
     configurable: originalPropertyDescriptor.configurable,
@@ -3684,9 +3590,9 @@ function initAdoptedStyleSheetObserver({ mirror, stylesheetManager }, host2) {
     },
     set(sheets) {
       const result = originalPropertyDescriptor.set?.call(this, sheets);
-      if (hostPath !== null) {
+      if (hostId !== null && hostId !== -1) {
         try {
-          stylesheetManager.adoptStyleSheets(sheets, hostPath);
+          stylesheetManager.adoptStyleSheets(sheets, hostId);
         } catch (_e) {}
       }
       return result;
@@ -3709,10 +3615,10 @@ function initStyleDeclarationObserver({ styleDeclarationCb, mirror, ignoreCSSAtt
       if (ignoreCSSAttributes.has(property)) {
         return setProperty.apply(thisArg, [property, value, priority]);
       }
-      const { path, styleId } = getPathAndStyleId(thisArg.parentRule?.parentStyleSheet, mirror, stylesheetManager.styleMirror);
-      if (path || styleId && styleId !== -1) {
+      const { id, styleId } = getIdAndStyleId(thisArg.parentRule?.parentStyleSheet, mirror, stylesheetManager.styleMirror);
+      if (id && id !== -1 || styleId && styleId !== -1) {
         styleDeclarationCb({
-          path,
+          id,
           styleId,
           set: {
             property,
@@ -3732,10 +3638,10 @@ function initStyleDeclarationObserver({ styleDeclarationCb, mirror, ignoreCSSAtt
       if (ignoreCSSAttributes.has(property)) {
         return removeProperty.apply(thisArg, [property]);
       }
-      const { path, styleId } = getPathAndStyleId(thisArg.parentRule?.parentStyleSheet, mirror, stylesheetManager.styleMirror);
-      if (path || styleId && styleId !== -1) {
+      const { id, styleId } = getIdAndStyleId(thisArg.parentRule?.parentStyleSheet, mirror, stylesheetManager.styleMirror);
+      if (id && id !== -1 || styleId && styleId !== -1) {
         styleDeclarationCb({
-          path,
+          id,
           styleId,
           remove: {
             property
@@ -3767,7 +3673,7 @@ function initMediaInteractionObserver({
     const { currentTime, volume, muted, playbackRate, loop } = target;
     mediaInteractionCb({
       type,
-      path: mirror.getPath(target),
+      id: mirror.getId(target),
       currentTime,
       volume,
       muted,
@@ -3803,9 +3709,9 @@ function initSelectionObserver(param) {
       if (blocked)
         continue;
       ranges.push({
-        start: mirror.getPath(startContainer),
+        start: mirror.getId(startContainer),
         startOffset,
-        end: mirror.getPath(endContainer),
+        end: mirror.getId(endContainer),
         endOffset
       });
     }
@@ -3948,7 +3854,7 @@ class ShadowDomManager {
     }));
     setTimeout(() => {
       if (shadowRoot2.adoptedStyleSheets && shadowRoot2.adoptedStyleSheets.length > 0)
-        this.bypassOptions.stylesheetManager.adoptStyleSheets(shadowRoot2.adoptedStyleSheets, this.mirror.getPath(dom_default.host(shadowRoot2)));
+        this.bypassOptions.stylesheetManager.adoptStyleSheets(shadowRoot2.adoptedStyleSheets, this.mirror.getId(dom_default.host(shadowRoot2)));
       this.restoreHandlers.push(initAdoptedStyleSheetObserver({
         mirror: this.mirror,
         stylesheetManager: this.bypassOptions.stylesheetManager
@@ -4002,7 +3908,7 @@ class StylesheetManager {
         texts: [],
         attributes: [
           {
-            path: childSn.path,
+            id: childSn.id,
             attributes: childSn.attributes
           }
         ]
@@ -4015,11 +3921,11 @@ class StylesheetManager {
     this.trackedLinkElements.add(linkEl);
     this.trackStylesheetInLinkElement(linkEl);
   }
-  adoptStyleSheets(sheets, hostPath) {
+  adoptStyleSheets(sheets, hostId) {
     if (sheets.length === 0)
       return;
     const adoptedStyleSheetData = {
-      path: hostPath,
+      id: hostId,
       styleIds: []
     };
     const styles = [];
@@ -4099,6 +4005,7 @@ function record(options = {}) {
     return () => {};
   }
   mirror.reset();
+  cleanupSnapshot();
   const maskInputOptions = maskAllInputs === false ? _maskInputOptions !== undefined ? _maskInputOptions : { password: true } : {
     color: true,
     date: true,
@@ -4133,7 +4040,7 @@ function record(options = {}) {
   wrappedEmit = (r, isCheckout) => {
     const e = r;
     e.timestamp = nowTimestamp();
-    if (mutationBuffers[0]?.isFrozen() && e.type !== 7 /* Pageview */ && !(e.type === 3 /* IncrementalSnapshot */ && e.data.source === 0 /* Mutation */)) {
+    if (mutationBuffers[0]?.isFrozen() && e.type !== 4 /* Meta */ && e.type !== 2 /* FullSnapshot */ && !(e.type === 3 /* IncrementalSnapshot */ && e.data.source === 0 /* Mutation */)) {
       mutationBuffers.forEach((buf) => buf.unfreeze());
     }
     if (inEmittingFrame) {
@@ -4233,7 +4140,15 @@ function record(options = {}) {
     },
     mirror
   });
-  takeFullSnapshot = (isCheckout = false, pageMetadata) => {
+  takeFullSnapshot = (isCheckout = false, navigation) => {
+    const href = navigation?.href ?? window.location.href;
+    if (navigation) {
+      wrappedEmit({ type: 5 /* Custom */, data: { tag: NAVIGATION_TAG, payload: { ...navigation, href } } });
+    }
+    wrappedEmit({
+      type: 4 /* Meta */,
+      data: { href, width: getWindowWidth(), height: getWindowHeight() }
+    }, isCheckout);
     stylesheetManager.reset();
     shadowDomManager.init();
     mutationBuffers.forEach((buf) => buf.lock());
@@ -4275,19 +4190,12 @@ function record(options = {}) {
       return console.warn("Failed to snapshot the document");
     }
     wrappedEmit({
-      type: 7 /* Pageview */,
-      data: {
-        href: window.location.href,
-        width: getWindowWidth(),
-        height: getWindowHeight(),
-        node,
-        initialOffset: getWindowScroll(window),
-        ...pageMetadata
-      }
+      type: 2 /* FullSnapshot */,
+      data: { node, initialOffset: getWindowScroll(window) }
     }, isCheckout);
     mutationBuffers.forEach((buf) => buf.unlock());
     if (document.adoptedStyleSheets && document.adoptedStyleSheets.length > 0)
-      stylesheetManager.adoptStyleSheets(document.adoptedStyleSheets, mirror.getPath(document));
+      stylesheetManager.adoptStyleSheets(document.adoptedStyleSheets, mirror.getId(document));
   };
   try {
     const handlers = [];
@@ -4405,7 +4313,7 @@ function record(options = {}) {
       }
     });
     const init = () => {
-      takeFullSnapshot(false, initialPageMetadata);
+      takeFullSnapshot(false, inEmittingFrame ? initialPageMetadata ?? {} : undefined);
       handlers.push(observe(document));
       recording = true;
     };
@@ -4457,9 +4365,9 @@ record.takeFullSnapshot = (isCheckout) => {
   }
   takeFullSnapshot(isCheckout);
 };
-record.takePageviewSnapshot = (metadata) => {
+record.takeNavigationSnapshot = (metadata = {}) => {
   if (!recording) {
-    throw new Error("please take pageview snapshot after start recording");
+    throw new Error("please take navigation snapshot after start recording");
   }
   flushMutationObservers();
   mutationBuffers.forEach((buf) => buf.dropPending());
@@ -4539,8 +4447,11 @@ var USER_ACTIVITY_SOURCES = new Set([
   12,
   14
 ]);
+function isNavigation(event) {
+  return event.type === 5 && event.data?.tag === "navigation";
+}
 function isUserActivity(event) {
-  if (event.type === 7)
+  if (isNavigation(event))
     return true;
   if (event.type === 3)
     return USER_ACTIVITY_SOURCES.has(event.data?.source ?? -1);
@@ -4654,7 +4565,13 @@ function createLunarDinosRecorder(config) {
       method: "POST",
       headers: reqHeaders,
       body
-    }).catch(() => {});
+    }).then((res) => {
+      if (!res.ok) {
+        console.error(`lunardinos: ingest request failed with status ${res.status}`);
+      }
+    }).catch(() => {
+      console.error("lunardinos: ingest request failed (network error)");
+    });
   }
   function sendViaBeacon(json) {
     try {
@@ -4681,6 +4598,7 @@ function createLunarDinosRecorder(config) {
   let recording2 = false;
   let lastActivityAt = 0;
   let rotating = false;
+  let currentPage = {};
   let pendingClickContext = null;
   let pendingInputContext = null;
   function captureSubmit(e) {
@@ -4727,7 +4645,7 @@ function createLunarDinosRecorder(config) {
     const href = redactAuthFromUrl(tag === "a" ? clicked.getAttribute("href") : clicked.closest("a")?.getAttribute("href") ?? null);
     pendingClickContext = { clickTag: tag, clickRole: role, clickName: name, clickHref: href };
   }
-  function rotateSession() {
+  function rotateSession(snapshot2) {
     if (rotating)
       return;
     rotating = true;
@@ -4740,9 +4658,11 @@ function createLunarDinosRecorder(config) {
       }
       lastActivityAt = Date.now();
       markActivity();
-      try {
-        record_default.takeFullSnapshot(true);
-      } catch {}
+      if (snapshot2) {
+        try {
+          record_default.takeNavigationSnapshot(currentPage);
+        } catch {}
+      }
     } finally {
       rotating = false;
     }
@@ -4787,17 +4707,23 @@ function createLunarDinosRecorder(config) {
     } catch {}
     flush();
   }
+  function pageMetadata(payload) {
+    return {
+      href: redactAuthFromUrl(payload.href) ?? payload.href,
+      title: payload.title,
+      routePattern: payload.routePattern ?? undefined,
+      params: payload.params,
+      locale: resolveLocale(payload.locale)
+    };
+  }
   function emitPageEvent(payload) {
     if (!recording2)
       return;
+    currentPage = pageMetadata(payload);
     try {
-      record_default.takePageviewSnapshot({
-        href: redactAuthFromUrl(payload.href) ?? payload.href,
-        title: payload.title,
-        routePattern: payload.routePattern ?? undefined,
-        params: payload.params,
-        referrer: payload.referrer ?? externalReferrer(),
-        locale: resolveLocale(payload.locale)
+      record_default.takeNavigationSnapshot({
+        ...currentPage,
+        referrer: payload.referrer ?? externalReferrer()
       });
     } catch {}
   }
@@ -4882,22 +4808,16 @@ function createLunarDinosRecorder(config) {
     document.addEventListener("submit", captureSubmit, true);
     window.addEventListener("error", captureError);
     window.addEventListener("unhandledrejection", captureRejection);
+    currentPage = startOpts.pageMetadata ? pageMetadata(startOpts.pageMetadata) : {};
     stopFn = record_default({
       ...defaultRrwebOptions,
       ...rrwebOptions,
-      initialPageMetadata: startOpts.pageMetadata ? {
-        href: redactAuthFromUrl(startOpts.pageMetadata.href) ?? startOpts.pageMetadata.href,
-        title: startOpts.pageMetadata.title,
-        routePattern: startOpts.pageMetadata.routePattern ?? undefined,
-        params: startOpts.pageMetadata.params,
-        referrer: startOpts.pageMetadata.referrer ?? undefined,
-        locale: resolveLocale(startOpts.pageMetadata.locale)
-      } : undefined,
+      initialPageMetadata: startOpts.pageMetadata ? { ...currentPage, referrer: startOpts.pageMetadata.referrer ?? undefined } : undefined,
       emit(event) {
         const ev = event;
         if (isUserActivity(ev) && !rotating) {
           if (sessionExpired(lastActivityAt, Date.now()))
-            rotateSession();
+            rotateSession(!isNavigation(ev));
           else
             markActivity();
         }