fix: remove passive:true from event listener patch (#98)

Removes the `passive:true` option which breaks `preventDefault` for drag
and drop in angular.

To reproduce,

1. Clone the angular example repo:
```shell
git clone [email protected]:aptlin/angular-scratchpad.git rakesh
```
2. Add ` "dev:rakesh": "yarn turbo run dev --filter rakesh... --filter
frontend...",` to `scripts` and `rakesh` to `workspaces` in the
highlight package.json
3. Run `yarn dev:rakesh` with and without this change.

Author: aptlin

packages/rrweb-snapshot/src/snapshot.ts

@@ -1394,14 +1394,14 @@ function snapshot(
         }
       : maskAllInputs;
   const slimDOMOptions: SlimDOMOptions =
-    slimDOM === true || slimDOM === 'all'
+    slimDOM === true || (slimDOM as unknown) === 'all'
       ? // if true: set of sensible options that should not throw away any information
         {
           script: true,
           comment: true,
           headFavicon: true,
           headWhitespace: true,
-          headMetaDescKeywords: slimDOM === 'all', // destructive
+          headMetaDescKeywords: (slimDOM as unknown) === 'all', // destructive
           headMetaSocial: true,
           headMetaRobots: true,
           headMetaHttpEquiv: true,

packages/rrweb/src/record/observers/canvas/webgl.ts

@@ -50,8 +50,12 @@ function patchGLPrototype(
             const result = original.apply(this, args);
             saveWebGLVar(result, win, this);
             if (
-              'tagName' in this.canvas &&
-              !isBlocked(this.canvas, blockClass, blockSelector, true)
+              'tagName' in this.canvas &&!isBlocked(
+                this.canvas as HTMLCanvasElement,
+                blockClass,
+                blockSelector,
+                true,
+              )
             ) {
               const recordArgs = serializeArgs(args, win, this);
               const mutation: canvasMutationWithType = {
@@ -60,7 +64,7 @@ function patchGLPrototype(
                 args: recordArgs,
               };
               // TODO: this could potentially also be an OffscreenCanvas as well as HTMLCanvasElement
-              cb(this.canvas, mutation);
+              cb(this.canvas as HTMLCanvasElement, mutation);
             }
 
             return result;

packages/rrweb/src/utils.ts

@@ -22,7 +22,7 @@ export function on(
   fn: EventListenerOrEventListenerObject,
   target: Document | IWindow = document,
 ): listenerHandler {
-  const options = { capture: true, passive: true };
+  const options = { capture: true };
   target.addEventListener(type, fn, options);
   return () => target.removeEventListener(type, fn, options);
 }