@highlight-run/rrweb 1.2.0 → 2.0.1

package/package.json

@@ -1,32 +1,38 @@
 {
   "name": "@highlight-run/rrweb",
-  "version": "1.2.0",
+  "version": "2.0.1",
   "description": "record and replay the web",
   "scripts": {
-    "test": "npm run bundle:browser && cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register -r ignore-styles -r jsdom-global/register test/**.test.ts",
-    "test:headless": "npm run bundle:browser && cross-env TS_NODE_CACHE=false TS_NODE_FILES=true PUPPETEER_HEADLESS=true mocha -r ts-node/register -r ignore-styles -r jsdom-global/register test/**.test.ts",
-    "test:watch": "PUPPETEER_HEADLESS=true npm run test -- --watch --watch-extensions js,ts",
-    "repl": "npm run bundle:browser && cross-env TS_NODE_CACHE=false TS_NODE_FILES=true ts-node scripts/repl.ts",
+    "prepare": "npm run prepack",
+    "prepack": "npm run bundle",
+    "test": "npm run bundle:browser && jest",
+    "test:headless": "npm run bundle:browser && PUPPETEER_HEADLESS=true jest",
+    "test:watch": "PUPPETEER_HEADLESS=true npm run test -- --watch",
+    "repl": "npm run bundle:browser && node scripts/repl.js",
+    "dev": "yarn bundle:browser --watch",
     "bundle:browser": "cross-env BROWSER_ONLY=true rollup --config",
     "bundle": "rollup --config",
-    "bundle:dev": "rollup --config --watch",
     "typings": "tsc -d --declarationDir typings",
-    "dev": "webpack --watch",
-    "bundle:highlight": "webpack --mode=production",
-    "analyze": "mkdir -p dist && webpack --mode=production --profile --json > dist/stats.json && yarn webpack-bundle-analyzer dist/stats.json"
+    "check-types": "tsc -noEmit",
+    "prepublish": "npm run typings && npm run bundle"
   },
   "repository": {
     "type": "git",
-    "url": "git+ssh://git@github.com/highlight-run/rrweb.git"
+    "url": "git+ssh://git@github.com/rrweb-io/rrweb.git"
   },
   "keywords": [
     "rrweb"
   ],
-  "main": "dist/index.js",
+  "main": "lib/rrweb-all.js",
+  "module": "es/rrweb/packages/rrweb/src/entries/all.js",
   "unpkg": "dist/rrweb.js",
   "sideEffects": false,
+  "typings": "typings/entries/all.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "lib",
+    "es",
+    "typings"
   ],
   "author": "yanzhen@smartx.com",
   "license": "MIT",
