@posthog/rrweb-snapshot 0.0.32 → 0.0.35

package/dist/rrweb-snapshot.umd.cjs

@@ -1,16 +1,4 @@
-(function (g, f) {
-    if ("object" == typeof exports && "object" == typeof module) {
-      module.exports = f();
-    } else if ("function" == typeof define && define.amd) {
-      define("rrwebSnapshot", [], f);
-    } else if ("object" == typeof exports) {
-      exports["rrwebSnapshot"] = f();
-    } else {
-      g["rrwebSnapshot"] = f();
-    }
-  }(this, () => {
-var exports = {};
-var module = { exports };
+(function (g, f) {if ("object" == typeof exports && "object" == typeof module) {module.exports = f();} else if ("function" == typeof define && define.amd) {define("rrwebSnapshot", [], f);} else if ("object" == typeof exports) {exports["rrwebSnapshot"] = f();} else {g["rrwebSnapshot"] = f();}}(typeof self !== 'undefined' ? self : typeof globalThis !== 'undefined' ? globalThis : this, () => {var exports = {};var module = { exports };
 "use strict";
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -983,6 +971,7 @@ var require_record = __commonJS({
       return n.href;
     }
     function serializeElementNode(n, options) {
+      var _a, _b;
       const {
         doc,
         blockClass,
@@ -1156,11 +1145,13 @@ var require_record = __commonJS({
         }
       }
       if (needBlock) {
-        const { width, height } = n.getBoundingClientRect();
+        const { width, height, left, top } = n.getBoundingClientRect();
         attributes = {
           class: attributes.class,
           rr_width: `${width}px`,
-          rr_height: `${height}px`
+          rr_height: `${height}px`,
+          rr_left: `${Math.floor(left + (((_a = doc.defaultView) == null ? void 0 : _a.scrollX) || 0))}px`,
+          rr_top: `${Math.floor(top + (((_b = doc.defaultView) == null ? void 0 : _b.scrollY) || 0))}px`
         };
       }
       if (tagName === "iframe" && !keepIframeSrcFn(attributes.src)) {
@@ -1617,7 +1608,7 @@ var require_replay = __commonJS({
       return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
     }
     function getAugmentedNamespace(n) {
-      if (n.__esModule) return n;
+      if (Object.prototype.hasOwnProperty.call(n, "__esModule")) return n;
       var f = n.default;
       if (typeof f == "function") {
         var a = function a2() {
@@ -2136,6 +2127,9 @@ var require_replay = __commonJS({
         return offset;
       }
       class Node {
+        get proxyOf() {
+          return this;
+        }
         constructor(defaults = {}) {
           this.raws = {};
           this[isClean] = false;
@@ -2254,7 +2248,7 @@ var require_replay = __commonJS({
           let index = this.parent.index(this);
           return this.parent.nodes[index + 1];
         }
-        positionBy(opts) {
+        positionBy(opts = {}) {
           let pos = this.source.start;
           if (opts.index) {
             pos = this.positionInside(opts.index);
@@ -2283,27 +2277,38 @@ var require_replay = __commonJS({
               column += 1;
             }
           }
-          return { column, line };
+          return { column, line, offset: end };
         }
         prev() {
           if (!this.parent) return void 0;
           let index = this.parent.index(this);
           return this.parent.nodes[index - 1];
         }
-        rangeBy(opts) {
+        rangeBy(opts = {}) {
+          let inputString = "document" in this.source.input ? this.source.input.document : this.source.input.css;
           let start = {
             column: this.source.start.column,
-            line: this.source.start.line
+            line: this.source.start.line,
+            offset: sourceOffset(inputString, this.source.start)
           };
           let end = this.source.end ? {
             column: this.source.end.column + 1,
-            line: this.source.end.line
+            line: this.source.end.line,
+            offset: typeof this.source.end.offset === "number" ? (
+              // `source.end.offset` is exclusive, so we don't need to add 1
+              this.source.end.offset
+            ) : (
+              // Since line/column in this.source.end is inclusive,
+              // the `sourceOffset(... , this.source.end)` returns an inclusive offset.
+              // So, we add 1 to convert it to exclusive.
+              sourceOffset(inputString, this.source.end) + 1
+            )
           } : {
             column: start.column + 1,
-            line: start.line
+            line: start.line,
+            offset: start.offset + 1
           };
           if (opts.word) {
-            let inputString = "document" in this.source.input ? this.source.input.document : this.source.input.css;
             let stringRepresentation = inputString.slice(
               sourceOffset(inputString, this.source.start),
               sourceOffset(inputString, this.source.end)
@@ -2311,15 +2316,14 @@ var require_replay = __commonJS({
             let index = stringRepresentation.indexOf(opts.word);
             if (index !== -1) {
               start = this.positionInside(index);
-              end = this.positionInside(
-                index + opts.word.length
-              );
+              end = this.positionInside(index + opts.word.length);
             }
           } else {
             if (opts.start) {
               start = {
                 column: opts.start.column,
-                line: opts.start.line
+                line: opts.start.line,
+                offset: sourceOffset(inputString, opts.start)
               };
             } else if (opts.index) {
               start = this.positionInside(opts.index);
@@ -2327,7 +2331,8 @@ var require_replay = __commonJS({
             if (opts.end) {
               end = {
                 column: opts.end.column,
-                line: opts.end.line
+                line: opts.end.line,
+                offset: sourceOffset(inputString, opts.end)
               };
             } else if (typeof opts.endIndex === "number") {
               end = this.positionInside(opts.endIndex);
@@ -2336,7 +2341,11 @@ var require_replay = __commonJS({
             }
           }
           if (end.line < start.line || end.line === start.line && end.column <= start.column) {
-            end = { column: start.column + 1, line: start.line };
+            end = {
+              column: start.column + 1,
+              line: start.line,
+              offset: start.offset + 1
+            };
           }
           return { end, start };
         }
@@ -2400,6 +2409,7 @@ var require_replay = __commonJS({
             } else if (typeof value === "object" && value.toJSON) {
               fixed[name] = value.toJSON(null, inputs);
             } else if (name === "source") {
+              if (value == null) continue;
               let inputId = inputs.get(value.input);
               if (inputId == null) {
                 inputId = inputsNextIndex;
@@ -2434,14 +2444,11 @@ var require_replay = __commonJS({
           });
           return result2;
         }
-        warn(result2, text, opts) {
+        warn(result2, text, opts = {}) {
           let data = { node: this };
           for (let i in opts) data[i] = opts[i];
           return result2.warn(text, data);
         }
-        get proxyOf() {
-          return this;
-        }
       }
       node = Node;
       Node.default = Node;
@@ -2470,6 +2477,9 @@ var require_replay = __commonJS({
       hasRequiredDeclaration = 1;
       let Node = requireNode();
       class Declaration extends Node {
+        get variable() {
+          return this.prop.startsWith("--") || this.prop[0] === "$";
+        }
         constructor(defaults) {
           if (defaults && typeof defaults.value !== "undefined" && typeof defaults.value !== "string") {
             defaults = __spreadProps(__spreadValues({}, defaults), { value: String(defaults.value) });
@@ -2477,9 +2487,6 @@ var require_replay = __commonJS({
           super(defaults);
           this.type = "decl";
         }
-        get variable() {
-          return this.prop.startsWith("--") || this.prop[0] === "$";
-        }
       }
       declaration = Declaration;
       Declaration.default = Declaration;
@@ -2511,6 +2518,14 @@ var require_replay = __commonJS({
         }
       }
       class Container extends Node {
+        get first() {
+          if (!this.proxyOf.nodes) return void 0;
+          return this.proxyOf.nodes[0];
+        }
+        get last() {
+          if (!this.proxyOf.nodes) return void 0;
+          return this.proxyOf.nodes[this.proxyOf.nodes.length - 1];
+        }
         append(...children) {
           for (let child of children) {
             let nodes = this.normalize(child, this.last);
@@ -2823,14 +2838,6 @@ var require_replay = __commonJS({
             }
           });
         }
-        get first() {
-          if (!this.proxyOf.nodes) return void 0;
-          return this.proxyOf.nodes[0];
-        }
-        get last() {
-          if (!this.proxyOf.nodes) return void 0;
-          return this.proxyOf.nodes[this.proxyOf.nodes.length - 1];
-        }
       }
       Container.registerParse = (dependant) => {
         parse = dependant;
@@ -3080,10 +3087,25 @@ var require_replay = __commonJS({
       let CssSyntaxError = requireCssSyntaxError();
       let PreviousMap = requirePreviousMap();
       let terminalHighlight = require$$2;
-      let fromOffsetCache = Symbol("fromOffsetCache");
+      let lineToIndexCache = Symbol("lineToIndexCache");
       let sourceMapAvailable = Boolean(SourceMapConsumer && SourceMapGenerator);
       let pathAvailable = Boolean(resolve && isAbsolute);
+      function getLineToIndex(input2) {
+        if (input2[lineToIndexCache]) return input2[lineToIndexCache];
+        let lines = input2.css.split("\n");
+        let lineToIndex = new Array(lines.length);
+        let prevIndex = 0;
+        for (let i = 0, l = lines.length; i < l; i++) {
+          lineToIndex[i] = prevIndex;
+          prevIndex += lines[i].length + 1;
+        }
+        input2[lineToIndexCache] = lineToIndex;
+        return lineToIndex;
+      }
       class Input {
+        get from() {
+          return this.file || this.id;
+        }
         constructor(css, opts = {}) {
           if (css === null || typeof css === "undefined" || typeof css === "object" && !css.toString) {
             throw new Error(`PostCSS received ${css} instead of CSS string`);
@@ -3118,30 +3140,37 @@ var require_replay = __commonJS({
           if (this.map) this.map.file = this.from;
         }
         error(message, line, column, opts = {}) {
-          let endColumn, endLine, result2;
+          let endColumn, endLine, endOffset, offset, result2;
           if (line && typeof line === "object") {
             let start = line;
             let end = column;
             if (typeof start.offset === "number") {
-              let pos = this.fromOffset(start.offset);
+              offset = start.offset;
+              let pos = this.fromOffset(offset);
               line = pos.line;
               column = pos.col;
             } else {
               line = start.line;
               column = start.column;
+              offset = this.fromLineAndColumn(line, column);
             }
             if (typeof end.offset === "number") {
-              let pos = this.fromOffset(end.offset);
+              endOffset = end.offset;
+              let pos = this.fromOffset(endOffset);
               endLine = pos.line;
               endColumn = pos.col;
             } else {
               endLine = end.line;
               endColumn = end.column;
+              endOffset = this.fromLineAndColumn(end.line, end.column);
             }
           } else if (!column) {
-            let pos = this.fromOffset(line);
+            offset = line;
+            let pos = this.fromOffset(offset);
             line = pos.line;
             column = pos.col;
+          } else {
+            offset = this.fromLineAndColumn(line, column);
           }
           let origin = this.origin(line, column, endLine, endColumn);
           if (origin) {
@@ -3163,7 +3192,7 @@ var require_replay = __commonJS({
               opts.plugin
             );
           }
-          result2.input = { column, endColumn, endLine, line, source: this.css };
+          result2.input = { column, endColumn, endLine, endOffset, line, offset, source: this.css };
           if (this.file) {
             if (pathToFileURL) {
               result2.input.url = pathToFileURL(this.file).toString();
@@ -3172,21 +3201,14 @@ var require_replay = __commonJS({
           }
           return result2;
         }
+        fromLineAndColumn(line, column) {
+          let lineToIndex = getLineToIndex(this);
+          let index = lineToIndex[line - 1];
+          return index + column - 1;
+        }
         fromOffset(offset) {
-          let lastLine, lineToIndex;
-          if (!this[fromOffsetCache]) {
-            let lines = this.css.split("\n");
-            lineToIndex = new Array(lines.length);
-            let prevIndex = 0;
-            for (let i = 0, l = lines.length; i < l; i++) {
-              lineToIndex[i] = prevIndex;
-              prevIndex += lines[i].length + 1;
-            }
-            this[fromOffsetCache] = lineToIndex;
-          } else {
-            lineToIndex = this[fromOffsetCache];
-          }
-          lastLine = lineToIndex[lineToIndex.length - 1];
+          let lineToIndex = getLineToIndex(this);
+          let lastLine = lineToIndex[lineToIndex.length - 1];
           let min = 0;
           if (offset >= lastLine) {
             min = lineToIndex.length - 1;
@@ -3267,9 +3289,6 @@ var require_replay = __commonJS({
           }
           return json;
         }
-        get from() {
-          return this.file || this.id;
-        }
       }
       input = Input;
       Input.default = Input;
@@ -3395,11 +3414,6 @@ var require_replay = __commonJS({
       let Container = requireContainer();
       let list = requireList();
       class Rule extends Container {
-        constructor(defaults) {
-          super(defaults);
-          this.type = "rule";
-          if (!this.nodes) this.nodes = [];
-        }
         get selectors() {
           return list.comma(this.selector);
         }
@@ -3408,6 +3422,11 @@ var require_replay = __commonJS({
           let sep = match ? match[0] : "," + this.raw("between", "beforeOpen");
           this.selector = values.join(sep);
         }
+        constructor(defaults) {
+          super(defaults);
+          this.type = "rule";
+          if (!this.nodes) this.nodes = [];
+        }
       }
       rule = Rule;
       Rule.default = Rule;
@@ -4306,6 +4325,8 @@ var require_replay = __commonJS({
             if (prev && prev.type === "rule" && !prev.raws.ownSemicolon) {
               prev.raws.ownSemicolon = this.spaces;
               this.spaces = "";
+              prev.source.end = this.getPosition(token[2]);
+              prev.source.end.offset += prev.raws.ownSemicolon.length;
             }
           }
         }
@@ -4517,7 +4538,7 @@ var require_replay = __commonJS({
         }
         unknownWord(tokens) {
           throw this.input.error(
-            "Unknown word",
+            "Unknown word " + tokens[0][1],
             { offset: tokens[0][2] },
             { offset: tokens[0][2] + tokens[0][1].length }
           );
@@ -4610,12 +4631,15 @@ var require_replay = __commonJS({
       hasRequiredResult = 1;
       let Warning = requireWarning();
       class Result {
+        get content() {
+          return this.css;
+        }
         constructor(processor2, root2, opts) {
           this.processor = processor2;
           this.messages = [];
           this.root = root2;
           this.opts = opts;
-          this.css = void 0;
+          this.css = "";
           this.map = void 0;
         }
         toString() {
@@ -4634,9 +4658,6 @@ var require_replay = __commonJS({
         warnings() {
           return this.messages.filter((i) => i.type === "warning");
         }
-        get content() {
-          return this.css;
-        }
       }
       result = Result;
       Result.default = Result;
@@ -4755,6 +4776,30 @@ var require_replay = __commonJS({
       }
       let postcss2 = {};
       class LazyResult {
+        get content() {
+          return this.stringify().content;
+        }
+        get css() {
+          return this.stringify().css;
+        }
+        get map() {
+          return this.stringify().map;
+        }
+        get messages() {
+          return this.sync().messages;
+        }
+        get opts() {
+          return this.result.opts;
+        }
+        get processor() {
+          return this.result.processor;
+        }
+        get root() {
+          return this.sync().root;
+        }
+        get [Symbol.toStringTag]() {
+          return "LazyResult";
+        }
         constructor(processor2, css, opts) {
           this.stringified = false;
           this.processed = false;
@@ -5097,30 +5142,6 @@ var require_replay = __commonJS({
         warnings() {
           return this.sync().warnings();
         }
-        get content() {
-          return this.stringify().content;
-        }
-        get css() {
-          return this.stringify().css;
-        }
-        get map() {
-          return this.stringify().map;
-        }
-        get messages() {
-          return this.sync().messages;
-        }
-        get opts() {
-          return this.result.opts;
-        }
-        get processor() {
-          return this.result.processor;
-        }
-        get root() {
-          return this.sync().root;
-        }
-        get [Symbol.toStringTag]() {
-          return "LazyResult";
-        }
       }
       LazyResult.registerPostcss = (dependant) => {
         postcss2 = dependant;
@@ -5142,6 +5163,45 @@ var require_replay = __commonJS({
       let stringify = requireStringify();
       let warnOnce2 = requireWarnOnce();
       class NoWorkResult {
+        get content() {
+          return this.result.css;
+        }
+        get css() {
+          return this.result.css;
+        }
+        get map() {
+          return this.result.map;
+        }
+        get messages() {
+          return [];
+        }
+        get opts() {
+          return this.result.opts;
+        }
+        get processor() {
+          return this.result.processor;
+        }
+        get root() {
+          if (this._root) {
+            return this._root;
+          }
+          let root2;
+          let parser2 = parse;
+          try {
+            root2 = parser2(this._css, this._opts);
+          } catch (error) {
+            this.error = error;
+          }
+          if (this.error) {
+            throw this.error;
+          } else {
+            this._root = root2;
+            return root2;
+          }
+        }
+        get [Symbol.toStringTag]() {
+          return "NoWorkResult";
+        }
         constructor(processor2, css, opts) {
           css = css.toString();
           this.stringified = false;
@@ -5203,45 +5263,6 @@ var require_replay = __commonJS({
         warnings() {
           return [];
         }
-        get content() {
-          return this.result.css;
-        }
-        get css() {
-          return this.result.css;
-        }
-        get map() {
-          return this.result.map;
-        }
-        get messages() {
-          return [];
-        }
-        get opts() {
-          return this.result.opts;
-        }
-        get processor() {
-          return this.result.processor;
-        }
-        get root() {
-          if (this._root) {
-            return this._root;
-          }
-          let root2;
-          let parser2 = parse;
-          try {
-            root2 = parser2(this._css, this._opts);
-          } catch (error) {
-            this.error = error;
-          }
-          if (this.error) {
-            throw this.error;
-          } else {
-            this._root = root2;
-            return root2;
-          }
-        }
-        get [Symbol.toStringTag]() {
-          return "NoWorkResult";
-        }
       }
       noWorkResult = NoWorkResult;
       NoWorkResult.default = NoWorkResult;
@@ -5258,7 +5279,7 @@ var require_replay = __commonJS({
       let Root = requireRoot();
       class Processor {
         constructor(plugins = []) {
-          this.version = "8.5.1";
+          this.version = "8.5.6";
           this.plugins = this.normalize(plugins);
         }
         normalize(plugins) {
@@ -5714,6 +5735,12 @@ var require_replay = __commonJS({
               node2.style.setProperty("width", value.toString());
             } else if (name === "rr_height") {
               node2.style.setProperty("height", value.toString());
+            } else if (name === "rr_left") {
+              node2.style.setProperty("left", value.toString());
+              node2.style.setProperty("position", "absolute");
+            } else if (name === "rr_top") {
+              node2.style.setProperty("top", value.toString());
+              node2.style.setProperty("position", "absolute");
             } else if (name === "rr_mediaCurrentTime" && typeof value === "number") {
               node2.currentTime = value;
             } else if (name === "rr_mediaState") {
@@ -5973,7 +6000,7 @@ exports.recompressBase64Image = types.recompressBase64Image;
 exports.stringifyRule = types.stringifyRule;
 exports.stringifyStylesheet = types.stringifyStylesheet;
 exports.toLowerCase = types.toLowerCase;
-if (typeof module.exports == "object" && typeof exports == "object") {
+;if (typeof module.exports == "object" && typeof exports == "object") {
   var __cp = (to, from, except, desc) => {
     if ((from && typeof from === "object") || typeof from === "function") {
       for (let key of Object.getOwnPropertyNames(from)) {