Evandro Fonseca Junior
50ffed4fee
- Updated ErrorBoundary and ErrorTracking components to directly access the Rybbit object without type assertions. - Enhanced error tracking by ensuring stack traces and component stacks are only included if available. - Improved the HeroSection component by replacing the standard img tag with Next.js Image component for better performance and optimization.
63 lines
2.0 KiB
TypeScript
63 lines
2.0 KiB
TypeScript
"use client";
|
|
|
|
import { useEffect } from "react";
|
|
|
|
/**
|
|
* Componente para configurar error tracking global do Rybbit
|
|
* Captura erros JavaScript não tratados e Promise rejections
|
|
*/
|
|
export function ErrorTracking() {
|
|
useEffect(() => {
|
|
// Handler para erros JavaScript não capturados
|
|
const handleError = (event: ErrorEvent) => {
|
|
if (typeof window !== "undefined" && window.rybbit) {
|
|
try {
|
|
window.rybbit.track("error", {
|
|
message: event.message,
|
|
filename: event.filename,
|
|
lineno: event.lineno,
|
|
colno: event.colno,
|
|
stack: event.error?.stack,
|
|
errorName: event.error?.name,
|
|
timestamp: new Date().toISOString(),
|
|
type: "javascript_error",
|
|
});
|
|
} catch (trackingError) {
|
|
console.error("[ErrorTracking] Falha ao enviar erro ao Rybbit:", trackingError);
|
|
}
|
|
}
|
|
};
|
|
|
|
// Handler para Promise rejections não tratadas
|
|
const handleUnhandledRejection = (event: PromiseRejectionEvent) => {
|
|
if (typeof window !== "undefined" && window.rybbit) {
|
|
try {
|
|
const error = event.reason instanceof Error ? event.reason : new Error(String(event.reason));
|
|
|
|
window.rybbit.track("error", {
|
|
message: error.message || String(event.reason),
|
|
stack: error.stack,
|
|
errorName: error.name || "UnhandledPromiseRejection",
|
|
timestamp: new Date().toISOString(),
|
|
type: "unhandled_promise_rejection",
|
|
});
|
|
} catch (trackingError) {
|
|
console.error("[ErrorTracking] Falha ao enviar rejection ao Rybbit:", trackingError);
|
|
}
|
|
}
|
|
};
|
|
|
|
// Adicionar listeners
|
|
window.addEventListener("error", handleError);
|
|
window.addEventListener("unhandledrejection", handleUnhandledRejection);
|
|
|
|
// Cleanup
|
|
return () => {
|
|
window.removeEventListener("error", handleError);
|
|
window.removeEventListener("unhandledrejection", handleUnhandledRejection);
|
|
};
|
|
}, []);
|
|
|
|
return null;
|
|
}
|