docker watch compatibility

Author: adnanhashmi09

cli/source/app.tsx

@@ -4,7 +4,13 @@ import Spinner from 'ink-spinner';
 import { splitEvery } from 'ramda';
 import { ReactNode, useCallback, useEffect, useMemo, useState } from 'react';
 
-import { AppStates, LogSource, logoText, terminatedText } from './constants.js';
+import {
+  AppStates,
+  LogSource,
+  READY_MESSAGES,
+  logoText,
+  terminatedText
+} from './constants.js';
 import { useAppContext, AppContextProvider } from './hooks/useAppContext.js';
 import { useLogsFromAllSources } from './hooks/useLogsFromAllSources.js';
 import { getLineLimit } from './utils/line-limit.js';
@@ -95,18 +101,16 @@ const CliUi = () => {
       runCommand('docker-compose', ['down'], runCommandOpts);
     };
 
-    runCommand(
-      'docker-compose',
-      ['--progress=plain', 'up', '-d'],
-      runCommandOpts
-    )
-      .promise.then(() => {
-        addLog('\n🚀 Container ready 🚀\n');
-        setAppState(AppStates.DOCKER_READY);
-      })
-      .catch((err) => {
-        addLog(['❌ Container boot failure ❌', `Error logs: ${err.message}`]);
-      });
+    runCommand('docker-compose', ['watch'], runCommandOpts).process?.stdout.on(
+      'data',
+      (data) => {
+        let watch_logs = String(data);
+        if (watch_logs.includes(READY_MESSAGES[LogSource.DockerWatch])) {
+          addLog('\n🚀 Container ready 🚀\n');
+          setAppState(AppStates.DOCKER_READY);
+        }
+      }
+    );
 
     process.on('exit', listener);
     return () => {

cli/source/constants.ts

@@ -27,7 +27,8 @@ export enum LogSource {
   Redis,
   InitDb,
   Postgres,
-  Cron
+  Cron,
+  DockerWatch
 }
 
 export type LogEntry = { time: Date; line: ReactNode };
@@ -42,5 +43,6 @@ export const READY_MESSAGES = {
   [LogSource.WebServer]: `Server started on http://localhost`,
   [LogSource.Postgres]: `database system is ready to accept connections`,
   [LogSource.Redis]: `Ready to accept connections`,
-  [LogSource.InitDb]: `exit 0`
+  [LogSource.InitDb]: `exit 0`,
+  [LogSource.DockerWatch]: `watch enabled`
 };