Feature/alpha 21

.changeset/config.json

@@ -4,14 +4,14 @@
   "commit": false,
   "fixed": [
     [
-      "rrweb",
-      "rrweb-snapshot",
-      "rrdom",
-      "rrdom-nodejs",
-      "rrweb-player",
-      "@rrweb/types",
-      "@rrweb/web-extension",
-      "rrvideo"
+      "howdygo-rrweb",
+      "howdygo-rrweb-snapshot",
+      "howdygo-rrdom",
+      "howdygo-rrdom-nodejs",
+      "howdygo-rrweb-player",
+      "howdygo-rrweb-types",
+      "howdygo-rrweb-web-extension",
+      "howdygo-rrvideo"
     ]
   ],
   "linked": [],

.changeset/eleven-bobcats-peel.md

@@ -1,6 +1,6 @@
 ---
-'rrweb-snapshot': patch
-'rrweb': patch
+"rrweb-snapshot": patch
+"rrweb": patch
 ---
 
 better support for coexistence with older libraries (e.g. MooTools & Prototype.js) which modify the in-built `Array.from` function

.changeset/fair-ducks-clean.md

@@ -0,0 +1,6 @@
+---
+"rrweb-snapshot": patch
+"rrweb": patch
+---
+
+Fix and test for bug #1457 which was affecting replay of complex tailwind css

.changeset/friendly-zebras-relax.md

@@ -0,0 +1,5 @@
+---
+'rrweb': patch
+---
+
+Support recording canvas in iframe and shadow dom

.changeset/nervous-poets-grin.md

@@ -1,6 +1,6 @@
 ---
 'rrdom': patch
-'rrdom-nodejs': patch
+'howdygo-rrdom-nodejs': patch
 'rrweb': patch
 'rrweb-player': patch
 'rrweb-snapshot': patch

.changeset/pre.json

@@ -3,11 +3,11 @@
   "tag": "alpha",
   "initialVersions": {
     "rrdom": "0.1.7",
-    "rrdom-nodejs": "0.1.7",
+    "howdygo-rrdom-nodejs": "0.1.7",
     "rrweb": "2.0.0-alpha.4",
     "rrweb-player": "1.0.0-alpha.4",
     "rrweb-snapshot": "2.0.0-alpha.4",
-    "@rrweb/types": "2.0.0-alpha.4",
+    "howdygo-rrweb-types": "2.0.0-alpha.4",
     "@rrweb/web-extension": "2.0.0-alpha.4",
     "rrvideo": "2.0.0-alpha.6"
   },

.changeset/serious-ants-juggle.md

@@ -1,6 +1,6 @@
 ---
 'rrdom': major
-'rrdom-nodejs': major
+'howdygo-rrdom-nodejs': major
 'rrweb': patch
 ---
 

package.json

@@ -5,7 +5,7 @@
     "url": "git+ssh://[email protected]/rrweb-io/rrweb.git"
   },
   "keywords": [
-    "rrweb"
+    "howdygo-rrweb"
   ],
   "author": "[email protected]",
   "license": "MIT",

packages/rrdom-nodejs/CHANGELOG.md

@@ -1,12 +1,12 @@
-# rrdom-nodejs
+# howdygo-rrdom-nodejs
 
