@bbearai/react 0.4.4 → 0.4.6

package/dist/index.js

@@ -2120,6 +2120,11 @@ function useImageAttachments(uploadFn, maxImages, bucket = "screenshots") {
         setImages((prev) => prev.map(
           (img) => img.id === id ? { ...img, remoteUrl: url, status: url ? "done" : "error" } : img
         ));
+      }).catch((err) => {
+        console.error("BugBear: Image upload failed", err);
+        setImages((prev) => prev.map(
+          (img) => img.id === id ? { ...img, status: "error" } : img
+        ));
       });
     }
   }, [images.length, maxImages, uploadFn, bucket]);
@@ -2324,6 +2329,7 @@ function TestFeedbackScreen({ status, assignmentId, nav }) {
     }
   };
   const handleSubmit = async () => {
+    if (submitting || images.isUploading) return;
     setSubmitting(true);
     if (client && assignment) {
       const screenshotUrls = images.getScreenshotUrls();
@@ -3328,15 +3334,28 @@ function ThreadDetailScreen({
   const [sending, setSending] = (0, import_react10.useState)(false);
   const [sendError, setSendError] = (0, import_react10.useState)(false);
   (0, import_react10.useEffect)(() => {
+    let cancelled = false;
+    setLoading(true);
     (async () => {
-      setLoading(true);
-      const msgs = await getThreadMessages(thread.id);
-      setMessages(msgs);
-      setLoading(false);
-      if (thread.unreadCount > 0) {
-        await markAsRead(thread.id);
+      try {
+        const msgs = await getThreadMessages(thread.id);
+        if (!cancelled) {
+          setMessages(msgs);
+        }
+        if (thread.unreadCount > 0) {
+          await markAsRead(thread.id);
+        }
+      } catch (err) {
+        console.error("BugBear: Failed to load thread messages", err);
+      } finally {
+        if (!cancelled) {
+          setLoading(false);
+        }
       }
     })();
+    return () => {
+      cancelled = true;
+    };
   }, [thread.id]);
   const handleSend = async () => {
     if (!replyText.trim() && replyImages.images.length === 0 || sending || replyImages.isUploading) return;
@@ -3760,6 +3779,7 @@ function ProfileScreen({ nav }) {
     }
   }, [testerInfo]);
   const handleSave = async () => {
+    if (saving) return;
     setSaving(true);
     const updates = {
       name: name.trim(),
@@ -4237,11 +4257,21 @@ function IssueListScreen({ nav, category }) {
     let cancelled = false;
     setLoading(true);
     (async () => {
-      if (!client) return;
-      const data = await client.getIssues(category);
-      if (!cancelled) {
-        setIssues(data);
+      if (!client) {
         setLoading(false);
+        return;
+      }
+      try {
+        const data = await client.getIssues(category);
+        if (!cancelled) {
+          setIssues(data);
+        }
+      } catch (err) {
+        console.error("BugBear: Failed to load issues", err);
+      } finally {
+        if (!cancelled) {
+          setLoading(false);
+        }
       }
     })();
     return () => {

package/dist/index.mjs

@@ -2081,6 +2081,11 @@ function useImageAttachments(uploadFn, maxImages, bucket = "screenshots") {
         setImages((prev) => prev.map(
           (img) => img.id === id ? { ...img, remoteUrl: url, status: url ? "done" : "error" } : img
         ));
+      }).catch((err) => {
+        console.error("BugBear: Image upload failed", err);
+        setImages((prev) => prev.map(
+          (img) => img.id === id ? { ...img, status: "error" } : img
+        ));
       });
     }
   }, [images.length, maxImages, uploadFn, bucket]);
@@ -2285,6 +2290,7 @@ function TestFeedbackScreen({ status, assignmentId, nav }) {
     }
   };
   const handleSubmit = async () => {
+    if (submitting || images.isUploading) return;
     setSubmitting(true);
     if (client && assignment) {
       const screenshotUrls = images.getScreenshotUrls();
@@ -3289,15 +3295,28 @@ function ThreadDetailScreen({
   const [sending, setSending] = useState7(false);
   const [sendError, setSendError] = useState7(false);
   useEffect5(() => {
+    let cancelled = false;
+    setLoading(true);
     (async () => {
-      setLoading(true);
-      const msgs = await getThreadMessages(thread.id);
-      setMessages(msgs);
-      setLoading(false);
-      if (thread.unreadCount > 0) {
-        await markAsRead(thread.id);
+      try {
+        const msgs = await getThreadMessages(thread.id);
+        if (!cancelled) {
+          setMessages(msgs);
+        }
+        if (thread.unreadCount > 0) {
+          await markAsRead(thread.id);
+        }
+      } catch (err) {
+        console.error("BugBear: Failed to load thread messages", err);
+      } finally {
+        if (!cancelled) {
+          setLoading(false);
+        }
       }
     })();
+    return () => {
+      cancelled = true;
+    };
   }, [thread.id]);
   const handleSend = async () => {
     if (!replyText.trim() && replyImages.images.length === 0 || sending || replyImages.isUploading) return;
@@ -3721,6 +3740,7 @@ function ProfileScreen({ nav }) {
     }
   }, [testerInfo]);
   const handleSave = async () => {
+    if (saving) return;
     setSaving(true);
     const updates = {
       name: name.trim(),
@@ -4198,11 +4218,21 @@ function IssueListScreen({ nav, category }) {
     let cancelled = false;
     setLoading(true);
     (async () => {
-      if (!client) return;
-      const data = await client.getIssues(category);
-      if (!cancelled) {
-        setIssues(data);
+      if (!client) {
         setLoading(false);
+        return;
+      }
+      try {
+        const data = await client.getIssues(category);
+        if (!cancelled) {
+          setIssues(data);
+        }
+      } catch (err) {
+        console.error("BugBear: Failed to load issues", err);
+      } finally {
+        if (!cancelled) {
+          setLoading(false);
+        }
       }
     })();
     return () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbearai/react",
-  "version": "0.4.4",
+  "version": "0.4.6",
   "description": "BugBear React components for web apps",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",