OneLauncher-Cracked/apps/oneclient/frontend/src/components/overlay/SuperSecretDevOptions.tsx

import { MinecraftAuthErrorModal, minecraftAuthErrors, Overlay, RawDebugInfo, SettingsRow, SettingsSwitch } from '@/components';
import { useSettings } from '@/hooks/useSettings';
import { bindings } from '@/main';
import { useDebugInfo } from '@/utils/debugInfo';
import { Button } from '@onelauncher/common/components';
import { Link } from '@tanstack/react-router';
import { dataDir, join } from '@tauri-apps/api/path';
import { Code02Icon } from '@untitled-theme/icons-react';
import { useEffect, useState } from 'react';

export function SuperSecretDevOptions() {
	const { createSetting } = useSettings();
	const debugInfo = useDebugInfo();
	const [previewError, setPreviewError] = useState<string | null>(null);

	const [launcherDir, setLauncherDir] = useState('');

	useEffect(() => {
		(async () => {
			setLauncherDir(await join(await dataDir(), 'OneClient'));
		})();
	}, []);

	const openLauncherDir = () => bindings.core.open(launcherDir);
	const logRunningProcesses = () => {
		(async () => {
			const running = await bindings.core.getRunningProcesses();
			// eslint-disable-next-line no-console -- Designed to log
			console.log(running);
		})();
	};

	return (
		<Overlay.Dialog>
			<Overlay.Title>Super Secret Dev Options</Overlay.Title>

			<div>
				<SettingsRow description="WARNING! This requires a restart to apply. Logs out debug info" icon={<Code02Icon />} title="Log Debug Info">
					<SettingsSwitch setting={createSetting('log_debug_info')} />
				</SettingsRow>

				<SettingsRow description="Enable The Tanstack Dev Tools" icon={<Code02Icon />} title="Tanstack Dev Tools">
					<SettingsSwitch setting={createSetting('show_tanstack_dev_tools')} />
				</SettingsRow>

				<div className="grid grid-cols-3 gap-3 justify-items-center">
					<Button onPress={bindings.debug.openDevTools} size="normal">Dev Tools</Button>

					<Link to="/onboarding/finished">
						<Button size="normal">Skip Onboarding</Button>
					</Link>

					<Button onClick={openLauncherDir} size="normal">Open Launcher Data</Button>

					<Button onClick={logRunningProcesses} size="normal">Console log processes</Button>
				</div>

				<div className="mt-3 border-t border-component-border pt-3">
					<p className="text-fg-secondary text-xs mb-2">Auth Error Preview</p>
					<div className="flex flex-wrap gap-2">
						{minecraftAuthErrors.map(err => (
							<Button
								key={err.errorCode}
								onClick={() => setPreviewError(`Minecraft authentication error: ${err.errorCode} during MSA step XstsAuthorize`)}
								size="normal"
							>
								{err.errorCode}
							</Button>
						))}
						<Button
							onClick={() => setPreviewError('Some unknown auth error occurred')}
							size="normal"
						>
							Unknown
						</Button>
					</div>
				</div>
			</div>

			<RawDebugInfo debugInfo={debugInfo} />

			{previewError && (
				<Overlay
					isDismissable
					isOpen
					onOpenChange={(open) => {
						if (!open)
							setPreviewError(null);
					}}
				>
					<MinecraftAuthErrorModal error={previewError} />
				</Overlay>
			)}
		</Overlay.Dialog>
	);
}