@statsig/web-analytics 0.0.1-beta.30 → 0.0.1-beta.32

package/README.md

@@ -1,11 +1,7 @@
-# web-analytics
+# Statsig Web Analytics
 
-This library was generated with [Nx](https://nx.dev).
+Web analytics lets you track and watch key measures for your website easily. It is different from product analytics because it's simpler and more direct, making it great for marketers, web site maintainers, or anyone familiar with tools like Google Analytics.
 
-## Building
+## Getting Started
 
-Run `nx build web-analytics` to build the library.
-
-## Running unit tests
-
-Run `nx test web-analytics` to execute the unit tests via [Jest](https://jestjs.io).
+Read through the [Documentation](https://docs.statsig.com/webanalytics/overview) or check out the [Samples](https://github.com/statsig-io/js-client-monorepo/tree/main/samples).

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@statsig/web-analytics",
-  "version": "0.0.1-beta.30",
+  "version": "0.0.1-beta.32",
   "dependencies": {
-    "@statsig/client-core": "0.0.1-beta.30",
-    "@statsig/js-client": "0.0.1-beta.30"
+    "@statsig/client-core": "0.0.1-beta.32",
+    "@statsig/js-client": "0.0.1-beta.32"
   },
   "jsdelivr": "./build/statsig-web-analytics.min.js",
   "type": "commonjs",

package/src/AutoCapture.d.ts

@@ -16,4 +16,5 @@ export declare class AutoCapture {
     private _enqueueAutoCapture;
     private _logAutoCaptureImmediately;
     private _scrollEventHandler;
+    private _getSessionIdFromClient;
 }

package/src/AutoCapture.js

@@ -1,4 +1,13 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AutoCapture = exports.runStatsigAutoCapture = void 0;
 const client_core_1 = require("@statsig/client-core");
@@ -16,11 +25,13 @@ class AutoCapture {
         const { sdkKey } = _client.getContext();
         this._errorBoundary = new client_core_1.ErrorBoundary(sdkKey);
         (0, client_core_1.monitorClass)(this._errorBoundary, this);
-        __STATSIG__ = __STATSIG__ !== null && __STATSIG__ !== void 0 ? __STATSIG__ : {};
-        const instances = (_a = __STATSIG__.acInstances) !== null && _a !== void 0 ? _a : {};
-        instances[sdkKey] = this;
-        __STATSIG__.acInstances = instances;
         const doc = (0, client_core_1._getDocumentSafe)();
+        if ((0, client_core_1._isBrowserEnv)()) {
+            __STATSIG__ = (0, client_core_1._getStatsigGlobal)();
+            const instances = (_a = __STATSIG__.acInstances) !== null && _a !== void 0 ? _a : {};
+            instances[sdkKey] = this;
+            __STATSIG__.acInstances = instances;
+        }
         if ((doc === null || doc === void 0 ? void 0 : doc.readyState) === 'loading') {
             doc.addEventListener('DOMContentLoaded', () => this._initialize());
             return;
@@ -135,14 +146,19 @@ class AutoCapture {
         });
     }
     _enqueueAutoCapture(name, value, metadata) {
-        var _a, _b, _c;
-        const event = {
-            eventName: `auto_capture::${name}`,
-            value,
-            metadata: Object.assign({ sessionId: (0, Utils_1._getWebSessionId)(this._client.getContext().sdkKey), page_url: (_c = (_b = (_a = (0, client_core_1._getWindowSafe)()) === null || _a === void 0 ? void 0 : _a.location) === null || _b === void 0 ? void 0 : _b.href) !== null && _c !== void 0 ? _c : '' }, metadata),
-        };
-        this._client.logEvent(event);
-        client_core_1.Log.debug('Enqueued Event', event);
+        this._getSessionIdFromClient()
+            .then((sessionID) => {
+            var _a, _b, _c;
+            const event = {
+                eventName: `auto_capture::${name}`,
+                value,
+                metadata: Object.assign({ sessionID, page_url: (_c = (_b = (_a = (0, client_core_1._getWindowSafe)()) === null || _a === void 0 ? void 0 : _a.location) === null || _b === void 0 ? void 0 : _b.href) !== null && _c !== void 0 ? _c : '' }, metadata),
+            };
+            this._client.logEvent(event);
+        })
+            .catch((err) => {
+            this._errorBoundary.logError('AC::enqueue', err);
+        });
     }
     _logAutoCaptureImmediately(name, value, metadata) {
         this._enqueueAutoCapture(name, value, metadata);
@@ -158,5 +174,11 @@ class AutoCapture {
         const innerHeight = (_d = win === null || win === void 0 ? void 0 : win.innerHeight) !== null && _d !== void 0 ? _d : 1;
         this._deepestScroll = Math.max(this._deepestScroll, Math.min(100, Math.round(((scrollY + innerHeight) / scrollHeight) * 100)));
     }
+    _getSessionIdFromClient() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const x = yield this._client.getAsyncContext();
+            return x.sessionID;
+        });
+    }
 }
 exports.AutoCapture = AutoCapture;

