support for highlight yarn workspaces monorepo

Author: Vadman97

.github/workflows/eslint.yml

@@ -9,12 +9,12 @@ jobs:
 
     steps:
       - uses: actions/checkout@v3
-      - name: Setup Node
-        uses: actions/setup-node@v3
+      - name: Setup Node.js
+        uses: actions/setup-node@v1
         with:
-          node-version: 16
-          cache: 'yarn'
-      - name: Install Dependencies
+          node-version: 16.15.0
+          registry-url: https://registry.npmjs.org
+      - name: Install
         run: YARN_ENABLE_IMMUTABLE_INSTALLS=false yarn
       - name: Build Packages
         run: yarn build:all

.github/workflows/release.yml

@@ -4,8 +4,7 @@ jobs:
   release:
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout
-        uses: actions/checkout@v2
+      - uses: actions/checkout@v3
       - name: Setup Node.js
         uses: actions/setup-node@v1
         with:
@@ -15,16 +14,5 @@ jobs:
         run: YARN_ENABLE_IMMUTABLE_INSTALLS=false yarn
       - name: Build all
         run: yarn build:all
-      # - name: Test all
-      # run: yarn test
-      - name: Setup Publish Env
-        run: echo //registry.npmjs.org/:_authToken=${NPM_TOKEN} > ~/.npmrc
-        env:
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-      - name: Publish
-        if: github.ref == 'refs/heads/master'
-        run: |
-          echo npmAuthToken: "$NODE_AUTH_TOKEN" >> ./.yarnrc.yml;
-          yarn workspace @highlight-run/rrweb npm publish --access public;
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+#      - name: Test all
+#        run: yarn test

.github/workflows/style-check.yml

@@ -9,15 +9,12 @@ jobs:
 
     steps:
       - uses: actions/checkout@v3
+      - name: Setup Node.js
+        uses: actions/setup-node@v1
         with:
-          repository: ${{ github.event.pull_request.head.repo.full_name }}
-          ref: ${{ github.head_ref }}
-      - name: Setup Node
-        uses: actions/setup-node@v3
-        with:
-          node-version: 16
-          cache: 'yarn'
-      - name: Install Dependencies
+          node-version: 16.15.0
+          registry-url: https://registry.npmjs.org
+      - name: Install
         run: YARN_ENABLE_IMMUTABLE_INSTALLS=false yarn
       - name: Build Packages
         run: yarn build:all

.gitignore

@@ -5,6 +5,10 @@ node_modules
 package-lock.json
 tsconfig.tsbuildinfo
 
+# since this repo is referenced from the highlight monorepo which has its own yarn.lock file,
+# don't include yarn.lock files from rrweb to avoid interfering with the monorepo
+yarn.lock
+
 temp
 
 *.log
@@ -30,4 +34,5 @@ dist
 !.yarn/sdks
 !.yarn/versions
 
+tsconfig.tsbuildinfo
 

packages/rrdom-nodejs/package.json

@@ -37,13 +37,13 @@
     "@typescript-eslint/parser": "^5.23.0",
     "compare-versions": "^4.1.3",
     "eslint": "^8.15.0",
-    "jest": "^27.5.1",
+    "jest": "27.1.1",
     "puppeteer": "^9.1.1",
     "rollup": "^2.56.3",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.31.2",
     "rollup-plugin-web-worker-loader": "^1.6.1",
-    "ts-jest": "^27.1.3",
+    "ts-jest": "27.1.5",
     "typescript": "^4.7.3"
   },
   "dependencies": {

packages/rrdom/package.json

@@ -37,13 +37,13 @@
     "@typescript-eslint/eslint-plugin": "^5.23.0",
     "@typescript-eslint/parser": "^5.23.0",
     "eslint": "^8.15.0",
-    "jest": "^27.5.1",
+    "jest": "27.1.1",
     "puppeteer": "^9.1.1",
     "rollup": "^2.56.3",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.31.2",
     "rollup-plugin-web-worker-loader": "^1.6.1",
-    "ts-jest": "^27.1.3",
+    "ts-jest": "27.1.5",
     "typescript": "^4.7.3"
   },
   "dependencies": {

packages/rrdom/tsconfig.json

@@ -13,7 +13,8 @@
     "lib": ["es6", "dom"],
     "skipLibCheck": true,
     "declaration": true,
-    "importsNotUsedAsValues": "error"
+    "importsNotUsedAsValues": "error",
+    "composite": true
   },
   "references": [
     {

packages/rrweb-player/rollup.config.js

@@ -12,18 +12,19 @@ import css from 'rollup-plugin-css-only';
 // eslint-disable-next-line no-undef
 const production = !process.env.ROLLUP_WATCH;
 
-const entries = (production
-  ? [
-      { file: pkg.module, format: 'es', css: false },
-      { file: pkg.main, format: 'cjs', css: false },
-      {
-        file: pkg.unpkg,
-        format: 'iife',
-        name: 'rrwebPlayer',
-        css: 'style.css',
-      },
-    ]
-  : []
+const entries = (
+  production
+    ? [
+        { file: pkg.module, format: 'es', css: false },
+        { file: pkg.main, format: 'cjs', css: false },
+        {
+          file: pkg.unpkg,
+          format: 'iife',
+          name: 'rrwebPlayer',
+          css: 'style.css',
+        },
+      ]
+    : []
 ).concat([
   {
     file: 'public/bundle.js',
@@ -72,7 +73,7 @@ export default entries.map((output) => ({
     // supports bundling `web-worker:..filename` from rrweb
     webWorkerLoader(),
 
-    typescript(),
+    typescript({ clean: true }),
 
     css({
       // we'll extract any component CSS out into

packages/rrweb-player/typings/index.d.ts

@@ -1,5 +1,5 @@
 import { eventWithTime, playerConfig } from '@highlight-run/rrweb/typings/types';
-import { Replayer, mirror } from '@highlight-run/rrweb';
+import { Replayer, mirror } from '@highlight-run/rrweb/typings';
 import { SvelteComponent } from 'svelte';
 
 export type RRwebPlayerOptions = {

packages/rrweb-snapshot/package.json

@@ -48,14 +48,14 @@
     "@types/puppeteer": "^1.12.4",
     "cross-env": "^5.2.0",
     "eslint": "^8.23.1",
-    "jest": "^27.2.4",
+    "jest": "27.1.1",
     "jest-snapshot": "^23.6.0",
     "jsdom": "^16.4.0",
     "puppeteer": "^1.15.0",
     "rollup": "^2.45.2",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.31.2",
-    "ts-jest": "^27.0.5",
+    "ts-jest": "27.1.5",
     "ts-node": "^7.0.1",
     "tslib": "^1.9.3",
     "typescript": "^4.7.3"