unify typescript version and rollup plugins (#921)

packages/rrdom-nodejs/package.json

@@ -43,7 +43,7 @@
     "rollup-plugin-typescript2": "^0.31.2",
     "rollup-plugin-web-worker-loader": "^1.6.1",
     "ts-jest": "^27.1.3",
-    "typescript": "^4.6.2"
+    "typescript": "^4.7.3"
   },
   "dependencies": {
     "cssom": "^0.5.0",

packages/rrdom/package.json

@@ -43,7 +43,7 @@
     "rollup-plugin-typescript2": "^0.31.2",
     "rollup-plugin-web-worker-loader": "^1.6.1",
     "ts-jest": "^27.1.3",
-    "typescript": "^4.6.2"
+    "typescript": "^4.7.3"
   },
   "dependencies": {
     "rrweb-snapshot": "^1.1.14"

packages/rrweb-player/package.json

@@ -4,7 +4,7 @@
   "devDependencies": {
     "@rollup/plugin-commonjs": "^22.0.0",
     "@rollup/plugin-node-resolve": "^13.2.1",
-    "@rollup/plugin-typescript": "^8.3.2",
+    "rollup-plugin-typescript2": "^0.31.2",
     "@types/offscreencanvas": "^2019.6.4",
     "eslint-config-google": "^0.14.0",
     "eslint-plugin-svelte3": "^4.0.0",
@@ -20,7 +20,7 @@
     "svelte-check": "^1.4.0",
     "svelte-preprocess": "^4.0.0",
     "tslib": "^2.0.0",
-    "typescript": "^4.6.4"
+    "typescript": "^4.7.3"
   },
   "dependencies": {
     "@tsconfig/svelte": "^1.0.0",

packages/rrweb-player/rollup.config.js

@@ -5,7 +5,7 @@ import livereload from 'rollup-plugin-livereload';
 import { terser } from 'rollup-plugin-terser';
 import sveltePreprocess from 'svelte-preprocess';
 import webWorkerLoader from 'rollup-plugin-web-worker-loader';
-import typescript from '@rollup/plugin-typescript';
+import typescript from 'rollup-plugin-typescript2';
 import pkg from './package.json';
 import css from 'rollup-plugin-css-only';
 
@@ -64,6 +64,7 @@ export default entries.map((output) => ({
     resolve({
       browser: true,
       dedupe: ['svelte'],
+      extensions: ['.js', '.ts', '.svelte'],
     }),
 
     commonjs(),

packages/rrweb-snapshot/package.json

@@ -40,7 +40,7 @@
   },
   "homepage": "https://github.com/rrweb-io/rrweb/tree/master/packages/rrweb-snapshot#readme",
   "devDependencies": {
-    "@rollup/plugin-typescript": "^8.2.5",
+    "rollup-plugin-typescript2": "^0.31.2",
     "@types/chai": "^4.1.4",
     "@types/jest": "^27.0.2",
     "@types/jsdom": "^16.2.4",
@@ -56,6 +56,6 @@
     "ts-jest": "^27.0.5",
     "ts-node": "^7.0.1",
     "tslib": "^1.9.3",
-    "typescript": "^3.9.7"
+    "typescript": "^4.7.3"
   }
 }

packages/rrweb-snapshot/rollup.config.js

@@ -1,4 +1,4 @@
-import typescript from '@rollup/plugin-typescript';
+import typescript from 'rollup-plugin-typescript2';
 import { terser } from 'rollup-plugin-terser';
 import pkg from './package.json';
 

packages/rrweb-snapshot/test/integration.test.ts

@@ -4,10 +4,10 @@ import * as http from 'http';
 import * as url from 'url';
 import * as puppeteer from 'puppeteer';
 import * as rollup from 'rollup';
-import * as typescript from '@rollup/plugin-typescript';
+import * as typescript from 'rollup-plugin-typescript2';
 import * as assert from 'assert';
 
-const _typescript = (typescript as unknown) as typeof typescript.default;
+const _typescript = (typescript as unknown) as () => rollup.Plugin;
 
 const htmlFolder = path.join(__dirname, 'html');
 const htmls = fs.readdirSync(htmlFolder).map((filePath) => {

packages/rrweb/package.json

@@ -71,7 +71,7 @@
     "ts-jest": "^27.1.3",
     "ts-node": "^10.7.0",
     "tslib": "^2.3.1",
-    "typescript": "^4.6.2"
+    "typescript": "^4.7.3"
   },
   "dependencies": {
     "@types/css-font-loading-module": "0.0.7",