vickytechkey
a4687eaf39
All checks were successful
Deploy Plane Project Tracker / Deploy to cisystem (push) Successful in 6m47s
90 lines
2.9 KiB
TypeScript
90 lines
2.9 KiB
TypeScript
/**
|
|
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
* See the LICENSE file for details.
|
|
*/
|
|
|
|
import { initPromise } from "@plane/i18n";
|
|
import { startTransition, StrictMode } from "react";
|
|
import { hydrateRoot } from "react-dom/client";
|
|
import { HydratedRouter } from "react-router/dom";
|
|
|
|
import polyfills from "@/lib/polyfills";
|
|
import { isStaleAssetErrorMessage, recoverFromStaleAsset } from "@/lib/stale-asset-error";
|
|
|
|
void polyfills;
|
|
|
|
function reportClientLog(type: "error" | "warn" | "info", message: string, extra?: Record<string, any>) {
|
|
try {
|
|
const payload = JSON.stringify({
|
|
type,
|
|
message,
|
|
url: window.location.href,
|
|
stack: extra?.stack || "",
|
|
extra: extra || {},
|
|
});
|
|
if (navigator.sendBeacon) {
|
|
navigator.sendBeacon("/api/client-logs/", new Blob([payload], { type: "application/json" }));
|
|
} else {
|
|
fetch("/api/client-logs/", {
|
|
method: "POST",
|
|
headers: { "Content-Type": "application/json" },
|
|
body: payload,
|
|
keepalive: true,
|
|
}).catch(() => {});
|
|
}
|
|
} catch {}
|
|
}
|
|
|
|
if (typeof window !== "undefined") {
|
|
window.addEventListener("error", (event) => {
|
|
reportClientLog("error", event.message || "Uncaught error", {
|
|
filename: event.filename,
|
|
lineno: event.lineno,
|
|
colno: event.colno,
|
|
stack: event.error?.stack,
|
|
});
|
|
});
|
|
|
|
window.addEventListener("unhandledrejection", (event) => {
|
|
const reason = event.reason instanceof Error ? event.reason.message : String(event.reason ?? "");
|
|
reportClientLog("error", `Unhandled Promise Rejection: ${reason}`, {
|
|
stack: event.reason instanceof Error ? event.reason.stack : undefined,
|
|
});
|
|
});
|
|
}
|
|
|
|
// Production-only: in dev these errors come from the dev server itself (restarts,
|
|
// stale optimized deps) and auto-reloading would mask them.
|
|
if (import.meta.env.PROD) {
|
|
window.addEventListener("vite:preloadError", (event) => {
|
|
if (recoverFromStaleAsset()) event.preventDefault();
|
|
});
|
|
|
|
window.addEventListener("error", (event) => {
|
|
if (isStaleAssetErrorMessage(event.message || "")) recoverFromStaleAsset();
|
|
});
|
|
|
|
window.addEventListener("unhandledrejection", (event) => {
|
|
const reason = event.reason instanceof Error ? event.reason.message : String(event.reason ?? "");
|
|
if (isStaleAssetErrorMessage(reason)) recoverFromStaleAsset();
|
|
});
|
|
}
|
|
|
|
// Initialize i18n before hydrating (the remix-i18next pattern for React
|
|
// Router: await init, then hydrateRoot). Hydrating before the instance is
|
|
// ready would make the first client render diverge from the prerendered
|
|
// shell, and React 19 leaves DOM it could not adopt in place instead of
|
|
// clearing it.
|
|
void initPromise
|
|
.catch(() => {})
|
|
.then(() => {
|
|
startTransition(() => {
|
|
hydrateRoot(
|
|
document,
|
|
<StrictMode>
|
|
<HydratedRouter />
|
|
</StrictMode>
|
|
);
|
|
});
|
|
});
|