@uxbertlabs/reportly 1.0.20 → 1.0.21

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import React, { useReducer, useCallback, createContext, useContext, forwardRef, createElement, useState, useRef, useEffect } from 'react';
+import React, { useReducer, useMemo, useCallback, createContext, useContext, forwardRef, createElement, useState, useRef, useEffect } from 'react';
 
 class DeviceInfo {
   constructor() {
@@ -294,29 +294,40 @@ class N8nIntegration {
 
 class Export {
   constructor(n8nConfig) {
-    this.savedIssues = this.loadSavedIssues();
+    this.savedIssues = [];
     this.n8nIntegration = new N8nIntegration(n8nConfig);
+    // Defer localStorage access to avoid SSR issues
+    if (typeof window !== 'undefined' && typeof localStorage !== 'undefined') {
+      this.savedIssues = this.loadSavedIssues();
+    }
   }
   exportToJSON(issueData) {
     const json = JSON.stringify(issueData, null, 2);
-    const blob = new Blob([json], {
-      type: 'application/json'
-    });
-    const url = URL.createObjectURL(blob);
-    // Create download link
-    const link = document.createElement('a');
-    link.href = url;
-    link.download = `issue-${Date.now()}.json`;
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    // Clean up
-    URL.revokeObjectURL(url);
-    // Save to localStorage
-    this.saveIssue(issueData);
+    // Check if we're in a browser environment
+    if (typeof window !== 'undefined' && typeof document !== 'undefined') {
+      const blob = new Blob([json], {
+        type: 'application/json'
+      });
+      const url = URL.createObjectURL(blob);
+      // Create download link
+      const link = document.createElement('a');
+      link.href = url;
+      link.download = `issue-${Date.now()}.json`;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      // Clean up
+      URL.revokeObjectURL(url);
+      // Save to localStorage
+      this.saveIssue(issueData);
+    }
     return json;
   }
   saveIssue(issueData) {
+    // Check if we're in a browser environment
+    if (typeof window === 'undefined' || typeof localStorage === 'undefined') {
+      return;
+    }
     try {
       this.savedIssues.push({
         ...issueData,
@@ -333,6 +344,10 @@ class Export {
     }
   }
   loadSavedIssues() {
+    // Check if we're in a browser environment
+    if (typeof window === 'undefined' || typeof localStorage === 'undefined') {
+      return [];
+    }
     try {
       const saved = localStorage.getItem('uxbert-saved-issues');
       return saved ? JSON.parse(saved) : [];
@@ -346,13 +361,23 @@ class Export {
   }
   deleteSavedIssue(issueId) {
     this.savedIssues = this.savedIssues.filter(issue => issue.id !== issueId);
-    localStorage.setItem('uxbert-saved-issues', JSON.stringify(this.savedIssues));
+    // Check if we're in a browser environment
+    if (typeof window !== 'undefined' && typeof localStorage !== 'undefined') {
+      localStorage.setItem('uxbert-saved-issues', JSON.stringify(this.savedIssues));
+    }
   }
   clearSavedIssues() {
     this.savedIssues = [];
-    localStorage.removeItem('uxbert-saved-issues');
+    // Check if we're in a browser environment
+    if (typeof window !== 'undefined' && typeof localStorage !== 'undefined') {
+      localStorage.removeItem('uxbert-saved-issues');
+    }
   }
   exportAllIssues() {
+    // Check if we're in a browser environment
+    if (typeof window === 'undefined' || typeof document === 'undefined') {
+      return;
+    }
     const json = JSON.stringify(this.savedIssues, null, 2);
     const blob = new Blob([json], {
       type: 'application/json'
@@ -9575,10 +9600,10 @@ function ReportlyProvider({
   });
   // Annotation manager state - will be set by Reportly component
   const [annotationManager, setAnnotationManagerState] = React.useState(null);
-  // Initialize services
-  const deviceInfo = new DeviceInfo();
-  const exportService = new Export(config.integrations?.n8n);
-  const screenshot = new Screenshot();
+  // Initialize services with useMemo to ensure they're only created once and support SSR
+  const deviceInfo = useMemo(() => new DeviceInfo(), []);
+  const exportService = useMemo(() => new Export(config.integrations?.n8n), [config.integrations?.n8n]);
+  const screenshot = useMemo(() => new Screenshot(), []);
   const openModal = useCallback(() => {
     dispatch({
       type: 'OPEN_MODAL'