fix: control+c to kill command selected

resolves #22

src/main/framework/runtime-events.ts

@@ -64,6 +64,31 @@ export function attach({ app, workspace }: BootstrapContext): void {
     )
   })
 
+  ipcMain.handle('runtime.kill', async (_, commandId, runtimeId): Promise<boolean> => {
+    const runtime = workspace.runtimes.find((r) => r.id === runtimeId)
+    if (!runtime) {
+      return false
+    }
+    const command = runtime.history.find((c) => c.id === commandId)
+    if (!command) {
+      return false
+    }
+
+    if (command.process) {
+      try {
+        command.process.kill(0)
+      } catch (e) {
+        console.error(e)
+      }
+    }
+    if (!command.complete) {
+      command.aborted = true
+    }
+    command.complete = true
+
+    return true
+  })
+
   ipcMain.on('open.workspace', async () => {
     await shell.openPath(workspace.folder)
   })
@@ -123,6 +148,7 @@ export function attach({ app, workspace }: BootstrapContext): void {
       prompt,
       error: false,
       complete: false,
+      aborted: false,
       result: {
         code: 0,
         stream: []
@@ -163,6 +189,10 @@ export function attach({ app, workspace }: BootstrapContext): void {
 
     try {
       const out = (text: string, error: boolean = false): void => {
+        if (command.aborted || command.complete) {
+          return
+        }
+
         const raw = text.toString()
 
         text = DOMPurify.sanitize(raw)
@@ -187,6 +217,10 @@ export function attach({ app, workspace }: BootstrapContext): void {
         }
       }
       const finish = (code: number): void => {
+        if (command.aborted || command.complete) {
+          return
+        }
+
         result.code = code
 
         command.complete = true

src/main/framework/runtime.ts

@@ -23,6 +23,7 @@ export interface Command {
   result: Result
   runtime: string
   complete: boolean
+  aborted: boolean
   error: boolean
   id: string
   process?: ChildProcessWithoutNullStreams
@@ -32,6 +33,7 @@ export interface CommandViewModel {
   prompt: string
   result: Result
   runtime: string
+  aborted: boolean
   complete: boolean
   error: boolean
   id: string

src/renderer/src/assets/runner.css

@@ -148,6 +148,9 @@ body {
 .runner-history-complete {
   border-left: 5px solid #23682d;
 }
+.runner-history-aborted {
+  border-left: 5px solid #ac1298;
+}
 .runner-history-error {
   border-left: 5px solid #ff6767;
 }

src/renderer/src/runner/runner.tsx

@@ -54,6 +54,18 @@ export default function Runner(): ReactElement {
 
     await reloadRuntimesFromBackend()
   }
+
+  const kill = async (): Promise<void> => {
+    if (!historicalExecution) {
+      return
+    }
+    const runtime = historicalExecution.runtime
+    const id = historicalExecution.id
+
+    await window.electron.ipcRenderer.invoke('runtime.kill', id, runtime)
+
+    await reloadRuntimesFromBackend()
+  }
   const handlePromptChange = (event: ChangeEvent<HTMLInputElement>): void => {
     const value = event.target.value
     console.log(event)
@@ -107,6 +119,10 @@ export default function Runner(): ReactElement {
         applyHistoryIndex(historyIndex + 1)
       }
     }
+
+    if (e.code === 'KeyC' && e.ctrlKey) {
+      kill().catch((error) => console.error(error))
+    }
   }
 
   useEffect(() => {
@@ -174,7 +190,11 @@ export default function Runner(): ReactElement {
               <div
                 key={index}
                 className={`runner-history-item ${historyIndex === index ? 'runner-history-selected' : ''} ${
-                  command.complete ? 'runner-history-complete' : 'runner-history-running'
+                  command.complete
+                    ? command.aborted
+                      ? 'runner-history-aborted'
+                      : 'runner-history-complete'
+                    : 'runner-history-running'
                 } ${command.error ? 'runner-history-error' : ''}`}
                 onClick={() => onHistoryItemClicked(index)}
               >

src/renderer/src/runner/runtime.ts

@@ -18,6 +18,7 @@ export interface Command {
   prompt: string
   result: Result
   complete: boolean
+  aborted: boolean
   runtime: string
   error: boolean
   id: string