Added errror reporting library.

Author: actions-user

src/lib/errorReportingService.ts

@@ -0,0 +1,37 @@
+import { ErrorInfo } from 'react'
+
+// This is the relative path to the API endpoint we created.
+const ERROR_REPORTING_ENDPOINT = '/api/errors'
+
+interface ReportOptions {
+  isFatal?: boolean
+  errorInfo?: ErrorInfo
+  // You can add more web-specific context here if needed
+  // e.g., userAgent, screenResolution, etc.
+}
+
+/**
+ * Sends a client-side error report to the Next.js API endpoint.
+ * @param error The error object.
+ * @param options An object containing additional context.
+ */
+export const reportError = async (error: Error, options?: ReportOptions): Promise<void> => {
+  const report = {
+    message: error.message,
+    stack: error.stack,
+    platform: 'web', // Identify that the error came from the web client
+    options,
+  }
+
+  try {
+    await fetch(ERROR_REPORTING_ENDPOINT, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(report),
+    })
+  } catch (e) {
+    console.error('Failed to send error report:', e)
+  }
+}