fix: Exclude modulepreload as well (#52)

billyvg · web-flow · commit 5b4631b45007 · 2023-02-15T13:36:14.000-05:00
We were only excluding `&lt;link rel="preload" as="script" /&gt;` but we
should include `rel="modulepreload"` as well
diff --git a/packages/rrweb-snapshot/src/rebuild.ts b/packages/rrweb-snapshot/src/rebuild.ts
@@ -198,7 +198,7 @@ function buildNode(
               continue;
             } else if (
               tagName === 'link' &&
-              n.attributes.rel === 'preload' &&
+              (n.attributes.rel === 'preload' || n.attributes.rel === 'modulepreload') &&
               n.attributes.as === 'script'
             ) {
               // ignore
diff --git a/packages/rrweb-snapshot/src/snapshot.ts b/packages/rrweb-snapshot/src/snapshot.ts
@@ -789,9 +789,9 @@ function slimDOMExcluded(
       slimDOMOptions.script &&
       // script tag
       (sn.tagName === 'script' ||
-        // preload link
+        // (module)preload link
         (sn.tagName === 'link' &&
-          sn.attributes.rel === 'preload' &&
+          (sn.attributes.rel === 'preload' || sn.attributes.rel === 'modulepreload') &&
           sn.attributes.as === 'script') ||
         // prefetch link
         (sn.tagName === 'link' &&
diff --git a/packages/rrweb-snapshot/test/__snapshots__/integration.test.ts.snap b/packages/rrweb-snapshot/test/__snapshots__/integration.test.ts.snap
@@ -337,6 +337,7 @@ exports[`integration tests [html file]: preload.html 1`] = `
     <title>Document</title>
     <link />
     <link />
+    <link />
   </head>
   <body></body></html>"
 `;
diff --git a/packages/rrweb-snapshot/test/html/preload.html b/packages/rrweb-snapshot/test/html/preload.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Document</title>
+    <link rel="modulepreload" href="https://example/path/to/preload.js" as="script" />
     <link rel="preload" href="https://example/path/to/preload.js" as="script" />
     <link rel="prefetch" href="https://example/path/to/prefetch.js" />
   </head>
