glitchgrab 1.19.2 → 1.20.1

package/dist/index.mjs

@@ -269,6 +269,30 @@ async function sendReport(payload, baseUrl) {
     return null;
   }
 }
+async function enhanceText(text, token, baseUrl) {
+  var _a;
+  try {
+    const trimmed = text.trim();
+    if (!trimmed) return text;
+    const url = `${baseUrl != null ? baseUrl : DEFAULT_BASE_URL}/api/v1/ai/enhance-text`;
+    const response = await fetch(url, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${token}`
+      },
+      body: JSON.stringify({ text: trimmed })
+    });
+    if (!response.ok) return text;
+    const envelope = await response.json();
+    if ((envelope == null ? void 0 : envelope.success) && typeof ((_a = envelope.data) == null ? void 0 : _a.text) === "string") {
+      return envelope.data.text;
+    }
+    return text;
+  } catch (e) {
+    return text;
+  }
+}
 
 // src/dedup.ts
 var DEFAULT_WINDOW_MS = 5 * 60 * 1e3;
@@ -540,9 +564,11 @@ function isLowQualityText(text) {
 }
 function ReportDialog({
   report,
+  enhanceText: enhanceText2,
   types,
   showSeverity = true
 }) {
+  const [isEnhancing, setIsEnhancing] = useState(false);
   const [mounted, setMounted] = useState(false);
   useEffect(() => {
     setMounted(true);
@@ -884,38 +910,83 @@ function ReportDialog({
                     type
                   )) }),
                   step === 2 && /* @__PURE__ */ jsxs(Fragment, { children: [
-                    /* @__PURE__ */ jsx(
-                      "textarea",
-                      {
-                        value: description,
-                        onChange: (e) => {
-                          setDescription(e.target.value);
-                          if (validationError) setValidationError(null);
-                        },
-                        placeholder: getPlaceholder(reportType),
-                        style: {
-                          width: "100%",
-                          minHeight: "100px",
-                          padding: "10px 12px",
-                          borderRadius: "8px",
-                          border: `1px solid ${t.inputBorder}`,
-                          fontSize: "14px",
-                          fontFamily: "inherit",
-                          resize: "vertical",
-                          outline: "none",
-                          boxSizing: "border-box",
-                          color: t.text,
-                          backgroundColor: t.inputBg
-                        },
-                        onFocus: (e) => {
-                          e.target.style.borderColor = t.accent;
-                        },
-                        onBlur: (e) => {
-                          e.target.style.borderColor = t.inputBorder;
-                        },
-                        autoFocus: true
-                      }
-                    ),
+                    /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
+                      /* @__PURE__ */ jsx(
+                        "textarea",
+                        {
+                          value: description,
+                          onChange: (e) => {
+                            setDescription(e.target.value);
+                            if (validationError) setValidationError(null);
+                          },
+                          placeholder: getPlaceholder(reportType),
+                          style: {
+                            width: "100%",
+                            minHeight: "100px",
+                            padding: enhanceText2 ? "28px 12px 10px" : "10px 12px",
+                            borderRadius: "8px",
+                            border: `1px solid ${t.inputBorder}`,
+                            fontSize: "14px",
+                            fontFamily: "inherit",
+                            resize: "vertical",
+                            outline: "none",
+                            boxSizing: "border-box",
+                            color: t.text,
+                            backgroundColor: t.inputBg
+                          },
+                          onFocus: (e) => {
+                            e.target.style.borderColor = t.accent;
+                          },
+                          onBlur: (e) => {
+                            e.target.style.borderColor = t.inputBorder;
+                          },
+                          autoFocus: true
+                        }
+                      ),
+                      enhanceText2 && /* @__PURE__ */ jsxs(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: async () => {
+                            if (!description.trim() || isEnhancing) return;
+                            setIsEnhancing(true);
+                            try {
+                              const polished = await enhanceText2(description);
+                              if (polished && polished !== description) {
+                                setDescription(polished);
+                                if (validationError) setValidationError(null);
+                              }
+                            } finally {
+                              setIsEnhancing(false);
+                            }
+                          },
+                          disabled: !description.trim() || isEnhancing,
+                          style: {
+                            position: "absolute",
+                            top: "6px",
+                            right: "6px",
+                            display: "inline-flex",
+                            alignItems: "center",
+                            gap: "4px",
+                            background: t.inputBg,
+                            border: "none",
+                            padding: "2px 6px",
+                            borderRadius: "4px",
+                            fontFamily: "inherit",
+                            fontSize: "11px",
+                            color: t.textMuted,
+                            cursor: !description.trim() || isEnhancing ? "default" : "pointer",
+                            opacity: !description.trim() ? 0.5 : 1,
+                            zIndex: 1
+                          },
+                          title: "Polish grammar \u2014 preserves your meaning",
+                          children: [
+                            /* @__PURE__ */ jsx("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M12 3l1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5L12 3zM19 15l.75 2.25L22 18l-2.25.75L19 21l-.75-2.25L16 18l2.25-.75L19 15z", stroke: t.textMuted, strokeWidth: "1.5", strokeLinejoin: "round" }) }),
+                            isEnhancing ? "Enhancing..." : "AI enhance"
+                          ]
+                        }
+                      )
+                    ] }),
                     showSeverity && reportType === "BUG" && /* @__PURE__ */ jsxs("div", { style: { marginTop: "10px" }, children: [
                       /* @__PURE__ */ jsx("span", { style: { fontSize: "12px", color: t.textMuted, marginBottom: "6px", display: "block" }, children: "Severity" }),
                       /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: "6px" }, children: ["low", "medium", "high"].map((s) => /* @__PURE__ */ jsx(
@@ -1336,6 +1407,10 @@ function GlitchgrabProviderInner({
       const handleError = (event) => {
         var _a, _b, _c, _d, _e, _f;
         try {
+          const isOpaqueCrossOrigin = event.message === "Script error." || event.message === "Script error" || !event.error && !event.filename;
+          if (isOpaqueCrossOrigin) {
+            return;
+          }
           const context = captureContext(visitedPagesRef.current);
           const sig = computeSignature({
             errorMessage: event.message,
@@ -1378,6 +1453,9 @@ function GlitchgrabProviderInner({
           const context = captureContext(visitedPagesRef.current);
           const reason = event.reason;
           const errMsg = reason instanceof Error ? reason.message : String(reason);
+          if (errMsg === "Script error." || errMsg === "Script error") {
+            return;
+          }
           const errStack = reason instanceof Error ? reason.stack : void 0;
           const sig = computeSignature({
             errorMessage: errMsg,
@@ -1464,6 +1542,16 @@ function GlitchgrabProviderInner({
     },
     []
   );
+  const enhance = useCallback(
+    async (text) => {
+      try {
+        return await enhanceText(text, token, baseUrl);
+      } catch (e) {
+        return text;
+      }
+    },
+    [token, baseUrl]
+  );
   const openReportDialog = useCallback((options) => {
     if (typeof window !== "undefined") {
       window.dispatchEvent(new CustomEvent("glitchgrab:open-report", { detail: options }));
@@ -1492,7 +1580,8 @@ function GlitchgrabProviderInner({
         reportBug,
         report,
         addBreadcrumb: addBreadcrumb2,
-        openReportDialog
+        openReportDialog,
+        enhanceText: enhance
       },
       children: [
         /* @__PURE__ */ jsx2(
@@ -1507,7 +1596,7 @@ function GlitchgrabProviderInner({
             children
           }
         ),
-        /* @__PURE__ */ jsx2(ReportDialog, { report, types, showSeverity })
+        /* @__PURE__ */ jsx2(ReportDialog, { report, enhanceText: enhance, types, showSeverity })
       ]
     }
   );
@@ -1732,6 +1821,7 @@ export {
   clearBreadcrumbs,
   clearDedupCache,
   computeSignature,
+  enhanceText,
   fetchGlitchgrabReports,
   getBreadcrumbs,
   initBreadcrumbs,