kasunk99-livestream-core 0.3.17 → 0.3.18

package/dist/components/LiveStreamViewerItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LiveStreamViewerItem.d.ts","sourceRoot":"","sources":["../../src/components/LiveStreamViewerItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAkBvF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAQ/C,KAAK,yBAAyB,GAAG;IAC/B,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAwBF,eAAO,MAAM,oBAAoB,uDAme/B,CAAC"}
+{"version":3,"file":"LiveStreamViewerItem.d.ts","sourceRoot":"","sources":["../../src/components/LiveStreamViewerItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAkBvF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAQ/C,KAAK,yBAAyB,GAAG;IAC/B,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAwBF,eAAO,MAAM,oBAAoB,uDAqe/B,CAAC"}

package/dist/components/LiveStreamViewerItem.js

@@ -42,9 +42,11 @@ export const LiveStreamViewerItem = memo(function LiveStreamViewerItem({ stream,
     const seededRoomRef = useRef(null);
     const chatListRef = useRef(null);
     const textInputRef = useRef(null);
-    // Cell layout tracking — used to compensate for adjustResize shrinking the cell
-    const baseCellH = useRef(0); // largest height seen = keyboard-free baseline
-    const currCellH = useRef(0); // current cell height (may shrink with adjustResize)
+    // Cell layout tracking — used to compensate for adjustResize shrinking the cell.
+    // Initialise baseCellH with the same estimate LiveStreamFeed uses for viewportHeight
+    // so the gap formula works correctly even before onCellLayout fires.
+    const baseCellH = useRef(SCREEN_HEIGHT - 120);
+    const currCellH = useRef(SCREEN_HEIGHT - 120);
     const onCellLayout = useCallback((e) => {
         const h = Math.round(e.nativeEvent.layout.height);
         currCellH.current = h;
@@ -57,25 +59,27 @@ export const LiveStreamViewerItem = memo(function LiveStreamViewerItem({ stream,
     // Remember last offset so re-open positions instantly instead of jumping
     const lastOffsetRef = useRef(0);
     // Compute the correct bottom offset for the floating input.
-    // If adjustResize has shrunk the cell (shrink > 0), subtract that from keyboard height
-    // so we don't double-offset. If cell hasn't shrunk, use full keyboard height.
+    //
+    // The cell sits inside a tab navigator whose height is less than the full window.
+    // `kbH` from the keyboard event is measured from the bottom of the WINDOW, not the
+    // bottom of the CELL. We subtract `cellBottomGap` (window bottom → cell bottom) to
+    // get the offset relative to the cell.
+    //
+    // If adjustResize has also shrunk the cell, we subtract that too (avoids double-offset).
     const computeOffset = useCallback((kbH) => {
-        const base = baseCellH.current || SCREEN_HEIGHT;
-        const cur = currCellH.current || base;
-        const shrink = Math.max(0, base - cur);
-        return Math.max(BOTTOM_SAFE, kbH - shrink);
+        const base = baseCellH.current;
+        const cur = currCellH.current;
+        const cellBottomGap = Math.max(0, SCREEN_HEIGHT - base); // tab-nav area below cell
+        const shrink = Math.max(0, base - cur); // adjustResize shrink (if any)
+        return Math.max(BOTTOM_SAFE, kbH - cellBottomGap - shrink);
     }, []);
-    // Pre-position the input immediately when typing starts (uses last known offset)
+    // Pre-position the input immediately when typing starts (uses last known offset).
+    // Keyboard listeners own the reset when isTyping becomes false.
     useEffect(() => {
         if (isTyping && lastOffsetRef.current > 0) {
             inputBottom.setValue(lastOffsetRef.current);
             chatAnim.setValue(lastOffsetRef.current + 60);
         }
-        else if (!isTyping) {
-            // Only reset if keyboard is not currently shown (let keyboard events handle active state)
-            inputBottom.setValue(0);
-            chatAnim.setValue(CHAT_BOTTOM_DEFAULT);
-        }
     }, [isTyping, inputBottom, chatAnim]);
     // Keyboard event listeners — platform-specific
     useEffect(() => {
@@ -264,15 +268,11 @@ export const LiveStreamViewerItem = memo(function LiveStreamViewerItem({ stream,
         const text = chatInput.trim();
         if (!text || !socket || !joined)
             return;
-        // Clear input, close panel, dismiss keyboard — all before the emit
-        // so the button press completes synchronously before any state teardown.
+        // Emit FIRST so the message reaches the server before any cleanup.
+        // keyboardDidHide will set isTyping=false and reset animations.
+        socket.emit('chat-message', { text });
         setChatInput('');
-        setIsTyping(false);
         Keyboard.dismiss();
-        socket.emit('chat-message', { text }, (res) => {
-            if (res?.error)
-                console.log('[viewer] chat send error', res.error);
-        });
     };
     const hostLabel = stream.hostDisplayName || stream.title || 'Live';
     const avatarLetter = hostLabel[0]?.toUpperCase() ?? 'L';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kasunk99-livestream-core",
-  "version": "0.3.17",
+  "version": "0.3.18",
   "description": "Reusable livestream viewer/host module for React Native (Expo) — mediasoup + Socket.IO",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",