posthog-js 1.46.2 → 1.47.0

package/dist/module.d.ts

@@ -856,6 +856,7 @@ declare class SessionRecording {
     stopRecording(): void;
     isRecordingEnabled(): boolean;
     isConsoleLogCaptureEnabled(): boolean;
+    getRecordingVersion(): any;
     afterDecideResponse(response: DecideResponse): void;
     startCaptureAndTrySendingQueuedSnapshots(): void;
     _startCapture(): void;
@@ -974,7 +975,7 @@ declare class PageViewIdManager {
  */
 declare class PostHog {
     __loaded: boolean;
-    __loaded_recorder: boolean;
+    __loaded_recorder_version: 'v1' | 'v2' | undefined;
     config: PostHogConfig;
     persistence: PostHogPersistence;
     sessionManager: SessionIdManager;

package/dist/module.js

@@ -921,7 +921,7 @@ var LZString = {
   }
 };
 
-var version = "1.46.2";
+var version = "1.47.0";
 
 // e.g.     Config.DEBUG = Config.DEBUG || instance.get_config('debug')
 
@@ -3538,6 +3538,8 @@ var CAMPAIGN_IDS_KEY = '__cmpns';
 var EVENT_TIMERS_KEY = '__timers';
 var SESSION_RECORDING_ENABLED_SERVER_SIDE = '$session_recording_enabled_server_side';
 var CONSOLE_LOG_RECORDING_ENABLED_SERVER_SIDE = '$console_log_recording_enabled_server_side';
+var SESSION_RECORDING_RECORDER_VERSION_SERVER_SIDE = '$session_recording_recorder_version_server_side'; // follows rrweb versioning
+
 var SESSION_ID = '$sesid';
 var ENABLED_FEATURE_FLAGS = '$enabled_feature_flags';
 var USER_STATE = '$user_state';
@@ -3991,26 +3993,35 @@ var SessionRecording = /*#__PURE__*/function () {
       var enabled_client_side = this.instance.get_config('enable_recording_console_log');
       return enabled_client_side !== null && enabled_client_side !== void 0 ? enabled_client_side : enabled_server_side;
     }
+  }, {
+    key: "getRecordingVersion",
+    value: function getRecordingVersion() {
+      var _this$instance$get_co;
+
+      var recordingVersion_server_side = this.instance.get_property(SESSION_RECORDING_RECORDER_VERSION_SERVER_SIDE);
+      var recordingVersion_client_side = (_this$instance$get_co = this.instance.get_config('session_recording')) === null || _this$instance$get_co === void 0 ? void 0 : _this$instance$get_co.recorderVersion;
+      return recordingVersion_client_side || recordingVersion_server_side || 'v1';
+    }
   }, {
     key: "afterDecideResponse",
     value: function afterDecideResponse(response) {
-      var _response$sessionReco2, _response$sessionReco4;
+      var _response$sessionReco3, _response$sessionReco5;
 
       this.receivedDecide = true;
 
       if (this.instance.persistence) {
-        var _response$sessionReco, _this$instance$persis;
+        var _response$sessionReco, _response$sessionReco2, _this$instance$persis;
 
-        this.instance.persistence.register((_this$instance$persis = {}, _defineProperty(_this$instance$persis, SESSION_RECORDING_ENABLED_SERVER_SIDE, !!response['sessionRecording']), _defineProperty(_this$instance$persis, CONSOLE_LOG_RECORDING_ENABLED_SERVER_SIDE, (_response$sessionReco = response.sessionRecording) === null || _response$sessionReco === void 0 ? void 0 : _response$sessionReco.consoleLogRecordingEnabled), _this$instance$persis));
+        this.instance.persistence.register((_this$instance$persis = {}, _defineProperty(_this$instance$persis, SESSION_RECORDING_ENABLED_SERVER_SIDE, !!response['sessionRecording']), _defineProperty(_this$instance$persis, CONSOLE_LOG_RECORDING_ENABLED_SERVER_SIDE, (_response$sessionReco = response.sessionRecording) === null || _response$sessionReco === void 0 ? void 0 : _response$sessionReco.consoleLogRecordingEnabled), _defineProperty(_this$instance$persis, SESSION_RECORDING_RECORDER_VERSION_SERVER_SIDE, (_response$sessionReco2 = response.sessionRecording) === null || _response$sessionReco2 === void 0 ? void 0 : _response$sessionReco2.recorderVersion), _this$instance$persis));
       }
 
-      if ((_response$sessionReco2 = response.sessionRecording) !== null && _response$sessionReco2 !== void 0 && _response$sessionReco2.endpoint) {
-        var _response$sessionReco3;
+      if ((_response$sessionReco3 = response.sessionRecording) !== null && _response$sessionReco3 !== void 0 && _response$sessionReco3.endpoint) {
+        var _response$sessionReco4;
 
-        this.endpoint = (_response$sessionReco3 = response.sessionRecording) === null || _response$sessionReco3 === void 0 ? void 0 : _response$sessionReco3.endpoint;
+        this.endpoint = (_response$sessionReco4 = response.sessionRecording) === null || _response$sessionReco4 === void 0 ? void 0 : _response$sessionReco4.endpoint;
       }
 
-      if ((_response$sessionReco4 = response.sessionRecording) !== null && _response$sessionReco4 !== void 0 && _response$sessionReco4.recorderVersion) {
+      if ((_response$sessionReco5 = response.sessionRecording) !== null && _response$sessionReco5 !== void 0 && _response$sessionReco5.recorderVersion) {
         this.recorderVersion = response.sessionRecording.recorderVersion;
       }
 
@@ -4044,17 +4055,16 @@ var SessionRecording = /*#__PURE__*/function () {
       // Thus instead of MutationObserver, we look for this function and block recording if it's undefined.
       if (typeof Object.assign === 'undefined') {
         return;
-      }
+      } // Nested if block ensures we do not switch recorder versions midway through a recording.
 
-      if (!this.captureStarted && !this.instance.get_config('disable_session_recording')) {
-        var userSessionRecordingOptions = this.instance.get_config('session_recording'); // Always use the client side setting if given, otherwise use the server side setting
 
-        this.recorderVersion = (userSessionRecordingOptions === null || userSessionRecordingOptions === void 0 ? void 0 : userSessionRecordingOptions.recorderVersion) || this.recorderVersion;
-        var recorderJS = this.recorderVersion === 'v2' ? 'recorder-v2.js' : 'recorder.js';
-        this.captureStarted = true; // If recorder.js is already loaded (if array.full.js snippet is used or posthog-js/dist/recorder is imported), don't load script.
-        // Otherwise, remotely import recorder.js from cdn since it hasn't been loaded
+      if (!this.captureStarted && !this.instance.get_config('disable_session_recording')) {
+        var recorderJS = this.getRecordingVersion() === 'v2' ? 'recorder-v2.js' : 'recorder.js';
+        this.captureStarted = true; // If recorder.js is already loaded (if array.full.js snippet is used or posthog-js/dist/recorder is
+        // imported) or matches the requested recorder version, don't load script. Otherwise, remotely import
+        // recorder.js from cdn since it hasn't been loaded.
 
-        if (!this.instance.__loaded_recorder) {
+        if (this.instance.__loaded_recorder_version !== this.getRecordingVersion()) {
           loadScript(this.instance.get_config('api_host') + "/static/".concat(recorderJS, "?v=").concat(Config.LIB_VERSION), this._onScriptLoaded.bind(this));
         }
 
@@ -6576,7 +6586,7 @@ var create_mplib = function create_mplib(token, config, name) {
 
 
 var PostHog = /*#__PURE__*/function () {
-  // flag that checks if recorder.js is loaded already
+  // flag that keeps track of which version of recorder is loaded
   function PostHog() {
     var _this = this;
 
@@ -6594,7 +6604,7 @@ var PostHog = /*#__PURE__*/function () {
     this.__captureHooks = [];
     this.__request_queue = [];
     this.__loaded = false;
-    this.__loaded_recorder = false;
+    this.__loaded_recorder_version = undefined;
     this.__autocapture = undefined;
 
     this._jsc = function () {};
@@ -6680,7 +6690,11 @@ var PostHog = /*#__PURE__*/function () {
 
 
       if (win !== null && win !== void 0 && (_window$rrweb = win.rrweb) !== null && _window$rrweb !== void 0 && _window$rrweb.record || win !== null && win !== void 0 && win.rrwebRecord) {
-        this.__loaded_recorder = true;
+        var _window$rrweb2;
+
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        this.__loaded_recorder_version = win === null || win === void 0 ? void 0 : (_window$rrweb2 = win.rrweb) === null || _window$rrweb2 === void 0 ? void 0 : _window$rrweb2.version;
       }
 
       this._captureMetrics = new CaptureMetrics(this.get_config('_capture_metrics'));