package/src/Utils.d.ts

@@ -5,6 +5,5 @@ export declare function _gatherEventData(target: Element): {
 export declare function _getTargetNode(e: Event): Element | null;
 export declare function _shouldLogEvent(e: Event, el: Element): boolean;
 export declare function _getSafeUrl(): URL;
-export declare function _getWebSessionId(sdkKey: string): string;
 export declare function _getSanitizedPageUrl(): string;
 export declare function _registerEventHandler(element: Document | Window, eventType: string, handler: (event: Event) => void): void;

package/src/Utils.js

@@ -1,10 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports._registerEventHandler = exports._getSanitizedPageUrl = exports._getWebSessionId = exports._getSafeUrl = exports._shouldLogEvent = exports._getTargetNode = exports._gatherEventData = void 0;
+exports._registerEventHandler = exports._getSanitizedPageUrl = exports._getSafeUrl = exports._shouldLogEvent = exports._getTargetNode = exports._gatherEventData = void 0;
 const client_core_1 = require("@statsig/client-core");
-const MAX_SESSION_IDLE_TIME = 10 * 60 * 1000; // 10 minutes
-const MAX_SESSION_AGE = 4 * 60 * 60 * 1000; // 4 hours
-const globals = {};
 function _gatherEventData(target) {
     var _a;
     const tagName = target.tagName.toLowerCase();
@@ -87,27 +84,8 @@ function _getSafeUrl() {
     return url;
 }
 exports._getSafeUrl = _getSafeUrl;
-function _getWebSessionId(sdkKey) {
-    const key = `statsig.web_analytics.session.${(0, client_core_1.DJB2)(sdkKey)}`;
-    const json = _getLocalValue(key);
-    const now = Date.now();
-    let session = json
-        ? (0, client_core_1.typedJsonParse)(json, 'lastAccessedTime', 'Failed to parse WebSession')
-        : null;
-    if (!session ||
-        now - session.startTime > MAX_SESSION_AGE ||
-        now - session.lastAccessedTime > MAX_SESSION_IDLE_TIME) {
-        session = _createNewSession();
-    }
-    session.lastAccessedTime = now;
-    _setLocalValue(key, JSON.stringify(session));
-    return session.id;
-}
-exports._getWebSessionId = _getWebSessionId;
 function _getSanitizedPageUrl() {
-    var _a, _b, _c;
-    const url = (_c = (_b = (_a = (0, client_core_1._getWindowSafe)()) === null || _a === void 0 ? void 0 : _a.location) === null || _b === void 0 ? void 0 : _b.href) === null || _c === void 0 ? void 0 : _c.split(/[?#]/)[0];
-    return url || '';
+    return (0, client_core_1._getCurrentPageUrlSafe)() || '';
 }
 exports._getSanitizedPageUrl = _getSanitizedPageUrl;
 function _registerEventHandler(element, eventType, handler) {
@@ -134,28 +112,3 @@ function _getAnchorNodeInHierarchy(node) {
     }
     return null;
 }
-function _setLocalValue(key, value) {
-    const win = (0, client_core_1._getWindowSafe)();
-    if (win && win.localStorage) {
-        win.localStorage.setItem(key, value);
-    }
-    else {
-        globals[key] = value;
-        client_core_1.Log.error('AutoCapture: No window.localStorage');
-    }
-}
-function _getLocalValue(key) {
-    const win = (0, client_core_1._getWindowSafe)();
-    if (win && win.localStorage) {
-        return win.localStorage.getItem(key);
-    }
-    return globals[key];
-}
-function _createNewSession() {
-    const now = Date.now();
-    return {
-        id: (0, client_core_1.getUUID)(),
-        startTime: now,
-        lastAccessedTime: now,
-    };
-}