feat(mail): implement Reply All functionality

AGENTS.md

@@ -0,0 +1,45 @@
+# bump 1777865733
+# bump 1777865823
+# bump 1777867304
+# bump 1777910634
+# bump 1777953705
+# bump 1777996905
+# bump 1778040107
+# bump 1778083315
+# bump 1778126507
+# bump 1778169706
+# bump 1778212900
+# bump 1778256094
+# bump 1778299290
+# bump 1778342489
+# bump 1778385689
+# bump 1778428890
+# bump 1778472091
+# bump 1778515299
+# bump 1778558477
+# bump 1778601684
+# bump 1778644876
+# bump 1778688083
+# bump 1778731285
+# bump 1778774484
+# bump 1778817681
+# bump 1778860885
+# bump 1778904079
+# bump 1778947280
+# bump 1778990484
+# bump 1779033674
+# bump 1779076878
+# bump 1779120084
+# bump 1779163281
+# bump 1779206483
+# bump 1779249683
+# bump 1779292886
+# bump 1779336077
+# bump 1779379288
+# bump 1779422483
+# bump 1779465682
+# bump 1779508877
+# bump 1779552077
+# bump 1779595276
+# bump 1779638476
+# bump 1779681681

webui-src/app/mail/mail_compose.js

@@ -2,6 +2,7 @@ const m = require('mithril');
 const rs = require('rswebui');
 const widget = require('widgets');
 const peopleUtil = require('people/people_util');
