spawn-term 1.1.7 → 2.0.0

package/dist/esm/components/ErrorDetailModal.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useStdout } from 'ink';
+import { memo } from 'react';
+import { LineType } from '../types.js';
+export default /*#__PURE__*/ memo(function ErrorDetailModal({ error, currentIndex, totalErrors }) {
+    const { stdout } = useStdout();
+    const width = (stdout === null || stdout === void 0 ? void 0 : stdout.columns) || 80;
+    const borderH = '─'.repeat(width - 2);
+    const title = ` Error Detail (${currentIndex + 1}/${totalErrors}) `;
+    const titleBorder = `┌${title}${borderH.slice(title.length + 1)}┐`;
+    const name = error.group || error.title;
+    const stderrLines = error.lines.filter((l)=>l.type === LineType.stderr);
+    return /*#__PURE__*/ _jsxs(Box, {
+        flexDirection: "column",
+        children: [
+            /*#__PURE__*/ _jsx(Text, {
+                children: titleBorder
+            }),
+            /*#__PURE__*/ _jsx(Box, {
+                paddingX: 1,
+                children: /*#__PURE__*/ _jsx(Text, {
+                    bold: true,
+                    children: name
+                })
+            }),
+            /*#__PURE__*/ _jsxs(Box, {
+                paddingX: 1,
+                children: [
+                    /*#__PURE__*/ _jsx(Text, {
+                        dimColor: true,
+                        children: "Command: "
+                    }),
+                    /*#__PURE__*/ _jsx(Text, {
+                        children: error.title
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(Box, {
+                paddingX: 1,
+                children: /*#__PURE__*/ _jsx(Text, {
+                    dimColor: true,
+                    children: '─'.repeat(width - 4)
+                })
+            }),
+            /*#__PURE__*/ _jsx(Box, {
+                paddingX: 1,
+                children: /*#__PURE__*/ _jsx(Text, {
+                    dimColor: true,
+                    children: "stderr:"
+                })
+            }),
+            /*#__PURE__*/ _jsx(Box, {
+                flexDirection: "column",
+                paddingX: 2,
+                children: stderrLines.length === 0 ? /*#__PURE__*/ _jsx(Text, {
+                    dimColor: true,
+                    children: "(no stderr output)"
+                }) : stderrLines.map((line, index)=>/*#__PURE__*/ _jsx(Text, {
+                        color: "red",
+                        children: line.text
+                    }, `stderr-${index}-${line.text.slice(0, 20)}`))
+            }),
+            /*#__PURE__*/ _jsx(Box, {
+                paddingX: 1,
+                children: /*#__PURE__*/ _jsx(Text, {
+                    children: " "
+                })
+            }),
+            /*#__PURE__*/ _jsxs(Text, {
+                children: [
+                    "├",
+                    borderH,
+                    "┤"
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Box, {
+                paddingX: 1,
+                justifyContent: "space-between",
+                children: [
+                    /*#__PURE__*/ _jsx(Text, {
+                        dimColor: true,
+                        children: "[↑↓] prev/next error"
+                    }),
+                    /*#__PURE__*/ _jsx(Text, {
+                        dimColor: true,
+                        children: "[Esc] back to list"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Text, {
+                children: [
+                    "└",
+                    borderH,
+                    "┘"
+                ]
+            })
+        ]
+    });
+});

package/dist/esm/components/ErrorDetailModal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/components/ErrorDetailModal.tsx"],"sourcesContent":["import { Box, Text, useStdout } from 'ink';\nimport { memo } from 'react';\nimport type { ChildProcess } from '../types.ts';\nimport { LineType } from '../types.ts';\n\ntype Props = {\n  error: ChildProcess;\n  currentIndex: number;\n  totalErrors: number;\n};\n\nexport default memo(function ErrorDetailModal({ error, currentIndex, totalErrors }: Props) {\n  const { stdout } = useStdout();\n  const width = stdout?.columns || 80;\n\n  const borderH = '─'.repeat(width - 2);\n  const title = ` Error Detail (${currentIndex + 1}/${totalErrors}) `;\n  const titleBorder = `┌${title}${borderH.slice(title.length + 1)}┐`;\n\n  const name = error.group || error.title;\n  const stderrLines = error.lines.filter((l) => l.type === LineType.stderr);\n\n  return (\n    <Box flexDirection=\"column\">\n      {/* Top border with title */}\n      <Text>{titleBorder}</Text>\n\n      {/* Process name */}\n      <Box paddingX={1}>\n        <Text bold>{name}</Text>\n      </Box>\n\n      {/* Command */}\n      <Box paddingX={1}>\n        <Text dimColor>Command: </Text>\n        <Text>{error.title}</Text>\n      </Box>\n\n      {/* Separator */}\n      <Box paddingX={1}>\n        <Text dimColor>{'─'.repeat(width - 4)}</Text>\n      </Box>\n\n      {/* Error output */}\n      <Box paddingX={1}>\n        <Text dimColor>stderr:</Text>\n      </Box>\n\n      {/* Error lines in a box */}\n      <Box flexDirection=\"column\" paddingX={2}>\n        {stderrLines.length === 0 ? (\n          <Text dimColor>(no stderr output)</Text>\n        ) : (\n          stderrLines.map((line, index) => (\n            <Text key={`stderr-${index}-${line.text.slice(0, 20)}`} color=\"red\">\n              {line.text}\n            </Text>\n          ))\n        )}\n      </Box>\n\n      {/* Empty line for padding */}\n      <Box paddingX={1}>\n        <Text> </Text>\n      </Box>\n\n      {/* Bottom border with hints */}\n      <Text>├{borderH}┤</Text>\n      <Box paddingX={1} justifyContent=\"space-between\">\n        <Text dimColor>[↑↓] prev/next error</Text>\n        <Text dimColor>[Esc] back to list</Text>\n      </Box>\n      <Text>└{borderH}┘</Text>\n    </Box>\n  );\n});\n"],"names":["Box","Text","useStdout","memo","LineType","ErrorDetailModal","error","currentIndex","totalErrors","stdout","width","columns","borderH","repeat","title","titleBorder","slice","length","name","group","stderrLines","lines","filter","l","type","stderr","flexDirection","paddingX","bold","dimColor","map","line","index","color","text","justifyContent"],"mappings":";AAAA,SAASA,GAAG,EAAEC,IAAI,EAAEC,SAAS,QAAQ,MAAM;AAC3C,SAASC,IAAI,QAAQ,QAAQ;AAE7B,SAASC,QAAQ,QAAQ,cAAc;AAQvC,6BAAeD,KAAK,SAASE,iBAAiB,EAAEC,KAAK,EAAEC,YAAY,EAAEC,WAAW,EAAS;IACvF,MAAM,EAAEC,MAAM,EAAE,GAAGP;IACnB,MAAMQ,QAAQD,CAAAA,mBAAAA,6BAAAA,OAAQE,OAAO,KAAI;IAEjC,MAAMC,UAAU,IAAIC,MAAM,CAACH,QAAQ;IACnC,MAAMI,QAAQ,CAAC,eAAe,EAAEP,eAAe,EAAE,CAAC,EAAEC,YAAY,EAAE,CAAC;IACnE,MAAMO,cAAc,CAAC,CAAC,EAAED,QAAQF,QAAQI,KAAK,CAACF,MAAMG,MAAM,GAAG,GAAG,CAAC,CAAC;IAElE,MAAMC,OAAOZ,MAAMa,KAAK,IAAIb,MAAMQ,KAAK;IACvC,MAAMM,cAAcd,MAAMe,KAAK,CAACC,MAAM,CAAC,CAACC,IAAMA,EAAEC,IAAI,KAAKpB,SAASqB,MAAM;IAExE,qBACE,MAACzB;QAAI0B,eAAc;;0BAEjB,KAACzB;0BAAMc;;0BAGP,KAACf;gBAAI2B,UAAU;0BACb,cAAA,KAAC1B;oBAAK2B,IAAI;8BAAEV;;;0BAId,MAAClB;gBAAI2B,UAAU;;kCACb,KAAC1B;wBAAK4B,QAAQ;kCAAC;;kCACf,KAAC5B;kCAAMK,MAAMQ,KAAK;;;;0BAIpB,KAACd;gBAAI2B,UAAU;0BACb,cAAA,KAAC1B;oBAAK4B,QAAQ;8BAAE,IAAIhB,MAAM,CAACH,QAAQ;;;0BAIrC,KAACV;gBAAI2B,UAAU;0BACb,cAAA,KAAC1B;oBAAK4B,QAAQ;8BAAC;;;0BAIjB,KAAC7B;gBAAI0B,eAAc;gBAASC,UAAU;0BACnCP,YAAYH,MAAM,KAAK,kBACtB,KAAChB;oBAAK4B,QAAQ;8BAAC;qBAEfT,YAAYU,GAAG,CAAC,CAACC,MAAMC,sBACrB,KAAC/B;wBAAuDgC,OAAM;kCAC3DF,KAAKG,IAAI;uBADD,CAAC,OAAO,EAAEF,MAAM,CAAC,EAAED,KAAKG,IAAI,CAAClB,KAAK,CAAC,GAAG,KAAK;;0BAQ5D,KAAChB;gBAAI2B,UAAU;0BACb,cAAA,KAAC1B;8BAAK;;;0BAIR,MAACA;;oBAAK;oBAAEW;oBAAQ;;;0BAChB,MAACZ;gBAAI2B,UAAU;gBAAGQ,gBAAe;;kCAC/B,KAAClC;wBAAK4B,QAAQ;kCAAC;;kCACf,KAAC5B;wBAAK4B,QAAQ;kCAAC;;;;0BAEjB,MAAC5B;;oBAAK;oBAAEW;oBAAQ;;;;;AAGtB,GAAG"}

package/dist/esm/components/ErrorListModal.js

@@ -0,0 +1,116 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useStdout } from 'ink';
+import { memo } from 'react';
+import figures from '../lib/figures.js';
+import { LineType } from '../types.js';
+function truncate(str, maxLength) {
+    if (str.length <= maxLength) return str;
+    return `${str.slice(0, maxLength - 1)}…`;
+}
+function getErrorLineCount(process) {
+    return process.lines.filter((l)=>l.type === LineType.stderr).length;
+}
+export default /*#__PURE__*/ memo(function ErrorListModal({ errors, selectedIndex, totalErrorLines }) {
+    const { stdout } = useStdout();
+    const width = (stdout === null || stdout === void 0 ? void 0 : stdout.columns) || 80;
+    const innerWidth = width - 4; // 2 chars padding each side
+    const borderH = '─'.repeat(width - 2);
+    const title = ' Errors ';
+    const titleBorder = `┌${title}${borderH.slice(title.length + 1)}┐`;
+    return /*#__PURE__*/ _jsxs(Box, {
+        flexDirection: "column",
+        children: [
+            /*#__PURE__*/ _jsx(Text, {
+                children: titleBorder
+            }),
+            /*#__PURE__*/ _jsx(Box, {
+                paddingX: 1,
+                children: /*#__PURE__*/ _jsxs(Text, {
+                    children: [
+                        errors.length,
+                        " process",
+                        errors.length !== 1 ? 'es' : '',
+                        " failed (",
+                        totalErrorLines,
+                        " error line",
+                        totalErrorLines !== 1 ? 's' : '',
+                        " total)"
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(Box, {
+                paddingX: 1,
+                children: /*#__PURE__*/ _jsx(Text, {
+                    children: " "
+                })
+            }),
+            errors.map((error, index)=>{
+                const isSelected = index === selectedIndex;
+                const indicator = isSelected ? figures.pointer : ' ';
+                const name = error.group || error.title;
+                const lineCount = getErrorLineCount(error);
+                const lineText = `${lineCount} line${lineCount !== 1 ? 's' : ''}`;
+                // Calculate available space for name
+                const prefixLen = 3; // indicator + space + space
+                const suffixLen = lineText.length + 2; // space + lineText
+                const maxNameLen = innerWidth - prefixLen - suffixLen;
+                const truncatedName = truncate(name, maxNameLen);
+                return /*#__PURE__*/ _jsxs(Box, {
+                    paddingX: 1,
+                    children: [
+                        /*#__PURE__*/ _jsxs(Text, {
+                            color: isSelected ? 'cyan' : undefined,
+                            bold: isSelected,
+                            children: [
+                                indicator,
+                                " ",
+                                truncatedName
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(Box, {
+                            flexGrow: 1
+                        }),
+                        /*#__PURE__*/ _jsx(Text, {
+                            dimColor: true,
+                            children: lineText
+                        })
+                    ]
+                }, error.id);
+            }),
+            /*#__PURE__*/ _jsx(Box, {
+                paddingX: 1,
+                children: /*#__PURE__*/ _jsx(Text, {
+                    children: " "
+                })
+            }),
+            /*#__PURE__*/ _jsxs(Text, {
+                children: [
+                    "├",
+                    borderH,
+                    "┤"
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Box, {
+                paddingX: 1,
+                justifyContent: "space-between",
+                children: [
+                    /*#__PURE__*/ _jsx(Text, {
+                        dimColor: true,
+                        children: "[↑↓] navigate [Enter] view details"
+                    }),
+                    /*#__PURE__*/ _jsx(Text, {
+                        dimColor: true,
+                        children: "[Esc] close"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Text, {
+                children: [
+                    "└",
+                    borderH,
+                    "┘"
+                ]
+            })
+        ]
+    });
+});

package/dist/esm/components/ErrorListModal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/components/ErrorListModal.tsx"],"sourcesContent":["import { Box, Text, useStdout } from 'ink';\nimport { memo } from 'react';\nimport figures from '../lib/figures.ts';\nimport type { ChildProcess } from '../types.ts';\nimport { LineType } from '../types.ts';\n\ntype Props = {\n  errors: ChildProcess[];\n  selectedIndex: number;\n  totalErrorLines: number;\n};\n\nfunction truncate(str: string, maxLength: number): string {\n  if (str.length <= maxLength) return str;\n  return `${str.slice(0, maxLength - 1)}…`;\n}\n\nfunction getErrorLineCount(process: ChildProcess): number {\n  return process.lines.filter((l) => l.type === LineType.stderr).length;\n}\n\nexport default memo(function ErrorListModal({ errors, selectedIndex, totalErrorLines }: Props) {\n  const { stdout } = useStdout();\n  const width = stdout?.columns || 80;\n  const innerWidth = width - 4; // 2 chars padding each side\n\n  const borderH = '─'.repeat(width - 2);\n  const title = ' Errors ';\n  const titleBorder = `┌${title}${borderH.slice(title.length + 1)}┐`;\n\n  return (\n    <Box flexDirection=\"column\">\n      {/* Top border with title */}\n      <Text>{titleBorder}</Text>\n\n      {/* Summary */}\n      <Box paddingX={1}>\n        <Text>\n          {errors.length} process{errors.length !== 1 ? 'es' : ''} failed ({totalErrorLines} error line\n          {totalErrorLines !== 1 ? 's' : ''} total)\n        </Text>\n      </Box>\n\n      {/* Empty line */}\n      <Box paddingX={1}>\n        <Text> </Text>\n      </Box>\n\n      {/* Error list */}\n      {errors.map((error, index) => {\n        const isSelected = index === selectedIndex;\n        const indicator = isSelected ? figures.pointer : ' ';\n        const name = error.group || error.title;\n        const lineCount = getErrorLineCount(error);\n        const lineText = `${lineCount} line${lineCount !== 1 ? 's' : ''}`;\n\n        // Calculate available space for name\n        const prefixLen = 3; // indicator + space + space\n        const suffixLen = lineText.length + 2; // space + lineText\n        const maxNameLen = innerWidth - prefixLen - suffixLen;\n        const truncatedName = truncate(name, maxNameLen);\n\n        return (\n          <Box key={error.id} paddingX={1}>\n            <Text color={isSelected ? 'cyan' : undefined} bold={isSelected}>\n              {indicator} {truncatedName}\n            </Text>\n            <Box flexGrow={1} />\n            <Text dimColor>{lineText}</Text>\n          </Box>\n        );\n      })}\n\n      {/* Empty line for padding */}\n      <Box paddingX={1}>\n        <Text> </Text>\n      </Box>\n\n      {/* Bottom border with hints */}\n      <Text>├{borderH}┤</Text>\n      <Box paddingX={1} justifyContent=\"space-between\">\n        <Text dimColor>[↑↓] navigate [Enter] view details</Text>\n        <Text dimColor>[Esc] close</Text>\n      </Box>\n      <Text>└{borderH}┘</Text>\n    </Box>\n  );\n});\n"],"names":["Box","Text","useStdout","memo","figures","LineType","truncate","str","maxLength","length","slice","getErrorLineCount","process","lines","filter","l","type","stderr","ErrorListModal","errors","selectedIndex","totalErrorLines","stdout","width","columns","innerWidth","borderH","repeat","title","titleBorder","flexDirection","paddingX","map","error","index","isSelected","indicator","pointer","name","group","lineCount","lineText","prefixLen","suffixLen","maxNameLen","truncatedName","color","undefined","bold","flexGrow","dimColor","id","justifyContent"],"mappings":";AAAA,SAASA,GAAG,EAAEC,IAAI,EAAEC,SAAS,QAAQ,MAAM;AAC3C,SAASC,IAAI,QAAQ,QAAQ;AAC7B,OAAOC,aAAa,oBAAoB;AAExC,SAASC,QAAQ,QAAQ,cAAc;AAQvC,SAASC,SAASC,GAAW,EAAEC,SAAiB;IAC9C,IAAID,IAAIE,MAAM,IAAID,WAAW,OAAOD;IACpC,OAAO,GAAGA,IAAIG,KAAK,CAAC,GAAGF,YAAY,GAAG,CAAC,CAAC;AAC1C;AAEA,SAASG,kBAAkBC,OAAqB;IAC9C,OAAOA,QAAQC,KAAK,CAACC,MAAM,CAAC,CAACC,IAAMA,EAAEC,IAAI,KAAKX,SAASY,MAAM,EAAER,MAAM;AACvE;AAEA,6BAAeN,KAAK,SAASe,eAAe,EAAEC,MAAM,EAAEC,aAAa,EAAEC,eAAe,EAAS;IAC3F,MAAM,EAAEC,MAAM,EAAE,GAAGpB;IACnB,MAAMqB,QAAQD,CAAAA,mBAAAA,6BAAAA,OAAQE,OAAO,KAAI;IACjC,MAAMC,aAAaF,QAAQ,GAAG,4BAA4B;IAE1D,MAAMG,UAAU,IAAIC,MAAM,CAACJ,QAAQ;IACnC,MAAMK,QAAQ;IACd,MAAMC,cAAc,CAAC,CAAC,EAAED,QAAQF,QAAQhB,KAAK,CAACkB,MAAMnB,MAAM,GAAG,GAAG,CAAC,CAAC;IAElE,qBACE,MAACT;QAAI8B,eAAc;;0BAEjB,KAAC7B;0BAAM4B;;0BAGP,KAAC7B;gBAAI+B,UAAU;0BACb,cAAA,MAAC9B;;wBACEkB,OAAOV,MAAM;wBAAC;wBAASU,OAAOV,MAAM,KAAK,IAAI,OAAO;wBAAG;wBAAUY;wBAAgB;wBACjFA,oBAAoB,IAAI,MAAM;wBAAG;;;;0BAKtC,KAACrB;gBAAI+B,UAAU;0BACb,cAAA,KAAC9B;8BAAK;;;YAIPkB,OAAOa,GAAG,CAAC,CAACC,OAAOC;gBAClB,MAAMC,aAAaD,UAAUd;gBAC7B,MAAMgB,YAAYD,aAAa/B,QAAQiC,OAAO,GAAG;gBACjD,MAAMC,OAAOL,MAAMM,KAAK,IAAIN,MAAML,KAAK;gBACvC,MAAMY,YAAY7B,kBAAkBsB;gBACpC,MAAMQ,WAAW,GAAGD,UAAU,KAAK,EAAEA,cAAc,IAAI,MAAM,IAAI;gBAEjE,qCAAqC;gBACrC,MAAME,YAAY,GAAG,4BAA4B;gBACjD,MAAMC,YAAYF,SAAShC,MAAM,GAAG,GAAG,mBAAmB;gBAC1D,MAAMmC,aAAanB,aAAaiB,YAAYC;gBAC5C,MAAME,gBAAgBvC,SAASgC,MAAMM;gBAErC,qBACE,MAAC5C;oBAAmB+B,UAAU;;sCAC5B,MAAC9B;4BAAK6C,OAAOX,aAAa,SAASY;4BAAWC,MAAMb;;gCACjDC;gCAAU;gCAAES;;;sCAEf,KAAC7C;4BAAIiD,UAAU;;sCACf,KAAChD;4BAAKiD,QAAQ;sCAAET;;;mBALRR,MAAMkB,EAAE;YAQtB;0BAGA,KAACnD;gBAAI+B,UAAU;0BACb,cAAA,KAAC9B;8BAAK;;;0BAIR,MAACA;;oBAAK;oBAAEyB;oBAAQ;;;0BAChB,MAAC1B;gBAAI+B,UAAU;gBAAGqB,gBAAe;;kCAC/B,KAACnD;wBAAKiD,QAAQ;kCAAC;;kCACf,KAACjD;wBAAKiD,QAAQ;kCAAC;;;;0BAEjB,MAACjD;;oBAAK;oBAAEyB;oBAAQ;;;;;AAGtB,GAAG"}

package/dist/esm/components/StatusBar.js

@@ -0,0 +1,87 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { memo } from 'react';
+import figures from '../lib/figures.js';
+import Spinner from './Spinner.js';
+// From: https://github.com/sindresorhus/cli-spinners/blob/00de8fbeee16fa49502fa4f687449f70f2c8ca2c/spinners.json#L2
+const SPINNER = {
+    interval: 80,
+    frames: [
+        '⠋',
+        '⠙',
+        '⠹',
+        '⠸',
+        '⠼',
+        '⠴',
+        '⠦',
+        '⠧',
+        '⠇',
+        '⠏'
+    ]
+};
+export default /*#__PURE__*/ memo(function StatusBar({ running, done, errors, errorLines }) {
+    return /*#__PURE__*/ _jsxs(Box, {
+        justifyContent: "space-between",
+        children: [
+            /*#__PURE__*/ _jsx(Box, {
+                children: /*#__PURE__*/ _jsxs(Text, {
+                    children: [
+                        running > 0 ? /*#__PURE__*/ _jsx(Spinner, _object_spread({}, SPINNER)) : /*#__PURE__*/ _jsx(Text, {
+                            color: "green",
+                            children: figures.tick
+                        }),
+                        ` Running: ${running}  `,
+                        /*#__PURE__*/ _jsx(Text, {
+                            color: "green",
+                            children: figures.tick
+                        }),
+                        ` Done: ${done}  `,
+                        /*#__PURE__*/ _jsx(Text, {
+                            color: "red",
+                            children: figures.cross
+                        }),
+                        ` Errors: ${errors}`,
+                        errorLines > 0 && /*#__PURE__*/ _jsx(Text, {
+                            dimColor: true,
+                            children: ` (${errorLines} lines)`
+                        })
+                    ]
+                })
+            }),
+            errors > 0 && /*#__PURE__*/ _jsx(Box, {
+                children: /*#__PURE__*/ _jsx(Text, {
+                    dimColor: true,
+                    children: "[e]rrors"
+                })
+            })
+        ]
+    });
+});

package/dist/esm/components/StatusBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/components/StatusBar.tsx"],"sourcesContent":["import { Box, Text } from 'ink';\nimport { memo } from 'react';\nimport figures from '../lib/figures.ts';\nimport Spinner from './Spinner.ts';\n\n// From: https://github.com/sindresorhus/cli-spinners/blob/00de8fbeee16fa49502fa4f687449f70f2c8ca2c/spinners.json#L2\nconst SPINNER = {\n  interval: 80,\n  frames: ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'],\n};\n\ntype Props = {\n  running: number;\n  done: number;\n  errors: number;\n  errorLines: number;\n};\n\nexport default memo(function StatusBar({ running, done, errors, errorLines }: Props) {\n  return (\n    <Box justifyContent=\"space-between\">\n      <Box>\n        <Text>\n          {running > 0 ? <Spinner {...SPINNER} /> : <Text color=\"green\">{figures.tick}</Text>}\n          {` Running: ${running}  `}\n          <Text color=\"green\">{figures.tick}</Text>\n          {` Done: ${done}  `}\n          <Text color=\"red\">{figures.cross}</Text>\n          {` Errors: ${errors}`}\n          {errorLines > 0 && <Text dimColor>{` (${errorLines} lines)`}</Text>}\n        </Text>\n      </Box>\n      {errors > 0 && (\n        <Box>\n          <Text dimColor>[e]rrors</Text>\n        </Box>\n      )}\n    </Box>\n  );\n});\n"],"names":["Box","Text","memo","figures","Spinner","SPINNER","interval","frames","StatusBar","running","done","errors","errorLines","justifyContent","color","tick","cross","dimColor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,GAAG,EAAEC,IAAI,QAAQ,MAAM;AAChC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,OAAOC,aAAa,oBAAoB;AACxC,OAAOC,aAAa,eAAe;AAEnC,oHAAoH;AACpH,MAAMC,UAAU;IACdC,UAAU;IACVC,QAAQ;QAAC;QAAK;QAAK;QAAK;QAAK;QAAK;QAAK;QAAK;QAAK;QAAK;KAAI;AAC5D;AASA,6BAAeL,KAAK,SAASM,UAAU,EAAEC,OAAO,EAAEC,IAAI,EAAEC,MAAM,EAAEC,UAAU,EAAS;IACjF,qBACE,MAACZ;QAAIa,gBAAe;;0BAClB,KAACb;0BACC,cAAA,MAACC;;wBACEQ,UAAU,kBAAI,KAACL,4BAAYC,0BAAc,KAACJ;4BAAKa,OAAM;sCAASX,QAAQY,IAAI;;wBAC1E,CAAC,UAAU,EAAEN,QAAQ,EAAE,CAAC;sCACzB,KAACR;4BAAKa,OAAM;sCAASX,QAAQY,IAAI;;wBAChC,CAAC,OAAO,EAAEL,KAAK,EAAE,CAAC;sCACnB,KAACT;4BAAKa,OAAM;sCAAOX,QAAQa,KAAK;;wBAC/B,CAAC,SAAS,EAAEL,QAAQ;wBACpBC,aAAa,mBAAK,KAACX;4BAAKgB,QAAQ;sCAAE,CAAC,EAAE,EAAEL,WAAW,OAAO,CAAC;;;;;YAG9DD,SAAS,mBACR,KAACX;0BACC,cAAA,KAACC;oBAAKgB,QAAQ;8BAAC;;;;;AAKzB,GAAG"}

package/dist/esm/createApp.js

@@ -1,44 +1,43 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { render } from 'ink';
-import throttle from 'lodash.throttle';
 import App from './components/App.js';
-import { default as Store } from './state/Store.js';
-const THROTTLE = 100;
+import { processStore } from './state/processStore.js';
 export default function createApp() {
     let refCount = 0;
-    let store = null;
     let inkApp = null;
-    let previousData = null;
-    const rerender = throttle(()=>{
-        if (!inkApp || !store) return;
-        if (store.data() === previousData) return;
-        previousData = store.data();
-        inkApp.rerender(/*#__PURE__*/ _jsx(App, {
-            store: store
-        }));
-    }, THROTTLE, {
-        leading: false
-    });
     return {
-        retain (fn) {
-            if (++refCount > 1) return fn(store);
-            if (store) throw new Error('Not expecting store');
-            store = new Store(rerender);
-            inkApp = render(/*#__PURE__*/ _jsx(App, {
-                store: store
-            }));
-            fn(store);
+        retain () {
+            if (++refCount > 1) return processStore;
+            // Render once - React handles all subsequent updates via useSyncExternalStore
+            inkApp = render(/*#__PURE__*/ _jsx(App, {}));
+            return processStore;
         },
-        release (cb) {
-            if (--refCount > 0) return cb();
-            if (!store) throw new Error('Expecting store');
-            rerender.flush();
-            rerender.cancel();
-            inkApp.waitUntilExit().then(()=>cb()).catch(cb);
-            inkApp.unmount();
+        release (callback) {
+            if (--refCount > 0) {
+                callback();
+                return;
+            }
+            if (!inkApp) throw new Error('Expecting inkApp');
+            // Defer signalExit to allow React's reconciliation to complete fully
+            // Using setImmediate ensures we run after I/O callbacks and microtasks,
+            // preventing the Static component from outputting the last item twice
+            // (the second notify() from signalExit can race with Static's useLayoutEffect)
+            setImmediate(()=>{
+                processStore.signalExit(()=>{
+                    processStore.reset();
+                    process.stdout.write('\x1b[?25h'); // show cursor
+                    callback();
+                });
+            });
+            // Wait for Ink to finish, then call the callback
+            inkApp.waitUntilExit().then(()=>{
+                const cb = processStore.getExitCallback();
+                cb === null || cb === void 0 ? void 0 : cb();
+            }).catch(()=>{
+                const cb = processStore.getExitCallback();
+                cb === null || cb === void 0 ? void 0 : cb();
+            });
             inkApp = null;
-            store = null;
-            process.stdout.write('\x1b[?25h'); // show cursor
         }
     };
 }

package/dist/esm/createApp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/createApp.tsx"],"sourcesContent":["import { type Instance, render } from 'ink';\nimport throttle from 'lodash.throttle';\nimport App from './components/App.ts';\nimport { default as Store, type StoreData } from './state/Store.ts';\n\nexport type RetainCallback = (app: Store) => undefined;\nexport type ReleaseCallback = () => undefined;\n\nconst THROTTLE = 100;\n\nexport default function createApp() {\n  let refCount = 0;\n  let store = null;\n  let inkApp: Instance | null = null;\n\n  let previousData: StoreData[] = null;\n  const rerender = throttle(\n    () => {\n      if (!inkApp || !store) return;\n      if (store.data() === previousData) return;\n      previousData = store.data();\n      inkApp.rerender(<App store={store} />);\n    },\n    THROTTLE,\n    { leading: false }\n  );\n\n  return {\n    retain(fn: RetainCallback): undefined {\n      if (++refCount > 1) return fn(store);\n      if (store) throw new Error('Not expecting store');\n\n      store = new Store(rerender);\n      inkApp = render(<App store={store} />);\n      fn(store);\n    },\n    release(cb: ReleaseCallback): undefined {\n      if (--refCount > 0) return cb();\n      if (!store) throw new Error('Expecting store');\n\n      rerender.flush();\n      rerender.cancel();\n      inkApp\n        .waitUntilExit()\n        .then(() => cb())\n        .catch(cb);\n      inkApp.unmount();\n      inkApp = null;\n      store = null;\n      process.stdout.write('\\x1b[?25h'); // show cursor\n    },\n  };\n}\n"],"names":["render","throttle","App","default","Store","THROTTLE","createApp","refCount","store","inkApp","previousData","rerender","data","leading","retain","fn","Error","release","cb","flush","cancel","waitUntilExit","then","catch","unmount","process","stdout","write"],"mappings":";AAAA,SAAwBA,MAAM,QAAQ,MAAM;AAC5C,OAAOC,cAAc,kBAAkB;AACvC,OAAOC,SAAS,sBAAsB;AACtC,SAASC,WAAWC,KAAK,QAAwB,mBAAmB;AAKpE,MAAMC,WAAW;AAEjB,eAAe,SAASC;IACtB,IAAIC,WAAW;IACf,IAAIC,QAAQ;IACZ,IAAIC,SAA0B;IAE9B,IAAIC,eAA4B;IAChC,MAAMC,WAAWV,SACf;QACE,IAAI,CAACQ,UAAU,CAACD,OAAO;QACvB,IAAIA,MAAMI,IAAI,OAAOF,cAAc;QACnCA,eAAeF,MAAMI,IAAI;QACzBH,OAAOE,QAAQ,eAAC,KAACT;YAAIM,OAAOA;;IAC9B,GACAH,UACA;QAAEQ,SAAS;IAAM;IAGnB,OAAO;QACLC,QAAOC,EAAkB;YACvB,IAAI,EAAER,WAAW,GAAG,OAAOQ,GAAGP;YAC9B,IAAIA,OAAO,MAAM,IAAIQ,MAAM;YAE3BR,QAAQ,IAAIJ,MAAMO;YAClBF,SAAST,qBAAO,KAACE;gBAAIM,OAAOA;;YAC5BO,GAAGP;QACL;QACAS,SAAQC,EAAmB;YACzB,IAAI,EAAEX,WAAW,GAAG,OAAOW;YAC3B,IAAI,CAACV,OAAO,MAAM,IAAIQ,MAAM;YAE5BL,SAASQ,KAAK;YACdR,SAASS,MAAM;YACfX,OACGY,aAAa,GACbC,IAAI,CAAC,IAAMJ,MACXK,KAAK,CAACL;YACTT,OAAOe,OAAO;YACdf,SAAS;YACTD,QAAQ;YACRiB,QAAQC,MAAM,CAACC,KAAK,CAAC,cAAc,cAAc;QACnD;IACF;AACF"}
+{"version":3,"sources":["/Users/kevin/Dev/OpenSource/node/spawn-term/src/createApp.tsx"],"sourcesContent":["import { render } from 'ink';\nimport App from './components/App.ts';\nimport { type ProcessStore, processStore } from './state/processStore.ts';\n\nexport type ReleaseCallback = () => void;\n\nexport default function createApp() {\n  let refCount = 0;\n  let inkApp: ReturnType<typeof render> | null = null;\n\n  return {\n    retain(): ProcessStore {\n      if (++refCount > 1) return processStore;\n\n      // Render once - React handles all subsequent updates via useSyncExternalStore\n      inkApp = render(<App />);\n      return processStore;\n    },\n\n    release(callback: ReleaseCallback): void {\n      if (--refCount > 0) {\n        callback();\n        return;\n      }\n      if (!inkApp) throw new Error('Expecting inkApp');\n\n      // Defer signalExit to allow React's reconciliation to complete fully\n      // Using setImmediate ensures we run after I/O callbacks and microtasks,\n      // preventing the Static component from outputting the last item twice\n      // (the second notify() from signalExit can race with Static's useLayoutEffect)\n      setImmediate(() => {\n        processStore.signalExit(() => {\n          processStore.reset();\n          process.stdout.write('\\x1b[?25h'); // show cursor\n          callback();\n        });\n      });\n\n      // Wait for Ink to finish, then call the callback\n      inkApp\n        .waitUntilExit()\n        .then(() => {\n          const cb = processStore.getExitCallback();\n          cb?.();\n        })\n        .catch(() => {\n          const cb = processStore.getExitCallback();\n          cb?.();\n        });\n\n      inkApp = null;\n    },\n  };\n}\n"],"names":["render","App","processStore","createApp","refCount","inkApp","retain","release","callback","Error","setImmediate","signalExit","reset","process","stdout","write","waitUntilExit","then","cb","getExitCallback","catch"],"mappings":";AAAA,SAASA,MAAM,QAAQ,MAAM;AAC7B,OAAOC,SAAS,sBAAsB;AACtC,SAA4BC,YAAY,QAAQ,0BAA0B;AAI1E,eAAe,SAASC;IACtB,IAAIC,WAAW;IACf,IAAIC,SAA2C;IAE/C,OAAO;QACLC;YACE,IAAI,EAAEF,WAAW,GAAG,OAAOF;YAE3B,8EAA8E;YAC9EG,SAASL,qBAAO,KAACC;YACjB,OAAOC;QACT;QAEAK,SAAQC,QAAyB;YAC/B,IAAI,EAAEJ,WAAW,GAAG;gBAClBI;gBACA;YACF;YACA,IAAI,CAACH,QAAQ,MAAM,IAAII,MAAM;YAE7B,qEAAqE;YACrE,wEAAwE;YACxE,sEAAsE;YACtE,+EAA+E;YAC/EC,aAAa;gBACXR,aAAaS,UAAU,CAAC;oBACtBT,aAAaU,KAAK;oBAClBC,QAAQC,MAAM,CAACC,KAAK,CAAC,cAAc,cAAc;oBACjDP;gBACF;YACF;YAEA,iDAAiD;YACjDH,OACGW,aAAa,GACbC,IAAI,CAAC;gBACJ,MAAMC,KAAKhB,aAAaiB,eAAe;gBACvCD,eAAAA,yBAAAA;YACF,GACCE,KAAK,CAAC;gBACL,MAAMF,KAAKhB,aAAaiB,eAAe;gBACvCD,eAAAA,yBAAAA;YACF;YAEFb,SAAS;QACX;IACF;AACF"}

package/dist/esm/src/components/App.d.ts

@@ -1,5 +1 @@
-import type Store from '../state/Store.js';
-export interface AppProps {
-    store: Store;
-}
-export default function App({ store }: AppProps): React.JSX.Element;
+export default function App(): React.JSX.Element;

package/dist/esm/src/components/CompactProcessLine.d.ts

@@ -0,0 +1,6 @@
+import type { ChildProcess } from '../types.js';
+type Props = {
+    item: ChildProcess;
+};
+declare const _default: import("react").NamedExoticComponent<Props>;
+export default _default;

package/dist/esm/src/components/Divider.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("react").NamedExoticComponent<object>;
+export default _default;

package/dist/esm/src/components/ErrorDetailModal.d.ts

@@ -0,0 +1,8 @@
+import type { ChildProcess } from '../types.js';
+type Props = {
+    error: ChildProcess;
+    currentIndex: number;
+    totalErrors: number;
+};
+declare const _default: import("react").NamedExoticComponent<Props>;
+export default _default;

package/dist/esm/src/components/ErrorListModal.d.ts

@@ -0,0 +1,8 @@
+import type { ChildProcess } from '../types.js';
+type Props = {
+    errors: ChildProcess[];
+    selectedIndex: number;
+    totalErrorLines: number;
+};
+declare const _default: import("react").NamedExoticComponent<Props>;
+export default _default;

package/dist/esm/src/components/StatusBar.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    running: number;
+    done: number;
+    errors: number;
+    errorLines: number;
+};
+declare const _default: import("react").NamedExoticComponent<Props>;
+export default _default;

package/dist/esm/src/createApp.d.ts

@@ -1,7 +1,6 @@
-import { default as Store } from './state/Store.js';
-export type RetainCallback = (app: Store) => undefined;
-export type ReleaseCallback = () => undefined;
+import { type ProcessStore } from './state/processStore.js';
+export type ReleaseCallback = () => void;
 export default function createApp(): {
-    retain(fn: RetainCallback): undefined;
-    release(cb: ReleaseCallback): undefined;
+    retain(): ProcessStore;
+    release(callback: ReleaseCallback): void;
 };

package/dist/esm/src/state/processStore.d.ts

@@ -0,0 +1,38 @@
+import type { ChildProcess, Line } from '../types.js';
+type Listener = () => void;
+type Mode = 'normal' | 'errorList' | 'errorDetail';
+declare class ProcessStore {
+    private processes;
+    private completedIds;
+    private listeners;
+    private shouldExit;
+    private exitCallback;
+    private mode;
+    private selectedErrorIndex;
+    subscribe: (listener: Listener) => (() => void);
+    getSnapshot: () => ChildProcess[];
+    getRunningProcesses: () => ChildProcess[];
+    getCompletedProcesses: () => ChildProcess[];
+    getFailedProcesses: () => ChildProcess[];
+    getRunningCount: () => number;
+    getDoneCount: () => number;
+    getErrorCount: () => number;
+    getErrorLineCount: () => number;
+    getMode: () => Mode;
+    getSelectedErrorIndex: () => number;
+    addProcess(process: ChildProcess): void;
+    updateProcess(id: string, update: Partial<ChildProcess>): void;
+    appendLines(id: string, newLines: Line[]): void;
+    getProcess(id: string): ChildProcess | undefined;
+    setMode(mode: Mode): void;
+    selectNextError(): void;
+    selectPrevError(): void;
+    getSelectedError(): ChildProcess | undefined;
+    signalExit(callback: () => void): void;
+    getShouldExit: () => boolean;
+    getExitCallback: () => (() => void) | null;
+    reset(): void;
+    private notify;
+}
+export declare const processStore: ProcessStore;
+export type { ProcessStore };