featurely-site-manager 1.1.3 → 1.1.5

package/dist/index.d.mts

@@ -103,6 +103,9 @@ declare class SiteManager {
     private analyticsFlushIntervalId;
     private sessionId;
     private consecutiveFetchFailures;
+    private pageTrackingSetup;
+    private currentPagePath;
+    private pageEntryTime;
     private static readonly MAX_CONSECUTIVE_FAILURES;
     private lastVersionCheck;
     constructor(config: SiteManagerConfig);
@@ -123,6 +126,9 @@ declare class SiteManager {
     private startAnalyticsFlushing;
     private stopAnalyticsFlushing;
     private flushAnalytics;
+    private setupPageTracking;
+    private trackPageView;
+    private onNavigate;
     private generateSessionId;
     checkVersion(currentVersion?: string): Promise<VersionCheckResponse | null>;
     getLastVersionCheck(): VersionCheckResponse | null;

package/dist/index.d.ts

@@ -103,6 +103,9 @@ declare class SiteManager {
     private analyticsFlushIntervalId;
     private sessionId;
     private consecutiveFetchFailures;
+    private pageTrackingSetup;
+    private currentPagePath;
+    private pageEntryTime;
     private static readonly MAX_CONSECUTIVE_FAILURES;
     private lastVersionCheck;
     constructor(config: SiteManagerConfig);
@@ -123,6 +126,9 @@ declare class SiteManager {
     private startAnalyticsFlushing;
     private stopAnalyticsFlushing;
     private flushAnalytics;
+    private setupPageTracking;
+    private trackPageView;
+    private onNavigate;
     private generateSessionId;
     checkVersion(currentVersion?: string): Promise<VersionCheckResponse | null>;
     getLastVersionCheck(): VersionCheckResponse | null;

package/dist/index.js

@@ -48,6 +48,9 @@ var _SiteManager = class _SiteManager {
     this.analyticsFlushIntervalId = null;
     this.sessionId = this.generateSessionId();
     this.consecutiveFetchFailures = 0;
+    this.pageTrackingSetup = false;
+    this.currentPagePath = "";
+    this.pageEntryTime = 0;
     this.lastVersionCheck = null;
     var _a, _b, _c, _d, _e;
     if (!config.apiKey) {
@@ -95,6 +98,7 @@ var _SiteManager = class _SiteManager {
     this.startPolling();
     if (this.config.enableAnalytics) {
       this.startAnalyticsFlushing();
+      this.setupPageTracking();
     }
     if (this.config.enableVersionCheck && this.config.appVersion) {
       await this.checkVersion();
@@ -117,10 +121,17 @@ var _SiteManager = class _SiteManager {
    */
   setUser(email, userId) {
     var _a;
+    const wasLoggedIn = !!this.config.userId;
     this.config.userEmail = email;
     if (userId) {
       this.config.userId = userId;
     }
+    if (!wasLoggedIn && this.config.userId && this.config.enableAnalytics) {
+      this.trackEvent("user_login", {
+        userId: this.config.userId,
+        ...this.config.userEmail ? { userEmail: this.config.userEmail } : {}
+      });
+    }
     if ((_a = this.siteConfig) == null ? void 0 : _a.maintenance.enabled) {
       this.checkMaintenanceMode();
     }
@@ -321,13 +332,22 @@ var _SiteManager = class _SiteManager {
     } catch (error) {
       this.consecutiveFetchFailures++;
       if (this.consecutiveFetchFailures <= _SiteManager.MAX_CONSECUTIVE_FAILURES) {
-        console.error("Featurely Site Manager: Failed to fetch configuration", error);
+        const isNetworkError = error instanceof TypeError && (error.message.includes("NetworkError") || error.message.includes("Failed to fetch") || error.message.includes("fetch"));
+        if (isNetworkError) {
+          console.error(
+            `[Featurely] Network error \u2014 request to Featurely was blocked.
+\u2192 If your site has a Content-Security-Policy, add 'https://www.featurely.no' to the connect-src directive.
+   Example: connect-src 'self' https://www.featurely.no ...`
+          );
+        } else {
+          console.error("Featurely Site Manager: Failed to fetch configuration", error);
+        }
         if (this.config.onError && error instanceof Error) {
           this.config.onError(error);
         }
       } else if (this.consecutiveFetchFailures === _SiteManager.MAX_CONSECUTIVE_FAILURES + 1) {
         console.error(
-          `Featurely Site Manager: Silencing repeated fetch errors after ${_SiteManager.MAX_CONSECUTIVE_FAILURES} failures. Check your apiUrl configuration.`
+          `Featurely Site Manager: Silencing repeated fetch errors after ${_SiteManager.MAX_CONSECUTIVE_FAILURES} failures. Check your apiUrl and Content-Security-Policy configuration.`
         );
       }
     }
@@ -390,6 +410,74 @@ var _SiteManager = class _SiteManager {
       }
     }
   }
+  setupPageTracking() {
+    if (this.pageTrackingSetup) return;
+    this.pageTrackingSetup = true;
+    this.trackEvent("session_start", {
+      referrer: document.referrer || "",
+      language: navigator.language,
+      screenWidth: window.screen.width,
+      screenHeight: window.screen.height,
+      isLoggedIn: !!this.config.userId
+    });
+    this.currentPagePath = window.location.pathname;
+    this.pageEntryTime = Date.now();
+    this.trackPageView();
+    const originalPushState = history.pushState.bind(history);
+    const originalReplaceState = history.replaceState.bind(history);
+    const self = this;
+    history.pushState = function(...args) {
+      originalPushState(...args);
+      self.onNavigate();
+    };
+    history.replaceState = function(...args) {
+      originalReplaceState(...args);
+      if (window.location.pathname !== self.currentPagePath) {
+        self.onNavigate();
+      }
+    };
+    window.addEventListener("popstate", () => this.onNavigate());
+    window.addEventListener("visibilitychange", () => {
+      if (document.visibilityState === "hidden") {
+        const duration = Math.round((Date.now() - this.pageEntryTime) / 1e3);
+        if (duration > 0) {
+          this.trackEvent("page_exit", {
+            path: this.currentPagePath,
+            durationSeconds: duration
+          });
+          this.flushAnalytics();
+        }
+      } else if (document.visibilityState === "visible") {
+        this.pageEntryTime = Date.now();
+      }
+    });
+  }
+  trackPageView() {
+    const props = {
+      path: this.currentPagePath,
+      title: document.title,
+      referrer: document.referrer || "",
+      isLoggedIn: !!this.config.userId
+    };
+    if (this.config.userId) props.userId = this.config.userId;
+    if (this.config.userEmail) props.userEmail = this.config.userEmail;
+    this.trackEvent("page_view", props);
+  }
+  onNavigate() {
+    const newPath = window.location.pathname;
+    if (this.currentPagePath && this.pageEntryTime > 0) {
+      const duration = Math.round((Date.now() - this.pageEntryTime) / 1e3);
+      if (duration > 0) {
+        this.trackEvent("page_exit", {
+          path: this.currentPagePath,
+          durationSeconds: duration
+        });
+      }
+    }
+    this.currentPagePath = newPath;
+    this.pageEntryTime = Date.now();
+    setTimeout(() => this.trackPageView(), 100);
+  }
   generateSessionId() {
     if (typeof crypto !== "undefined" && crypto.getRandomValues) {
       const array = new Uint8Array(16);

package/dist/index.mjs

@@ -13,6 +13,9 @@ var _SiteManager = class _SiteManager {
     this.analyticsFlushIntervalId = null;
     this.sessionId = this.generateSessionId();
     this.consecutiveFetchFailures = 0;
+    this.pageTrackingSetup = false;
+    this.currentPagePath = "";
+    this.pageEntryTime = 0;
     this.lastVersionCheck = null;
     var _a, _b, _c, _d, _e;
     if (!config.apiKey) {
@@ -60,6 +63,7 @@ var _SiteManager = class _SiteManager {
     this.startPolling();
     if (this.config.enableAnalytics) {
       this.startAnalyticsFlushing();
+      this.setupPageTracking();
     }
     if (this.config.enableVersionCheck && this.config.appVersion) {
       await this.checkVersion();
@@ -82,10 +86,17 @@ var _SiteManager = class _SiteManager {
    */
   setUser(email, userId) {
     var _a;
+    const wasLoggedIn = !!this.config.userId;
     this.config.userEmail = email;
     if (userId) {
       this.config.userId = userId;
     }
+    if (!wasLoggedIn && this.config.userId && this.config.enableAnalytics) {
+      this.trackEvent("user_login", {
+        userId: this.config.userId,
+        ...this.config.userEmail ? { userEmail: this.config.userEmail } : {}
+      });
+    }
     if ((_a = this.siteConfig) == null ? void 0 : _a.maintenance.enabled) {
       this.checkMaintenanceMode();
     }
@@ -286,13 +297,22 @@ var _SiteManager = class _SiteManager {
     } catch (error) {
       this.consecutiveFetchFailures++;
       if (this.consecutiveFetchFailures <= _SiteManager.MAX_CONSECUTIVE_FAILURES) {
-        console.error("Featurely Site Manager: Failed to fetch configuration", error);
+        const isNetworkError = error instanceof TypeError && (error.message.includes("NetworkError") || error.message.includes("Failed to fetch") || error.message.includes("fetch"));
+        if (isNetworkError) {
+          console.error(
+            `[Featurely] Network error \u2014 request to Featurely was blocked.
+\u2192 If your site has a Content-Security-Policy, add 'https://www.featurely.no' to the connect-src directive.
+   Example: connect-src 'self' https://www.featurely.no ...`
+          );
+        } else {
+          console.error("Featurely Site Manager: Failed to fetch configuration", error);
+        }
         if (this.config.onError && error instanceof Error) {
           this.config.onError(error);
         }
       } else if (this.consecutiveFetchFailures === _SiteManager.MAX_CONSECUTIVE_FAILURES + 1) {
         console.error(
-          `Featurely Site Manager: Silencing repeated fetch errors after ${_SiteManager.MAX_CONSECUTIVE_FAILURES} failures. Check your apiUrl configuration.`
+          `Featurely Site Manager: Silencing repeated fetch errors after ${_SiteManager.MAX_CONSECUTIVE_FAILURES} failures. Check your apiUrl and Content-Security-Policy configuration.`
         );
       }
     }
@@ -355,6 +375,74 @@ var _SiteManager = class _SiteManager {
       }
     }
   }
+  setupPageTracking() {
+    if (this.pageTrackingSetup) return;
+    this.pageTrackingSetup = true;
+    this.trackEvent("session_start", {
+      referrer: document.referrer || "",
+      language: navigator.language,
+      screenWidth: window.screen.width,
+      screenHeight: window.screen.height,
+      isLoggedIn: !!this.config.userId
+    });
+    this.currentPagePath = window.location.pathname;
+    this.pageEntryTime = Date.now();
+    this.trackPageView();
+    const originalPushState = history.pushState.bind(history);
+    const originalReplaceState = history.replaceState.bind(history);
+    const self = this;
+    history.pushState = function(...args) {
+      originalPushState(...args);
+      self.onNavigate();
+    };
+    history.replaceState = function(...args) {
+      originalReplaceState(...args);
+      if (window.location.pathname !== self.currentPagePath) {
+        self.onNavigate();
+      }
+    };
+    window.addEventListener("popstate", () => this.onNavigate());
+    window.addEventListener("visibilitychange", () => {
+      if (document.visibilityState === "hidden") {
+        const duration = Math.round((Date.now() - this.pageEntryTime) / 1e3);
+        if (duration > 0) {
+          this.trackEvent("page_exit", {
+            path: this.currentPagePath,
+            durationSeconds: duration
+          });
+          this.flushAnalytics();
+        }
+      } else if (document.visibilityState === "visible") {
+        this.pageEntryTime = Date.now();
+      }
+    });
+  }
+  trackPageView() {
+    const props = {
+      path: this.currentPagePath,
+      title: document.title,
+      referrer: document.referrer || "",
+      isLoggedIn: !!this.config.userId
+    };
+    if (this.config.userId) props.userId = this.config.userId;
+    if (this.config.userEmail) props.userEmail = this.config.userEmail;
+    this.trackEvent("page_view", props);
+  }
+  onNavigate() {
+    const newPath = window.location.pathname;
+    if (this.currentPagePath && this.pageEntryTime > 0) {
+      const duration = Math.round((Date.now() - this.pageEntryTime) / 1e3);
+      if (duration > 0) {
+        this.trackEvent("page_exit", {
+          path: this.currentPagePath,
+          durationSeconds: duration
+        });
+      }
+    }
+    this.currentPagePath = newPath;
+    this.pageEntryTime = Date.now();
+    setTimeout(() => this.trackPageView(), 100);
+  }
   generateSessionId() {
     if (typeof crypto !== "undefined" && crypto.getRandomValues) {
       const array = new Uint8Array(16);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "featurely-site-manager",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "description": "Complete site management SDK for maintenance mode, status messages, feature flags, version checking, and analytics",
   "main": "dist/index.js",
   "module": "dist/index.mjs",