@alchemy.run/sigil 0.0.0-alpha.7 → 0.0.0-alpha.8

package/dist/index.js

@@ -2,7 +2,7 @@ import { C as bsu, S as ansiEscapes, V as esu, W as link, _ as CSI } from "./sgr
 import { h as tokenizeAnsi, p as graphemes } from "./tokenize-AjqbvtiT.js";
 import { t as stringWidth } from "./string-width-CijQwpIk.js";
 import { n as sliceAnsi, r as wrapAnsi } from "./truncate-D31fhU6i.js";
-import { _ as squashTextNodes, a as reconciler, c as kittyModifiers, d as FocusContext, f as Text, g as transformAnsiLine, h as emitLayoutListeners, i as useStdinContext, l as resolveFlags, m as createNode, n as useInput, o as detectKittySupport, p as addLayoutListener, r as useStdin, s as kittyFlags, t as useFocus, u as StdinContext, v as accessibilityContext } from "./use-focus-DSV01Ulb.js";
+import { _ as squashTextNodes, a as reconciler, c as kittyModifiers, d as FocusContext, f as Text, g as transformAnsiLine, h as emitLayoutListeners, i as useStdinContext, l as resolveFlags, m as createNode, n as useInput, o as detectKittySupport, p as addLayoutListener, r as useStdin, s as kittyFlags, t as useFocus, u as StdinContext, v as accessibilityContext } from "./use-focus-BNG0xsb7.js";
 import { a as isTty, i as isSigilDev, o as isWindows, r as isScreenReader, t as isInCi } from "./env-YVw64yZS.js";
 import { a as detectTerminal, i as detectHyperlinkSupport, n as detectCapabilities, o as detectUnicodeSupport, r as detectColorLevel, s as signalExit, t as createSupportsColor } from "./detect-B3dL4Q11.js";
 import { u as cliCursor } from "./osc-BFKKSqpg.js";
@@ -424,6 +424,7 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 	const internal_eventEmitter = useRef(new EventEmitter());
 	internal_eventEmitter.current.setMaxListeners(Infinity);
 	const readableListenerRef = useRef(void 0);
+	const isMountedRef = useRef(true);
 	const pendingInputFlushRef = useRef(void 0);
 	const pendingInputFlushDelayMilliseconds = 20;
 	const clearPendingInputFlush = useCallback(() => {
@@ -614,7 +615,7 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 		try {
 			return await (refresh ? refreshTerminalQuery(stdin, stdout) : ensureTerminalQuery(stdin, stdout));
 		} finally {
-			attachReadableListener();
+			if (isMountedRef.current) attachReadableListener();
 			handleSetRawMode(false);
 		}
 	}, [
@@ -817,7 +818,9 @@ function App({ children, stdin, stdout, stderr, writeToStdout, writeToStderr, ex
 		}));
 	}, []);
 	useEffect(() => {
+		isMountedRef.current = true;
 		return () => {
+			isMountedRef.current = false;
 			const canWriteToStdout = !stdout.destroyed && !stdout.writableEnded;
 			if (interactive && canWriteToStdout) cliCursor.show(stdout);
 			if (isRawModeSupported && (rawModeEnabledCount.current > 0 || pendingDisableRawModeRef.current)) disableRawMode();

package/dist/router.js

@@ -1,4 +1,4 @@
-import { f as Text, n as useInput, t as useFocus } from "./use-focus-DSV01Ulb.js";
+import { f as Text, n as useInput, t as useFocus } from "./use-focus-BNG0xsb7.js";
 import { Children, Fragment, createContext, isValidElement, startTransition, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 //#region src/router/history.ts

package/dist/{use-focus-DSV01Ulb.js → use-focus-BNG0xsb7.js}

@@ -564,7 +564,7 @@ const detectKittySupport = (stdin, stdout, onSupported) => {
 //#endregion
 //#region package.json
 var name = "@alchemy.run/sigil";
-var version = "0.0.0-alpha.7";
+var version = "0.0.0-alpha.8";
 //#endregion
 //#region src/reconciler.ts
 if (isSigilDev) await import("./devtools-DbthxoD1.js").catch(() => {});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alchemy.run/sigil",
-  "version": "0.0.0-alpha.7",
+  "version": "0.0.0-alpha.8",
   "description": "React for CLIs. A self-contained fork of Ink with an integrated TypeScript Yoga layout engine.",
   "keywords": [
     "cli",

package/src/components/App.tsx

@@ -109,6 +109,7 @@ export function App({
   internal_eventEmitter.current.setMaxListeners(Infinity);
   // Store the currently attached readable listener to avoid stale closure issues
   const readableListenerRef = useRef<(() => void) | undefined>(undefined);
+  const isMountedRef = useRef(true);
   const pendingInputFlushRef = useRef<NodeJS.Timeout | undefined>(undefined);
   // Small delay to let chunked escape sequences complete before flushing as literal input.
   const pendingInputFlushDelayMilliseconds = 20;
@@ -417,7 +418,12 @@ export function App({
           ? refreshTerminalQuery(stdin, stdout)
           : ensureTerminalQuery(stdin, stdout));
       } finally {
-        attachReadableListener();
+        // A slow terminal response may arrive after this renderer has been
+        // replaced. Do not leave its reader attached to consume input meant
+        // for a subsequent renderer.
+        if (isMountedRef.current) {
+          attachReadableListener();
+        }
         handleSetRawMode(false);
       }
     },
@@ -741,7 +747,10 @@ export function App({
 
   // Handle cursor visibility, raw mode, and bracketed paste mode cleanup on unmount
   useEffect(() => {
+    isMountedRef.current = true;
+
     return () => {
+      isMountedRef.current = false;
       const canWriteToStdout = !stdout.destroyed && !stdout.writableEnded;
 
       if (interactive && canWriteToStdout) {