@highlight-run/rrweb 2.0.4 → 2.0.5

package/dist/plugins/console-record.js

@@ -1,454 +1,12 @@
-var rrwebConsoleRecord = (function (exports) {
-    'use strict';
-
-    var NodeType;
-    (function(NodeType2) {
-      NodeType2[NodeType2["Document"] = 0] = "Document";
-      NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
-      NodeType2[NodeType2["Element"] = 2] = "Element";
-      NodeType2[NodeType2["Text"] = 3] = "Text";
-      NodeType2[NodeType2["CDATA"] = 4] = "CDATA";
-      NodeType2[NodeType2["Comment"] = 5] = "Comment";
-    })(NodeType || (NodeType = {}));
-
-    const DEPARTED_MIRROR_ACCESS_WARNING = "Please stop import mirror directly. Instead of that,\r\nnow you can use replayer.getMirror() to access the mirror instance of a replayer,\r\nor you can use record.mirror to access the mirror instance during recording.";
-    let _mirror = {
-      map: {},
-      getId() {
-        console.error(DEPARTED_MIRROR_ACCESS_WARNING);
-        return -1;
-      },
-      getNode() {
-        console.error(DEPARTED_MIRROR_ACCESS_WARNING);
-        return null;
-      },
-      removeNodeFromMap() {
-        console.error(DEPARTED_MIRROR_ACCESS_WARNING);
-      },
-      has() {
-        console.error(DEPARTED_MIRROR_ACCESS_WARNING);
-        return false;
-      },
-      reset() {
-        console.error(DEPARTED_MIRROR_ACCESS_WARNING);
-      }
-    };
-    if (typeof window !== "undefined" && window.Proxy && window.Reflect) {
-      _mirror = new Proxy(_mirror, {
-        get(target, prop, receiver) {
-          if (prop === "map") {
-            console.error(DEPARTED_MIRROR_ACCESS_WARNING);
-          }
-          return Reflect.get(target, prop, receiver);
-        }
-      });
-    }
-    function patch(source, name, replacement) {
-      try {
-        if (!(name in source)) {
-          return () => {
-          };
-        }
-        const original = source[name];
-        const wrapped = replacement(original);
-        if (typeof wrapped === "function") {
-          wrapped.prototype = wrapped.prototype || {};
-          Object.defineProperties(wrapped, {
-            __rrweb_original__: {
-              enumerable: false,
-              value: original
-            }
-          });
-        }
-        source[name] = wrapped;
-        return () => {
-          source[name] = original;
-        };
-      } catch (e) {
-        return () => {
-        };
-      }
-    }
-
-    class StackFrame {
-      constructor(obj) {
-        this.fileName = obj.fileName || "";
-        this.functionName = obj.functionName || "";
-        this.lineNumber = obj.lineNumber;
-        this.columnNumber = obj.columnNumber;
-      }
-      toString() {
-        const lineNumber = this.lineNumber || "";
-        const columnNumber = this.columnNumber || "";
-        if (this.functionName) {
-          return this.functionName + " (" + this.fileName + ":" + lineNumber + ":" + columnNumber + ")";
-        }
-        return this.fileName + ":" + lineNumber + ":" + columnNumber;
-      }
-    }
-    const FIREFOX_SAFARI_STACK_REGEXP = /(^|@)\S+:\d+/;
-    const CHROME_IE_STACK_REGEXP = /^\s*at .*(\S+:\d+|\(native\))/m;
-    const SAFARI_NATIVE_CODE_REGEXP = /^(eval@)?(\[native code])?$/;
-    const ErrorStackParser = {
-      parse: function(error) {
-        if (!error) {
-          return [];
-        }
-        if (typeof error.stacktrace !== "undefined" || typeof error["opera#sourceloc"] !== "undefined") {
-          return this.parseOpera(error);
-        } else if (error.stack && error.stack.match(CHROME_IE_STACK_REGEXP)) {
-          return this.parseV8OrIE(error);
-        } else if (error.stack) {
-          return this.parseFFOrSafari(error);
-        } else {
-          throw new Error("Cannot parse given Error object");
-        }
-      },
-      extractLocation: function(urlLike) {
-        if (urlLike.indexOf(":") === -1) {
-          return [urlLike];
-        }
-        const regExp = /(.+?)(?::(\d+))?(?::(\d+))?$/;
-        const parts = regExp.exec(urlLike.replace(/[()]/g, ""));
-        if (!parts)
-          throw new Error(`Cannot parse given url: ${urlLike}`);
-        return [parts[1], parts[2] || void 0, parts[3] || void 0];
-      },
-      parseV8OrIE: function(error) {
-        const filtered = error.stack.split("\n").filter(function(line) {
-          return !!line.match(CHROME_IE_STACK_REGEXP);
-        }, this);
-        return filtered.map(function(line) {
-          if (line.indexOf("(eval ") > -1) {
-            line = line.replace(/eval code/g, "eval").replace(/(\(eval at [^()]*)|(\),.*$)/g, "");
-          }
-          let sanitizedLine = line.replace(/^\s+/, "").replace(/\(eval code/g, "(");
-          const location = sanitizedLine.match(/ (\((.+):(\d+):(\d+)\)$)/);
-          sanitizedLine = location ? sanitizedLine.replace(location[0], "") : sanitizedLine;
-          const tokens = sanitizedLine.split(/\s+/).slice(1);
-          const locationParts = this.extractLocation(location ? location[1] : tokens.pop());
-          const functionName = tokens.join(" ") || void 0;
-          const fileName = ["eval", "<anonymous>"].indexOf(locationParts[0]) > -1 ? void 0 : locationParts[0];
-          return new StackFrame({
-            functionName,
-            fileName,
-            lineNumber: locationParts[1],
-            columnNumber: locationParts[2]
-          });
-        }, this);
-      },
-      parseFFOrSafari: function(error) {
-        const filtered = error.stack.split("\n").filter(function(line) {
-          return !line.match(SAFARI_NATIVE_CODE_REGEXP);
-        }, this);
-        return filtered.map(function(line) {
-          if (line.indexOf(" > eval") > -1) {
-            line = line.replace(/ line (\d+)(?: > eval line \d+)* > eval:\d+:\d+/g, ":$1");
-          }
-          if (line.indexOf("@") === -1 && line.indexOf(":") === -1) {
-            return new StackFrame({
-              functionName: line
-            });
-          } else {
-            const functionNameRegex = /((.*".+"[^@]*)?[^@]*)(?:@)/;
-            const matches = line.match(functionNameRegex);
-            const functionName = matches && matches[1] ? matches[1] : void 0;
-            const locationParts = this.extractLocation(line.replace(functionNameRegex, ""));
-            return new StackFrame({
-              functionName,
-              fileName: locationParts[0],
-              lineNumber: locationParts[1],
-              columnNumber: locationParts[2]
-            });
-          }
-        }, this);
-      },
-      parseOpera: function(e) {
-        if (!e.stacktrace || e.message.indexOf("\n") > -1 && e.message.split("\n").length > e.stacktrace.split("\n").length) {
-          return this.parseOpera9(e);
-        } else if (!e.stack) {
-          return this.parseOpera10(e);
-        } else {
-          return this.parseOpera11(e);
-        }
-      },
-      parseOpera9: function(e) {
-        const lineRE = /Line (\d+).*script (?:in )?(\S+)/i;
-        const lines = e.message.split("\n");
-        const result = [];
-        for (let i = 2, len = lines.length; i < len; i += 2) {
-          const match = lineRE.exec(lines[i]);
-          if (match) {
-            result.push(new StackFrame({
-              fileName: match[2],
-              lineNumber: parseFloat(match[1])
-            }));
-          }
-        }
-        return result;
-      },
-      parseOpera10: function(e) {
-        const lineRE = /Line (\d+).*script (?:in )?(\S+)(?:: In function (\S+))?$/i;
-        const lines = e.stacktrace.split("\n");
-        const result = [];
-        for (let i = 0, len = lines.length; i < len; i += 2) {
-          const match = lineRE.exec(lines[i]);
-          if (match) {
-            result.push(new StackFrame({
-              functionName: match[3] || void 0,
-              fileName: match[2],
-              lineNumber: parseFloat(match[1])
-            }));
-          }
-        }
-        return result;
-      },
-      parseOpera11: function(error) {
-        const filtered = error.stack.split("\n").filter(function(line) {
-          return !!line.match(FIREFOX_SAFARI_STACK_REGEXP) && !line.match(/^Error created at/);
-        }, this);
-        return filtered.map(function(line) {
-          const tokens = line.split("@");
-          const locationParts = this.extractLocation(tokens.pop());
-          const functionCall = tokens.shift() || "";
-          const functionName = functionCall.replace(/<anonymous function(: (\w+))?>/, "$2").replace(/\([^)]*\)/g, "") || void 0;
-          return new StackFrame({
-            functionName,
-            fileName: locationParts[0],
-            lineNumber: locationParts[1],
-            columnNumber: locationParts[2]
-          });
-        }, this);
-      }
-    };
-
-    function pathToSelector(node) {
-      if (!node || !node.outerHTML) {
-        return "";
-      }
-      let path = "";
-      while (node.parentElement) {
-        let name = node.localName;
-        if (!name) {
-          break;
-        }
-        name = name.toLowerCase();
-        const parent = node.parentElement;
-        const domSiblings = [];
-        if (parent.children && parent.children.length > 0) {
-          for (let i = 0; i < parent.children.length; i++) {
-            const sibling = parent.children[i];
-            if (sibling.localName && sibling.localName.toLowerCase) {
-              if (sibling.localName.toLowerCase() === name) {
-                domSiblings.push(sibling);
-              }
-            }
-          }
-        }
-        if (domSiblings.length > 1) {
-          name += ":eq(" + domSiblings.indexOf(node) + ")";
-        }
-        path = name + (path ? ">" + path : "");
-        node = parent;
-      }
-      return path;
-    }
-    function isObject(obj) {
-      return Object.prototype.toString.call(obj) === "[object Object]";
-    }
-    function isObjTooDeep(obj, limit) {
-      if (limit === 0) {
-        return true;
-      }
-      const keys = Object.keys(obj);
-      for (const key of keys) {
-        if (isObject(obj[key]) && isObjTooDeep(obj[key], limit - 1)) {
-          return true;
-        }
-      }
-      return false;
-    }
-    function stringify(obj, stringifyOptions) {
-      const options = {
-        numOfKeysLimit: 50,
-        depthOfLimit: 4
-      };
-      Object.assign(options, stringifyOptions);
-      const stack = [];
-      const keys = [];
-      return JSON.stringify(obj, function(key, value) {
-        if (stack.length > 0) {
-          const thisPos = stack.indexOf(this);
-          ~thisPos ? stack.splice(thisPos + 1) : stack.push(this);
-          ~thisPos ? keys.splice(thisPos, Infinity, key) : keys.push(key);
-          if (~stack.indexOf(value)) {
-            if (stack[0] === value) {
-              value = "[Circular ~]";
-            } else {
-              value = "[Circular ~." + keys.slice(0, stack.indexOf(value)).join(".") + "]";
-            }
-          }
-        } else {
-          stack.push(value);
-        }
-        if (value === null || value === void 0) {
-          return value;
-        }
-        if (shouldIgnore(value)) {
-          return toString(value);
-        }
-        if (value instanceof Event) {
-          const eventResult = {};
-          for (const eventKey in value) {
-            const eventValue = value[eventKey];
-            if (Array.isArray(eventValue)) {
-              eventResult[eventKey] = pathToSelector(eventValue.length ? eventValue[0] : null);
-            } else {
-              eventResult[eventKey] = eventValue;
-            }
-          }
-          return eventResult;
-        } else if (value instanceof Node) {
-          if (value instanceof HTMLElement) {
-            return value ? value.outerHTML : "";
-          }
-          return value.nodeName;
-        } else if (value instanceof Error) {
-          return value.stack ? value.stack + "\nEnd of stack for Error object" : value.name + ": " + value.message;
-        }
-        return value;
-      });
-      function shouldIgnore(_obj) {
-        if (isObject(_obj) && Object.keys(_obj).length > options.numOfKeysLimit) {
-          return true;
-        }
-        if (typeof _obj === "function") {
-          return true;
-        }
-        if (isObject(_obj) && isObjTooDeep(_obj, options.depthOfLimit)) {
-          return true;
-        }
-        return false;
-      }
-      function toString(_obj) {
-        let str = _obj.toString();
-        if (options.stringLengthLimit && str.length > options.stringLengthLimit) {
-          str = `${str.slice(0, options.stringLengthLimit)}...`;
-        }
-        return str;
-      }
-    }
-
-    const defaultLogOptions = {
-      level: [
-        "assert",
-        "clear",
-        "count",
-        "countReset",
-        "debug",
-        "dir",
-        "dirxml",
-        "error",
-        "group",
-        "groupCollapsed",
-        "groupEnd",
-        "info",
-        "log",
-        "table",
-        "time",
-        "timeEnd",
-        "timeLog",
-        "trace",
-        "warn"
-      ],
-      lengthThreshold: 1e3,
-      logger: "console"
-    };
-    function initLogObserver(cb, win, logOptions) {
-      const loggerType = logOptions.logger;
-      if (!loggerType) {
-        return () => {
-        };
-      }
-      let logger;
-      if (typeof loggerType === "string") {
-        logger = win[loggerType];
-      } else {
-        logger = loggerType;
-      }
-      let logCount = 0;
-      const cancelHandlers = [];
-      if (logOptions.level.includes("error")) {
-        if (window) {
-          const errorHandler = (event) => {
-            const { message, error } = event;
-            const trace = ErrorStackParser.parse(error).map((stackFrame) => stackFrame.toString());
-            const payload = [stringify(message, logOptions.stringifyOptions)];
-            cb({
-              level: "error",
-              trace,
-              payload
-            });
-          };
-          window.addEventListener("error", errorHandler);
-          cancelHandlers.push(() => {
-            if (window)
-              window.removeEventListener("error", errorHandler);
-          });
-        }
-      }
-      for (const levelType of logOptions.level) {
-        cancelHandlers.push(replace(logger, levelType));
-      }
-      return () => {
-        cancelHandlers.forEach((h) => h());
-      };
-      function replace(_logger, level) {
-        if (!_logger[level]) {
-          return () => {
-          };
-        }
-        return patch(_logger, level, (original) => {
-          return (...args) => {
-            original.apply(this, args);
-            try {
-              const trace = ErrorStackParser.parse(new Error()).map((stackFrame) => stackFrame.toString()).splice(1);
-              const payload = args.map((s) => stringify(s, logOptions.stringifyOptions));
-              logCount++;
-              if (logCount < logOptions.lengthThreshold) {
-                cb({
-                  level,
-                  trace,
-                  payload
-                });
-              } else if (logCount === logOptions.lengthThreshold) {
-                cb({
-                  level: "warn",
-                  trace: [],
-                  payload: [
-                    stringify("The number of log records reached the threshold.")
-                  ]
-                });
-              }
-            } catch (error) {
-              original("rrweb logger error:", error, ...args);
-            }
-          };
-        });
-      }
-    }
-    const PLUGIN_NAME = "rrweb/console@1";
-    const getRecordConsolePlugin = (options) => ({
-      name: PLUGIN_NAME,
-      observer: initLogObserver,
-      options: options ? Object.assign({}, defaultLogOptions, options) : defaultLogOptions
-    });
-
-    exports.PLUGIN_NAME = PLUGIN_NAME;
-    exports.getRecordConsolePlugin = getRecordConsolePlugin;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-    return exports;
-
-})({});
+var rrwebConsoleRecord=function(g){"use strict";var O;(function(e){e[e.Document=0]="Document",e[e.DocumentType=1]="DocumentType",e[e.Element=2]="Element",e[e.Text=3]="Text",e[e.CDATA=4]="CDATA",e[e.Comment=5]="Comment"})(O||(O={}));const p=`Please stop import mirror directly. Instead of that,\r
+now you can use replayer.getMirror() to access the mirror instance of a replayer,\r
+or you can use record.mirror to access the mirror instance during recording.`;let v={map:{},getId(){return console.error(p),-1},getNode(){return console.error(p),null},removeNodeFromMap(){console.error(p)},has(){return console.error(p),!1},reset(){console.error(p)}};typeof window<"u"&&window.Proxy&&window.Reflect&&(v=new Proxy(v,{get(e,r,n){return r==="map"&&console.error(p),Reflect.get(e,r,n)}}));function C(e,r,n){try{if(!(r in e))return()=>{};const t=e[r],i=n(t);return typeof i=="function"&&(i.prototype=i.prototype||{},Object.defineProperties(i,{__rrweb_original__:{enumerable:!1,value:t}})),e[r]=i,()=>{e[r]=t}}catch{return()=>{}}}class m{constructor(r){this.fileName=r.fileName||"",this.functionName=r.functionName||"",this.lineNumber=r.lineNumber,this.columnNumber=r.columnNumber}toString(){const r=this.lineNumber||"",n=this.columnNumber||"";return this.functionName?this.functionName+" ("+this.fileName+":"+r+":"+n+")":this.fileName+":"+r+":"+n}}const S=/(^|@)\S+:\d+/,b=/^\s*at .*(\S+:\d+|\(native\))/m,j=/^(eval@)?(\[native code])?$/,L={parse:function(e){if(!e)return[];if(typeof e.stacktrace<"u"||typeof e["opera#sourceloc"]<"u")return this.parseOpera(e);if(e.stack&&e.stack.match(b))return this.parseV8OrIE(e);if(e.stack)return this.parseFFOrSafari(e);throw new Error("Cannot parse given Error object")},extractLocation:function(e){if(e.indexOf(":")===-1)return[e];const r=/(.+?)(?::(\d+))?(?::(\d+))?$/.exec(e.replace(/[()]/g,""));if(!r)throw new Error(`Cannot parse given url: ${e}`);return[r[1],r[2]||void 0,r[3]||void 0]},parseV8OrIE:function(e){return e.stack.split(`
+`).filter(function(r){return!!r.match(b)},this).map(function(r){r.indexOf("(eval ")>-1&&(r=r.replace(/eval code/g,"eval").replace(/(\(eval at [^()]*)|(\),.*$)/g,""));let n=r.replace(/^\s+/,"").replace(/\(eval code/g,"(");const t=n.match(/ (\((.+):(\d+):(\d+)\)$)/);n=t?n.replace(t[0],""):n;const i=n.split(/\s+/).slice(1),c=this.extractLocation(t?t[1]:i.pop()),s=i.join(" ")||void 0,a=["eval","<anonymous>"].indexOf(c[0])>-1?void 0:c[0];return new m({functionName:s,fileName:a,lineNumber:c[1],columnNumber:c[2]})},this)},parseFFOrSafari:function(e){return e.stack.split(`
+`).filter(function(r){return!r.match(j)},this).map(function(r){if(r.indexOf(" > eval")>-1&&(r=r.replace(/ line (\d+)(?: > eval line \d+)* > eval:\d+:\d+/g,":$1")),r.indexOf("@")===-1&&r.indexOf(":")===-1)return new m({functionName:r});{const n=/((.*".+"[^@]*)?[^@]*)(?:@)/,t=r.match(n),i=t&&t[1]?t[1]:void 0,c=this.extractLocation(r.replace(n,""));return new m({functionName:i,fileName:c[0],lineNumber:c[1],columnNumber:c[2]})}},this)},parseOpera:function(e){return!e.stacktrace||e.message.indexOf(`
+`)>-1&&e.message.split(`
+`).length>e.stacktrace.split(`
+`).length?this.parseOpera9(e):e.stack?this.parseOpera11(e):this.parseOpera10(e)},parseOpera9:function(e){const r=/Line (\d+).*script (?:in )?(\S+)/i,n=e.message.split(`
+`),t=[];for(let i=2,c=n.length;i<c;i+=2){const s=r.exec(n[i]);s&&t.push(new m({fileName:s[2],lineNumber:parseFloat(s[1])}))}return t},parseOpera10:function(e){const r=/Line (\d+).*script (?:in )?(\S+)(?:: In function (\S+))?$/i,n=e.stacktrace.split(`
+`),t=[];for(let i=0,c=n.length;i<c;i+=2){const s=r.exec(n[i]);s&&t.push(new m({functionName:s[3]||void 0,fileName:s[2],lineNumber:parseFloat(s[1])}))}return t},parseOpera11:function(e){return e.stack.split(`
+`).filter(function(r){return!!r.match(S)&&!r.match(/^Error created at/)},this).map(function(r){const n=r.split("@"),t=this.extractLocation(n.pop()),i=(n.shift()||"").replace(/<anonymous function(: (\w+))?>/,"$2").replace(/\([^)]*\)/g,"")||void 0;return new m({functionName:i,fileName:t[0],lineNumber:t[1],columnNumber:t[2]})},this)}};function T(e){if(!e||!e.outerHTML)return"";let r="";for(;e.parentElement;){let n=e.localName;if(!n)break;n=n.toLowerCase();const t=e.parentElement,i=[];if(t.children&&t.children.length>0)for(let c=0;c<t.children.length;c++){const s=t.children[c];s.localName&&s.localName.toLowerCase&&s.localName.toLowerCase()===n&&i.push(s)}i.length>1&&(n+=":eq("+i.indexOf(e)+")"),r=n+(r?">"+r:""),e=t}return r}function N(e){return Object.prototype.toString.call(e)==="[object Object]"}function E(e,r){if(r===0)return!0;const n=Object.keys(e);for(const t of n)if(N(e[t])&&E(e[t],r-1))return!0;return!1}function y(e,r){const n={numOfKeysLimit:50,depthOfLimit:4};Object.assign(n,r);const t=[],i=[];return JSON.stringify(e,function(a,o){if(t.length>0){const l=t.indexOf(this);~l?t.splice(l+1):t.push(this),~l?i.splice(l,1/0,a):i.push(a),~t.indexOf(o)&&(t[0]===o?o="[Circular ~]":o="[Circular ~."+i.slice(0,t.indexOf(o)).join(".")+"]")}else t.push(o);if(o==null)return o;if(c(o))return s(o);if(o instanceof Event){const l={};for(const f in o){const u=o[f];Array.isArray(u)?l[f]=T(u.length?u[0]:null):l[f]=u}return l}else{if(o instanceof Node)return o instanceof HTMLElement?o?o.outerHTML:"":o.nodeName;if(o instanceof Error)return o.stack?o.stack+`
+End of stack for Error object`:o.name+": "+o.message}return o});function c(a){return!!(N(a)&&Object.keys(a).length>n.numOfKeysLimit||typeof a=="function"||N(a)&&E(a,n.depthOfLimit))}function s(a){let o=a.toString();return n.stringLengthLimit&&o.length>n.stringLengthLimit&&(o=`${o.slice(0,n.stringLengthLimit)}...`),o}}const k={level:["assert","clear","count","countReset","debug","dir","dirxml","error","group","groupCollapsed","groupEnd","info","log","table","time","timeEnd","timeLog","trace","warn"],lengthThreshold:1e3,logger:"console"};function $(e,r,n){const t=n.logger;if(!t)return()=>{};let i;typeof t=="string"?i=r[t]:i=t;let c=0;const s=[];if(n.level.includes("error")&&window){const o=l=>{const{message:f,error:u}=l,d=L.parse(u).map(h=>h.toString()),w=[y(f,n.stringifyOptions)];e({level:"error",trace:d,payload:w})};window.addEventListener("error",o),s.push(()=>{window&&window.removeEventListener("error",o)})}for(const o of n.level)s.push(a(i,o));return()=>{s.forEach(o=>o())};function a(o,l){return o[l]?C(o,l,f=>(...u)=>{f.apply(this,u);try{const d=L.parse(new Error).map(h=>h.toString()).splice(1),w=u.map(h=>y(h,n.stringifyOptions));c++,c<n.lengthThreshold?e({level:l,trace:d,payload:w}):c===n.lengthThreshold&&e({level:"warn",trace:[],payload:[y("The number of log records reached the threshold.")]})}catch(d){f("rrweb logger error:",d,...u)}}):()=>{}}}const x="rrweb/console@1",P=e=>({name:x,observer:$,options:e?Object.assign({},k,e):k});return g.PLUGIN_NAME=x,g.getRecordConsolePlugin=P,Object.defineProperty(g,"__esModule",{value:!0}),g}({});