@appsurify-testmap/rrweb-snapshot 2.0.0-alpha.21 → 2.0.0-alpha.23

package/dist/index.d.cts

@@ -52,7 +52,7 @@ export declare function genId(): number;
 
 export declare function getInputType(element: HTMLElement): Lowercase<string> | null;
 
-export declare function getXPath(n: Element): string;
+export declare function getXPath(node: Node): string;
 
 export declare interface ICanvas extends HTMLCanvasElement {
     __context: string;

package/dist/index.d.ts

@@ -52,7 +52,7 @@ export declare function genId(): number;
 
 export declare function getInputType(element: HTMLElement): Lowercase<string> | null;
 
-export declare function getXPath(n: Element): string;
+export declare function getXPath(node: Node): string;
 
 export declare interface ICanvas extends HTMLCanvasElement {
     __context: string;

package/dist/rrweb-snapshot.cjs

@@ -154,23 +154,71 @@ const index = {
   querySelectorAll,
   mutationObserver: mutationObserverCtor
 };
-function getXPath(n) {
-  if (n.id) {
-    return `//*[@id="${n.id}"]`;
+function getXPath(node2) {
+  if (node2.nodeType === Node.DOCUMENT_NODE) {
+    return "/";
   }
-  if (n === document.body) {
-    return "/html/body";
+  if (node2.nodeType === Node.DOCUMENT_TYPE_NODE) {
+    return "/html/doctype";
   }
-  const parentNode2 = index.parentNode(n);
-  if (!parentNode2 || !(parentNode2 instanceof Element)) {
-    return "";
+  if (node2.nodeType === Node.ELEMENT_NODE) {
+    const element = node2;
+    if (element.id) {
+      return `//*[@id="${element.id}"]`;
+    }
+    if (element.tagName && element.tagName.toLowerCase() === "html") {
+      return "/html";
+    }
+    if (element === document.head) {
+      return "/html/head";
+    }
+    if (element === document.body) {
+      return "/html/body";
+    }
+    const parentNode2 = element.parentNode;
+    if (!parentNode2 || !(parentNode2 instanceof Element)) {
+      return "";
+    }
+    const siblings = Array.from(parentNode2.children).filter(
+      (sibling) => sibling.tagName === element.tagName
+    );
+    const index2 = siblings.length > 1 ? `[${siblings.indexOf(element) + 1}]` : "";
+    return `${getXPath(parentNode2)}/${element.tagName.toLowerCase()}${index2}`;
   }
-  const siblings = Array.from(parentNode2.children).filter(
-    (node2) => node2.tagName === n.tagName
-  );
-  const index$1 = siblings.length > 1 ? `[${siblings.indexOf(n) + 1}]` : "";
-  const path = getXPath(parentNode2) + "/" + n.tagName.toLowerCase() + index$1;
-  return path;
+  if (node2.nodeType === Node.TEXT_NODE) {
+    const parent = node2.parentNode;
+    if (!parent) {
+      return "";
+    }
+    const textSiblings = Array.from(parent.childNodes).filter(
+      (sibling) => sibling.nodeType === Node.TEXT_NODE
+    );
+    const index2 = textSiblings.length > 1 ? `[${textSiblings.indexOf(node2) + 1}]` : "";
+    return `${getXPath(parent)}/text()${index2}`;
+  }
+  if (node2.nodeType === Node.CDATA_SECTION_NODE) {
+    const parent = node2.parentNode;
+    if (!parent) {
+      return "";
+    }
+    const cdataSiblings = Array.from(parent.childNodes).filter(
+      (sibling) => sibling.nodeType === Node.CDATA_SECTION_NODE
+    );
+    const index2 = cdataSiblings.length > 1 ? `[${cdataSiblings.indexOf(node2) + 1}]` : "";
+    return `${getXPath(parent)}/text()${index2}`;
+  }
+  if (node2.nodeType === Node.COMMENT_NODE) {
+    const parent = node2.parentNode;
+    if (!parent) {
+      return "";
+    }
+    const commentSiblings = Array.from(parent.childNodes).filter(
+      (sibling) => sibling.nodeType === Node.COMMENT_NODE
+    );
+    const index2 = commentSiblings.length > 1 ? `[${commentSiblings.indexOf(node2) + 1}]` : "";
+    return `${getXPath(parent)}/comment()${index2}`;
+  }
+  return "";
 }
 function isElement(n) {
   return n.nodeType === n.ELEMENT_NODE;
@@ -1951,7 +1999,7 @@ function cloneNode(obj, parent) {
   }
   return cloned;
 }
-let Node$4 = class Node {
+let Node$5 = class Node2 {
   constructor(defaults = {}) {
     this.raws = {};
     this[isClean$2] = false;
@@ -2243,10 +2291,10 @@ let Node$4 = class Node {
     return this;
   }
 };
-var node = Node$4;
-Node$4.default = Node$4;
-let Node$3 = node;
-let Declaration$4 = class Declaration extends Node$3 {
+var node = Node$5;
+Node$5.default = Node$5;
+let Node$4 = node;
+let Declaration$4 = class Declaration extends Node$4 {
   constructor(defaults) {
     if (defaults && typeof defaults.value !== "undefined" && typeof defaults.value !== "string") {
       defaults = { ...defaults, value: String(defaults.value) };
@@ -2902,8 +2950,8 @@ let MapGenerator$2 = class MapGenerator {
   }
 };
 var mapGenerator = MapGenerator$2;
-let Node$2 = node;
-let Comment$4 = class Comment extends Node$2 {
+let Node$3 = node;
+let Comment$4 = class Comment extends Node$3 {
   constructor(defaults) {
     super(defaults);
     this.type = "comment";
@@ -2914,7 +2962,7 @@ Comment$4.default = Comment$4;
 let { isClean: isClean$1, my: my$1 } = symbols;
 let Declaration$3 = declaration;
 let Comment$3 = comment;
-let Node$1 = node;
+let Node$2 = node;
 let parse$4, Rule$4, AtRule$4, Root$6;
 function cleanSource(nodes) {
   return nodes.map((i) => {
@@ -2931,7 +2979,7 @@ function markDirtyUp(node2) {
     }
   }
 }
-let Container$7 = class Container extends Node$1 {
+let Container$7 = class Container extends Node$2 {
   append(...children) {
     for (let child of children) {
       let nodes = this.normalize(child, this.last);
@@ -4958,7 +5006,7 @@ let parse = parse_1;
 let list = list_1;
 let Rule2 = rule;
 let Root2 = root;
-let Node2 = node;
+let Node$1 = node;
 function postcss(...plugins) {
   if (plugins.length === 1 && Array.isArray(plugins[0])) {
     plugins = plugins[0];
@@ -5018,7 +5066,7 @@ postcss.Result = Result2;
 postcss.Input = Input2;
 postcss.Rule = Rule2;
 postcss.Root = Root2;
-postcss.Node = Node2;
+postcss.Node = Node$1;
 LazyResult2.registerPostcss(postcss);
 var postcss_1 = postcss;
 postcss.default = postcss;