diff --git a/frontend/src/scenes/session-recordings/player/rrweb/canvas/canvas-plugin.ts b/frontend/src/scenes/session-recordings/player/rrweb/canvas/canvas-plugin.ts index 2f67ccd57a773..4de5d6325989d 100644 --- a/frontend/src/scenes/session-recordings/player/rrweb/canvas/canvas-plugin.ts +++ b/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' diff --git a/frontend/src/scenes/session-recordings/player/rrweb/index.ts b/frontend/src/scenes/session-recordings/player/rrweb/index.ts index 97a3c1eddb231..71a0935351595 100644 --- a/frontend/src/scenes/session-recordings/player/rrweb/index.ts +++ b/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 = diff --git a/frontend/src/scenes/session-recordings/player/sidebar/PlayerSidebarDebuggerTab.tsx b/frontend/src/scenes/session-recordings/player/sidebar/PlayerSidebarDebuggerTab.tsx index 9755cdfbe8328..e372c42bb1bb7 100644 --- a/frontend/src/scenes/session-recordings/player/sidebar/PlayerSidebarDebuggerTab.tsx +++ b/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' diff --git a/frontend/src/types.ts b/frontend/src/types.ts index e65f815aafa37..c1c742e0948c0 100644 --- a/frontend/src/types.ts +++ b/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' diff --git a/package.json b/package.json index ba4f37d941996..80ca7a3de3810 100644 --- a/package.json +++ b/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", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 61af408f9eee8..97a5bd1f93fa0 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -65,6 +65,9 @@ dependencies: '@react-hook/size': specifier: ^2.1.2 version: 2.1.2(react@18.2.0) + '@rrweb/rrweb-plugin-console-record': + specifier: 2.0.0-alpha.18 + version: 2.0.0-alpha.18(rrweb@2.0.0-alpha.13) '@rrweb/types': specifier: 2.0.0-alpha.13 version: 2.0.0-alpha.13 @@ -6117,6 +6120,14 @@ packages: type-fest: 2.19.0 dev: false + /@rrweb/rrweb-plugin-console-record@2.0.0-alpha.18(rrweb@2.0.0-alpha.13): + resolution: {integrity: sha512-R/ys7jrOXjCwcVOf3EkXtT3/XZQ+OMqy+3VhUmgrwngpvppThZlbK4a13OCECwkB8OCJ81S9oYleNbszja2IYA==} + peerDependencies: + rrweb: ^2.0.0-alpha.18 + dependencies: + rrweb: 2.0.0-alpha.13(patch_hash=e2gmypqces37eklplr5o3rvywa) + dev: false + /@rrweb/types@2.0.0-alpha.13: resolution: {integrity: sha512-ytq+MeVm/vP2ybw+gTAN3Xvt7HN2yS+wlbfnwHpQMftxrwzq0kEZHdw+Jp5WUvvpONWzXriNAUU9dW0qLGkzNg==} dependencies: