posthog-js 1.34.0 → 1.35.0

package/dist/es.js

@@ -917,7 +917,7 @@ var LZString = {
   }
 };
 
-var version = "1.34.0";
+var version = "1.35.0";
 
 // e.g.     Config.DEBUG = Config.DEBUG || instance.get_config('debug')
 
@@ -4075,8 +4075,9 @@ var Decide = /*#__PURE__*/function () {
       (_this$instance$sessio = this.instance.sessionRecording) === null || _this$instance$sessio === void 0 ? void 0 : _this$instance$sessio.afterDecideResponse(response);
       autocapture.afterDecideResponse(response, this.instance);
       this.instance.featureFlags.receivedFeatureFlags(response);
+      this.instance['compression'] = {};
 
-      if (response['supportedCompression']) {
+      if (response['supportedCompression'] && !this.instance.get_config('disable_compression')) {
         var compression = {};
 
         var _iterator = _createForOfIteratorHelper(response['supportedCompression']),
@@ -4094,8 +4095,6 @@ var Decide = /*#__PURE__*/function () {
         }
 
         this.instance['compression'] = compression;
-      } else {
-        this.instance['compression'] = {};
       }
 
       if (response['siteApps']) {
@@ -6006,6 +6005,70 @@ var SentryIntegration = /*#__PURE__*/_createClass(function SentryIntegration(_po
   };
 });
 
+/**
+ * Extend Segment with extra PostHog JS functionality. Required for things like Recordings and feature flags to work correctly.
+ *
+ * ### Usage
+ *
+ *  ```js
+ *  // After your standard segment anyalytics install
+ *  analytics.load("GOEDfA21zZTtR7clsBuDvmBKAtAdZ6Np");
+ *
+ *  analytics.ready(() => {
+ *    posthog.init('<posthog-api-key>', {
+ *      capture_pageview: false,
+ *      segment: window.analytics, // NOTE: Be sure to use window.analytics here!
+ *    });
+ *    window.analytics.page();
+ *  })
+ *  ```
+ */
+// Loosely based on https://github.com/segmentio/analytics-next/blob/master/packages/core/src/plugins/index.ts
+var createSegmentIntegration = function createSegmentIntegration(posthog) {
+  var enrichEvent = function enrichEvent(ctx, eventName) {
+    if (!ctx.event.userId && ctx.event.anonymousId !== posthog.get_distinct_id()) {
+      // This is our only way of detecting that segment's analytics.reset() has been called so we also call it
+      posthog.reset();
+    }
+
+    if (ctx.event.userId && ctx.event.userId !== posthog.get_distinct_id()) {
+      posthog.register({
+        distinct_id: ctx.event.userId
+      });
+      posthog.reloadFeatureFlags();
+    }
+
+    var additionalProperties = posthog._calculate_event_properties(eventName, ctx.event.properties);
+
+    ctx.event.properties = Object.assign({}, additionalProperties, ctx.event.properties);
+    return ctx;
+  };
+
+  return {
+    name: 'PostHog JS',
+    type: 'enrichment',
+    version: '1.0.0',
+    isLoaded: function isLoaded() {
+      return true;
+    },
+    load: function load() {
+      return Promise.resolve();
+    },
+    track: function track(ctx) {
+      return enrichEvent(ctx, ctx.event.event);
+    },
+    page: function page(ctx) {
+      return enrichEvent(ctx, '$pageview');
+    },
+    identify: function identify(ctx) {
+      return enrichEvent(ctx, '$identify');
+    },
+    screen: function screen(ctx) {
+      return enrichEvent(ctx, '$screen');
+    }
+  };
+};
+
 /*
 SIMPLE STYLE GUIDE:
 
@@ -6118,7 +6181,8 @@ var defaultConfig = function defaultConfig() {
     _capture_performance: false,
     name: 'posthog',
     callback_fn: 'posthog._jsc',
-    bootstrap: {}
+    bootstrap: {},
+    disable_compression: false
   };
 };
 /**
@@ -6194,12 +6258,19 @@ var create_mplib = function create_mplib(token, config, name) {
 
 var PostHog = /*#__PURE__*/function () {
   function PostHog() {
+    var _this = this;
+
     _classCallCheck(this, PostHog);
 
     this.config = defaultConfig();
     this.compression = {};
     this.decideEndpointWasHit = false;
     this.SentryIntegration = SentryIntegration;
+
+    this.segmentIntegration = function () {
+      return createSegmentIntegration(_this);
+    };
+
     this.__captureHooks = [];
     this.__request_queue = [];
     this.__loaded = false;
@@ -6293,6 +6364,22 @@ var PostHog = /*#__PURE__*/function () {
 
       this._gdpr_init();
 
+      if (config.segment) {
+        // Use segments anonymousId instead
+        this.config.get_device_id = function () {
+          return config.segment.user().anonymousId();
+        }; // If a segment user ID exists, set it as the distinct_id
+
+
+        if (config.segment.user().id()) {
+          this.register({
+            distinct_id: config.segment.user().id()
+          });
+        }
+
+        config.segment.register(this.segmentIntegration());
+      }
+
       if (((_config$bootstrap = config.bootstrap) === null || _config$bootstrap === void 0 ? void 0 : _config$bootstrap.distinctID) !== undefined) {
         var _config$bootstrap2;
 
@@ -6383,11 +6470,11 @@ var PostHog = /*#__PURE__*/function () {
   }, {
     key: "_dom_loaded",
     value: function _dom_loaded() {
-      var _this = this;
+      var _this2 = this;
 
       if (!this.has_opted_out_capturing()) {
         _eachArray(this.__request_queue, function (item) {
-          _this._send_request.apply(_this, _toConsumableArray(item));
+          _this2._send_request.apply(_this2, _toConsumableArray(item));
         });
       }
 
@@ -6564,7 +6651,7 @@ var PostHog = /*#__PURE__*/function () {
   }, {
     key: "_execute_array",
     value: function _execute_array(array) {
-      var _this2 = this;
+      var _this3 = this;
 
       var fn_name;
       var alias_calls = [];
@@ -6578,10 +6665,10 @@ var PostHog = /*#__PURE__*/function () {
           if (_isArray(fn_name)) {
             capturing_calls.push(item); // chained call e.g. posthog.get_group().set()
           } else if (typeof item === 'function') {
-            item.call(_this2);
+            item.call(_this3);
           } else if (_isArray(item) && fn_name === 'alias') {
             alias_calls.push(item);
-          } else if (_isArray(item) && fn_name.indexOf('capture') !== -1 && typeof _this2[fn_name] === 'function') {
+          } else if (_isArray(item) && fn_name.indexOf('capture') !== -1 && typeof _this3[fn_name] === 'function') {
             capturing_calls.push(item);
           } else {
             other_calls.push(item);
@@ -6690,9 +6777,8 @@ var PostHog = /*#__PURE__*/function () {
 
       if (_isBlockedUA(userAgent)) {
         return;
-      }
+      } // update persistence
 
-      var start_timestamp = this.persistence.remove_event_timer(event_name); // update persistence
 
       this.persistence.update_search_keyword(document$1.referrer);
 
@@ -6706,7 +6792,7 @@ var PostHog = /*#__PURE__*/function () {
 
       var data = {
         event: event_name,
-        properties: this._calculate_event_properties(event_name, properties || {}, start_timestamp)
+        properties: this._calculate_event_properties(event_name, properties || {})
       };
 
       if (event_name === '$identify' && options.$set) {
@@ -6750,8 +6836,10 @@ var PostHog = /*#__PURE__*/function () {
     }
   }, {
     key: "_calculate_event_properties",
-    value: function _calculate_event_properties(event_name, event_properties, start_timestamp) {
+    value: function _calculate_event_properties(event_name, event_properties) {
       // set defaults
+      var start_timestamp = this.persistence.remove_event_timer(event_name);
+
       var properties = _objectSpread2({}, event_properties);
 
       properties['token'] = this.get_config('token');