@@ -35,53 +41,45 @@
   },
   "homepage": "https://github.com/rrweb-io/rrweb#readme",
   "devDependencies": {
-    "@rollup/plugin-node-resolve": "^13.1.3",
+    "@rollup/plugin-node-resolve": "^7.0.0",
+    "@rollup/plugin-typescript": "^8.3.1",
     "@types/chai": "^4.1.6",
     "@types/inquirer": "0.0.43",
-    "@types/jsdom": "^16.2.12",
-    "@types/mocha": "^5.2.5",
-    "@types/node": "^10.11.7",
-    "@types/puppeteer": "^5.4.3",
-    "chai": "^4.2.0",
+    "@types/jest": "^27.4.1",
+    "@types/jest-image-snapshot": "^4.3.1",
+    "@types/jsdom": "^16.2.14",
+    "@types/node": "^17.0.21",
+    "@types/prettier": "^2.3.2",
+    "@types/puppeteer": "^5.4.4",
     "cross-env": "^5.2.0",
-    "css-loader": "^5.0.1",
     "fast-mhtml": "^1.1.9",
+    "identity-obj-proxy": "^3.0.0",
     "ignore-styles": "^5.0.1",
     "inquirer": "^6.2.1",
+    "jest": "^27.5.1",
+    "jest-image-snapshot": "^4.5.1",
     "jest-snapshot": "^23.6.0",
-    "jsdom": "^16.6.0",
+    "jsdom": "^17.0.0",
     "jsdom-global": "^3.0.2",
-    "mini-css-extract-plugin": "^1.3.8",
-    "mocha": "^5.2.0",
-    "node-libtidy": "^0.4.0",
     "prettier": "2.2.1",
     "puppeteer": "^9.1.1",
-    "rollup": "^2.3.3",
-    "rollup-plugin-commonjs": "^9.2.0",
-    "rollup-plugin-node-resolve": "^3.4.0",
+    "rollup": "^2.45.2",
     "rollup-plugin-postcss": "^3.1.1",
     "rollup-plugin-rename-node-modules": "^1.1.0",
-    "rollup-plugin-terser": "^5.3.0",
-    "rollup-plugin-typescript2": "^0.31.2",
-    "rollup-plugin-web-worker-loader": "^1.6.1",
-    "style-loader": "^2.0.0",
-    "ts-loader": "^8.0.14",
-    "ts-node": "^7.0.1",
-    "tslib": "^1.9.3",
-    "tslint": "^4.5.1",
-    "typescript": "^3.9.5",
-    "webpack": "^5.10.1",
-    "webpack-bundle-analyzer": "^4.4.2",
-    "webpack-cli": "^4.2.0",
-    "webpack-dev-server": "^3.11.0",
-    "webpack-merge": "^5.7.0"
+    "rollup-plugin-terser": "^7.0.2",
+    "ts-jest": "^27.1.3",
+    "ts-node": "^10.7.0",
+    "tslib": "^2.3.1",
+    "tslint": "^6.1.3",
+    "typescript": "^4.6.2"
   },
   "dependencies": {
-    "@types/css-font-loading-module": "0.0.4",
+    "@highlight-run/rrweb-snapshot": "^1.1.15",
+    "@types/css-font-loading-module": "0.0.7",
     "@xstate/fsm": "^1.4.0",
     "base64-arraybuffer": "^1.0.1",
     "fflate": "^0.4.4",
-    "identity-obj-proxy": "^3.0.0",
     "mitt": "^1.1.3"
-  }
+  },
+  "gitHead": "0a154a620f994a625f3689b0d851ca03c214a2c0"
 }

package/typings/entries/all.d.ts

@@ -0,0 +1,6 @@
+export * from '../index';
+export * from '../packer';
+export * from '../plugins/console/record';
+export * from '../plugins/console/replay';
+export { getRecordSequentialIdPlugin } from '../plugins/sequential-id/record';
+export { getReplaySequentialIdPlugin } from '../plugins/sequential-id/replay';

package/{dist → typings}/index.d.ts

@@ -2,8 +2,7 @@ import record from './record';
 import { Replayer } from './replay';
 import { _mirror } from './utils';
 import * as utils from './utils';
-export { EventType, IncrementalSource, MouseInteractions, ReplayerEvents, HighlightConfiguration, } from './types';
+export { EventType, IncrementalSource, MouseInteractions, ReplayerEvents, } from './types';
 declare const addCustomEvent: <T>(tag: string, payload: T) => void;
 declare const freezePage: () => void;
 export { record, addCustomEvent, freezePage, Replayer, _mirror as mirror, utils, };
-export { getRecordSequentialIdPlugin } from './plugins/sequential-id/record';

package/{dist → typings}/plugins/console/record/index.d.ts

