feat(web): ping rendererReady from App.tsx and ErrorBoundary

App.tsx useEffect signals boot-completion (success path). ErrorBoundary
componentDidCatch signals it on the caught-error path so the in-app
error UI isn't overridden by native recovery 20s later.
This commit is contained in:
Jannis Braun
2026-05-03 12:01:28 +02:00
parent ece81a2b71
commit 6929c460aa
2 changed files with 18 additions and 1 deletions
+12 -1
View File
@@ -1,4 +1,4 @@
import React from 'react';
import React, { useEffect } from 'react';
import { Routes, Route, Navigate, useSearchParams } from 'react-router-dom';
import { LoginPage } from './components/auth/LoginPage';
import { RegisterPage } from './components/auth/RegisterPage';
@@ -29,6 +29,17 @@ function AuthRedirect({ children }: { children: React.ReactNode }) {
}
export function App() {
// Boot-completion ping — disarms the main-process boot timer.
// MUST be first hook on the unconditional render path. Single fire on
// first commit; main owns "armed once" gating so duplicate calls (e.g.
// ErrorBoundary path) are idempotent. Semantic: "renderer survived
// render," NOT "data loaded." A spinner on screen counts as boot success.
useEffect(() => {
if (typeof window.backspace?.rendererReady === 'function') {
window.backspace.rendererReady();
}
}, []);
const showTitleBar = isElectron();
return (
+6
View File
@@ -20,6 +20,12 @@ class ErrorBoundary extends React.Component<
componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {
console.error('[ErrorBoundary]', error, errorInfo.componentStack);
// Renderer is alive enough to show the fallback UI — disarm the boot timer.
// Without this, the timer fires 20s after a caught render error and
// overrides the in-app error UI with native recovery, which is wrong.
if (typeof window.backspace?.rendererReady === 'function') {
window.backspace.rendererReady();
}
}
render() {