@devchitchat/chat 4.0.3 → 4.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devchitchat/chat",
-  "version": "4.0.3",
+  "version": "4.0.5",
   "description": "A small chat app. p2p video and screenshare.",
   "scripts": {
     "dev": "bun --watch index.js",
@@ -33,7 +33,7 @@
     "styles.css"
   ],
   "dependencies": {
-    "@devchitchat/index97": "^3.0.0",
+    "@devchitchat/index97": "^3.2.0",
     "@devchitchat/rdbljs": "^2.0.1"
   },
   "main": "index.js",

package/pages/public/client/islands/call.js

@@ -201,6 +201,15 @@ export default function CallIsland(root) {
       // Date separator before this article if date changed
       const ts = parseInt(article.querySelector('time')?.getAttribute('datetime') ?? '0', 10)
       if (ts) {
+        // Re-format time in the browser's local timezone (SSR bakes UTC time)
+        const timeEl = article.querySelector('.message-time')
+        if (timeEl) {
+          const localTime = new Date(ts).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })
+          const editedSpan = timeEl.querySelector('.message-edited')
+          timeEl.textContent = localTime
+          if (editedSpan) timeEl.appendChild(editedSpan)
+        }
+
         const dateKey = utcDateKey(ts)
         if (prevDateKey && dateKey !== prevDateKey) {
           article.before(makeDateSeparator(dateKey))
@@ -1690,7 +1699,15 @@ export default function CallIsland(root) {
   // Re-initialise chat state for the new channel without touching RTC.
   document.addEventListener('chatpanel:navigated', (e) => {
     const { channelId: newId, name, topic, kind, seedSeq: newSeedSeq, seedFirstSeq: newFirstSeq, seedHasMore: newHasMore } = e.detail
-    if (newId === channelId) return   // same channel — nothing to do
+
+    // Morph strips dynamically-added content (reactions, attachments, timestamps, etc.)
+    // but may preserve data-hydrated="1". Always clear and re-hydrate.
+    for (const a of messages.querySelectorAll('article.message[data-hydrated]')) {
+      delete a.dataset.hydrated
+    }
+    hydrateSeedMessages()
+
+    if (newId === channelId) return   // same channel — re-hydrate only, no WS channel change
 
     // Leave old channel subscription on the server
     ws.send({ t: 'channel.leave', body: { channel_id: channelId } })
@@ -1716,9 +1733,6 @@ export default function CallIsland(root) {
     const textarea = root.querySelector('#message-input')
     if (textarea) textarea.placeholder = `Message in ${name}`
 
-    // Hydrate attachments + dm-trigger on the freshly morphed seed articles
-    hydrateSeedMessages()
-
     closePicker()
 
     // Join new channel — server responds with channel.joined + rtc.call_state.