+const { MSG_ADDRESS_MODE_CC } = require('mail/mail_util');
 
 const Layout = () => {
   const Data = {
@@ -29,39 +30,115 @@ const Layout = () => {
   };
   async function loadMailUserDetails(msgType, senderId, recipientList) {
     Data.allUsers = await peopleUtil.sortUsers(rs.userList.users);
-    if (msgType === 'reply') {
+    if (msgType === 'reply' || msgType === 'replyall') {
       Data.allUsers.forEach(async (user) => {
         if (user.mGroupId === (await senderId)) Data.recipients.to.sendList.push(user);
       });
     }
+    if (msgType === 'replyall') {
+      // Add all original recipients to appropriate fields
+      if (recipientList) {
+        Object.keys(recipientList).forEach((recipId) => {
+          const user = Data.allUsers.find((u) => u.mGroupId === recipId);
+          if (user) {
+            const dest = recipientList[recipId];
+            if (dest._mode === MSG_ADDRESS_MODE_CC) {
+              if (!Data.recipients.cc.sendList.find((u) => u.mGroupId === recipId)) {
+                Data.recipients.cc.sendList.push(user);
+              }
+            }
+          }
+        });
+      }
+    }
     await peopleUtil.ownIds(async (data) => {
       Data.ownId = await data;
       for (let i = 0; i < Data.ownId.length; i++) {
         if (Number(Data.ownId[i]) === 0) {
           Data.ownId.splice(i, 1); // workaround for id '0'
         }
       }
-      if (msgType === 'reply') {
+      if (msgType === 'reply' || msgType === 'replyall') {
         Data.identity = Data.ownId.filter((id) =>
           Object.prototype.hasOwnProperty.call(recipientList, id)
         )[0];
+      } else if (msgType === 'forward') {
+        Data.identity = Data.ownId[0];
       }
     });
   }
   async function loadDetails(attrs) {
-    const { msgType, senderId, recipientList } = await attrs;
-    await loadMailUserDetails(msgType, senderId, recipientList);
+    const { msgType, senderId, recipientList, pendingCtx } = await attrs;
 
-    Object.keys(Data.recipients).forEach((item) => {
-      Data.recipients[item].inputList = Data.allUsers;
-    });
+    // Handle pending reply context from MessageView (reply/replyall)
+    if (pendingCtx) {
+      const ctx = pendingCtx;
+      if (ctx.msgType === 'reply') {
+        await loadMailUserDetails('reply', ctx.from._addr_string, ctx.toList);
+      } else if (ctx.msgType === 'replyall') {
+        await loadMailUserDetails('replyall', ctx.from._addr_string, ctx.toList);
+        // For reply all, pre-fill CC with the original CC list
+        if (ctx.ccList) {
+          Object.keys(ctx.ccList).forEach((ccId) => {
+            const ccUser = Data.allUsers.find((u) => u.mGroupId === ccId);
+            if (ccUser && !Data.recipients.cc.sendList.find((u) => u.mGroupId === ccId)) {
+              Data.recipients.cc.sendList.push(ccUser);
+            }
+          });
+        }
+      } else if (ctx.msgType === 'forward') {
+        // Forward: clear recipients, set subject with Fwd: prefix, quote original
+        await loadMailUserDetails('forward', ctx.from._addr_string, {});
+        Data.recipients.to.sendList = [];
+        Data.recipients.cc.sendList = [];
+
+        Object.keys(Data.recipients).forEach((item) => {
+          Data.recipients[item].inputList = Data.allUsers;
+        });
+
+        const { subject, mailBody, timeStamp } = ctx;
+        const tmb = document.querySelector('#composerMailBody');
+        const time = timeStamp.toLocaleTimeString('UTC', { hour: '2-digit', minute: '2-digit' });
+        const dateLong = timeStamp.toLocaleDateString('UTC', {
+          year: 'numeric',
+          month: 'long',
+          day: 'numeric',
+        });
+        const forwardHeader = `
+          -----Forwarded Message-----
+          <br>
+          <b>From: </b>
+          <a href="retroshare://message?id=${ctx.from._addr_string}">${rs.userList.userMap[ctx.from._addr_string]}</a>
+          <br>
+          <b>Sent: </b>
+          <span>${dateLong} ${time}</span>
+          <br>
+          <b>Subject: </b>
+          <span>${subject}</span>
+          <br>
+          <br>
+        `;
+        tmb.innerHTML = `
+          <br>
+          <br>
+          <div>
+            ${forwardHeader}
+            <div class="forwarded-message" style="margin-left: 20px;">
+              ${mailBody}
+            </div>
+          </div>
+        `;
+        Data.subject = subject.substring(0, 4) === 'Fwd: ' ? subject : `Fwd: ${subject}`;
+      }
+
+      Object.keys(Data.recipients).forEach((item) => {
+        Data.recipients[item].inputList = Data.allUsers;
+      });
 
-    if (msgType === 'compose') {
       Data.identity = Data.ownId[0];
-    }
 
-    if (msgType === 'reply') {
-      const { subject, replyMessage, timeStamp } = await attrs;
+      // Set subject and original message quote
+      const { subject, replyMessage, timeStamp } = ctx;
       const tmb = document.querySelector('#composerMailBody');
       const time = timeStamp.toLocaleTimeString('UTC', { hour: '2-digit', minute: '2-digit' });
       const dateLong = timeStamp.toLocaleDateString('UTC', {
@@ -73,16 +150,27 @@ const Layout = () => {
         -----Original Message-----
         <br>
         <b>From: </b>
-        <a href="retroshare://message?id=${senderId}">${rs.userList.userMap[senderId]}</a>
+        <a href="retroshare://message?id=${ctx.from._addr_string}">${rs.userList.userMap[ctx.from._addr_string]}</a>
         <br>
         <b>To: </b>
-        ${Object.keys(recipientList).map(
+        ${Object.keys(ctx.toList).map(
           (recip) => `
           <a href="retroshare://message?id=${recip}">
-            ${rs.userList.userMap[recipientList[recip]._addr_string] || 'Unknown'},
+            ${rs.userList.userMap[ctx.toList[recip]._addr_string] || 'Unknown'},
           </a>
         `
         )}
+        ${ctx.ccList && Object.keys(ctx.ccList).length > 0 ? `
+        <br>
+        <b>CC: </b>
+        ${Object.keys(ctx.ccList).map(
+          (ccId) => `
+          <a href="retroshare://message?id=${ccId}">
+            ${rs.userList.userMap[ctx.ccList[ccId]._addr_string] || 'Unknown'},
+          </a>
+        `
+        )}
+        ` : ''}
         <br>
         <br>
         <b>Sent: </b>
@@ -94,7 +182,7 @@ const Layout = () => {
         <br>
         <span>
           On ${timeStamp.toLocaleDateString()} ${time},
-          <a href="retroshare://message?id=${senderId}">${rs.userList.userMap[senderId]}</a>
+          <a href="retroshare://message?id=${ctx.from._addr_string}">${rs.userList.userMap[ctx.from._addr_string]}</a>
           wrote:
         </span>
       `;
@@ -109,6 +197,68 @@ const Layout = () => {
         </div>
       `;
       Data.subject = subject.substring(0, 4) === 'Re: ' ? subject : `Re: ${subject}`;
+    } else {
+      // Original compose logic
+      await loadMailUserDetails(msgType, senderId, recipientList);
+
+      Object.keys(Data.recipients).forEach((item) => {
+        Data.recipients[item].inputList = Data.allUsers;
+      });
+
+      if (msgType === 'compose') {
+        Data.identity = Data.ownId[0];
+      }
+
+      if (msgType === 'reply') {
+        const { subject, replyMessage, timeStamp } = await attrs;
+        const tmb = document.querySelector('#composerMailBody');
+        const time = timeStamp.toLocaleTimeString('UTC', { hour: '2-digit', minute: '2-digit' });
+        const dateLong = timeStamp.toLocaleDateString('UTC', {
+          year: 'numeric',
+          month: 'long',
+          day: 'numeric',
+        });
+        const replyMessageHeader = `
+          -----Original Message-----
+          <br>
+          <b>From: </b>
+          <a href="retroshare://message?id=${senderId}">${rs.userList.userMap[senderId]}</a>
+          <br>
+          <b>To: </b>
+          ${Object.keys(recipientList).map(
+            (recip) => `
+            <a href="retroshare://message?id=${recip}">
+              ${rs.userList.userMap[recipientList[recip]._addr_string] || 'Unknown'},
+            </a>
+          `
+          )}
+          <br>
+          <br>
+          <b>Sent: </b>
+          <span>${dateLong} ${time}</span>
+          <br>
+          <b>Subject: </b>
+          <span>${subject}</span>
+          <br>
+          <br>
+          <span>
+            On ${timeStamp.toLocaleDateString()} ${time},
+            <a href="retroshare://message?id=${senderId}">${rs.userList.userMap[senderId]}</a>
+            wrote:
+          </span>
+        `;
+        tmb.innerHTML = `
+          <br>
+          <br>
+          <div>
+            ${replyMessageHeader}
+            <div class="original-message" style="margin-left: 20px;">
+              ${replyMessage}
+            </div>
+          </div>
+        `;
+        Data.subject = subject.substring(0, 4) === 'Re: ' ? subject : `Re: ${subject}`;
+      }
     }
   }
   return {

webui-src/app/mail/mail_inbox.js

@@ -2,25 +2,35 @@ const m = require('mithril');
 const util = require('mail/mail_util');
 
 const Layout = () => {
+  let visibleCount = 50;
   return {
     view: (v) => [
-      m('.widget__heading', m('h3', 'Inbox')),
+      m('.widget__heading', m('h3', v.attrs.heading || 'Messages')),
       m('.widget__body', [
         m(
           util.Table,
           m(
             'tbody',
-            v.attrs.list.map((msg) =>
+            v.attrs.list.slice(0, visibleCount).map((msg) =>
               m(util.MessageSummary, {
                 details: msg,
-                category: 'inbox',
+                category: v.attrs.category || 'inbox',
               })
             )
           )
         ),
+        visibleCount < v.attrs.list.length &&
+          m(
+            'button',
+            {
+              onclick: () => (visibleCount += 50),
+              style: 'margin-top:0.5rem;display:block;',
+            },
+            `Load More (${v.attrs.list.length - visibleCount} remaining)`
+          ),
       ]),
     ],
   };
 };
 
-module.exports = Layout;
+module.exports = Layout;