@minimalcorp/tsunagi 0.3.0 → 0.3.2

package/dist/server/routes/terminal.js

@@ -27,8 +27,34 @@ function stripTerminalQueries(s) {
         .replace(/\x1b\[[?>]?[0-9;]*n/g, '') // DSR: ESC[?6n(主犯) / ESC[6n / ESC[5n など
         .replace(/\x1b\[[?>=]?[0-9;]*c/g, ''); // DA: ESC[c / ESC[0c / ESC[>c / ESC[=c
 }
+/**
+ * 表示中のクライアントがいなくなった PTY の cols をこの幅に縮める。
+ * 一定の幅を下回ると Claude(Ink) が full-frame redraw を行い <Static> を再 emit するという
+ * 観測に基づくしきい値。元 cols が既にこの値の場合のみ -1 にして必ず cols を変化させる。
+ *
+ * 再表示時は replay 後にクライアントが実サイズへ resize するため、必ず cols が変わり
+ * SIGWINCH が飛んで Claude が現在の画面を描き直す（同一サイズの resize は no-op で
+ * SIGWINCH が飛ばない）。縮める処理を切断時に済ませておくことで、縮めた時の再描画が
+ * 再表示より前に scrollback に入り、replay と描き直しの順序がタイミングに依存しない。
+ */
+const REDRAW_BUMP_COLS = 64;
+function bumpColsForRedraw(session) {
+    const { pty: ptyProcess } = session;
+    const cols = ptyProcess.cols === REDRAW_BUMP_COLS ? REDRAW_BUMP_COLS - 1 : REDRAW_BUMP_COLS;
+    try {
+        ptyProcess.resize(cols, ptyProcess.rows);
+    }
+    catch {
+        // 終了済みの PTY は無視する
+    }
+}
 export async function terminalRoutes(fastify) {
     const io = fastify.io;
+    // 作成中のセッション（sessionId → 作成処理）。存在確認から PTY 作成までの間に await を挟むため、
+    // 同じ sessionId の作成要求が並行すると両方が存在確認を通過し、後発が "Session already exists" で
+    // 失敗する（開発時の StrictMode による effect の二重実行で必ず起きる）。後発は作成中の処理を待って
+    // 再利用として返す。
+    const pendingCreations = new Map();
     initPtyEnvSync(io);
     // socket.io イベントハンドラ
     io.on('connection', (socket) => {
@@ -82,16 +108,19 @@ export async function terminalRoutes(fastify) {
             ptyManager.setActiveSocket(sessionId, socket.id);
             const { pty: ptyProcess } = session;
             const isReused = session.scrollback.length > 0;
-            // リングバッファの内容を一括送信（再接続時の画面復元）
-            if (isReused) {
-                // 端末クエリ列（ESC[?6n / ESC[c 等）を除去してから replay する。
-                // これを怠ると xterm.js が応答を生成し PTY へ注入され、入力欄に "1;2c64;3R..." が
-                // 勝手に入力される（stripTerminalQueries のコメント参照）。
-                const buffered = stripTerminalQueries(session.scrollback.join(''));
+            // リングバッファの内容を一括送信（画面復元）。初回接続・再接続を問わず join のたびに送る。
+            // クライアントは replay を受けたら画面をクリアし、xterm を PTY と同じサイズにしてから
+            // 書き込み、完了後に実サイズへ resize する（新規セッションは data が空）。
+            // 端末クエリ列（ESC[?6n / ESC[c 等）を除去してから replay する。
+            // これを怠ると xterm.js が応答を生成し PTY へ注入され、入力欄に "1;2c64;3R..." が
+            // 勝手に入力される（stripTerminalQueries のコメント参照）。
+            const buffered = isReused ? stripTerminalQueries(session.scrollback.join('')) : '';
+            socket.emit('replay', {
                 // 末尾の \r\n / \n / \r をトリムする。
-                const trimmed = buffered.replace(/[\r\n]+$/, '');
-                socket.emit('output', { data: trimmed });
-            }
+                data: buffered.replace(/[\r\n]+$/, ''),
+                cols: ptyProcess.cols,
+                rows: ptyProcess.rows,
+            });
             // reused の場合、最初の resize まで onData 出力をバッファリング
             let initialResizeHandled = !isReused;
             const pendingOutput = [];
@@ -172,6 +201,11 @@ export async function terminalRoutes(fastify) {
                 ptyManager.clearActiveSocket(boundSessionId, socket.id);
                 if (wasOwner) {
                     ptyManager.scheduleGc(boundSessionId);
+                    // 次に表示されたとき Claude に描き直させるため、表示中のクライアントがいない間に
+                    // cols を縮めておく（REDRAW_BUMP_COLS 参照）
+                    const session = ptyManager.getSession(boundSessionId);
+                    if (session)
+                        bumpColsForRedraw(session);
                 }
             }
         });
@@ -190,14 +224,27 @@ export async function terminalRoutes(fastify) {
             fastify.log.info({ sessionId }, 'Reusing existing PTY session');
             return reply.status(200).send({ sessionId, reused: true });
         }
-        const launchRequest = { cwd, env };
+        const pending = pendingCreations.get(sessionId);
+        const creation = pending ??
+            (async () => {
+                const launchRequest = { cwd, env };
+                const launch = await resolvePtyLaunch(sessionId, launchRequest);
+                await startPtySession(sessionId, launch, {
+                    request: launchRequest,
+                    launchClaude: Boolean(claude),
+                    command,
+                });
+            })();
+        if (!pending) {
+            pendingCreations.set(sessionId, creation);
+            void creation.catch(() => undefined).finally(() => pendingCreations.delete(sessionId));
+        }
         try {
-            const launch = await resolvePtyLaunch(sessionId, launchRequest);
-            await startPtySession(sessionId, launch, {
-                request: launchRequest,
-                launchClaude: Boolean(claude),
-                command,
-            });
+            await creation;
+            if (pending) {
+                fastify.log.info({ sessionId }, 'Reusing PTY session created by a concurrent request');
+                return reply.status(200).send({ sessionId, reused: true });
+            }
             return reply.status(201).send({ sessionId, reused: false });
         }
         catch (err) {

package/npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
   "name": "@minimalcorp/tsunagi",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@minimalcorp/tsunagi",
-      "version": "0.3.0",
+      "version": "0.3.2",
       "license": "SEE LICENSE IN LICENSE",
       "os": [
         "darwin",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@minimalcorp/tsunagi",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "Multi-repo GitHub project management with Claude AI integration, designed for visualizing and controlling AI-driven development locally.",
   "keywords": [
     "tsunagi",