@glimt/record 0.0.1 → 0.0.3

package/README.md

@@ -1,201 +0,0 @@
-# @rrweb/record
-
-This package contains all the record related code in rrweb.
-See the [guide](../../guide.md) for more info on rrweb.
-
-## Installation
-
-```bash
-npm install @rrweb/record
-```
-
-## Usage
-
-```js
-import { record } from '@rrweb/record';
-
-record({
-  emit(event) {
-    // send event to server
-  },
-});
-```
-
-## Notes
-
-Currently this package is really just a wrapper around the `record` function in the main `rrweb` package.
-All `record` related code will get moved here in the future.
-
-## Sponsors
-
-[Become a sponsor](https://opencollective.com/rrweb#sponsor) and get your logo on our README on Github with a link to your site.
-
-### Gold Sponsors 🥇
-
-<div dir="auto">
-
-<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/0/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/0/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
-<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/1/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/1/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
-<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/2/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/2/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
-<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/3/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/3/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
-<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/4/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/4/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
-<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/5/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/5/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
-<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/6/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/6/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
-
-</div>
-
-### Silver Sponsors 🥈
-
-<div dir="auto">
-
-<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/0/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/0/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
-<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/1/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/1/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
-<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/2/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/2/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
-<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/3/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/3/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
-<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/4/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/4/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
-<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/5/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/5/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
-<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/6/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/6/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
-
-</div>
-
-### Bronze Sponsors 🥉
-
-<div dir="auto">
-
-<a href="https://opencollective.com/rrweb/tiers/sponsors/0/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/0/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
-<a href="https://opencollective.com/rrweb/tiers/sponsors/1/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/1/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
-<a href="https://opencollective.com/rrweb/tiers/sponsors/2/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/2/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
-<a href="https://opencollective.com/rrweb/tiers/sponsors/3/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/3/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
-<a href="https://opencollective.com/rrweb/tiers/sponsors/4/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/4/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
-<a href="https://opencollective.com/rrweb/tiers/sponsors/5/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/5/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
-<a href="https://opencollective.com/rrweb/tiers/sponsors/6/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/6/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
-<a href="https://opencollective.com/rrweb/tiers/sponsors/7/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/7/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
-<a href="https://opencollective.com/rrweb/tiers/sponsors/8/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/8/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
-
-</div>
-
-### Backers
-
-<a href="https://opencollective.com/rrweb#sponsor" rel="nofollow"><img src="https://opencollective.com/rrweb/tiers/backers.svg?avatarHeight=36"></a>
-
-## Core Team Members
-
-<table>
-  <tr>
-    <td align="center">
-      <a href="https://github.com/Yuyz0112">
-        <img
-          src="https://avatars.githubusercontent.com/u/13651389?s=100"
-          width="100px;"
-          alt=""
-        />
-        <br /><sub><b>Yuyz0112</b></sub>
-        <br /><br />
-      </a>
-    </td>
-    <td align="center">
-      <a href="https://github.com/YunFeng0817">
-        <img
-          src="https://avatars.githubusercontent.com/u/27533910?s=100"
-          width="100px;"
-          alt=""
-        />
-        <br /><sub><b>Yun Feng</b></sub>
-        <br /><br />
-      </a>
-    </td>
-    <td align="center">
-      <a href="https://github.com/eoghanmurray">
-        <img
-          src="https://avatars.githubusercontent.com/u/156780?s=100"
-          width="100px;"
-          alt=""
-        />
-        <br /><sub><b>eoghanmurray</b></sub>
-        <br /><br />
-      </a>
-    </td>
-    <td align="center">
-      <a href="https://github.com/Juice10">
-        <img
-          src="https://avatars.githubusercontent.com/u/4106?s=100"
-          width="100px;"
-          alt=""
-        />
-        <br /><sub><b>Juice10</b></sub>
-        <br /><sub>open for rrweb consulting</sub>
-      </a>
-    </td>
-  </tr>
-</table>
-
-## Who's using rrweb?
-
-<table>
-  <tr>
-    <td align="center">
-      <a href="http://www.smartx.com/" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/smartx.png">
-      </a>
-    </td>
-    <td align="center">
-      <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/posthog.png">
-      </a>
-    </td>
-    <td align="center">
-      <a href="https://statcounter.com/session-replay/" target="_blank">
-        <img width="195px" src="https://statcounter.com/images/logo-statcounter-arc-blue.svg">
-      </a>
-    </td>
-    <td align="center">
-      <a href="https://recordonce.com/" target="_blank">
-        <img width="195px" alt="Smart screen recording for SaaS" src="https://uploads-ssl.webflow.com/5f3d133183156245630d4446/5f3d1940abe8db8612c23521_Record-Once-logo-554x80px.svg">
-      </a>
-    </td>
-  </tr>
-    <tr>
-    <td align="center">
-      <a href="https://cux.io" target="_blank">
-        <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
-      </a>
-    </td>
-    <td align="center">
-      <a href="https://remsupp.com" target="_blank">
-        <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
-      </a>
-    </td>
-    <td align="center">
-      <a href="https://highlight.io" target="_blank">
-        <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
-      </a>
-    </td>
-    <td align="center">
-      <a href="https://analyzee.io" target="_blank">
-        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://cdn.analyzee.io/assets/analyzee-logo.png">
-      </a>
-    </td>
-  </tr>
-  <tr>
-    <td align="center">
-      <a href="https://requestly.io" target="_blank">
-        <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
-      </a>
-    </td>
-    <td align="center">
-      <a href="https://gleap.io" target="_blank">
-        <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
-      </a>
-    </td>
-    <td align="center">
-      <a href="https://uxwizz.com" target="_blank">
-        <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
-      </a>
-    </td>
-    <td align="center">
-      <a href="https://www.howdygo.com" target="_blank">
-        <img style="padding: 8px" alt="Interactive product demos for small marketing teams" width="195px" src="https://assets-global.website-files.com/650afb446f1dd5bd410f00cc/650b2cec6188ff54dd9b01e1_Logo.svg">
-      </a>
-    </td>
-  </tr>
-</table>

package/dist/record.cjs

@@ -144,32 +144,6 @@ function querySelectorAll$1(n2, selectors) {
 function mutationObserverCtor$1() {
   return getUntaintedPrototype$1("MutationObserver").constructor;
 }
-function patch$1(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 {
-    return () => {
-    };
-  }
-}
 const index$1 = {
   childNodes: childNodes$1,
   parentNode: parentNode$1,
@@ -182,8 +156,7 @@ const index$1 = {
   shadowRoot: shadowRoot$1,
   querySelector: querySelector$1,
   querySelectorAll: querySelectorAll$1,
-  mutationObserver: mutationObserverCtor$1,
-  patch: patch$1
+  mutationObserver: mutationObserverCtor$1
 };
 function isElement(n2) {
   return n2.nodeType === n2.ELEMENT_NODE;
@@ -452,97 +425,26 @@ function absolutifyURLs(cssText, href) {
     }
   );
 }
-function normalizeCssString(cssText, _testNoPxNorm = false) {
-  if (_testNoPxNorm) {
-    return cssText.replace(/(\/\*[^*]*\*\/)|[\s;]/g, "");
-  } else {
-    return cssText.replace(/(\/\*[^*]*\*\/)|[\s;]/g, "").replace(/0px/g, "0");
-  }
+function normalizeCssString(cssText) {
+  return cssText.replace(/(\/\*[^*]*\*\/)|[\s;]/g, "");
 }
-function splitCssText(cssText, style, _testNoPxNorm = false) {
+function splitCssText(cssText, style) {
   const childNodes2 = Array.from(style.childNodes);
   const splits = [];
-  let iterCount = 0;
   if (childNodes2.length > 1 && cssText && typeof cssText === "string") {
-    let cssTextNorm = normalizeCssString(cssText, _testNoPxNorm);
-    const normFactor = cssTextNorm.length / cssText.length;
+    const cssTextNorm = normalizeCssString(cssText);
     for (let i2 = 1; i2 < childNodes2.length; i2++) {
       if (childNodes2[i2].textContent && typeof childNodes2[i2].textContent === "string") {
-        const textContentNorm = normalizeCssString(
-          childNodes2[i2].textContent,
-          _testNoPxNorm
-        );
-        const jLimit = 100;
-        let j = 3;
-        for (; j < textContentNorm.length; j++) {
-          if (
-            // keep consuming css identifiers (to get a decent chunk more quickly)
-            textContentNorm[j].match(/[a-zA-Z0-9]/) || // substring needs to be unique to this section
-            textContentNorm.indexOf(textContentNorm.substring(0, j), 1) !== -1
-          ) {
-            continue;
-          }
-          break;
-        }
-        for (; j < textContentNorm.length; j++) {
-          let startSubstring = textContentNorm.substring(0, j);
-          let cssNormSplits = cssTextNorm.split(startSubstring);
-          let splitNorm = -1;
-          if (cssNormSplits.length === 2) {
-            splitNorm = cssNormSplits[0].length;
-          } else if (cssNormSplits.length > 2 && cssNormSplits[0] === "" && childNodes2[i2 - 1].textContent !== "") {
-            splitNorm = cssTextNorm.indexOf(startSubstring, 1);
-          } else if (cssNormSplits.length === 1) {
-            startSubstring = startSubstring.substring(
-              0,
-              startSubstring.length - 1
-            );
-            cssNormSplits = cssTextNorm.split(startSubstring);
-            if (cssNormSplits.length <= 1) {
-              splits.push(cssText);
-              return splits;
-            }
-            j = jLimit + 1;
-          } else if (j === textContentNorm.length - 1) {
-            splitNorm = cssTextNorm.indexOf(startSubstring);
-          }
-          if (cssNormSplits.length >= 2 && j > jLimit) {
-            const prevTextContent = childNodes2[i2 - 1].textContent;
-            if (prevTextContent && typeof prevTextContent === "string") {
-              const prevMinLength = normalizeCssString(prevTextContent).length;
-              splitNorm = cssTextNorm.indexOf(startSubstring, prevMinLength);
-            }
-            if (splitNorm === -1) {
-              splitNorm = cssNormSplits[0].length;
-            }
-          }
-          if (splitNorm !== -1) {
-            let k = Math.floor(splitNorm / normFactor);
-            for (; k > 0 && k < cssText.length; ) {
-              iterCount += 1;
-              if (iterCount > 50 * childNodes2.length) {
-                splits.push(cssText);
-                return splits;
-              }
-              const normPart = normalizeCssString(
-                cssText.substring(0, k),
-                _testNoPxNorm
-              );
-              if (normPart.length === splitNorm) {
+        const textContentNorm = normalizeCssString(childNodes2[i2].textContent);
+        for (let j = 3; j < textContentNorm.length; j++) {
+          const bit = textContentNorm.substring(0, j);
+          if (cssTextNorm.split(bit).length === 2) {
+            const splitNorm = cssTextNorm.indexOf(bit);
+            for (let k = splitNorm; k < cssText.length; k++) {
+              if (normalizeCssString(cssText.substring(0, k)).length === splitNorm) {
                 splits.push(cssText.substring(0, k));
                 cssText = cssText.substring(k);
-                cssTextNorm = cssTextNorm.substring(splitNorm);
                 break;
-              } else if (normPart.length < splitNorm) {
-                k += Math.max(
-                  1,
-                  Math.floor((splitNorm - normPart.length) / normFactor)
-                );
-              } else {
-                k -= Math.max(
-                  1,
-                  Math.floor((normPart.length - splitNorm) * normFactor)
-                );
               }
             }
             break;
@@ -1024,19 +926,8 @@ function serializeElementNode(n2, options) {
     const image = n2;
     const imageSrc = image.currentSrc || image.getAttribute("src") || "<unknown-src>";
     const priorCrossOrigin = image.crossOrigin;
-    const cleanupCrossOriginAttribute = () => {
-      if (image.crossOrigin === "anonymous") {
-        if (priorCrossOrigin) {
-          image.setAttribute("crossorigin", priorCrossOrigin);
-          attributes.crossOrigin = priorCrossOrigin;
-        } else {
-          image.removeAttribute("crossorigin");
-        }
-      }
-    };
     const recordInlineImage = () => {
       image.removeEventListener("load", recordInlineImage);
-      image.removeEventListener("error", onImageLoadError);
       try {
         canvasService.width = image.naturalWidth;
         canvasService.height = image.naturalHeight;
@@ -1050,10 +941,7 @@ function serializeElementNode(n2, options) {
           image.crossOrigin = "anonymous";
           if (image.complete && image.naturalWidth !== 0)
             recordInlineImage();
-          else {
-            image.addEventListener("load", recordInlineImage);
-            image.addEventListener("error", onImageLoadError);
-          }
+          else image.addEventListener("load", recordInlineImage);
           return;
         } else {
           console.warn(
@@ -1061,18 +949,12 @@ function serializeElementNode(n2, options) {
           );
         }
       }
-      cleanupCrossOriginAttribute();
-    };
-    const onImageLoadError = () => {
-      image.removeEventListener("load", recordInlineImage);
-      image.removeEventListener("error", onImageLoadError);
-      cleanupCrossOriginAttribute();
+      if (image.crossOrigin === "anonymous") {
+        priorCrossOrigin ? attributes.crossOrigin = priorCrossOrigin : image.removeAttribute("crossorigin");
+      }
     };
     if (image.complete && image.naturalWidth !== 0) recordInlineImage();
-    else {
-      image.addEventListener("load", recordInlineImage);
-      image.addEventListener("error", onImageLoadError);
-    }
+    else image.addEventListener("load", recordInlineImage);
   }
   if (tagName === "audio" || tagName === "video") {
     const mediaAttributes = attributes;
@@ -1134,7 +1016,7 @@ function slimDOMExcluded(sn, slimDOMOptions) {
   } else if (sn.type === NodeType$3.Element) {
     if (slimDOMOptions.script && // script tag
     (sn.tagName === "script" || // (module)preload link
-    sn.tagName === "link" && (sn.attributes.rel === "preload" && sn.attributes.as === "script" || sn.attributes.rel === "modulepreload") || // prefetch link
+    sn.tagName === "link" && (sn.attributes.rel === "preload" || sn.attributes.rel === "modulepreload") && sn.attributes.as === "script" || // prefetch link
     sn.tagName === "link" && sn.attributes.rel === "prefetch" && typeof sn.attributes.href === "string" && extractFileExtension(sn.attributes.href) === "js")) {
       return true;
     } else if (slimDOMOptions.headFavicon && (sn.tagName === "link" && sn.attributes.rel === "shortcut icon" || sn.tagName === "meta" && (lowerIfExists(sn.attributes.name).match(
@@ -1278,10 +1160,7 @@ function serializeNodeWithId(n2, options) {
         bypassOptions.cssCaptured = true;
       }
       for (const childN of Array.from(index$1.childNodes(n2))) {
-        const serializedChildNode = serializeNodeWithId(
-          childN,
-          bypassOptions
-        );
+        const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
         if (serializedChildNode) {
           serializedNode.childNodes.push(serializedChildNode);
         }
@@ -1290,10 +1169,7 @@ function serializeNodeWithId(n2, options) {
     let shadowRootEl = null;
     if (isElement(n2) && (shadowRootEl = index$1.shadowRoot(n2))) {
       for (const childN of Array.from(index$1.childNodes(shadowRootEl))) {
-        const serializedChildNode = serializeNodeWithId(
-          childN,
-          bypassOptions
-        );
+        const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
         if (serializedChildNode) {
           isNativeShadowDom(shadowRootEl) && (serializedChildNode.isShadow = true);
           serializedNode.childNodes.push(serializedChildNode);
@@ -8761,32 +8637,6 @@ function querySelectorAll(n2, selectors) {
 function mutationObserverCtor() {
   return getUntaintedPrototype("MutationObserver").constructor;
 }
-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 {
-    return () => {
-    };
-  }
-}
 const index = {
   childNodes,
   parentNode,
@@ -8799,8 +8649,7 @@ const index = {
   shadowRoot,
   querySelector,
   querySelectorAll,
-  mutationObserver: mutationObserverCtor,
-  patch
+  mutationObserver: mutationObserverCtor
 };
 function on(type, fn, target = document) {
   const options = { capture: true, passive: true };
@@ -8883,6 +8732,32 @@ function hookSetter(target, key, d, isRevoked, win = window) {
   );
   return () => hookSetter(target, key, original || {}, true);
 }
+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 {
+    return () => {
+    };
+  }
+}
 let nowTimestamp = Date.now;
 if (!/* @__PURE__ */ /[1-9][0-9]{12}/.test(Date.now().toString())) {
   nowTimestamp = () => (/* @__PURE__ */ new Date()).getTime();
@@ -9444,18 +9319,10 @@ class MutationBuffer {
         this.attributes.push(item);
         this.attributeMap.set(textarea, item);
       }
-      const value = Array.from(
+      item.attributes.value = Array.from(
         index.childNodes(textarea),
         (cn) => index.textContent(cn) || ""
       ).join("");
-      item.attributes.value = maskInputValue({
-        element: textarea,
-        maskInputOptions: this.maskInputOptions,
-        tagName: textarea.tagName,
-        type: getInputType(textarea),
-        value,
-        maskInputFn: this.maskInputFn
-      });
     });
     __publicField(this, "processMutation", (m) => {
       if (isIgnored(m.target, this.mirror, this.slimDOMOptions)) {