-## 2.0.0-alpha.13
+## 2.0.0-alpha.19
 
 ### Patch Changes
 
 - Updated dependencies [[`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`f7c6973`](https://github.com/rrweb-io/rrweb/commit/f7c6973ae9c21b9ea014bdef7101f976f04d9356)]:
-  - [email protected].13
-  - [email protected].13
+  - [email protected].19
+  - [email protected].19
 
 ## 2.0.0-alpha.12
 

packages/rrdom-nodejs/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "rrdom-nodejs",
-  "version": "2.0.0-alpha.13",
+  "name": "howdygo-rrdom-nodejs",
+  "version": "2.0.0-alpha.19",
   "scripts": {
     "dev": "rollup -c -w",
     "bundle": "rollup --config",
@@ -11,12 +11,12 @@
     "lint": "yarn eslint src/**/*.ts"
   },
   "keywords": [
-    "rrweb",
-    "rrdom-nodejs"
+    "howdygo-rrweb",
+    "howdygo-rrdom-nodejs"
   ],
   "license": "MIT",
-  "main": "lib/rrdom-nodejs.cjs",
-  "module": "es/rrdom-nodejs.js",
+  "main": "lib/howdygo-rrdom-nodejs.cjs",
+  "module": "es/howdygo-rrdom-nodejs.js",
   "typings": "es",
   "files": [
     "dist",
@@ -48,8 +48,8 @@
     "cssom": "^0.5.0",
     "cssstyle": "^2.3.0",
     "nwsapi": "^2.2.0",
-    "rrdom": "^2.0.0-alpha.13",
-    "rrweb-snapshot": "^2.0.0-alpha.13"
+    "howdygo-rrdom": "^2.0.0-alpha.19",
+    "howdygo-rrweb-snapshot": "^2.0.0-alpha.19"
   },
   "browserslist": [
     "supports es6-class"

packages/rrdom-nodejs/src/document-nodejs.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
-import { NodeType as RRNodeType } from 'rrweb-snapshot';
+import { NodeType as RRNodeType } from 'howdygo-rrweb-snapshot';
 import type { NWSAPI } from 'nwsapi';
 import type { CSSStyleDeclaration as CSSStyleDeclarationType } from 'cssstyle';
 import {
@@ -14,7 +14,7 @@ import {
   ClassList,
   IRRDocument,
   CSSStyleDeclaration,
-} from 'rrdom';
+} from 'howdygo-rrdom';
 // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-var-requires
 const nwsapi = require('nwsapi');
 // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-var-requires

packages/rrdom-nodejs/test/document-nodejs.test.ts

@@ -3,7 +3,7 @@
  */
 import * as fs from 'fs';
 import * as path from 'path';
-import { NodeType as RRNodeType } from 'rrweb-snapshot';
+import { NodeType as RRNodeType } from 'howdygo-rrweb-snapshot';
 import {
   RRCanvasElement,
   RRCDATASection,
@@ -16,7 +16,7 @@ import {
   RRStyleElement,
   RRText,
 } from '../src/document-nodejs';
-import { buildFromDom } from 'rrdom';
+import { buildFromDom } from 'howdygo-rrdom';
 
 describe('RRDocument for nodejs environment', () => {
   describe('RRDocument API', () => {

packages/rrdom/CHANGELOG.md

@@ -1,13 +1,13 @@
 # rrdom
 
-## 2.0.0-alpha.13
+## 2.0.0-alpha.19
 
 ### Patch Changes
 
 - [#1432](https://github.com/rrweb-io/rrweb/pull/1432) [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961) Thanks [@Juice10](https://github.com/Juice10)! - Support `loop` in `RRMediaElement`
 
 - Updated dependencies [[`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`f7c6973`](https://github.com/rrweb-io/rrweb/commit/f7c6973ae9c21b9ea014bdef7101f976f04d9356)]:
-  - [email protected].13
+  - [email protected].19
 
 ## 2.0.0-alpha.12
 

packages/rrdom/package.json

@@ -1,12 +1,12 @@
 {
-  "name": "rrdom",
-  "version": "2.0.0-alpha.13",
+  "name": "howdygo-rrdom",
+  "version": "2.0.0-alpha.19",
   "homepage": "https://github.com/rrweb-io/rrweb/tree/main/packages/rrdom#readme",
   "license": "MIT",
-  "main": "lib/rrdom.cjs",
-  "module": "es/rrdom.js",
+  "main": "lib/howdygo-rrdom.cjs",
+  "module": "es/howdygo-rrdom.js",
   "typings": "es",
-  "unpkg": "dist/rrdom.js",
+  "unpkg": "dist/howdygo-rrdom.js",
   "files": [
     "dist",
     "lib",
@@ -32,7 +32,7 @@
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^20.0.0",
-    "@rrweb/types": "^2.0.0-alpha.13",
+    "howdygo-rrweb-types": "^2.0.0-alpha.19",
     "@types/jest": "^27.4.1",
     "@types/puppeteer": "^5.4.4",
     "@typescript-eslint/eslint-plugin": "^5.23.0",
@@ -47,6 +47,6 @@
     "ts-jest": "^27.1.3"
   },
   "dependencies": {
-    "rrweb-snapshot": "^2.0.0-alpha.13"
+    "howdygo-rrweb-snapshot": "^2.0.0-alpha.19"
   }
 }

packages/rrdom/rollup.config.js

@@ -55,6 +55,7 @@ for (let config of baseConfigs) {
           name: config.name,
           format: 'iife',
           file: pkg.unpkg.replace(pkg.name, config.path),
+          extend: true,
         },
       ],
     },
