fix: added :restart command and made :cmd error handling better

resolves #103

src/main/bootstrap/index.ts

@@ -18,7 +18,7 @@ export interface BootstrapContext {
   icon: string
   errorModal: ErrorModal
 }
-export async function boostrap(context: BootstrapContext): Promise<void> {
+export async function bootstrap(context: BootstrapContext): Promise<void> {
   const { app, workspace } = context
 
   await app.whenReady()

src/main/framework/runtime-executor.ts

@@ -16,6 +16,7 @@ import Settings from './system-commands/settings'
 import Edit from './system-commands/edit'
 import Reset from './system-commands/reset'
 import Commands from './system-commands/commands'
+import Restart from './system-commands/restart'
 
 const systemCommands: Array<{
   command: string
@@ -35,7 +36,8 @@ const systemCommands: Array<{
   Settings,
   Edit,
   Reset,
-  Commands
+  Commands,
+  Restart
 ]
 export async function execute(context: ExecuteContext): Promise<void | boolean> {
   const [cmd, ...args] = context.command.prompt.split(' ')

src/main/framework/system-commands/commands.ts

@@ -1,4 +1,5 @@
 import { ExecuteContext } from '../execute-context'
+import { errorModal } from '../../index'
 
 export default {
   command: ':commands',
@@ -15,7 +16,12 @@ export default {
       await context.edit(context.workspace.commands.commandFileLocation, async () => {
         context.out('Saved command file!\n')
 
-        await context.workspace.commands.load(context.workspace.settings)
+        try {
+          await context.workspace.commands.load(context.workspace.settings)
+        } catch (e) {
+          console.log(e)
+          await errorModal.showError(e)
+        }
 
         context.out('Commands reloaded\n')
       })

src/main/framework/system-commands/restart.ts

@@ -0,0 +1,11 @@
+import { app } from 'electron'
+
+async function restart(): Promise<void> {
+  app.relaunch()
+  app.exit()
+}
+
+export default {
+  command: ':restart',
+  task: restart
+}

src/main/index.ts

@@ -6,7 +6,7 @@ import { Workspace } from './framework/workspace'
 
 import { DEFAULT_SETTINGS, DEFAULT_WORKSPACE } from '../constants'
 import { ErrorModal } from './window/windows/error-modal'
-import { boostrap } from './bootstrap'
+import { bootstrap } from './bootstrap'
 import { join } from 'path'
 
 const workspace = new Workspace(DEFAULT_WORKSPACE, DEFAULT_SETTINGS)
@@ -34,17 +34,18 @@ const platform = new PlatformWindow(
   false
 )
 
-const errorModal = new ErrorModal(
+export const errorModal = new ErrorModal(
   icon,
   {
     width: 600,
-    height: 600
+    height: 600,
+    alwaysOnTop: true
   },
   'error',
   false
 )
 
-boostrap({
+bootstrap({
   icon,
   workspace,
   windows: [runner, platform, errorModal],

src/main/vendor/webpack.ts

@@ -50,7 +50,10 @@ export async function compile(
             stats
               .toJson()
               .errors?.map((o) => o.message)
-              .reduce((errorText, errorEntry) => `${errorText}\n${errorEntry}`, '')
+              .reduce(
+                (errorText, errorEntry) => `${errorText}\n${errorEntry.split('TS').join('\nTS')}`,
+                ''
+              )
           )
         } else {
           resolve()

src/renderer/src/error-runtime.tsx

@@ -20,16 +20,18 @@ export default function ErrorRuntimePage(): ReactElement {
     )
   }
 
-  const errorMessage: string = info
+  let errorMessage: string = info
+
+  errorMessage = errorMessage.split('[tsl]').join('\n').split('TS').join('\n  -> TS')
 
   return (
     <div id="error-page">
-      <h1>Oops!</h1>
+      <h1>Woa!</h1>
       <p>Sorry, an unexpected error has occurred.</p>
       <button onClick={exit}>Exit</button>
       <button onClick={workspace}>Workspace</button>
       <hr />
-      <pre>{errorMessage}</pre>
+      <pre dangerouslySetInnerHTML={{ __html: errorMessage }}></pre>
     </div>
   )
 }