posthog-js 1.34.0 → 1.35.0

package/dist/module.d.ts

@@ -189,11 +189,13 @@ interface PostHogConfig {
     _onCapture: (eventName: string, eventData: CaptureResult) => void;
     _capture_metrics: boolean;
     _capture_performance: boolean;
+    disable_compression: boolean;
     bootstrap: {
         distinctID?: string;
         isIdentifiedID?: boolean;
         featureFlags?: Record<string, boolean | string>;
     };
+    segment?: any;
 }
 interface OptInOutCapturingOptions {
     capture: (event: string, properties: Properties, options: CaptureOptions) => void;
@@ -908,6 +910,7 @@ declare class PostHog {
     __autocapture_enabled: boolean | undefined;
     decideEndpointWasHit: boolean;
     SentryIntegration: typeof SentryIntegration;
+    segmentIntegration: () => any;
     constructor();
     /**
      * This function initializes a new instance of the PostHog capturing object.
@@ -992,7 +995,7 @@ declare class PostHog {
     capture(event_name: string, properties?: Properties | null, options?: CaptureOptions): CaptureResult | void;
     _addCaptureHook(callback: (eventName: string) => void): void;
     _invokeCaptureHooks(eventName: string, eventData: CaptureResult): void;
-    _calculate_event_properties(event_name: string, event_properties: Properties, start_timestamp: number): Properties;
+    _calculate_event_properties(event_name: string, event_properties: Properties): Properties;
     /**
      * Register a set of super properties, which are included with all
      * events. This will overwrite previous super property values.

package/dist/module.js

@@ -921,7 +921,7 @@ var LZString = {
   }
 };
 
-var version = "1.34.0";
+var version = "1.35.0";
 
 // e.g.     Config.DEBUG = Config.DEBUG || instance.get_config('debug')
 
@@ -4079,8 +4079,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']),
@@ -4098,8 +4099,6 @@ var Decide = /*#__PURE__*/function () {
         }
 
         this.instance['compression'] = compression;
-      } else {
-        this.instance['compression'] = {};
       }
 
       if (response['siteApps']) {
@@ -6010,6 +6009,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:
 
@@ -6122,7 +6185,8 @@ var defaultConfig = function defaultConfig() {
     _capture_performance: false,
     name: 'posthog',
     callback_fn: 'posthog._jsc',
-    bootstrap: {}
+    bootstrap: {},
+    disable_compression: false
   };
 };
 /**
@@ -6198,12 +6262,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;
@@ -6297,6 +6368,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;
 
@@ -6387,11 +6474,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));
         });
       }
 
@@ -6568,7 +6655,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 = [];
@@ -6582,10 +6669,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);
@@ -6694,9 +6781,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);
 
@@ -6710,7 +6796,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) {
@@ -6754,8 +6840,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');