saasco-sdk 0.1.3 → 0.1.4

package/index.cjs.js

@@ -434,19 +434,37 @@ const timezones = {
 };
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
+const isBrowser = typeof window !== 'undefined';
 let userId = null;
 const PREF = 'saasco-sdk';
+const data = {};
 function storeData(key, value, ttl) {
-  const fullKey = `${PREF}-${key}`;
-  if (value === undefined) return window.localStorage.removeItem(fullKey);
-  const now = new Date();
   const item = {
     value,
-    expiry: now.getTime() + ttl
+    expiry: new Date().getTime() + ttl
   };
+  if (!isBrowser) {
+    if (value === undefined) {
+      delete data[key];
+      return;
+    }
+    data[key] = item;
+    return;
+  }
+  const fullKey = `${PREF}-${key}`;
+  if (value === undefined) return window.localStorage.removeItem(fullKey);
   localStorage.setItem(fullKey, JSON.stringify(item));
 }
 function retrieveData(key) {
+  if (!isBrowser) {
+    const item = data[key];
+    if (!item) return null;
+    if (Date.now() > item.expiry) {
+      delete data[key];
+      return null;
+    }
+    return item.value;
+  }
   const fullKey = `${PREF}-${key}`;
   const itemStr = localStorage.getItem(fullKey);
   if (!itemStr) {
@@ -528,22 +546,27 @@ class Saasco {
     var _a;
     // Prevent duplicate Page View tracking
     if (name === 'Page View') {
+      if (!isBrowser) return;
       const pageViewHref = window.location.href;
       if (pageViewHref === this.lastPageViewHref) return;
       this.lastPageViewHref = pageViewHref;
     }
     setSessionId();
     setAnonmousId();
-    const customNavigator = navigator;
-    const locale = customNavigator.languages && customNavigator.languages.length ? customNavigator.languages[0] : customNavigator.userLanguage || customNavigator.language || customNavigator.browserLanguage || 'en';
+    const customNavigator = isBrowser ? navigator : undefined;
+    const locale = isBrowser ? (customNavigator === null || customNavigator === void 0 ? void 0 : customNavigator.languages) && (customNavigator === null || customNavigator === void 0 ? void 0 : customNavigator.languages.length) ? customNavigator === null || customNavigator === void 0 ? void 0 : customNavigator.languages[0] : (customNavigator === null || customNavigator === void 0 ? void 0 : customNavigator.userLanguage) || (customNavigator === null || customNavigator === void 0 ? void 0 : customNavigator.language) || (customNavigator === null || customNavigator === void 0 ? void 0 : customNavigator.browserLanguage) || 'en' : undefined;
     // https://caniuse.com/?search=Intl.DateTimeFormat().resolvedOptions().timeZone
     // Only has 96.63% global support, so we need to check for undefined
     const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-    const location = timezones[timezone] || ((_a = locale === null || locale === void 0 ? void 0 : locale.split('-')) === null || _a === void 0 ? void 0 : _a[1]) || 'undefined';
-    const $screenHeight = screen.height;
-    const $screenWidth = screen.width;
-    const $screenDPI = window.devicePixelRatio;
-    const $referrer = document.referrer;
+    const location = isBrowser ? timezones[timezone] || ((_a = locale === null || locale === void 0 ? void 0 : locale.split('-')) === null || _a === void 0 ? void 0 : _a[1]) || 'undefined' : undefined;
+    const userAgent = isBrowser ? window.navigator.userAgent : undefined;
+    const title = isBrowser ? document.title : undefined;
+    const pathname = isBrowser ? window.location.pathname : undefined;
+    const href = isBrowser ? window.location.href : undefined;
+    const $screenHeight = isBrowser ? screen.height : undefined;
+    const $screenWidth = isBrowser ? screen.width : undefined;
+    const $screenDPI = isBrowser ? window.devicePixelRatio : undefined;
+    const $referrer = isBrowser ? document.referrer : undefined;
     const $utm_source = this.getSearchParam('utm_source');
     const $utm_medium = this.getSearchParam('utm_medium');
     const $utm_campaign = this.getSearchParam('utm_campaign');
@@ -560,12 +583,12 @@ class Saasco {
       anonymousId: getAnonymousId(),
       projectId: this.config.projectId,
       payload: JSON.stringify({
-        'user-agent': window.navigator.userAgent,
+        'user-agent': userAgent,
         locale,
         location,
-        title: document.title,
-        pathname: window.location.pathname,
-        href: window.location.href,
+        title,
+        pathname,
+        href,
         $screenHeight,
         $screenWidth,
         $screenDPI,
@@ -662,6 +685,7 @@ class Saasco {
     ...args]);
   }
   getSearchParam(param) {
+    if (typeof window === 'undefined') return undefined;
     return new URLSearchParams(window.location.search).get(param);
   }
   /**
@@ -674,7 +698,7 @@ class Saasco {
     // Will run if undefined or true
     if (this.config.autoPageTracking === false) return;
     // Prevent running on the server
-    if (typeof window === 'undefined') return;
+    if (!isBrowser) return console.warn('Saasco auto page tracking is only available in the browser');
     // Prevent intitializing auto page tracking more than once
     if (window.saascoAutoPageTrackingActive) {
       this.log('Auto Page Tracking already enabled');

package/index.esm.js

@@ -430,19 +430,37 @@ const timezones = {
 };
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
+const isBrowser = typeof window !== 'undefined';
 let userId = null;
 const PREF = 'saasco-sdk';
+const data = {};
 function storeData(key, value, ttl) {
-  const fullKey = `${PREF}-${key}`;
-  if (value === undefined) return window.localStorage.removeItem(fullKey);
-  const now = new Date();
   const item = {
     value,
-    expiry: now.getTime() + ttl
+    expiry: new Date().getTime() + ttl
   };
+  if (!isBrowser) {
+    if (value === undefined) {
+      delete data[key];
+      return;
+    }
+    data[key] = item;
+    return;
+  }
+  const fullKey = `${PREF}-${key}`;
+  if (value === undefined) return window.localStorage.removeItem(fullKey);
   localStorage.setItem(fullKey, JSON.stringify(item));
 }
 function retrieveData(key) {
+  if (!isBrowser) {
+    const item = data[key];
+    if (!item) return null;
+    if (Date.now() > item.expiry) {
+      delete data[key];
+      return null;
+    }
+    return item.value;
+  }
   const fullKey = `${PREF}-${key}`;
   const itemStr = localStorage.getItem(fullKey);
   if (!itemStr) {
@@ -524,22 +542,27 @@ class Saasco {
     var _a;
     // Prevent duplicate Page View tracking
     if (name === 'Page View') {
+      if (!isBrowser) return;
       const pageViewHref = window.location.href;
       if (pageViewHref === this.lastPageViewHref) return;
       this.lastPageViewHref = pageViewHref;
     }
     setSessionId();
     setAnonmousId();
-    const customNavigator = navigator;
-    const locale = customNavigator.languages && customNavigator.languages.length ? customNavigator.languages[0] : customNavigator.userLanguage || customNavigator.language || customNavigator.browserLanguage || 'en';
+    const customNavigator = isBrowser ? navigator : undefined;
+    const locale = isBrowser ? (customNavigator === null || customNavigator === void 0 ? void 0 : customNavigator.languages) && (customNavigator === null || customNavigator === void 0 ? void 0 : customNavigator.languages.length) ? customNavigator === null || customNavigator === void 0 ? void 0 : customNavigator.languages[0] : (customNavigator === null || customNavigator === void 0 ? void 0 : customNavigator.userLanguage) || (customNavigator === null || customNavigator === void 0 ? void 0 : customNavigator.language) || (customNavigator === null || customNavigator === void 0 ? void 0 : customNavigator.browserLanguage) || 'en' : undefined;
     // https://caniuse.com/?search=Intl.DateTimeFormat().resolvedOptions().timeZone
     // Only has 96.63% global support, so we need to check for undefined
     const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-    const location = timezones[timezone] || ((_a = locale === null || locale === void 0 ? void 0 : locale.split('-')) === null || _a === void 0 ? void 0 : _a[1]) || 'undefined';
-    const $screenHeight = screen.height;
-    const $screenWidth = screen.width;
-    const $screenDPI = window.devicePixelRatio;
-    const $referrer = document.referrer;
+    const location = isBrowser ? timezones[timezone] || ((_a = locale === null || locale === void 0 ? void 0 : locale.split('-')) === null || _a === void 0 ? void 0 : _a[1]) || 'undefined' : undefined;
+    const userAgent = isBrowser ? window.navigator.userAgent : undefined;
+    const title = isBrowser ? document.title : undefined;
+    const pathname = isBrowser ? window.location.pathname : undefined;
+    const href = isBrowser ? window.location.href : undefined;
+    const $screenHeight = isBrowser ? screen.height : undefined;
+    const $screenWidth = isBrowser ? screen.width : undefined;
+    const $screenDPI = isBrowser ? window.devicePixelRatio : undefined;
+    const $referrer = isBrowser ? document.referrer : undefined;
     const $utm_source = this.getSearchParam('utm_source');
     const $utm_medium = this.getSearchParam('utm_medium');
     const $utm_campaign = this.getSearchParam('utm_campaign');
@@ -556,12 +579,12 @@ class Saasco {
       anonymousId: getAnonymousId(),
       projectId: this.config.projectId,
       payload: JSON.stringify({
-        'user-agent': window.navigator.userAgent,
+        'user-agent': userAgent,
         locale,
         location,
-        title: document.title,
-        pathname: window.location.pathname,
-        href: window.location.href,
+        title,
+        pathname,
+        href,
         $screenHeight,
         $screenWidth,
         $screenDPI,
@@ -658,6 +681,7 @@ class Saasco {
     ...args]);
   }
   getSearchParam(param) {
+    if (typeof window === 'undefined') return undefined;
     return new URLSearchParams(window.location.search).get(param);
   }
   /**
@@ -670,7 +694,7 @@ class Saasco {
     // Will run if undefined or true
     if (this.config.autoPageTracking === false) return;
     // Prevent running on the server
-    if (typeof window === 'undefined') return;
+    if (!isBrowser) return console.warn('Saasco auto page tracking is only available in the browser');
     // Prevent intitializing auto page tracking more than once
     if (window.saascoAutoPageTrackingActive) {
       this.log('Auto Page Tracking already enabled');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "saasco-sdk",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "dependencies": {
     "tslib": "^2.3.0",
     "@lukeed/uuid": "^2.0.1",