@@ -67,6 +68,7 @@ for (let config of baseConfigs) {
           format: 'iife',
           file: toMinPath(pkg.unpkg).replace(pkg.name, config.path),
           sourcemap: true,
+          extend: true,
         },
       ],
     },
@@ -78,6 +80,7 @@ for (let config of baseConfigs) {
         {
           format: 'cjs',
           file: pkg.main.replace(pkg.name, config.path),
+          extend: true,
         },
       ],
     },

packages/rrdom/src/diff.ts

@@ -2,15 +2,15 @@ import {
   NodeType as RRNodeType,
   Mirror as NodeMirror,
   elementNode,
-} from 'rrweb-snapshot';
+} from 'howdygo-rrweb-snapshot';
 import type {
   canvasMutationData,
   canvasEventWithTime,
   inputData,
   scrollData,
   styleDeclarationData,
   styleSheetRuleData,
-} from '@rrweb/types';
+} from 'howdygo-rrweb-types';
 import type {
   IRRCDATASection,
   IRRComment,
@@ -83,16 +83,16 @@ export type ReplayerHandler = {
     target: HTMLCanvasElement,
   ) => void;
   applyInput: (data: inputData) => void;
-  applyScroll: (data: scrollData, isSync: boolean) => void;
+  applyScroll: (data: scrollData, isSync: boolean, forceScroll: boolean | undefined) => void;
   applyStyleSheetMutation: (
     data: styleDeclarationData | styleSheetRuleData,
     styleSheet: CSSStyleSheet,
   ) => void;
-  // Similar to the `afterAppend` callback in the `rrweb-snapshot` package. It's a postorder traversal of the newly appended nodes.
+  // Similar to the `afterAppend` callback in the `howdygo-rrweb-snapshot` package. It's a postorder traversal of the newly appended nodes.
   afterAppend?(node: Node, id: number): void;
 };
 
