OctoLauncher 1.3.1

Manifest-based CDN updater and mod manager for the OctoWoW 1.12.1 client: launcher-owned realmlist, torrent-backed content sync with bundled aria2c, antivirus and Defender exclusion handling, hardware-aware render distance, optional client tweaks and mods, and the in-launcher news feed.
2026-08-14 01:45:50 +00:00
commit 5dca94a3fc
124 changed files with 24276 additions and 0 deletions
@@ -0,0 +1,91 @@
+import { Clipboard, RefreshCw, ServerCrash } from 'lucide-react';
+import { Component, type ErrorInfo, type ReactNode } from 'react';
+import log from 'electron-log/renderer';
+
+import { useT } from '~renderer/i18n';
+
+import PageBackground from './assets/background.png';
+import TextButton from './components/styled/TextButton';
+
+type State = {
+	didCatch?: boolean;
+	error?: Error;
+	errorInfo?: ErrorInfo;
+};
+
+type Props = {
+	children: ReactNode;
+};
+
+const ErrorFallback = ({
+	error,
+	errorInfo
+}: {
+	error?: Error;
+	errorInfo?: ErrorInfo;
+}) => {
+	const t = useT();
+	const title = t('misc.uncaughtError', {
+		name: error?.name ?? '',
+		message: error?.message ?? t('misc.unknownError')
+	});
+	const detail = errorInfo?.componentStack?.slice(1);
+	return (
+		<div
+			className="relative flex h-screen w-screen grow flex-col overflow-hidden border border-blueGray/10 bg-cover bg-top bg-no-repeat p-3"
+			style={{ backgroundImage: `url(${PageBackground})` }}
+		>
+			<div className="tw-surface flex grow flex-col gap-3">
+				<div className="flex items-center gap-2">
+					<ServerCrash size={26} className="text-red" />
+					<h3 className="text-red">{t('misc.somethingWentWrong')}</h3>
+				</div>
+				<hr />
+				<div className="text-white">{title}</div>
+				<pre className="s1 -mt-2 grow overflow-auto text-blueGray">
+					{detail}
+				</pre>
+				<hr />
+				<div className="-mx-3 -mb-3 flex justify-end gap-2">
+					<TextButton
+						icon={Clipboard}
+						onClick={() =>
+							navigator.clipboard.writeText(
+								`\`\`\`\n${title}\n${detail}\n\`\`\``
+							)
+						}
+					>
+						{t('misc.copyError')}
+					</TextButton>
+					<TextButton
+						icon={RefreshCw}
+						onClick={() => window.location.reload()}
+						className="text-warmGreen"
+					>
+						{t('misc.reload')}
+					</TextButton>
+				</div>
+			</div>
+		</div>
+	);
+};
+
+class ErrorBoundary extends Component<Props, State> {
+	constructor(props: Props) {
+		super(props);
+		this.state = {};
+	}
+
+	componentDidCatch(error: Error, errorInfo: ErrorInfo) {
+		log.error('Client crash:', error, errorInfo);
+		this.setState({ didCatch: true, error, errorInfo });
+	}
+
+	render() {
+		if (!this.state.didCatch) return this.props.children;
+		const { error, errorInfo } = this.state;
+		return <ErrorFallback error={error} errorInfo={errorInfo} />;
+	}
+}
+
+export default ErrorBoundary;