posthog-js 1.29.1 → 1.30.0

package/dist/es.js

@@ -881,7 +881,7 @@ var LZString = {
   }
 };
 
-var version = "1.29.1";
+var version = "1.30.0";
 
 // e.g.     Config.DEBUG = Config.DEBUG || instance.get_config('debug')
 
@@ -3290,6 +3290,7 @@ var PostHogFeatureFlags = /*#__PURE__*/function () {
   }, {
     key: "receivedFeatureFlags",
     value: function receivedFeatureFlags(response) {
+      this.instance.decideEndpointWasHit = true;
       parseFeatureFlagDecideResponse(response, this.instance.persistence);
       var flags = this.getFlags();
       var variants = this.getFlagVariants();
@@ -3967,8 +3968,9 @@ var Decide = /*#__PURE__*/function () {
   function Decide(instance) {
     _classCallCheck(this, Decide);
 
-    this.instance = instance;
-    this.instance.decideEndpointWasHit = false;
+    this.instance = instance; // don't need to wait for `decide` to return if flags were provided on initialisation
+
+    this.instance.decideEndpointWasHit = this.instance._hasBootstrappedFeatureFlags();
   }
 
   _createClass(Decide, [{
@@ -4341,19 +4343,27 @@ var RequestQueue = /*#__PURE__*/function (_RequestQueueScaffold) {
   }, {
     key: "unload",
     value: function unload() {
+      var _this3 = this;
+
       clearTimeout(this._poller);
       var requests = this._event_queue.length > 0 ? this.formatQueue() : {};
       this._event_queue.length = 0;
-
-      for (var key in requests) {
-        var _requests$key3 = requests[key],
-            _url2 = _requests$key3.url,
-            _data2 = _requests$key3.data,
-            _options = _requests$key3.options;
-        this.handlePollRequest(_url2, _data2, _objectSpread2(_objectSpread2({}, _options), {}, {
+      var requestValues = Object.values(requests); // Always force events to be sent before recordings, as events are more important, and recordings are bigger and thus less likely to arrive
+
+      var sortedRequests = [].concat(_toConsumableArray(requestValues.filter(function (r) {
+        return r.url.indexOf('/e') === 0;
+      })), _toConsumableArray(requestValues.filter(function (r) {
+        return r.url.indexOf('/e') !== 0;
+      })));
+      sortedRequests.map(function (_ref) {
+        var url = _ref.url,
+            data = _ref.data,
+            options = _ref.options;
+
+        _this3.handlePollRequest(url, data, _objectSpread2(_objectSpread2({}, options), {}, {
           transport: 'sendBeacon'
         }));
-      }
+      });
     }
   }, {
     key: "formatQueue",
@@ -5946,7 +5956,8 @@ var defaultConfig = function defaultConfig() {
     _capture_metrics: false,
     _capture_performance: false,
     name: 'posthog',
-    callback_fn: 'posthog._jsc'
+    callback_fn: 'posthog._jsc',
+    bootstrap: {}
   };
 };
 /**
@@ -6095,6 +6106,8 @@ var PostHog = /*#__PURE__*/function () {
   }, {
     key: "_init",
     value: function _init(token) {
+      var _config$bootstrap;
+
       var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       var name = arguments.length > 2 ? arguments[2] : undefined;
       this.__loaded = true;
@@ -6119,19 +6132,49 @@ var PostHog = /*#__PURE__*/function () {
 
       this._gdpr_init();
 
+      if (((_config$bootstrap = config.bootstrap) === null || _config$bootstrap === void 0 ? void 0 : _config$bootstrap.distinctID) !== undefined) {
+        var _config$bootstrap2;
+
+        var uuid = this.get_config('get_device_id')(_UUID());
+        var deviceID = (_config$bootstrap2 = config.bootstrap) !== null && _config$bootstrap2 !== void 0 && _config$bootstrap2.isIdentifiedID ? uuid : config.bootstrap.distinctID;
+        this.register({
+          distinct_id: config.bootstrap.distinctID,
+          $device_id: deviceID
+        });
+      }
+
+      if (this._hasBootstrappedFeatureFlags()) {
+        var _config$bootstrap3;
+
+        var activeFlags = Object.keys(((_config$bootstrap3 = config.bootstrap) === null || _config$bootstrap3 === void 0 ? void 0 : _config$bootstrap3.featureFlags) || {}).filter(function (flag) {
+          var _config$bootstrap4, _config$bootstrap4$fe;
+
+          return !!((_config$bootstrap4 = config.bootstrap) !== null && _config$bootstrap4 !== void 0 && (_config$bootstrap4$fe = _config$bootstrap4.featureFlags) !== null && _config$bootstrap4$fe !== void 0 && _config$bootstrap4$fe[flag]);
+        }).reduce(function (res, key) {
+          var _config$bootstrap5, _config$bootstrap5$fe;
+
+          return res[key] = ((_config$bootstrap5 = config.bootstrap) === null || _config$bootstrap5 === void 0 ? void 0 : (_config$bootstrap5$fe = _config$bootstrap5.featureFlags) === null || _config$bootstrap5$fe === void 0 ? void 0 : _config$bootstrap5$fe[key]) || false, res;
+        }, {});
+        this.featureFlags.receivedFeatureFlags({
+          featureFlags: activeFlags
+        });
+      }
+
       if (!this.get_distinct_id()) {
         // There is no need to set the distinct id
         // or the device id if something was already stored
         // in the persitence
-        var uuid = this.get_config('get_device_id')(_UUID());
+        var _uuid = this.get_config('get_device_id')(_UUID());
+
         this.register_once({
-          distinct_id: uuid,
-          $device_id: uuid
+          distinct_id: _uuid,
+          $device_id: _uuid
         }, '');
-      } // Set up the window close event handler "unload"
+      } // Set up event handler for pageleave
+      // Use `onpagehide` if available, see https://calendar.perfplanet.com/2020/beaconing-in-practice/#beaconing-reliability-avoiding-abandons
 
 
-      win.addEventListener && win.addEventListener('unload', this._handle_unload.bind(this));
+      win.addEventListener && win.addEventListener('onpagehide' in self ? 'pagehide' : 'unload', this._handle_unload.bind(this));
     } // Private methods
 
   }, {
@@ -6406,6 +6449,13 @@ var PostHog = /*#__PURE__*/function () {
       execute(other_calls, this);
       execute(capturing_calls, this);
     }
+  }, {
+    key: "_hasBootstrappedFeatureFlags",
+    value: function _hasBootstrappedFeatureFlags() {
+      var _this$config$bootstra, _this$config$bootstra2;
+
+      return ((_this$config$bootstra = this.config.bootstrap) === null || _this$config$bootstra === void 0 ? void 0 : _this$config$bootstra.featureFlags) && Object.keys((_this$config$bootstra2 = this.config.bootstrap) === null || _this$config$bootstra2 === void 0 ? void 0 : _this$config$bootstra2.featureFlags).length > 0 || false;
+    }
     /**
      * push() keeps the standard async-array-push
      * behavior around after the lib is loaded.