chore(browser): ban enum usage (#3258)

* chore(browser): ban enum usage

they compile to overly bloated javascript

* Replace rrweb-types enums with const objects

Author: dustinbyrne

packages/browser/.eslintrc.cjs

@@ -4,6 +4,14 @@ module.exports = {
             files: './src/**/*',
             rules: {
                 'no-restricted-globals': ['error', 'document', 'window'],
+                'no-restricted-syntax': [
+                    'error',
+                    {
+                        selector: 'TSEnumDeclaration',
+                        message:
+                            'Enums add significant bundle bloat. Use a const object with `as const` and a type union instead. Example: `const Foo = { A: "a", B: "b" } as const; type Foo = (typeof Foo)[keyof typeof Foo];`',
+                    },
+                ],
             },
             parserOptions: {
                 ecmaVersion: 2018,

packages/browser/src/extensions/replay/external/lazy-loaded-session-recorder.ts

@@ -126,7 +126,7 @@ export interface SnapshotBuffer {
     windowId: string
 }
 
-const ACTIVE_SOURCES = [
+const ACTIVE_SOURCES: IncrementalSource[] = [
     IncrementalSource.MouseMove,
     IncrementalSource.MouseInteraction,
     IncrementalSource.Scroll,
@@ -152,12 +152,12 @@ function getRRWebRecord(): rrwebRecordType | undefined {
 }
 
 export type compressedFullSnapshotEvent = {
-    type: EventType.FullSnapshot
+    type: typeof EventType.FullSnapshot
     data: string
 }
 
 export type compressedIncrementalSnapshotEvent = {
-    type: EventType.IncrementalSnapshot
+    type: typeof EventType.IncrementalSnapshot
     data: {
         source: IncrementalSource
         texts: string
@@ -168,9 +168,9 @@ export type compressedIncrementalSnapshotEvent = {
 }
 
 export type compressedIncrementalStyleSnapshotEvent = {
-    type: EventType.IncrementalSnapshot
+    type: typeof EventType.IncrementalSnapshot
     data: {
-        source: IncrementalSource.StyleSheetRule
+        source: typeof IncrementalSource.StyleSheetRule
         id?: number
         styleId?: number
         replace?: string