@base44-preview/vite-plugin 0.2.20-pr.27.20fa529 → 0.2.20-pr.27.45bb4b6

package/src/injections/unhandled-errors-handlers.ts

@@ -1,97 +1,93 @@
-/** Register global error and unhandled-rejection listeners that report to the parent window. */
+/// <reference types="vite/client" />
 
-const ERROR_SUPPRESSION_TIMEOUT = 10000;
+window.removeEventListener("unhandledrejection", handleUnhandledRejection);
+window.removeEventListener("error", handleWindowError);
 
-export function setupUnhandledErrors(hmr?: { on(event: string, cb: (...args: any[]) => void): void }) {
-  window.removeEventListener("unhandledrejection", handleUnhandledRejection);
-  window.removeEventListener("error", handleWindowError);
+window.addEventListener("unhandledrejection", handleUnhandledRejection);
+window.addEventListener("error", handleWindowError);
 
-  window.addEventListener("unhandledrejection", handleUnhandledRejection);
-  window.addEventListener("error", handleWindowError);
+let shouldPropagateErrors = true;
+let suppressionTimer: ReturnType<typeof setTimeout> | null = null;
 
-  let shouldPropagateErrors = true;
-  let suppressionTimer: ReturnType<typeof setTimeout> | null = null;
+if (import.meta.hot) {
+  import.meta.hot.on("vite:beforeUpdate", () => {
+    shouldPropagateErrors = false;
 
-  if (hmr) {
-    hmr.on("vite:beforeUpdate", () => {
-      shouldPropagateErrors = false;
-
-      if (suppressionTimer) {
-        clearTimeout(suppressionTimer);
-      }
-
-      suppressionTimer = setTimeout(() => {
-        shouldPropagateErrors = true;
-        suppressionTimer = null;
-      }, ERROR_SUPPRESSION_TIMEOUT);
-    });
-    hmr.on("vite:beforeFullReload", () => {
-      shouldPropagateErrors = false;
-      if (suppressionTimer) {
-        clearTimeout(suppressionTimer);
-        suppressionTimer = null;
-      }
-    });
-  }
+    if (suppressionTimer) {
+      clearTimeout(suppressionTimer);
+    }
 
-  function onAppError({
-    title,
-    details,
-    componentName,
-    originalError,
-  }: {
-    title: string;
-    details: string;
-    componentName: string;
-    originalError: any;
-  }) {
-    if (originalError?.response?.status === 402 || !shouldPropagateErrors) {
-      return;
+    suppressionTimer = setTimeout(() => {
+      shouldPropagateErrors = true;
+      suppressionTimer = null;
+    }, import.meta.env.VITE_HMR_ERROR_SUPPRESSION_DELAY ?? 10000);
+  });
+  import.meta.hot.on("vite:beforeFullReload", () => {
+    shouldPropagateErrors = false;
+    if (suppressionTimer) {
+      clearTimeout(suppressionTimer);
+      suppressionTimer = null;
     }
-    window.parent?.postMessage(
-      {
-        type: "app_error",
-        error: {
-          title: title.toString(),
-          details: details?.toString(),
-          componentName: componentName?.toString(),
-          stack: originalError?.stack?.toString(),
-        },
-      },
-      "*"
-    );
-  }
+  });
+}
 
-  function handleUnhandledRejection(event: any) {
-    const stack = event.reason.stack;
-    // extract function name from "at X (eval" where x is the function name
-    const functionName = stack.match(/at\s+(\w+)\s+\(eval/)?.[1];
-    const msg = functionName
-      ? `Error in ${functionName}: ${event.reason.toString()}`
-      : event.reason.toString();
-    onAppError({
-      title: msg,
-      details: event.reason.toString(),
-      componentName: functionName,
-      originalError: event.reason,
-    });
+function onAppError({
+  title,
+  details,
+  componentName,
+  originalError,
+}: {
+  title: string;
+  details: string;
+  componentName: string;
+  originalError: any;
+}) {
+  if (originalError?.response?.status === 402 || !shouldPropagateErrors) {
+    return;
   }
+  window.parent?.postMessage(
+    {
+      type: "app_error",
+      error: {
+        title: title.toString(),
+        details: details?.toString(),
+        componentName: componentName?.toString(),
+        stack: originalError?.stack?.toString(),
+      },
+    },
+    "*"
+  );
+}
 
-  function handleWindowError(event: any) {
-    const stack = event.error?.stack;
-    let functionName = stack.match(/at\s+(\w+)\s+\(eval/)?.[1];
-    if (functionName === "eval") {
-      functionName = null;
-    }
+function handleUnhandledRejection(event: any) {
+  const stack = event.reason.stack;
+  // extract function name from "at X (eval" where x is the function name
+  const functionName = stack.match(/at\s+(\w+)\s+\(eval/)?.[1];
+  const msg = functionName
+    ? `Error in ${functionName}: ${event.reason.toString()}`
+    : event.reason.toString();
+  onAppError({
+    title: msg,
+    details: event.reason.toString(),
+    componentName: functionName,
+    originalError: event.reason,
+  });
+}
 
-    const msg = functionName
-      ? `in ${functionName}: ${event.error.toString()}`
-      : event.error.toString();
-    onAppError({
-      title: msg,
-      details: event.error.toString(),
-      componentName: functionName,
-      originalError: event.error,
-    });
+function handleWindowError(event: any) {
+  const stack = event.error?.stack;
+  let functionName = stack.match(/at\s+(\w+)\s+\(eval/)?.[1];
+  if (functionName === "eval") {
+    functionName = null;
   }
+
+  const msg = functionName
+    ? `in ${functionName}: ${event.error.toString()}`
+    : event.error.toString();
+  onAppError({
+    title: msg,
+    details: event.error.toString(),
+    componentName: functionName,
+    originalError: event.error,
+  });
 }