chore: clarify rrweb imports (#27776)

frontend/src/scenes/session-recordings/player/rrweb/canvas/canvas-plugin.ts

@@ -1,7 +1,14 @@
-import { CanvasArg, canvasMutationData, canvasMutationParam, eventWithTime } from '@rrweb/types'
+import {
+    CanvasArg,
+    canvasMutationData,
+    canvasMutationParam,
+    EventType,
+    eventWithTime,
+    IncrementalSource,
+} from '@rrweb/types'
 import { captureException } from '@sentry/react'
 import { debounce } from 'lib/utils'
-import { canvasMutation, EventType, IncrementalSource, Replayer } from 'rrweb'
+import { canvasMutation, Replayer } from 'rrweb'
 import { ReplayPlugin } from 'rrweb/typings/types'
 
 import { deserializeCanvasArg } from './deserialize-canvas-args'

frontend/src/scenes/session-recordings/player/rrweb/index.ts

@@ -1,5 +1,5 @@
+import { EventType, eventWithTime, IncrementalSource } from '@rrweb/types'
 import Hls from 'hls.js'
-import { EventType, eventWithTime, IncrementalSource } from 'rrweb'
 import { playerConfig, ReplayPlugin } from 'rrweb/typings/types'
 
 export const PLACEHOLDER_SVG_DATA_IMAGE_URL =

frontend/src/scenes/session-recordings/player/sidebar/PlayerSidebarDebuggerTab.tsx

@@ -1,10 +1,10 @@
 import { LemonButton, LemonCollapse, LemonInputSelect } from '@posthog/lemon-ui'
+import { EventType, eventWithTime, IncrementalSource } from '@rrweb/types'
 import { useActions, useValues } from 'kea'
 import { JSONViewer } from 'lib/components/JSONViewer'
 import { IconChevronLeft, IconChevronRight } from 'lib/lemon-ui/icons'
 import { LemonSlider } from 'lib/lemon-ui/LemonSlider'
 import { useEffect, useState } from 'react'
-import { EventType, eventWithTime, IncrementalSource } from 'rrweb'
 
 import { sessionRecordingPlayerLogic } from '../sessionRecordingPlayerLogic'
 

frontend/src/types.ts

@@ -1,5 +1,6 @@
 import { LemonInputProps, LemonTableColumns } from '@posthog/lemon-ui'
 import { PluginConfigSchema } from '@posthog/plugin-scaffold'
+import { LogLevel } from '@rrweb/rrweb-plugin-console-record'
 import { eventWithTime } from '@rrweb/types'
 import { ChartDataset, ChartType, InteractionItem } from 'chart.js'
 import { LogicWrapper } from 'kea'
@@ -23,7 +24,6 @@ import { Dayjs, dayjs } from 'lib/dayjs'
 import { PopoverProps } from 'lib/lemon-ui/Popover/Popover'
 import type { PostHog, SupportedWebVitalsMetrics } from 'posthog-js'
 import { Layout } from 'react-grid-layout'
-import { LogLevel } from 'rrweb'
 import { BehavioralFilterKey, BehavioralFilterType } from 'scenes/cohorts/CohortFilters/types'
 import { Holdout } from 'scenes/experiments/holdoutsLogic'
 import { AggregationAxisFormat } from 'scenes/insights/aggregationAxisFormat'

package.json

@@ -80,6 +80,7 @@
         "@posthog/icons": "0.10.0",
         "@posthog/plugin-scaffold": "^1.4.4",
         "@react-hook/size": "^2.1.2",
+        "@rrweb/rrweb-plugin-console-record": "2.0.0-alpha.18",
         "@rrweb/types": "2.0.0-alpha.13",
         "@sentry/react": "7.112.1",
         "@stripe/react-stripe-js": "^2.8.0",