feat: add ee licensed replay transformer

.eslintignore

@@ -0,0 +1,2 @@
+.eslintrc.js
+jest.config.ts

.eslintrc.js

@@ -54,6 +54,7 @@ module.exports = {
         'compat',
         'posthog',
         'simple-import-sort',
+        'import',
     ],
     rules: {
         'no-console': ['error', { allow: ['warn', 'error'] }],
@@ -261,6 +262,19 @@ module.exports = {
         'no-constant-condition': 'off',
         'no-prototype-builtins': 'off',
         'no-irregular-whitespace': 'off',
+        'import/no-restricted-paths': [
+            'error',
+            {
+                zones: [
+                    {
+                        target: './frontend/**',
+                        from: './ee/frontend/**',
+                        message:
+                            "EE licensed TypeScript should only be accessed via the posthogEE objects. Use `import posthogEE from '@posthog/ee/exports'`",
+                    },
+                ],
+            },
+        ],
     },
     overrides: [
         {

.github/workflows/ci-frontend.yml

@@ -107,6 +107,10 @@ jobs:
               if: needs.changes.outputs.frontend == 'true'
               run: pnpm schema:build:json && git diff --exit-code
 
+            - name: Check if mobile replay "schema.json" is up to date
+              if: needs.changes.outputs.frontend == 'true'
+              run: pnpm mobile-replay:schema:build:json && git diff --exit-code
+
             - name: Check toolbar bundle size
               if: needs.changes.outputs.frontend == 'true'
               uses: preactjs/compressed-size-action@v2

.run/PostHog.run.xml

@@ -17,7 +17,7 @@
       <env name="PYTHONUNBUFFERED" value="1" />
       <env name="SESSION_RECORDING_KAFKA_COMPRESSION" value="gzip" />
       <env name="SESSION_RECORDING_KAFKA_HOSTS" value="localhost" />
-      <env name="SESSION_RECORDING_KAFKA_MAX_REQUEST_SIZE_BYTES" value="524288" />
+      <env name="SESSION_RECORDING_KAFKA_MAX_REQUEST_SIZE_BYTES" value="20971520" />
       <env name="SKIP_SERVICE_VERSION_REQUIREMENTS" value="1" />
       <env name="REPLAY_EVENTS_NEW_CONSUMER_RATIO" value="1" />
     </envs>
@@ -48,4 +48,4 @@
     <option name="customRunCommand" value="" />
     <method v="2" />
   </configuration>
-</component>
+</component>

ee/frontend/exports.ts

@@ -1,13 +1,12 @@
 import { PostHogEE } from '@posthog/ee/types'
 
-const myTestCode = (): void => {
-    // eslint-disable-next-line no-console
-    console.log('it works!')
-}
+import { transformEventToWeb, transformToWeb } from './mobile-replay'
 
-const postHogEE: PostHogEE = {
-    enabled: true,
-    myTestCode,
-}
-
-export default postHogEE
+export default async (): Promise<PostHogEE> =>
+    Promise.resolve({
+        enabled: true,
+        mobileReplay: {
+            transformEventToWeb,
+            transformToWeb,
+        },
+    })