Chore: Move most types from rrweb to @rrweb/types package

.vscode/rrweb-monorepo.code-workspace

@@ -23,12 +23,17 @@
     {
       "name": "rrweb-snapshot (package)",
       "path": "../packages/rrweb-snapshot"
+    },
+    {
+      "name": "@rrweb/types",
+      "path": "../packages/types"
     }
   ],
   "settings": {
     "jest.disabledWorkspaceFolders": [
       " rrweb monorepo",
-      "rrweb-player (package)"
+      "rrweb-player (package)",
+      "@rrweb/types"
     ]
   }
 }

packages/rrdom/package.json

@@ -43,6 +43,7 @@
     "rollup-plugin-typescript2": "^0.31.2",
     "rollup-plugin-web-worker-loader": "^1.6.1",
     "ts-jest": "^27.1.3",
+    "@rrweb/types": "^2.0.0-alpha.3",
     "typescript": "^4.7.3"
   },
   "dependencies": {

packages/rrdom/src/diff.ts

@@ -6,7 +6,7 @@ import type {
   scrollData,
   styleDeclarationData,
   styleSheetRuleData,
-} from 'rrweb/src/types';
+} from '@rrweb/types';
 import type {
   IRRCDATASection,
   IRRComment,

packages/rrdom/src/index.ts

@@ -14,7 +14,7 @@ import type {
   scrollData,
   styleSheetRuleData,
   styleDeclarationData,
-} from 'rrweb/src/types';
+} from '@rrweb/types';
 import {
   BaseRRNode as RRNode,
   BaseRRCDATASectionImpl,

packages/rrdom/test/diff.test.ts

@@ -12,12 +12,12 @@ import {
 import type { IRRNode } from '../src/document';
 import { Replayer } from 'rrweb';
 import type {
+  eventWithTime,
   canvasMutationData,
   styleDeclarationData,
   styleSheetRuleData,
-} from 'rrweb/src/types';
-import { EventType, IncrementalSource } from 'rrweb/src/types';
-import type { eventWithTime } from 'rrweb/typings/types';
+} from '@rrweb/types';
+import { EventType, IncrementalSource } from '@rrweb/types';
 
 const elementSn = {
   type: RRNodeType.Element,

packages/rrdom/tsconfig.json

@@ -18,6 +18,9 @@
   "references": [
     {
       "path": "../rrweb-snapshot"
+    },
+    {
+      "path": "../types"
     }
   ],
   "compileOnSave": true,

packages/rrweb-player/package.json

@@ -4,6 +4,7 @@
   "devDependencies": {
     "@rollup/plugin-commonjs": "^22.0.0",
     "@rollup/plugin-node-resolve": "^13.2.1",
+    "@rrweb/types": "^2.0.0-alpha.3",
     "@types/offscreencanvas": "^2019.6.4",
     "eslint-config-google": "^0.14.0",
     "eslint-plugin-svelte3": "^4.0.0",

packages/rrweb-player/src/Controller.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { EventType } from 'rrweb';
   import type { Replayer } from 'rrweb';
-  import type { playerMetaData } from 'rrweb/typings/types';
+  import type { playerMetaData } from '@rrweb/types';
   import type {
     PlayerMachineState,
     SpeedMachineState,

packages/rrweb-player/src/Player.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onMount, onDestroy } from 'svelte';
   import { Replayer, unpack } from 'rrweb';
-  import type { eventWithTime } from 'rrweb/typings/types';
+  import type { eventWithTime } from '@rrweb/types';
   import {
     inlineCss,
     openFullscreen,

packages/rrweb-player/src/main.ts

@@ -1,4 +1,4 @@
-import type { eventWithTime } from 'rrweb/typings/types';
+import type { eventWithTime } from '@rrweb/types';
 import _Player from './Player.svelte';
 
 type PlayerProps = {

packages/rrweb-player/tsconfig.json

@@ -13,6 +13,9 @@
   "references": [
     {
       "path": "../rrweb"
+    },
+    {
+      "path": "../types"
     }
   ]
 }

packages/rrweb/package.json

@@ -80,6 +80,7 @@
     "typescript": "^4.7.3"
   },
   "dependencies": {
+    "@rrweb/types": "^2.0.0-alpha.3",
     "@types/css-font-loading-module": "0.0.7",
     "@xstate/fsm": "^1.4.0",
     "base64-arraybuffer": "^1.0.1",

packages/rrweb/src/index.ts

@@ -8,7 +8,7 @@ export {
   IncrementalSource,
   MouseInteractions,
   ReplayerEvents,
-} from './types';
+} from '@rrweb/types';
 
 const { addCustomEvent } = record;
 const { freezePage } = record;

packages/rrweb/src/packer/base.ts

@@ -1,4 +1,4 @@
-import type { eventWithTime } from '../types';
+import type { eventWithTime } from '@rrweb/types';
 
 export type PackFn = (event: eventWithTime) => string;
 export type UnpackFn = (raw: string) => eventWithTime;

packages/rrweb/src/packer/unpack.ts

@@ -1,6 +1,6 @@
 import { strFromU8, strToU8, unzlibSync } from 'fflate';
 import { UnpackFn, eventWithTimeAndPacker, MARK } from './base';
-import type { eventWithTime } from '../types';
+import type { eventWithTime } from '@rrweb/types';
 
 export const unpack: UnpackFn = (raw: string) => {
   if (typeof raw !== 'string') {

packages/rrweb/src/plugins/canvas-webrtc/record/index.ts

@@ -1,6 +1,6 @@
 import type { Mirror } from 'rrweb-snapshot';
 import SimplePeer from 'simple-peer-light';
-import type { RecordPlugin } from '../../../types';
+import type { RecordPlugin } from '@rrweb/types';
 import type { WebRTCDataChannel } from '../types';
 
 export const PLUGIN_NAME = 'rrweb/canvas-webrtc@1';

packages/rrweb/src/plugins/console/record/index.ts

@@ -1,4 +1,4 @@
-import type { listenerHandler, RecordPlugin, IWindow } from '../../../types';
+import type { listenerHandler, RecordPlugin, IWindow } from '@rrweb/types';
 import { patch } from '../../../utils';
 import { ErrorStackParser, StackFrame } from './error-stack-parser';
 import { stringify } from './stringify';

packages/rrweb/src/plugins/console/replay/index.ts

@@ -1,10 +1,7 @@
 import { LogLevel, LogData, PLUGIN_NAME } from '../record';
-import {
-  eventWithTime,
-  EventType,
-  IncrementalSource,
-  ReplayPlugin,
-} from '../../../types';
+import type { eventWithTime } from '@rrweb/types';
+import { EventType, IncrementalSource } from '@rrweb/types';
+import type { ReplayPlugin } from '../../../types';
 
 /**
  * define an interface to replay log records

packages/rrweb/src/plugins/sequential-id/record/index.ts

@@ -1,4 +1,4 @@
-import type { RecordPlugin } from '../../../types';
+import type { RecordPlugin } from '@rrweb/types';
 
 export type SequentialIdOptions = {
   key: string;

packages/rrweb/src/plugins/sequential-id/replay/index.ts

@@ -1,5 +1,6 @@
 import type { SequentialIdOptions } from '../record';
-import type { ReplayPlugin, eventWithTime } from '../../../types';
+import type { ReplayPlugin } from '../../../types';
+import type { eventWithTime } from '@rrweb/types';
 
 type Options = SequentialIdOptions & {
   warnOnMissingId: boolean;

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

@@ -1,5 +1,5 @@
 import type { Mirror, serializedNodeWithId } from 'rrweb-snapshot';
-import type { mutationCallBack } from '../types';
+import type { mutationCallBack } from '@rrweb/types';
 import type { StylesheetManager } from './stylesheet-manager';
 
 export class IframeManager {

packages/rrweb/src/record/index.ts

@@ -14,18 +14,18 @@ import {
   isSerializedIframe,
   isSerializedStylesheet,
 } from '../utils';
+import type { recordOptions } from '../types';
 import {
   EventType,
   event,
   eventWithTime,
-  recordOptions,
   IncrementalSource,
   listenerHandler,
   mutationCallbackParam,
   scrollCallback,
   canvasMutationParam,
   adoptedStyleSheetParam,
-} from '../types';
+} from '@rrweb/types';
 import { IframeManager } from './iframe-manager';
 import { ShadowDomManager } from './shadow-dom-manager';
 import { CanvasManager } from './observers/canvas/canvas-manager';

packages/rrweb/src/record/mutation.ts

@@ -8,17 +8,16 @@ import {
   Mirror,
   isNativeShadowDom,
 } from 'rrweb-snapshot';
+import type { observerParam, MutationBufferParam } from '../types';
 import type {
   mutationRecord,
   textCursor,
   attributeCursor,
   removedNodeMutation,
   addedNodeMutation,
   styleAttributeValue,
-  observerParam,
-  MutationBufferParam,
   Optional,
-} from '../types';
+} from '@rrweb/types';
 import {
   isBlocked,
   isAncestorRemoved,

packages/rrweb/src/record/observer.ts

@@ -11,9 +11,9 @@ import {
   patch,
   StyleSheetMirror,
 } from '../utils';
+import type { observerParam, MutationBufferParam } from '../types';
 import {
   mutationCallBack,
-  observerParam,
   mousemoveCallBack,
   mousePosition,
   mouseInteractionCallBack,
@@ -35,10 +35,9 @@ import {
   fontParam,
   styleDeclarationCallback,
   IWindow,
-  MutationBufferParam,
   SelectionRange,
   selectionCallback,
-} from '../types';
+} from '@rrweb/types';
 import MutationBuffer from './mutation';
 
 type WindowWithStoredMutationObserver = IWindow & {

packages/rrweb/src/record/observers/canvas/2d.ts

@@ -5,7 +5,7 @@ import {
   canvasManagerMutationCallback,
   IWindow,
   listenerHandler,
-} from '../../../types';
+} from '@rrweb/types';
 import { hookSetter, isBlocked, patch } from '../../../utils';
 import { serializeArgs } from './serialize-args';
 

packages/rrweb/src/record/observers/canvas/canvas-manager.ts

@@ -8,9 +8,9 @@ import type {
   IWindow,
   listenerHandler,
   CanvasArg,
-} from '../../../types';
+} from '@rrweb/types';
 import { isBlocked } from '../../../utils';
-import { CanvasContext } from '../../../types';
+import { CanvasContext } from '@rrweb/types';
 import initCanvas2DMutationObserver from './2d';
 import initCanvasContextObserver from './canvas';
 import initCanvasWebGLMutationObserver from './webgl';

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

@@ -1,5 +1,5 @@
 import type { ICanvas } from 'rrweb-snapshot';
-import type { blockClass, IWindow, listenerHandler } from '../../../types';
+import type { blockClass, IWindow, listenerHandler } from '@rrweb/types';
 import { isBlocked, patch } from '../../../utils';
 
 export default function initCanvasContextObserver(

packages/rrweb/src/record/observers/canvas/serialize-args.ts

@@ -1,5 +1,5 @@
 import { encode } from 'base64-arraybuffer';
-import type { IWindow, CanvasArg } from '../../../types';
+import type { IWindow, CanvasArg } from '@rrweb/types';
 
 // TODO: unify with `replay/webgl.ts`
 type CanvasVarMap = Map<string, unknown[]>;

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

@@ -6,7 +6,7 @@ import {
   canvasMutationWithType,
   IWindow,
   listenerHandler,
-} from '../../../types';
+} from '@rrweb/types';
 import { hookSetter, isBlocked, patch } from '../../../utils';
 import { saveWebGLVar, serializeArgs } from './serialize-args';
 

packages/rrweb/src/record/shadow-dom-manager.ts

@@ -1,9 +1,9 @@
+import type { MutationBufferParam } from '../types';
 import type {
   mutationCallBack,
   scrollCallback,
-  MutationBufferParam,
   SamplingStrategy,
-} from '../types';
+} from '@rrweb/types';
 import {
   initMutationObserver,
   initScrollObserver,

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

@@ -5,7 +5,7 @@ import type {
   adoptedStyleSheetParam,
   attributeMutation,
   mutationCallBack,
-} from '../types';
+} from '@rrweb/types';
 import { StyleSheetMirror } from '../utils';
 
 export class StylesheetManager {

packages/rrweb/src/record/workers/image-bitmap-data-url-worker.ts

@@ -3,7 +3,7 @@ import type { DataURLOptions } from 'rrweb-snapshot';
 import type {
   ImageBitmapDataURLWorkerParams,
   ImageBitmapDataURLWorkerResponse,
-} from '../../types';
+} from '@rrweb/types';
 
 const lastBlobMap: Map<number, string> = new Map();
 const transparentBlobMap: Map<string, string> = new Map();

packages/rrweb/src/replay/canvas/2d.ts

@@ -1,5 +1,5 @@
 import type { Replayer } from '../';
-import type { canvasMutationCommand } from '../../types';
+import type { canvasMutationCommand } from '@rrweb/types';
 import { deserializeArg } from './deserialize-args';
 
 export default async function canvasMutation({

packages/rrweb/src/replay/canvas/deserialize-args.ts

@@ -1,6 +1,6 @@
 import { decode } from 'base64-arraybuffer';
 import type { Replayer } from '../';
-import type { CanvasArg, SerializedCanvasArg } from '../../types';
+import type { CanvasArg, SerializedCanvasArg } from '@rrweb/types';
 
 // TODO: add ability to wipe this list
 type GLVarMap = Map<string, any[]>;

packages/rrweb/src/replay/canvas/index.ts

@@ -4,7 +4,7 @@ import {
   canvasMutationCommand,
   canvasMutationData,
   canvasMutationParam,
-} from '../../types';
+} from '@rrweb/types';
 import webglMutation from './webgl';
 import canvas2DMutation from './2d';
 

packages/rrweb/src/replay/canvas/webgl.ts

@@ -1,5 +1,5 @@
 import type { Replayer } from '../';
-import { CanvasContext, canvasMutationCommand } from '../../types';
+import { CanvasContext, canvasMutationCommand } from '@rrweb/types';
 import { deserializeArg, variableListFor } from './deserialize-args';
 
 function getContext(

packages/rrweb/src/replay/index.ts

@@ -31,16 +31,15 @@ import * as mittProxy from 'mitt';
 import { polyfill as smoothscrollPolyfill } from './smoothscroll';
 import { Timer } from './timer';
 import { createPlayerService, createSpeedService } from './machine';
+import type { playerConfig, missingNodeMap } from '../types';
 import {
   EventType,
   IncrementalSource,
   fullSnapshotEvent,
   eventWithTime,
   MouseInteractions,
-  playerConfig,
   playerMetaData,
   viewportResizeDimension,
-  missingNodeMap,
   addedNodeMutation,
   incrementalSnapshotEvent,
   incrementalData,
@@ -63,7 +62,7 @@ import {
   styleSheetRuleData,
   styleDeclarationData,
   adoptedStyleSheetData,
-} from '../types';
+} from '@rrweb/types';
 import {
   polyfill,
   queueToResolveTrees,