posthog-react-native 2.1.2 → 2.1.4

package/lib/index.d.ts

@@ -9,6 +9,11 @@ declare type PosthogCoreOptions = {
     enable?: boolean;
     sendFeatureFlagEvent?: boolean;
     preloadFeatureFlags?: boolean;
+    bootstrap?: {
+        distinctId?: string;
+        isIdentifiedId?: boolean;
+        featureFlags?: Record<string, boolean | string>;
+    };
     fetchRetryCount?: number;
     fetchRetryDelay?: number;
     sessionExpirationTimeSeconds?: number;
@@ -34,7 +39,8 @@ declare type PostHogFetchOptions = {
     headers: {
         [key: string]: string;
     };
-    body: string;
+    body?: string;
+    signal?: AbortSignal;
 };
 declare type PostHogFetchResponse = {
     status: number;
@@ -108,6 +114,7 @@ declare abstract class PostHogCore {
     private _optoutOverride;
     constructor(apiKey: string, options?: PosthogCoreOptions);
     protected getCommonEventProperties(): any;
+    protected setupBootstrap(options?: Partial<PosthogCoreOptions>): void;
     private get props();
     private set props(value);
     private clearProps;
@@ -158,6 +165,7 @@ declare abstract class PostHogCore {
      ***/
     private decideAsync;
     private _decideAsync;
+    private setKnownFeatureFlags;
     getFeatureFlag(key: string): boolean | string | undefined;
     getFeatureFlags(): PostHogDecideResponse['featureFlags'] | undefined;
     isFeatureEnabled(key: string): boolean | undefined;
@@ -210,7 +218,9 @@ declare type PostHogAutocaptureOptions = {
     maxElementsCaptured?: number;
     ignoreLabels?: string[];
     propsToCapture?: string[];
+    captureScreens?: boolean;
     navigation?: PostHogAutocaptureNavigationTrackerOptions;
+    captureLifecycleEvents?: boolean;
 };
 
 declare function _useNavigationTracker(options?: PostHogAutocaptureNavigationTrackerOptions, client?: PostHog): void;

package/lib/index.esm.js

@@ -742,6 +742,26 @@ var PostHogCore = /** @class */ (function () {
         }
         return __assign({ $lib: this.getLibraryId(), $lib_version: this.getLibraryVersion(), $active_feature_flags: featureFlags ? Object.keys(featureFlags) : undefined }, featureVariantProperties);
     };
+    PostHogCore.prototype.setupBootstrap = function (options) {
+        var _a, _b, _c, _d;
+        if ((_a = options === null || options === void 0 ? void 0 : options.bootstrap) === null || _a === void 0 ? void 0 : _a.distinctId) {
+            if ((_b = options === null || options === void 0 ? void 0 : options.bootstrap) === null || _b === void 0 ? void 0 : _b.isIdentifiedId) {
+                this.setPersistedProperty(PostHogPersistedProperty.DistinctId, options.bootstrap.distinctId);
+            }
+            else {
+                this.setPersistedProperty(PostHogPersistedProperty.AnonymousId, options.bootstrap.distinctId);
+            }
+        }
+        if ((_c = options === null || options === void 0 ? void 0 : options.bootstrap) === null || _c === void 0 ? void 0 : _c.featureFlags) {
+            var activeFlags = Object.keys(((_d = options.bootstrap) === null || _d === void 0 ? void 0 : _d.featureFlags) || {})
+                .filter(function (flag) { var _a, _b; return !!((_b = (_a = options.bootstrap) === null || _a === void 0 ? void 0 : _a.featureFlags) === null || _b === void 0 ? void 0 : _b[flag]); })
+                .reduce(function (res, key) {
+                var _a, _b;
+                return ((res[key] = ((_b = (_a = options.bootstrap) === null || _a === void 0 ? void 0 : _a.featureFlags) === null || _b === void 0 ? void 0 : _b[key]) || false), res);
+            }, {});
+            this.setKnownFeatureFlags(activeFlags);
+        }
+    };
     Object.defineProperty(PostHogCore.prototype, "props", {
         // NOTE: Props are lazy loaded from localstorage hence the complex getter setter logic
         get: function () {
@@ -985,8 +1005,7 @@ var PostHogCore = /** @class */ (function () {
                     .then(function (r) { return r.json(); })
                     .then(function (res) {
                     if (res.featureFlags) {
-                        _this.setPersistedProperty(PostHogPersistedProperty.FeatureFlags, res.featureFlags);
-                        _this._events.emit('featureflags', res.featureFlags);
+                        _this.setKnownFeatureFlags(res.featureFlags);
                     }
                     return res;
                 })
@@ -997,6 +1016,10 @@ var PostHogCore = /** @class */ (function () {
             });
         });
     };
+    PostHogCore.prototype.setKnownFeatureFlags = function (featureFlags) {
+        this.setPersistedProperty(PostHogPersistedProperty.FeatureFlags, featureFlags);
+        this._events.emit('featureflags', featureFlags);
+    };
     PostHogCore.prototype.getFeatureFlag = function (key) {
         var featureFlags = this.getFeatureFlags();
         if (!featureFlags) {
@@ -1308,7 +1331,7 @@ var loadStorageAsync = function () {
     return __generator(this, function (_a) {
       switch (_a.label) {
         case 0:
-          uri = FileSystem.documentDirectory + POSTHOG_STORAGE_KEY;
+          uri = (FileSystem.documentDirectory || '') + POSTHOG_STORAGE_KEY;
           _a.label = 1;
 
         case 1:
@@ -1339,13 +1362,13 @@ var loadStorageAsync = function () {
   });
 };
 
-var persitStorageAsync = function (content) {
+var persistStorageAsync = function (content) {
   return __awaiter(void 0, void 0, void 0, function () {
     var uri, data;
     return __generator(this, function (_a) {
       switch (_a.label) {
         case 0:
-          uri = FileSystem.documentDirectory + POSTHOG_STORAGE_KEY;
+          uri = (FileSystem.documentDirectory || '') + POSTHOG_STORAGE_KEY;
           data = {
             version: POSTHOG_STORAGE_VERSION,
             content: content
@@ -1375,18 +1398,18 @@ var SemiAsyncStorage = {
   },
   setItem: function (key, value) {
     _memoryCache[key] = value;
-    void persitStorageAsync(_memoryCache);
+    void persistStorageAsync(_memoryCache);
   },
   removeItem: function (key) {
     delete _memoryCache[key];
-    void persitStorageAsync(_memoryCache);
+    void persistStorageAsync(_memoryCache);
   },
   clear: function () {
     for (var key in _memoryCache) {
       delete _memoryCache[key];
     }
 
-    void persitStorageAsync(_memoryCache);
+    void persistStorageAsync(_memoryCache);
   },
   getAllKeys: function () {
     return Object.keys(_memoryCache);
@@ -1402,13 +1425,13 @@ var preloadSemiAsyncStorage = function () {
 
   _preloadSemiAsyncStoragePromise = loadStorageAsync().then(function (res) {
     for (var key in res) {
-      _memoryCache[key] = res[key];
+      _memoryCache[key] = _memoryCache[key] === undefined ? res[key] : _memoryCache[key];
     }
   });
   return _preloadSemiAsyncStoragePromise;
 };
 
-var version = "2.0.0";
+var version = "2.1.4";
 
 var PostHog =
 /** @class */
@@ -1426,6 +1449,8 @@ function (_super) {
     // It is possible that the old library was used so we try to get the legacy distinctID
 
     void preloadSemiAsyncStorage().then(function () {
+      _this.setupBootstrap(options);
+
       if (!SemiAsyncStorage.getItem(PostHogPersistedProperty.AnonymousId)) {
         getLegacyValues().then(function (legacyValues) {
           if (legacyValues === null || legacyValues === void 0 ? void 0 : legacyValues.distinctId) {
@@ -1452,7 +1477,7 @@ function (_super) {
 
   PostHog.prototype.setPersistedProperty = function (key, value) {
     if (this._persistence === 'memory') {
-      return this._memoryStorage.getProperty(key);
+      return this._memoryStorage.setProperty(key, value);
     }
 
     return value !== null ? SemiAsyncStorage.setItem(key, value) : SemiAsyncStorage.removeItem(key);
@@ -1776,14 +1801,20 @@ var autocaptureFromTouchEvent = function (e, posthog, options) {
   }
 };
 
-function PostHogHooks(_a) {
+function PostHogNavigationHook(_a) {
   var options = _a.options;
   useNavigationTracker(options === null || options === void 0 ? void 0 : options.navigation);
+  return null;
+}
+
+function PostHogLifecycleHook() {
   useLifecycleTracker();
   return null;
 }
 
 var PostHogProvider = function (_a) {
+  var _b, _c;
+
   var children = _a.children,
       client = _a.client,
       options = _a.options,
@@ -1796,10 +1827,13 @@ var PostHogProvider = function (_a) {
     posthogRef.current = client ? client : apiKey ? new PostHog(apiKey, options) : undefined;
   }
 
-  var autocaptureEnabled = !!autocapture;
   var autocaptureOptions = autocapture && typeof autocapture !== 'boolean' ? autocapture : {};
   var posthog = posthogRef.current;
   var captureTouches = posthog && (autocapture === true || (autocaptureOptions === null || autocaptureOptions === void 0 ? void 0 : autocaptureOptions.captureTouches));
+  var captureScreens = posthog && (autocapture === true || ((_b = autocaptureOptions === null || autocaptureOptions === void 0 ? void 0 : autocaptureOptions.captureScreens) !== null && _b !== void 0 ? _b : true)); // Default to true if not set
+
+  var captureLifecycle = posthog && (autocapture === true || ((_c = autocaptureOptions === null || autocaptureOptions === void 0 ? void 0 : autocaptureOptions.captureLifecycleEvents) !== null && _c !== void 0 ? _c : true)); // Default to true if not set
+
   var onTouch = useCallback(function (type, e) {
     // TODO: Improve this to ensure we only capture presses and not just ends of a drag for example
     if (!captureTouches) {
@@ -1809,8 +1843,7 @@ var PostHogProvider = function (_a) {
     if (type === 'end') {
       autocaptureFromTouchEvent(e, posthog, autocaptureOptions);
     }
-  }, [posthog, autocapture]); // TODO: Improve this to ensure we only capture presses and not just ends of a drag for example
-
+  }, [posthog, autocapture]);
   return /*#__PURE__*/React.createElement(View, {
     "ph-label": "PostHogProvider",
     style: style || {
@@ -1823,9 +1856,9 @@ var PostHogProvider = function (_a) {
     value: {
       client: posthogRef.current
     }
-  }, autocaptureEnabled ? /*#__PURE__*/React.createElement(PostHogHooks, {
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, captureScreens ? /*#__PURE__*/React.createElement(PostHogNavigationHook, {
     options: autocaptureOptions
-  }) : null, children));
+  }) : null, captureLifecycle ? /*#__PURE__*/React.createElement(PostHogLifecycleHook, null) : null), children));
 };
 
 export { PostHog, PostHogProvider, PostHog as default, useFeatureFlag, useFeatureFlags, useLifecycleTracker, useNavigationTracker, usePostHog };