feat: improve launch failure handling (closes #76)

Author: macjuul

src-tauri/src/database/mod.rs

@@ -41,19 +41,26 @@ pub fn start_database(
 
 	thread::spawn(move || {
 		let reader = BufReader::new(output);
+		let mut has_started = false;
 
 		for line in reader.lines() {
 			let message = line.unwrap();
 
 			println!("Surreal: {}", message);
 
 			window.emit("database:output", message).expect("console output should be delivered");
+
+			has_started = true;
 		}
 
 		let elapsed = start_at.elapsed().as_millis();
 
 		if elapsed <= 500 {
-			window.emit("database:error", "Surreal executable not found. Make sure the SurrealDB CLI is available in the command line.").expect("error result should be delivered");
+			if !has_started {
+				window.emit("database:output", "SurrealDB did not start. Are you sure the Surreal executable is available?").expect("console output should be delivered");
+			}
+
+			window.emit("database:error", "SurrealDB did not start correctly, check the console for more information").expect("error result should be delivered");
 		} else {
 			window.emit("database:stop", true).expect("stop result should be delivered");
 		}

src/components/ConsolePane/index.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useRef, useMemo } from "react";
 import { Panel } from "~/components/Panel";
 import { mdiClose, mdiConsole, mdiDelete } from "@mdi/js";
-import { ActionIcon, Group, ScrollArea, Text, useMantineTheme } from "@mantine/core";
+import { ActionIcon, Center, Group, ScrollArea, Text, useMantineTheme } from "@mantine/core";
 import { Icon } from "~/components/Icon";
 import { actions, store, useStoreValue } from "~/store";
 import AnsiToHtml from "ansi-to-html";
@@ -82,6 +82,13 @@ export function ConsolePane() {
 			icon={mdiConsole}
 			rightSection={<ConsoleActions />}
 		>
+			{messages.length === 0 && (
+				<Center h="100%">
+					<Text c="light.5">
+						No messages to display
+					</Text>
+				</Center>	
+			)}
 			<ScrollArea
 				style={{ position: 'absolute', inset: 12, top: 0 }}
 				viewportRef={scroller}

src/components/Scaffold/index.tsx

@@ -45,8 +45,6 @@ export function Scaffold() {
 	const activeTab = useStoreValue(state => state.config.activeTab);
 	const environments = useStoreValue(state => state.config.environments);
 	const autoConnect = useStoreValue(state => state.config.autoConnect);
-	const servePending = useStoreValue(state => state.servePending);
-	const isServing = useStoreValue(state => state.isServing);
 	const enableConsole = useStoreValue(state => state.config.enableConsole);
 	const isConnected = useStoreValue(state => state.isConnected);
 	const tabInfo = useActiveTab();
@@ -168,7 +166,7 @@ export function Scaffold() {
 
 	const revealConsole = useStable((e: MouseEvent) => {
 		e.stopPropagation();
-		store.dispatch(actions.setConsoleEnabled(true));
+		store.dispatch(actions.setConsoleEnabled(!enableConsole));
 	});
 
 	const openTabCreator = useStable((envId?: string) => {
@@ -205,7 +203,6 @@ export function Scaffold() {
 	const mergedInfoDetails = mergeConnections(tabInfo?.connection || {}, envInfo?.connection || {});
 	const detailsValid = isConnectionValid(mergedInfoDetails);
 
-	const showConsole = enableConsole && (servePending || isServing);
 	const borderColor = theme.fn.themeColor(isConnected ? 'surreal' : (detailsValid ? 'light' : 'red'));
 	const viewMode = tabInfo?.activeView || 'query';
 	const viewInfo = VIEW_MODES.find(v => v.id == viewMode)!;
@@ -401,14 +398,14 @@ export function Scaffold() {
 										Connection details incomplete
 									</Text>
 								)}
-								{(servePending || isServing) && !showConsole && (
+								{/* {(servePending || isServing) && !showConsole && ( */}
 									<ActionIcon
 										onClick={revealConsole}
-										title="Reveal console"
+										title="Toggle console"
 									>
 										<Icon color="light.4" path={mdiConsole} />
 									</ActionIcon>
-								)}
+								{/* )} */}
 								{isConnected && (
 									<ActionIcon
 										onClick={closeConnection}
@@ -448,7 +445,7 @@ export function Scaffold() {
 							minSize={100}
 							bufferSize={200}
 							direction="vertical"
-							endPane={showConsole && (
+							endPane={enableConsole && (
 								<ConsolePane />
 							)}
 						>
@@ -497,7 +494,7 @@ export function Scaffold() {
 						</Text>
 						<Center mt="lg">
 							<Button size="xs" onClick={createNewTab}>
-								Create tab
+								Create session
 							</Button>
 						</Center>
 					</div>

src/store.tsx

@@ -160,6 +160,7 @@ const mainSlice = createSlice({
 
 		prepareServe(state) {
 			state.servePending = true;
+			state.consoleOutput = [];
 		},
 
 		confirmServing(state) {
@@ -170,7 +171,6 @@ const mainSlice = createSlice({
 		stopServing(state) {
 			state.isServing = false;
 			state.servePending = false;
-			state.consoleOutput = [];
 		},
 
 		cancelServe(state) {