@uzuhq/code-cli 0.5.2 → 0.5.3

package/dist/dev-server/game-room.js

@@ -290,6 +290,17 @@ export class GameRoom {
         this.ensureTickLoop();
     }
     async handleMessage(ws, msg) {
+        // SDK は生文字列で送受信する (本番の setWebSocketAutoResponse と同じ wire 形式)。
+        // JSON.parse より前に返さないと heartbeat が落ちて 35 秒ごとに全席が再接続する。
+        if (msg === '__ping') {
+            try {
+                ws.send('__pong');
+            }
+            catch {
+                /* disconnected */
+            }
+            return;
+        }
         const attachment = this.attachments.get(ws);
         if (!attachment)
             return;
@@ -302,10 +313,6 @@ export class GameRoom {
             return;
         }
         const msgType = parsed.type;
-        if (msgType === '__ping') {
-            this.sendTo(ws, { type: '__pong' });
-            return;
-        }
         console.log(`[GameRoom] ⬅ recv from=${senderId} type=${msgType}`);
         if (msgType === '__action') {
             if (!this.gameState) {

package/dist/dev-server/relay-room.js

@@ -25,6 +25,17 @@ export class RelayRoom {
         ws.send(JSON.stringify({ type: '__room_init', myId: playerId }));
     }
     handleMessage(ws, msg) {
+        // SDK は生文字列で送受信する (本番の setWebSocketAutoResponse と同じ wire 形式)。
+        // JSON.parse より前に返さないと heartbeat が落ちて 35 秒ごとに全席が再接続する。
+        if (msg === '__ping') {
+            try {
+                ws.send('__pong');
+            }
+            catch {
+                /* disconnected */
+            }
+            return;
+        }
         const attachment = this.attachments.get(ws);
         if (!attachment)
             return;
@@ -36,15 +47,6 @@ export class RelayRoom {
         catch {
             return;
         }
-        if (parsed.type === '__ping') {
-            try {
-                ws.send(JSON.stringify({ type: '__pong' }));
-            }
-            catch {
-                /* disconnected */
-            }
-            return;
-        }
         console.log(`[RelayRoom] ⬅ recv from=${senderId}`, JSON.stringify(parsed));
         const outData = JSON.stringify({ ...parsed, __from: senderId });
         if (parsed.__to && typeof parsed.__to === 'string') {

package/dist/dev-server/sync-room.js

@@ -78,6 +78,17 @@ export class SyncRoom {
         }
     }
     handleMessage(ws, msg) {
+        // SDK は生文字列で送受信する (本番の setWebSocketAutoResponse と同じ wire 形式)。
+        // JSON.parse より前に返さないと heartbeat が落ちて 35 秒ごとに全席が再接続する。
+        if (msg === '__ping') {
+            try {
+                ws.send('__pong');
+            }
+            catch {
+                /* disconnected */
+            }
+            return;
+        }
         const attachment = this.attachments.get(ws);
         if (!attachment)
             return;
@@ -90,15 +101,6 @@ export class SyncRoom {
             return;
         }
         const msgType = parsed.type;
-        if (msgType === '__ping') {
-            try {
-                ws.send(JSON.stringify({ type: '__pong' }));
-            }
-            catch {
-                /* disconnected */
-            }
-            return;
-        }
         console.log(`[SyncRoom] ⬅ recv from=${senderId} type=${msgType}`);
         if (msgType === '__init_state') {
             if (this.stateInitialized) {

package/dist/harness/mount.js

@@ -33,6 +33,14 @@ const PHONE_SVG = `<svg width="18" height="18" viewBox="0 0 24 24" fill="none" x
 <rect x="6.5" y="2" width="11" height="20" rx="2.5" stroke="white" stroke-width="2"/>
 <line x1="10" y1="18.5" x2="14" y2="18.5" stroke="white" stroke-width="2" stroke-linecap="round"/>
 </svg>`;
+// 擬似ノッチ表示トグル。 createNotchDecor が実際に描く装飾 (横向き端末・左の
+// Dynamic Island・下中央のホームインジケータ) をそのまま象る。 隣の PHONE_SVG
+// (縦向き) とは向きで見分ける。
+const NOTCH_SVG = `<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="4.5" width="20" height="15" rx="3.5" stroke="white" stroke-width="1.8"/>
+<rect x="4.8" y="8.5" width="2.2" height="7" rx="1.1" fill="white"/>
+<line x1="11" y1="17" x2="17" y2="17" stroke="white" stroke-width="1.6" stroke-linecap="round"/>
+</svg>`;
 /** buildIframeUrl に渡す HUD の避け領域 (Flutter HudInsets と同じ計算)。 */
 function hudInsetParams(hasMenu, actionCount) {
     let x = HUD_LEFT;
@@ -429,19 +437,12 @@ function openPlayerSwitcher(opts, currentIndex, anchor) {
     };
     setTimeout(() => document.addEventListener('click', close), 0);
 }
-/**
- * 各 iframe (= 各プレイヤー画面) の左上に載せる overlay chrome。
- * 本番アプリ (Flutter GamePlayScreen) と同じ仕様:
- *   SafeArea top:8 / left:12 → [UZU ボタン 44] [gap 6] [ActionBar ピル: chat, mic]。
- * UZU ボタンは dev メニュー (State/Reset/Emulator) + その player の「スマホで開く」を開く。
- * chat / mic は本番の見た目に合わせた dev 表示 (機能は SDK 側が担うため配線しない)。
- */
 function createCellChrome(opts, playerIndex, 
 // facade=true (実機の単体表示) では見た目だけ揃える。 admin channel が無いので
 // UZU メニュー / 実機 QR は配線せず、 アイコンはタップ無効 (ハリボテ)。
 facade = false, 
-// grid では no-op のマイクアイコンを擬似ノッチ表示トグルに転用する。
-onMicClick, 
+// grid では no-op のマイク枠を擬似ノッチ表示トグルに転用する。
+notchToggle, 
 // 単体表示 (実機) では UZU ボタンをプレイヤー切替に転用する。
 onUzuClick) {
     const wrap = document.createElement('div');
@@ -489,17 +490,24 @@ onUzuClick) {
         'border-radius:18px',
         'display:flex;align-items:center',
     ].join(';');
-    // 1つめ: マイク。 本番は音声トグルだが harness では no-op なので、 grid では
-    // 擬似ノッチ表示のトグルに転用する (単体表示 facade では装飾のみ)。
-    const mic = document.createElement(onMicClick ? 'button' : 'div');
-    mic.innerHTML = MIC_SVG;
-    mic.title = onMicClick ? '擬似ノッチ表示 ON/OFF' : 'マイク (dev 表示のみ)';
-    mic.style.cssText = onMicClick
+    // 1つめ: 本番は音声トグルだが harness には音声が無い。 grid ではこの枠を擬似ノッチ
+    // 表示のトグルに転用し、 アイコンも端末フレームへ差し替える (facade は本番の見た目)。
+    const micSlot = document.createElement(notchToggle ? 'button' : 'div');
+    micSlot.innerHTML = notchToggle ? NOTCH_SVG : MIC_SVG;
+    micSlot.style.cssText = notchToggle
         ? 'padding:0 10px;height:36px;background:none;border:none;cursor:pointer;display:flex;align-items:center;'
         : 'padding:0 10px;display:flex;align-items:center;';
-    if (onMicClick)
-        mic.onclick = onMicClick;
-    bar.appendChild(mic);
+    if (notchToggle) {
+        micSlot.onclick = notchToggle.toggle;
+        notchToggle.register((on) => {
+            micSlot.style.opacity = on ? '1' : '0.4';
+            micSlot.title = `擬似ノッチ表示: ${on ? 'ON' : 'OFF'}`;
+        });
+    }
+    else {
+        micSlot.title = 'マイク (dev 表示のみ)';
+    }
+    bar.appendChild(micSlot);
     // 2つめ: 携帯 (その player を実機で開く QR)。 facade では装飾のみ。
     const phone = document.createElement('button');
     phone.innerHTML = PHONE_SVG;
@@ -528,7 +536,8 @@ export function mountIframeGrid(opts) {
     const iframeSplashes = new Map();
     const iframePredictionWarns = new Map();
     // 擬似ノッチ (各 cell 共通トグル)。 iframe を再生成せず inset だけ切り替える。
-    let notchSimOn = true;
+    // 既定は OFF: ノッチ帯のぶん画面が縮むので、 SafeArea を確認したいときだけ出す。
+    let notchSimOn = false;
     const notchAppliers = [];
     const toggleNotchSim = () => {
         notchSimOn = !notchSimOn;
@@ -575,6 +584,7 @@ export function mountIframeGrid(opts) {
         iframeStatusDots.clear();
         iframeSplashes.clear();
         iframePredictionWarns.clear();
+        notchAppliers.length = 0;
         for (let i = 0; i < opts.seats.length; i++) {
             const seat = seatAt(opts, i);
             const cell = document.createElement('div');
@@ -616,7 +626,13 @@ export function mountIframeGrid(opts) {
             screen.appendChild(splash);
             // admin は端末を模す必要が無いので overlay chrome / 擬似ノッチを載せず素の画面にする。
             if (seat.kind !== 'admin') {
-                screen.appendChild(createCellChrome(opts, i, false, toggleNotchSim));
+                screen.appendChild(createCellChrome(opts, i, false, {
+                    toggle: toggleNotchSim,
+                    register: (apply) => {
+                        apply(notchSimOn);
+                        notchAppliers.push(apply);
+                    },
+                }));
             }
             // 先読み警告の内訳パネル。 バッジクリックで開閉する。 画面の上に重ねるので
             // ゲームの見た目は普段どおりのまま、 必要なときだけ前に出る。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzuhq/code-cli",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "UZU ゲーム開発 CLI - ビルド・パブリッシュ・プロジェクト作成ツール",
   "type": "module",
   "bin": {