feat: Remove plugins related code, which is not used (#123)

This allows us to remove some code in the codebase that we don't
actually use, streamlining this a bit and saving some bytes.

Author: mydea

packages/rrweb/src/record/index.ts

@@ -109,7 +109,6 @@ function record<T = eventWithTime>(
     userTriggeredOnInput = false,
     collectFonts = false,
     inlineImages = false,
-    plugins,
     keepIframeSrcFn = () => false,
     ignoreCSSAttributes = new Set([]),
     errorHandler,
@@ -197,11 +196,7 @@ function record<T = eventWithTime>(
   let incrementalSnapshotCount = 0;
 
   const eventProcessor = (e: eventWithTime): T => {
-    for (const plugin of plugins || []) {
-      if (plugin.eventProcessor) {
-        e = plugin.eventProcessor(e);
-      }
-    }
+    // We ignore plugins here, as we do not have any
     if (
       packFn &&
       // Disable packing events which will be emitted to parent frames.
@@ -322,16 +317,8 @@ function record<T = eventWithTime>(
 
   /**
    * Exposes mirror to the plugins
+   * We ignore plugins here, as we don't use any
    */
-  for (const plugin of plugins || []) {
-    if (plugin.getMirror)
-      plugin.getMirror({
-        nodeMirror: mirror,
-        crossOriginIframeMirror: iframeManager.crossOriginIframeMirror,
-        crossOriginIframeStyleMirror:
-          iframeManager.crossOriginIframeStyleMirror,
-      });
-  }
 
   const processedNodeManager = new ProcessedNodeManager();
 
@@ -612,23 +599,7 @@ function record<T = eventWithTime>(
           processedNodeManager,
           canvasManager,
           ignoreCSSAttributes,
-          plugins:
-            plugins
-              ?.filter((p) => p.observer)
-              ?.map((p) => ({
-                observer: p.observer!,
-                options: p.options,
-                callback: (payload: object) =>
-                  wrappedEmit(
-                    wrapEvent({
-                      type: EventType.Plugin,
-                      data: {
-                        plugin: p.name,
-                        payload,
-                      },
-                    }),
-                  ),
-              })) || [],
+          plugins: [],
         },
         hooks,
       );

packages/rrweb/src/record/observer.ts

@@ -1440,12 +1440,7 @@ export function initObservers(
   const customElementObserver = initCustomElementObserver(o);
 
   // plugins
-  const pluginHandlers: listenerHandler[] = [];
-  for (const plugin of o.plugins) {
-    pluginHandlers.push(
-      plugin.observer(plugin.callback, currentWindow, plugin.options),
-    );
-  }
+  // we ignore plugins here, as we don't have any
 
   return callbackWrapper(() => {
     mutationBuffers.forEach((b) => b.reset());
@@ -1462,7 +1457,6 @@ export function initObservers(
     fontObserver();
     selectionObserver();
     customElementObserver();
-    pluginHandlers.forEach((h) => h());
   });
 }
 

packages/rrweb/src/replay/index.ts

@@ -202,10 +202,8 @@ export class Replayer {
 
     /**
      * Exposes mirror to the plugins
+     * We ignore plugins here, as we don't have any
      */
-    for (const plugin of this.config.plugins || []) {
-      if (plugin.getMirror) plugin.getMirror({ nodeMirror: this.mirror });
-    }
 
     this.emitter.on(ReplayerEvents.Flush, () => {
       if (this.usingVirtualDom) {
@@ -236,11 +234,7 @@ export class Replayer {
             else if (data.source === IncrementalSource.StyleDeclaration)
               this.applyStyleDeclaration(data, styleSheet);
           },
-          afterAppend: (node: Node, id: number) => {
-            for (const plugin of this.config.plugins || []) {
-              if (plugin.onBuild) plugin.onBuild(node, { id, replayer: this });
-            }
-          },
+          // we ignore plugins here, as we don't have any
         };
         if (this.iframe.contentDocument)
           try {
@@ -723,9 +717,7 @@ export class Replayer {
         castFn();
       }
 
-      for (const plugin of this.config.plugins || []) {
-        if (plugin.handler) plugin.handler(event, isSync, { replayer: this });
-      }
+      // we ignore plugins here, as we don't have any
 
       this.service.send({ type: 'CAST_EVENT', payload: { event } });
 
@@ -778,13 +770,7 @@ export class Replayer {
     const collected: AppendedIframe[] = [];
     const afterAppend = (builtNode: Node, id: number) => {
       this.collectIframeAndAttachDocument(collected, builtNode);
-      for (const plugin of this.config.plugins || []) {
-        if (plugin.onBuild)
-          plugin.onBuild(builtNode, {
-            id,
-            replayer: this,
-          });
-      }
+      // we ignore plugins here, as we don't have any
     };
 
     /**
@@ -877,7 +863,7 @@ export class Replayer {
     type TMirror = typeof mirror extends Mirror ? Mirror : RRDOMMirror;
 
     const collected: AppendedIframe[] = [];
-    const afterAppend = (builtNode: Node, id: number) => {
+    const afterAppend = (builtNode: Node, _id: number) => {
       this.collectIframeAndAttachDocument(collected, builtNode);
       const sn = (mirror as TMirror).getMeta(builtNode as unknown as TNode);
       if (
@@ -892,14 +878,7 @@ export class Replayer {
       }
 
       // Skip the plugin onBuild callback in the virtual dom mode
-      if (this.usingVirtualDom) return;
-      for (const plugin of this.config.plugins || []) {
-        if (plugin.onBuild)
-          plugin.onBuild(builtNode, {
-            id,
-            replayer: this,
-          });
-      }
+      // we ignore plugins here, as we don't have any
     };
 
     buildNodeWithSN(mutation.node, {
@@ -1519,13 +1498,7 @@ export class Replayer {
         );
         return;
       }
-      const afterAppend = (node: Node | RRNode, id: number) => {
-        // Skip the plugin onBuild callback for virtual dom
-        if (this.usingVirtualDom) return;
-        for (const plugin of this.config.plugins || []) {
-          if (plugin.onBuild) plugin.onBuild(node, { id, replayer: this });
-        }
-      };
+      // we ignore plugins here, as we don't have any
 
       const target = buildNodeWithSN(mutation.node, {
         doc: targetDoc as Document, // can be Document or RRDocument
@@ -1537,7 +1510,6 @@ export class Replayer {
          * caveat: `afterAppend` only gets called on child nodes of target
          * we have to call it again below when this target was added to the DOM
          */
-        afterAppend,
       }) as Node | RRNode;
 
       // legacy data, we should not have -1 siblings any more
@@ -1612,10 +1584,7 @@ export class Replayer {
       } else {
         (parent as TNode).appendChild(target as TNode);
       }
-      /**
-       * target was added, execute plugin hooks
-       */
-      afterAppend(target, mutation.node.id);
+      // we ignore plugins here, as we don't have any
 
       /**
        * https://github.com/rrweb-io/rrweb/pull/887