-// A set contains newly appended nodes. It's used to make sure the afterAppend callback can iterate newly appended nodes in the same traversal order as that in the `rrweb-snapshot` package.
+// A set contains newly appended nodes. It's used to make sure the afterAppend callback can iterate newly appended nodes in the same traversal order as that in the `howdygo-rrweb-snapshot` package.
 let createdNodeSet: WeakSet<Node> | null = null;
 
 /**
@@ -220,14 +220,14 @@ function diffAfterUpdatingChildren(
   switch (newTree.RRNodeType) {
     case RRNodeType.Document: {
       const scrollData = (newTree as RRDocument).scrollData;
-      scrollData && replayer.applyScroll(scrollData, true);
+      scrollData && replayer.applyScroll(scrollData, true, true);
       break;
     }
     case RRNodeType.Element: {
       const oldElement = oldTree as HTMLElement;
       const newRRElement = newTree as RRElement;
       newRRElement.scrollData &&
-        replayer.applyScroll(newRRElement.scrollData, true);
+        replayer.applyScroll(newRRElement.scrollData, true, true);
       /**
        * Input data need to get applied after all children of this node are updated.
        * Otherwise when we set a value for a select element whose options are empty, the value won't actually update.

packages/rrdom/src/document.ts

@@ -1,4 +1,4 @@
-import { NodeType as RRNodeType } from 'rrweb-snapshot';
+import { NodeType as RRNodeType } from 'howdygo-rrweb-snapshot';
 import { parseCSSText, camelize, toCSSText } from './style';
 export interface IRRNode {
   parentElement: IRRNode | null;
@@ -308,7 +308,7 @@ export function BaseRRDocumentImpl<
     }
 
     /**
-     * Adhoc implementation for setting xhtml namespace in rebuilt.ts (rrweb-snapshot).
+     * Adhoc implementation for setting xhtml namespace in rebuilt.ts (howdygo-rrweb-snapshot).
      * There are two lines used this function:
      * 1. doc.write('\<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""\>')
      * 2. doc.write('\<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" ""\>')

packages/rrdom/src/index.ts

@@ -1,20 +1,20 @@
 import {
   NodeType as RRNodeType,
   createMirror as createNodeMirror,
-} from 'rrweb-snapshot';
+} from 'howdygo-rrweb-snapshot';
 import type {
   Mirror as NodeMirror,
   IMirror,
   serializedNodeWithId,
-} from 'rrweb-snapshot';
+} from 'howdygo-rrweb-snapshot';
 import type {
   canvasMutationData,
   canvasEventWithTime,
   inputData,
   scrollData,
   styleSheetRuleData,
   styleDeclarationData,
-} from '@rrweb/types';
+} from 'howdygo-rrweb-types';
 import {
   BaseRRNode as RRNode,
   BaseRRCDATASectionImpl,
@@ -198,7 +198,7 @@ type RRElementType<K extends keyof HTMLElementTagNameMap> =
   K extends keyof RRElementTagNameMap ? RRElementTagNameMap[K] : RRElement;
 
 function getValidTagName(element: HTMLElement): string {
-  // https://github.com/rrweb-io/rrweb-snapshot/issues/56
+  // https://github.com/rrweb-io/howdygo-rrweb-snapshot/issues/56
   if (element instanceof HTMLFormElement) {
     return 'FORM';
   }
@@ -338,7 +338,7 @@ export function createMirror(): Mirror {
   return new Mirror();
 }
 
-// based on Mirror from rrweb-snapshots
+// based on Mirror from howdygo-rrweb-snapshots
 export class Mirror implements IMirror<RRNode> {
   private idNodeMap: Map<number, RRNode> = new Map();
   private nodeMetaMap: WeakMap<RRNode, serializedNodeWithId> = new WeakMap();

packages/rrdom/test/diff.test.ts

@@ -8,7 +8,7 @@ import {
   serializedNodeWithId,
   createMirror,
   Mirror as NodeMirror,
-} from 'rrweb-snapshot';
+} from 'howdygo-rrweb-snapshot';
 import {
   buildFromDom,
   getDefaultSN,
@@ -25,14 +25,14 @@ import {
   sameNodeType,
 } from '../src/diff';
 import type { IRRElement, IRRNode } from '../src/document';
-import { Replayer } from 'rrweb';
+import { Replayer } from 'howdygo-rrweb';
 import type {
   eventWithTime,
   canvasMutationData,
   styleDeclarationData,
   styleSheetRuleData,
-} from '@rrweb/types';
-import { EventType, IncrementalSource } from '@rrweb/types';
+} from 'howdygo-rrweb-types';
+import { EventType, IncrementalSource } from 'howdygo-rrweb-types';
 import { compileTSCode } from './utils';
 
 const elementSn = {