avoid using 2nd argument of Array.from that prototype.js does not sup…

…port

.changeset/eleven-bobcats-peel.md

@@ -0,0 +1,6 @@
+---
+'rrweb-snapshot': patch
+'rrweb': patch
+---
+
+avoid using 2nd argument of Array.from that prototype.js does not support

packages/rrweb-snapshot/src/utils.ts

@@ -96,10 +96,12 @@ export function escapeImportStatement(rule: CSSImportRule): string {
 export function stringifyStylesheet(s: CSSStyleSheet): string | null {
   try {
     const rules = s.rules || s.cssRules;
+    const stringifiedRules = [] as string[];
+    for (let i = 0; i < rules.length; ++i) {
+      stringifiedRules.push(stringifyRule(rules[i]));
+    }
     return rules
-      ? fixBrowserCompatibilityIssuesInCSS(
-          Array.from(rules, stringifyRule).join(''),
-        )
+      ? fixBrowserCompatibilityIssuesInCSS(stringifiedRules.join(''))
       : null;
   } catch (error) {
     return null;

packages/rrweb/src/record/stylesheet-manager.ts

@@ -5,6 +5,7 @@ import type {
   adoptedStyleSheetParam,
   attributeMutation,
   mutationCallBack,
+  styleSheetAddRule,
 } from '@rrweb/types';
 import { StyleSheetMirror } from '../utils';
 
@@ -61,12 +62,16 @@ export class StylesheetManager {
       let styleId;
       if (!this.styleMirror.has(sheet)) {
         styleId = this.styleMirror.add(sheet);
+        const rules = [] as styleSheetAddRule[];
+        for (let i = 0; i < sheet.rules.length; ++i) {
+          rules.push({
+            rule: stringifyRule(sheet.rules[i]),
+            index: i,
+          });
+        }
         styles.push({
           styleId,
-          rules: Array.from(sheet.rules || CSSRule, (r, index) => ({
-            rule: stringifyRule(r),
-            index,
-          })),
+          rules,
         });
       } else styleId = this.styleMirror.getId(sheet);
       adoptedStyleSheetData.styleIds.push(styleId);