ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Debug: Alert error when main tab is focused (#4158)

Browse Source
This commit is contained in:
Alexander Zinchuk 2024-01-12 13:00:26 +01:00
parent e9dacf35f3
commit d0b32f3f2b
2 changed files with 43 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/util/establishMultitabRole.ts
View File

@ -182,3 +182,7 @@ export function reestablishMasterToSelf() {
export const subscribeToTokenDied = addCallbackTokenDied; export const subscribeToTokenDied = addCallbackTokenDied;
export const subscribeToMasterChange = addCallback; export const subscribeToMasterChange = addCallback;
export function isMasterTab() {
return masterToken === token;
}

62
src/util/handleError.ts
View File

@ -1,38 +1,54 @@
import { DEBUG_ALERT_MSG } from '../config'; import { DEBUG, DEBUG_ALERT_MSG } from '../config';
import { getAllMultitabTokens } from './establishMultitabRole'; import { isMasterTab } from './establishMultitabRole';
import { throttle } from './schedulers';
import { IS_MULTITAB_SUPPORTED } from './windowEnvironment';
// eslint-disable-next-line prefer-destructuring let showError = true;
const APP_ENV = process.env.APP_ENV; let error: Error | undefined;
window.addEventListener('error', handleErrorEvent); window.addEventListener('error', handleErrorEvent);
window.addEventListener('unhandledrejection', handleErrorEvent); window.addEventListener('unhandledrejection', handleErrorEvent);
if (DEBUG) {
window.addEventListener('focus', () => {
if (!isMasterTab()) {
return;
}
showError = true;
if (error) {
// eslint-disable-next-line no-alert
window.alert(getErrorMessage(error));
error = undefined;
}
});
window.addEventListener('blur', () => {
if (!isMasterTab()) {
return;
}
showError = false;
});
}
export function handleError(err: Error) {
// eslint-disable-next-line no-console
console.error(err);
if (DEBUG) {
if (showError) {
// eslint-disable-next-line no-alert
window.alert(getErrorMessage(err));
} else {
error = err;
}
}
}
function handleErrorEvent(e: ErrorEvent | PromiseRejectionEvent) { function handleErrorEvent(e: ErrorEvent | PromiseRejectionEvent) {
// https://stackoverflow.com/questions/49384120/resizeobserver-loop-limit-exceeded // https://stackoverflow.com/questions/49384120/resizeobserver-loop-limit-exceeded
if (e instanceof ErrorEvent && e.message === 'ResizeObserver loop limit exceeded') { if (e instanceof ErrorEvent && e.message === 'ResizeObserver loop limit exceeded') {
return; return;
} }
e.preventDefault(); e.preventDefault();
handleError(e instanceof ErrorEvent ? (e.error || e.message) : e.reason); handleError(e instanceof ErrorEvent ? (e.error || e.message) : e.reason);
} }
const throttledAlert = throttle((message: string) => { function getErrorMessage(err: Error) {
if (IS_MULTITAB_SUPPORTED && getAllMultitabTokens().length > 1) { return `${DEBUG_ALERT_MSG}\n\n${(err?.message) || err}\n${err?.stack}`;
return;
}
// eslint-disable-next-line no-alert
window.alert(message);
}, 1000);
export function handleError(err: Error) {
// eslint-disable-next-line no-console
console.error(err);
if (APP_ENV === 'development' || APP_ENV === 'staging') {
throttledAlert(`${DEBUG_ALERT_MSG}\n\n${(err?.message) || err}\n${err?.stack}`);
}
} }