feat: show partial logs during compilation process

zkemail · Oct 16, 2024 · ea8852f · ea8852f
1 parent 6938f8e
commit ea8852f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/packages/app/src/components/item.tsx b/packages/app/src/components/item.tsx
@@ -24,12 +24,13 @@ export const Item = (props: {entry: Entry}) => {
     async function pendingOrCompleted(status: string) {
         // const icon = (status === "COMPLETED") ? <CheckCircle color="green" className="w-5 h-5 mr-2"/> : <Hourglass color="gray" className="w-5 h-5 mr-2"/>;
         let icon;
+        let logs;
         switch (status) {
             case "COMPLETED":
                 icon = <CheckCircle color="green" className="w-5 h-5 mr-2"/>;
                 break;
             case "ERROR":
-                const logs = await getLogs(entry.slug);
+                logs = await getLogs(entry.slug);
                 icon = <SimpleDialog trigger={<div><XCircle color="red" className="w-6 h-6 mr-2"/></div>} title={"Error logs"} wide={true}>
                   <div>
                     <pre>{logs.codeLog}</pre>
@@ -38,7 +39,13 @@ export const Item = (props: {entry: Entry}) => {
                 </SimpleDialog>
                 break;
             default:
-                icon = <Hourglass color="gray" className="w-5 h-5 mr-2"/>;
+                logs = await getLogs(entry.slug);
+                icon = <SimpleDialog trigger={<div><Hourglass color="gray" className="w-5 h-5 mr-2"/></div>} title={"Pending logs"} wide={true}>
+                  <div>
+                    <pre>{logs.codeLog}</pre>
+                    <pre>{logs.circuitLog}</pre>
+                  </div>
+                </SimpleDialog>
         }
         let tooltip = tooltips[status];
         return (

diff --git a/packages/app/src/lib/log.ts b/packages/app/src/lib/log.ts
@@ -2,7 +2,7 @@ import * as fs from 'fs';
 
 export function log(file: string, message: string, service: string = '') {
     const date = new Date().toISOString();
-    const cleanedMessage = `${message}`.replace(/\x1b\[[0-9;]*[mGKH]/g, '');
+    const cleanedMessage = `${message}`.replace(/\x1b\[[0-9;]*[mGKH]/g, '').trimEnd();
     for (const line of cleanedMessage.split('\n')) {
         fs.writeFileSync(file, `[${service}] ${date} - ${line}\r\n`, { flag: 'a+' });
     }