Improve development tooling (#1516)

- Running `yarn build` in a `packages/*/` directory will trigger build of all dependencies too, and cache them if possible.
- Fix for `yarn dev` breaking for `rrweb` package whenever changing files in `rrweb` package
- Update typescript, turbo, vite and vite-plugin-dts
- Require `workspaces-to-typescript-project-references` from `prepublish`

packages/rrweb-snapshot/package.json

@@ -11,9 +11,9 @@
     "retest:update": "vitest run --update",
     "test:update": "yarn build && vitest run --update",
     "dev": "vite build --watch",
-    "build": "yarn check-types && vite build",
+    "build": "yarn turbo prepublish -F rrweb-snapshot",
     "check-types": "tsc --noEmit",
-    "prepublish": "npm run build",
+    "prepublish": "yarn check-types && vite build",
     "lint": "yarn eslint src"
   },
   "type": "module",
@@ -59,9 +59,9 @@
     "puppeteer": "^17.1.3",
     "ts-node": "^7.0.1",
     "tslib": "^1.9.3",
-    "typescript": "^4.7.3",
-    "vite": "^5.2.8",
-    "vite-plugin-dts": "^3.8.1",
+    "typescript": "^5.4.5",
+    "vite": "^5.3.1",
+    "vite-plugin-dts": "^3.9.1",
     "vitest": "^1.4.0"
   }
 }

packages/rrweb-snapshot/src/rebuild.ts

@@ -1,11 +1,11 @@
-import { Rule, Media, NodeWithRules, parse } from './css';
+import { type Rule, type Media, type NodeWithRules, parse } from './css';
 import {
-  serializedNodeWithId,
+  type serializedNodeWithId,
   NodeType,
-  tagMap,
-  elementNode,
-  BuildCache,
-  legacyAttributes,
+  type tagMap,
+  type elementNode,
+  type BuildCache,
+  type legacyAttributes,
 } from './types';
 import { isElement, Mirror, isNodeMetaEqual } from './utils';
 

packages/rrweb-snapshot/src/snapshot.ts

@@ -1,17 +1,17 @@
 import {
-  serializedNode,
-  serializedNodeWithId,
+  type serializedNode,
+  type serializedNodeWithId,
   NodeType,
-  attributes,
-  MaskInputOptions,
-  SlimDOMOptions,
-  DataURLOptions,
-  MaskTextFn,
-  MaskInputFn,
-  KeepIframeSrcFn,
-  ICanvas,
-  elementNode,
-  serializedElementNodeWithId,
+  type attributes,
+  type MaskInputOptions,
+  type SlimDOMOptions,
+  type DataURLOptions,
+  type MaskTextFn,
+  type MaskInputFn,
+  type KeepIframeSrcFn,
+  type ICanvas,
+  type elementNode,
+  type serializedElementNodeWithId,
   type mediaAttributes,
 } from './types';
 import {

packages/rrweb-snapshot/src/utils.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   idNodeMap,
   MaskInputFn,
   MaskInputOptions,
@@ -6,12 +6,12 @@ import {
   IMirror,
   serializedNodeWithId,
   serializedNode,
-  NodeType,
   documentNode,
   documentTypeNode,
   textNode,
   elementNode,
 } from './types';
+import { NodeType } from './types';
 
 export function isElement(n: Node): n is Element {
   return n.nodeType === n.ELEMENT_NODE;