@@ -2,12 +2,13 @@ import { RecordPlugin } from '../../../types';
 export declare type StringifyOptions = {
     stringLengthLimit?: number;
     numOfKeysLimit: number;
+    depthOfLimit: number;
 };
 declare type LogRecordOptions = {
-    level?: LogLevel[] | undefined;
+    level?: LogLevel[];
     lengthThreshold?: number;
     stringifyOptions?: StringifyOptions;
-    logger?: Logger | string;
+    logger?: Logger | 'console';
 };
 export declare type LogData = {
     level: LogLevel;

package/{dist → typings}/plugins/console/replay/index.d.ts

@@ -2,8 +2,8 @@ import { LogLevel, LogData } from '../record';
 import { ReplayPlugin } from '../../../types';
 declare type ReplayLogger = Partial<Record<LogLevel, (data: LogData) => void>>;
 declare type LogReplayConfig = {
-    level?: LogLevel[] | undefined;
-    replayLogger: ReplayLogger | undefined;
+    level?: LogLevel[];
+    replayLogger?: ReplayLogger;
 };
 export declare const getReplayConsolePlugin: (options?: LogReplayConfig) => ReplayPlugin;
 export {};

package/{dist → typings}/record/iframe-manager.d.ts

@@ -1,4 +1,4 @@
-import { serializedNodeWithId, INode } from '../snapshot';
+import { serializedNodeWithId, INode } from '@highlight-run/rrweb-snapshot';
 import { mutationCallBack } from '../types';
 export declare class IframeManager {
     private iframes;

package/{dist → typings}/record/mutation.d.ts

@@ -1,8 +1,4 @@
-import { MaskInputOptions, SlimDOMOptions, MaskTextFn, MaskInputFn } from '../snapshot';
-import { mutationRecord, blockClass, maskTextClass, mutationCallBack, Mirror } from '../types';
-import { IframeManager } from './iframe-manager';
-import { CanvasManager } from './observers/canvas/canvas-manager';
-import { ShadowDomManager } from './shadow-dom-manager';
+import { mutationRecord, MutationBufferParam } from '../types';
 export default class MutationBuffer {
     private frozen;
     private locked;
@@ -14,7 +10,7 @@ export default class MutationBuffer {
     private addedSet;
     private movedSet;
     private droppedSet;
-    private emissionCallback;
+    private mutationCb;
     private blockClass;
     private blockSelector;
     private maskTextClass;
@@ -24,14 +20,15 @@ export default class MutationBuffer {
     private maskTextFn;
     private maskInputFn;
     private recordCanvas;
-    private enableStrictPrivacy;
+    private inlineImages;
     private slimDOMOptions;
     private doc;
     private mirror;
     private iframeManager;
     private shadowDomManager;
     private canvasManager;
-    init(cb: mutationCallBack, blockClass: blockClass, blockSelector: string | null, maskTextClass: maskTextClass, maskTextSelector: string | null, inlineStylesheet: boolean, maskInputOptions: MaskInputOptions, maskTextFn: MaskTextFn | undefined, maskInputFn: MaskInputFn | undefined, recordCanvas: boolean, slimDOMOptions: SlimDOMOptions, doc: Document, mirror: Mirror, iframeManager: IframeManager, shadowDomManager: ShadowDomManager, canvasManager: CanvasManager, enableStrictPrivacy: boolean): void;
+    private enableStrictPrivacy;
+    init(options: MutationBufferParam): void;
     freeze(): void;
     unfreeze(): void;
     isFrozen(): boolean;

package/typings/record/observer.d.ts

@@ -0,0 +1,7 @@
+import { observerParam, listenerHandler, hooksParam, MutationBufferParam } from '../types';
+import MutationBuffer from './mutation';
+export declare const mutationBuffers: MutationBuffer[];
+export declare function initMutationObserver(options: MutationBufferParam, rootEl: Node): MutationObserver;
+export declare function initScrollObserver({ scrollCb, doc, mirror, blockClass, sampling, }: Pick<observerParam, 'scrollCb' | 'doc' | 'mirror' | 'blockClass' | 'sampling'>): listenerHandler;
+export declare const INPUT_TAGS: string[];
+export declare function initObservers(o: observerParam, hooks?: hooksParam): listenerHandler;

package/{dist → typings}/record/observers/canvas/serialize-args.d.ts

@@ -3,4 +3,4 @@ export declare function variableListFor(ctx: WebGLRenderingContext | WebGL2Rende
 export declare const saveWebGLVar: (value: any, win: IWindow, ctx: WebGL2RenderingContext | WebGLRenderingContext) => number | void;
 export declare function serializeArg(value: any, win: IWindow, ctx: WebGL2RenderingContext | WebGLRenderingContext): SerializedWebGlArg;
 export declare const serializeArgs: (args: Array<any>, win: IWindow, ctx: WebGLRenderingContext | WebGL2RenderingContext) => SerializedWebGlArg[];
-export declare const isInstanceOfWebGLObject: (value: any, win: IWindow) => value is WebGLShader | WebGLProgram | WebGLActiveInfo | WebGLBuffer | WebGLFramebuffer | WebGLRenderbuffer | WebGLShaderPrecisionFormat | WebGLTexture | WebGLUniformLocation | WebGLVertexArrayObject;
+export declare const isInstanceOfWebGLObject: (value: any, win: IWindow) => value is WebGLTexture | WebGLShader | WebGLBuffer | WebGLVertexArrayObject | WebGLProgram | WebGLActiveInfo | WebGLUniformLocation | WebGLFramebuffer | WebGLRenderbuffer | WebGLShaderPrecisionFormat;

package/typings/record/observers/canvas/webgl2.d.ts

@@ -0,0 +1,2 @@
+import { blockClass, canvasMutationCallback, IWindow, listenerHandler, Mirror } from '../../../types';
+export default function initCanvasWebGLMutationObserver(cb: canvasMutationCallback, win: IWindow, blockClass: blockClass, mirror: Mirror): listenerHandler;

package/typings/record/shadow-dom-manager.d.ts

@@ -0,0 +1,21 @@
+import { mutationCallBack, Mirror, scrollCallback, MutationBufferParam, SamplingStrategy } from '../types';
+declare type BypassOptions = Omit<MutationBufferParam, 'doc' | 'mutationCb' | 'mirror' | 'shadowDomManager'> & {
+    sampling: SamplingStrategy;
+};
+export declare class ShadowDomManager {
+    private mutationCb;
+    private scrollCb;
+    private bypassOptions;
+    private mirror;
+    private restorePatches;
+    constructor(options: {
+        mutationCb: mutationCallBack;
+        scrollCb: scrollCallback;
+        bypassOptions: BypassOptions;
+        mirror: Mirror;
+    });
+    addShadowRoot(shadowRoot: ShadowRoot, doc: Document): void;
+    observeAttachShadow(iframeElement: HTMLIFrameElement): void;
+    reset(): void;
+}
+export {};

package/{dist → typings}/replay/index.d.ts

@@ -64,6 +64,7 @@ export declare class Replayer {
     private applyMutation;
     private applyScroll;
     private applyInput;
+    private applyText;
     private legacy_resolveMissingNode;
     private moveAndHover;
     private drawMouseTail;

package/{dist → typings}/replay/virtual-styles.d.ts

@@ -1,4 +1,4 @@
-import { INode } from '../snapshot';
+import { INode } from '@highlight-run/rrweb-snapshot';
 export declare enum StyleRuleType {
     Insert = 0,
     Remove = 1,

package/{dist → typings}/types.d.ts

@@ -1,6 +1,5 @@
-import { serializedNodeWithId, idNodeMap, INode, MaskInputOptions, SlimDOMOptions, MaskInputFn, MaskTextFn } from './snapshot';
+import { serializedNodeWithId, idNodeMap, INode, MaskInputOptions, SlimDOMOptions, MaskInputFn, MaskTextFn } from '@highlight-run/rrweb-snapshot';
 import { PackFn, UnpackFn } from './packer/base';
-import { FontFaceDescriptors } from 'css-font-loading-module';
 import { IframeManager } from './record/iframe-manager';
 import { ShadowDomManager } from './record/shadow-dom-manager';
 import type { Replayer } from './replay';
@@ -159,6 +158,7 @@ export declare type recordOptions<T> = {
     recordCanvas?: boolean;
     userTriggeredOnInput?: boolean;
     collectFonts?: boolean;
+    inlineImages?: boolean;
     plugins?: RecordPlugin[];
     mousemoveWait?: number;
     keepIframeSrcFn?: KeepIframeSrcFn;
@@ -187,6 +187,7 @@ export declare type observerParam = {
     fontCb: fontCallback;
     sampling: SamplingStrategy;
     recordCanvas: boolean;
+    inlineImages: boolean;
     userTriggeredOnInput: boolean;
     collectFonts: boolean;
     slimDOMOptions: SlimDOMOptions;
@@ -195,13 +196,14 @@ export declare type observerParam = {
     iframeManager: IframeManager;
     shadowDomManager: ShadowDomManager;
     canvasManager: CanvasManager;
+    enableStrictPrivacy: boolean;
     plugins: Array<{
         observer: Function;
         callback: Function;
         options: unknown;
     }>;
-    enableStrictPrivacy: boolean;
 };
+export declare type MutationBufferParam = Pick<observerParam, 'mutationCb' | 'blockClass' | 'blockSelector' | 'maskTextClass' | 'maskTextSelector' | 'inlineStylesheet' | 'maskInputOptions' | 'maskTextFn' | 'maskInputFn' | 'recordCanvas' | 'inlineImages' | 'slimDOMOptions' | 'doc' | 'mirror' | 'iframeManager' | 'shadowDomManager' | 'canvasManager' | 'enableStrictPrivacy'>;
 export declare type hooksParam = {
     mutation?: mutationCallBack;
     mousemove?: mousemoveCallBack;
@@ -305,7 +307,7 @@ export declare type SerializedWebGlArg = {
     src: string;
 } | {
     rr_type: string;
-    args: Array<SerializedWebGlArg>;
+    args: SerializedWebGlArg[];
 } | {
     rr_type: string;
     index: number;
@@ -496,14 +498,11 @@ export declare type ElementState = {
     scroll?: [number, number];
 };
 export declare type KeepIframeSrcFn = (src: string) => boolean;
-export interface HighlightConfiguration {
-    enableOnHoverClass?: boolean;
-}
 declare global {
     interface Window {
-        HIG_CONFIGURATION: HighlightConfiguration;
         FontFace: typeof FontFace;
     }
 }
 export declare type IWindow = Window & typeof globalThis;
+export declare type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
 export {};

package/{dist → typings}/utils.d.ts

@@ -1,10 +1,10 @@
 import { Mirror, throttleOptions, listenerHandler, hookResetter, blockClass, addedNodeMutation, removedNodeMutation, textMutation, attributeMutation, mutationData, scrollData, inputData, DocumentDimension, IWindow } from './types';
-import { INode, serializedNodeWithId } from './snapshot';
+import { INode, serializedNodeWithId } from '@highlight-run/rrweb-snapshot';
 export declare function on(type: string, fn: EventListenerOrEventListenerObject, target?: Document | IWindow): listenerHandler;
 export declare function createMirror(): Mirror;
 export declare let _mirror: Mirror;
 export declare function throttle<T>(func: (arg: T) => void, wait: number, options?: throttleOptions): (arg: T) => void;
-export declare function hookSetter<T>(target: T, key: string | number | symbol, d: PropertyDescriptor, isRevoked?: boolean, win?: IWindow): hookResetter;
+export declare function hookSetter<T>(target: T, key: string | number | symbol, d: PropertyDescriptor, isRevoked?: boolean, win?: Window & typeof globalThis): hookResetter;
 export declare function patch(source: {
     [key: string]: any;
 }, name: string, replacement: (...args: any[]) => any): () => void;
@@ -15,7 +15,7 @@ export declare function isBlocked(node: Node | null, blockClass: blockClass): bo
 export declare function isIgnored(n: Node | INode): boolean;
 export declare function isAncestorRemoved(target: INode, mirror: Mirror): boolean;
 export declare function isTouchEvent(event: MouseEvent | TouchEvent): event is TouchEvent;
-export declare function polyfill(win?: IWindow): void;
+export declare function polyfill(win?: Window & typeof globalThis): void;
 export declare type TreeNode = {
     id: number;
     mutation: addedNodeMutation;
@@ -67,5 +67,4 @@ export declare function getBaseDimension(node: Node, rootIframe: Node): Document
 export declare function hasShadowRoot<T extends Node>(n: T): n is T & {
     shadowRoot: ShadowRoot;
 };
-export declare function obfuscateText(text: string): string;
 export {};

package/CHANGELOG.md

@@ -1,26 +0,0 @@
-# Changelog
-
-## v1.0.0
-
-### Featrues & Improvements
-
-- Support record same-origin non-sandboxed iframe.
-- Support record open-mode shadow DOM.
-- Implement the plugin API.
-- Export `record.takeFullSnapshot` as a public API
-- Record and replay drag events.
-- Add options to mask texts (#540).
-
-### Fixes
-
-- Get the original MutationObserver when Angular patched it.
-- Fix RangeError: Maximum call stack size exceeded (#479).
-- Fix the linked-list implementation in the recorder.
-- Don't perform newly added actions if the player is paused (#539).
-- Fix inaccurate mouse position (#522)
-
-### Breaking Changes
-
-- Deprecated the usage of `rrweb.mirror`. Please use `record.mirror` and `replayer.getMirror()` instead.
-- Deprecated the record option `recordLog `. See the new plugin API [here](./docs/recipes/console.md).
-- Deprecated the replay option ` `. See the new plugin API [here](./docs/recipes/console.md).

package/README.md

@@ -1,124 +0,0 @@
-<p align="center">
-  <img width="100px" height="100px" src="https://www.rrweb.io/favicon.png">
-</p>
-<p align="center">
-  <a href="https://www.rrweb.io/" style="font-weight: bold">Try rrweb</a>
-</p>
-
-# rrweb
-
-**[The new adventure of the rrweb community](http://www.myriptide.com/rrweb-community/)**
-
-[![Join the chat at slack](https://img.shields.io/badge/slack-@rrweb-teal.svg?logo=slack)](https://join.slack.com/t/rrweb/shared_invite/zt-siwoc6hx-uWay3s2wyG8t5GpZVb8rWg)
-![total gzip size](https://img.badgesize.io/https://cdn.jsdelivr.net/npm/rrweb@latest/dist/rrweb.min.js?compression=gzip&label=total%20gzip%20size)
-![recorder gzip size](https://img.badgesize.io/https://cdn.jsdelivr.net/npm/rrweb@latest/dist/record/rrweb-record.min.js?compression=gzip&label=recorder%20gzip%20size)
-[![](https://data.jsdelivr.com/v1/package/npm/rrweb/badge)](https://www.jsdelivr.com/package/npm/rrweb)
-
-[中文文档](./README.zh_CN.md)
-
-> I have joined Github Sponsors and highly appreciate your sponsorship.
-
-rrweb refers to 'record and replay the web', which is a tool for recording and replaying users' interactions on the web.
-
-## Guide
-
-[**📚 Read the rrweb guide here. 📚**](./guide.md)
-
-[**🍳 Recipes 🍳**](./docs/recipes/index.md)
-
-## Project Structure
-
-rrweb is mainly composed of 3 parts:
-
-- **[rrweb-snapshot](https://github.com/rrweb-io/rrweb-snapshot)**, including both snapshot and rebuilding features. The snapshot is used to convert the DOM and its state into a serializable data structure with a unique identifier; the rebuilding feature is to rebuild the snapshot into corresponding DOM.
-- **[rrweb](https://github.com/rrweb-io/rrweb)**, including two functions, record and replay. The record function is used to record all the mutations in the DOM; the replay is to replay the recorded mutations one by one according to the corresponding timestamp.
-- **[rrweb-player](https://github.com/rrweb-io/rrweb-player)**, is a player UI for rrweb, providing GUI-based functions like pause, fast-forward, drag and drop to play at any time.
-
-## Roadmap
-
-- rrdom: an ad-hoc DOM for rrweb session data [#419](https://github.com/rrweb-io/rrweb/issues/419)
-- storage engine: do deduplication on a large number of rrweb sessions
-- more end-to-end tests
-- compact mutation data in common patterns
-- provide plugins via the new plugin API, including:
-  - XHR plugin
-  - fetch plugin
-  - GraphQL plugin
-  - ...
-
-## Internal Design
-
-- [serialization](./docs/serialization.md)
-- [incremental snapshot](./docs/observer.md)
-- [replay](./docs/replay.md)
-- [sandbox](./docs/sandbox.md)
-
-## Contribute Guide
-
-Since we want the record and replay sides to share a strongly typed data structure, rrweb is developed with typescript which provides stronger type support.
-
-[Typescript handbook](https://www.typescriptlang.org/docs/handbook/declaration-files/introduction.html)
-
-1. Fork the rrweb component repository you want to patch.
-2. Run `npm install` to install required dependencies.
-3. Patch the code and pass all the tests.
-4. Push the code and create a pull request.
-
-In addition to adding integration tests and unit tests, rrweb also provides a REPL testing tool.
-
-[Using the REPL tool](./guide.md#REPL-tool)
-
-## 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>
-      </a>
-    </td>
-    <td align="center">
-      <a href="https://github.com/Mark-Fenng">
-        <img
-          src="https://avatars.githubusercontent.com/u/27533910?s=100"
-          width="100px;"
-          alt=""
-        />
-        <br /><sub><b>Mark-Fenng</b></sub>
-      </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>
-      </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>
-      </a>
-    </td>
-  </tr>
-</table>
-
-## Who's using rrweb
-
-<p align="center">
-  <a href="http://www.smartx.com/" target="_blank">
-    <img width="260px" src="https://www.rrweb.io/logos/smartx.png">
-  </a>
-</p>