feat: Heatmaps instrumentation

cypress/e2e/opting-out.cy.ts

@@ -15,14 +15,14 @@ describe('opting out', () => {
     describe('session recording', () => {
         beforeEach(() => {
             cy.intercept('POST', '/decide/*', {
-                config: { enable_collect_everything: false },
                 editorParams: {},
                 featureFlags: ['session-recording-player'],
                 isAuthenticated: false,
                 sessionRecording: {
                     endpoint: '/ses/',
                 },
                 capture_performance: true,
+                autocapture_opt_out: true,
             }).as('decide')
 
             cy.visit('./playground/cypress')
@@ -114,7 +114,7 @@ describe('opting out', () => {
 
         it('can override sampling when starting session recording', () => {
             cy.intercept('POST', '/decide/*', {
-                config: { enable_collect_everything: false },
+                autocapture_opt_out: true,
                 editorParams: {},
                 isAuthenticated: false,
                 sessionRecording: {

cypress/e2e/session-recording.cy.ts

@@ -46,12 +46,12 @@ describe('Session recording', () => {
         it('captures session events', () => {
             start({
                 decideResponseOverrides: {
-                    config: { enable_collect_everything: false },
                     isAuthenticated: false,
                     sessionRecording: {
                         endpoint: '/ses/',
                     },
                     capturePerformance: true,
+                    autocapture_opt_out: true,
                 },
             })
 
@@ -83,13 +83,13 @@ describe('Session recording', () => {
         beforeEach(() => {
             start({
                 decideResponseOverrides: {
-                    config: { enable_collect_everything: false },
                     isAuthenticated: false,
                     sessionRecording: {
                         endpoint: '/ses/',
                         networkPayloadCapture: { recordBody: true },
                     },
                     capturePerformance: true,
+                    autocapture_opt_out: true,
                 },
                 url: './playground/cypress',
                 options: {
@@ -126,12 +126,12 @@ describe('Session recording', () => {
         beforeEach(() => {
             start({
                 decideResponseOverrides: {
-                    config: { enable_collect_everything: false },
                     isAuthenticated: false,
                     sessionRecording: {
                         endpoint: '/ses/',
                     },
                     capturePerformance: true,
+                    autocapture_opt_out: true,
                 },
                 url: './playground/cypress',
             })
@@ -364,17 +364,17 @@ describe('Session recording', () => {
         })
     })
 
-    describe.only('with sampling', () => {
+    describe('with sampling', () => {
         beforeEach(() => {
             start({
                 decideResponseOverrides: {
-                    config: { enable_collect_everything: false },
                     isAuthenticated: false,
                     sessionRecording: {
                         endpoint: '/ses/',
                         sampleRate: '0',
                     },
                     capturePerformance: true,
+                    autocapture_opt_out: true,
                 },
                 url: './playground/cypress',
             })
@@ -395,9 +395,9 @@ describe('Session recording', () => {
                 })
         })
 
-        it.only('can override sampling when starting session recording', () => {
+        it('can override sampling when starting session recording', () => {
             cy.intercept('POST', '/decide/*', {
-                config: { enable_collect_everything: false },
+                autocapture_opt_out: true,
                 editorParams: {},
                 isAuthenticated: false,
                 sessionRecording: {
@@ -441,13 +441,13 @@ describe('Session recording', () => {
             cy.reload(true).then(() => {
                 start({
                     decideResponseOverrides: {
-                        config: { enable_collect_everything: false },
                         isAuthenticated: false,
                         sessionRecording: {
                             endpoint: '/ses/',
                             sampleRate: '0',
                         },
                         capturePerformance: true,
+                        autocapture_opt_out: true,
                     },
                     url: './playground/cypress',
                 })

cypress/e2e/surveys.cy.ts

@@ -46,10 +46,10 @@ describe('Surveys', () => {
 
     beforeEach(() => {
         cy.intercept('POST', '**/decide/*', {
-            config: { enable_collect_everything: false },
             editorParams: {},
             surveys: true,
             isAuthenticated: false,
+            autocapture_opt_out: true,
         }).as('decide')
     })
 

cypress/support/setup.ts

@@ -6,7 +6,6 @@ export const start = ({
     resetOnInit = false,
     options = {},
     decideResponseOverrides = {
-        config: { enable_collect_everything: true },
         sessionRecording: undefined,
         isAuthenticated: false,
         capturePerformance: true,
@@ -27,7 +26,7 @@ export const start = ({
         excludedDomains: [],
         autocaptureExceptions: false,
         ...decideResponseOverrides,
-        config: { enable_collect_everything: true, ...decideResponseOverrides.config },
+        config: { ...decideResponseOverrides.config },
     }
     cy.intercept('POST', '/decide/*', decideResponse).as('decide')
 

playground/nextjs/pages/_app.tsx

@@ -18,6 +18,7 @@ if (typeof window !== 'undefined') {
         scroll_root_selector: ['#scroll_element', 'html'],
         persistence: cookieConsentGiven() ? 'localStorage+cookie' : 'memory',
         __preview_process_person: 'identified_only',
+        __preview_heatmaps: true,
     })
     ;(window as any).posthog = posthog
 }

playground/nextjs/pages/index.tsx

@@ -30,7 +30,11 @@ export default function Home() {
                 <meta name="viewport" content="width=device-width, initial-scale=1" />
             </Head>
             <main>
-                <h1>PostHog React</h1>
+                <div className="sticky top-0 bg-white border-b mb-4">
+                    <h1 className="m-0">
+                        <b>PostHog</b> React
+                    </h1>
+                </div>
 
                 <p>The current time is {time}</p>
 

playground/session-recordings/server.js

@@ -15,7 +15,6 @@ app.listen(port, () => {
 
 app.post('/decide', function (req, res) {
     res.json({
-        config: { enable_collect_everything: false },
         editorParams: {},
         featureFlags: ['session-recording-player'],
         isAuthenticated: false,