@xuda.io/account_module 1.2.2281 → 1.2.2282

package/index.mjs

@@ -5921,15 +5921,23 @@ const _nl_avatar_url = (host, pic) => {
   return '';
 };
 
-const _nl_render_email = (issue, { host, first_name, fashion, partners, unsub_url }) => {
+const _nl_render_email = (issue, { host, first_name, fashion, partners, unsub_url, theme }) => {
   const c = issue.content || {};
   const esc = _nl_esc;
+  const dark = theme === 'dark';
+  // Palette: light (default/production) vs dark (the "whole box dark" variant).
+  const pal = dark
+    ? { pageBg: '#0b1020', card: '#151c30', cardBorder: '#28324e', ink: '#ffffff', body: '#c3cbdb', muted: '#8b93a8', accentCard: '#13233c', accentInk: '#66BDFF', accentBody: '#c3cbdb', pill: '#152036', pillInk: '#8ecbff', imgBg: '#0e1424', footBorder: '#28324e' }
+    : { pageBg: '#ffffff', card: '#ffffff', cardBorder: '#e9edf3', ink: '#0b1220', body: '#475569', muted: '#94a3b8', accentCard: '#eff6ff', accentInk: '#0b66c2', accentBody: '#334155', pill: '#eff6ff', pillInk: '#0b66c2', imgBg: '#f4f6fa', footBorder: '#e9edf3' };
+  // A subtle border so the already-dark cards (news/feature/fashion) separate from
+  // the dark page background instead of merging into it.
+  const sep = dark ? ';border:1px solid #28324e' : '';
   const btn = (href, txt, bg = '#0091FF', fg = '#fff') =>
     `<a href="${esc(href)}" style="display:inline-block;background:${bg};color:${fg};text-decoration:none;padding:11px 24px;border-radius:9px;font-weight:700;font-size:14px">${esc(txt)} &rarr;</a>`;
 
   // A white content card with an optional top image. imgFit 'cover' crops to a
   // banner; 'contain' shows the WHOLE image (used for the t-shirt) on imgBg.
-  const card = ({ img, imgAlt, emoji, label, title, href, text, btnText, btnHref, imgFit = 'cover', imgBg = '#f4f6fa', imgMaxH = '210px' }) => {
+  const card = ({ img, imgAlt, emoji, label, title, href, text, btnText, btnHref, imgFit = 'cover', imgBg = pal.imgBg, imgMaxH = '210px' }) => {
     let image = '';
     if (img) {
       const inner = imgFit === 'contain'
@@ -5937,15 +5945,15 @@ const _nl_render_email = (issue, { host, first_name, fashion, partners, unsub_ur
         : `<img src="${esc(img)}" alt="${esc(imgAlt || '')}" width="100%" style="display:block;width:100%;max-height:${imgMaxH};object-fit:cover">`;
       image = `<a href="${esc(href || btnHref || '#')}" style="text-decoration:none">${inner}</a>`;
     }
-    const titleHtml = href ? `<a href="${esc(href)}" style="color:#0b1220;text-decoration:none">${esc(title)}</a>` : esc(title);
+    const titleHtml = href ? `<a href="${esc(href)}" style="color:${pal.ink};text-decoration:none">${esc(title)}</a>` : esc(title);
     return `
 <table cellpadding="0" cellspacing="0" width="100%" style="border-collapse:separate;margin:0 0 16px">
-  <tr><td style="background:#ffffff;border:1px solid #e9edf3;border-radius:14px;overflow:hidden">
+  <tr><td style="background:${pal.card};border:1px solid ${pal.cardBorder};border-radius:14px;overflow:hidden">
     ${image}
     <div style="padding:18px 20px">
       <div style="font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#0091FF;font-weight:700;margin-bottom:7px">${emoji} ${esc(label)}</div>
-      <div style="font-size:18px;font-weight:700;line-height:1.28;color:#0b1220;margin-bottom:7px">${titleHtml}</div>
-      <p style="color:#475569;font-size:14px;line-height:1.55;margin:0 0 15px">${esc(text)}</p>
+      <div style="font-size:18px;font-weight:700;line-height:1.28;color:${pal.ink};margin-bottom:7px">${titleHtml}</div>
+      <p style="color:${pal.body};font-size:14px;line-height:1.55;margin:0 0 15px">${esc(text)}</p>
       ${btn(btnHref, btnText)}
     </div>
   </td></tr>
@@ -5982,10 +5990,10 @@ const _nl_render_email = (issue, { host, first_name, fashion, partners, unsub_ur
   if (c.tip2) {
     parts.push(`
 <table cellpadding="0" cellspacing="0" width="100%" style="border-collapse:separate;margin:0 0 16px">
-  <tr><td style="background:#eff6ff;border-left:4px solid #0091FF;border-radius:10px;padding:16px 18px">
-    <div style="font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#0b66c2;font-weight:700;margin-bottom:5px">⭐ Tip of the week</div>
-    <div style="font-size:16px;font-weight:700;color:#0b1220;margin:0 0 5px">${esc(c.tip2.title)}</div>
-    <p style="color:#334155;font-size:14px;line-height:1.55;margin:0 0 ${c.tip2.url ? '12px' : '0'}">${esc(c.tip2.text)}</p>
+  <tr><td style="background:${pal.accentCard};border-left:4px solid #0091FF;border-radius:10px;padding:16px 18px">
+    <div style="font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:${pal.accentInk};font-weight:700;margin-bottom:5px">⭐ Tip of the week</div>
+    <div style="font-size:16px;font-weight:700;color:${pal.ink};margin:0 0 5px">${esc(c.tip2.title)}</div>
+    <p style="color:${pal.accentBody};font-size:14px;line-height:1.55;margin:0 0 ${c.tip2.url ? '12px' : '0'}">${esc(c.tip2.text)}</p>
     ${c.tip2.url ? btn(c.tip2.url, 'See how') : ''}
   </td></tr>
 </table>`);
@@ -5996,7 +6004,7 @@ const _nl_render_email = (issue, { host, first_name, fashion, partners, unsub_ur
     const nurl = `https://${host}/news/${c.news.slug}`;
     parts.push(`
 <table cellpadding="0" cellspacing="0" width="100%" style="border-collapse:separate;margin:0 0 16px">
-  <tr><td style="background:linear-gradient(160deg,#0b1220,#10213b);border-radius:14px;overflow:hidden">
+  <tr><td style="background:linear-gradient(160deg,#0b1220,#10213b);border-radius:14px;overflow:hidden${sep}">
     <a href="${esc(nurl)}" style="text-decoration:none"><img src="https://${esc(host)}/news/${encodeURIComponent(c.news.slug)}/hero.png" alt="${esc(c.news.headline)}" width="100%" style="display:block;width:100%;max-height:230px;object-fit:cover"></a>
     <div style="padding:18px 20px">
       <div style="font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#66BDFF;font-weight:700;margin-bottom:7px">📰 News</div>
@@ -6023,7 +6031,7 @@ const _nl_render_email = (issue, { host, first_name, fashion, partners, unsub_ur
     const gif = c.feature.gif ? _nl_gif_url(c.feature.gif) : '';
     parts.push(`
 <table cellpadding="0" cellspacing="0" width="100%" style="border-collapse:separate;margin:0 0 16px">
-  <tr><td style="background:linear-gradient(160deg,#0b1220,#10213b);border-radius:14px;padding:22px">
+  <tr><td style="background:linear-gradient(160deg,#0b1220,#10213b);border-radius:14px;padding:22px${sep}">
     <div style="display:inline-block;background:#0091FF;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:4px 11px;border-radius:20px;margin-bottom:14px">⚡ Explore a feature</div>
     ${gif ? `<a href="https://${esc(host)}/dashboard" style="text-decoration:none"><img src="${esc(gif)}" alt="${esc(c.feature.label)}" width="100%" style="display:block;width:100%;border-radius:10px;border:1px solid #22344f;margin:0 0 14px"></a>` : ''}
     <div style="font-size:20px;font-weight:700;color:#ffffff;margin:0 0 6px">${esc(c.feature.label)}</div>
@@ -6041,7 +6049,7 @@ const _nl_render_email = (issue, { host, first_name, fashion, partners, unsub_ur
       : '';
     parts.push(`
 <table cellpadding="0" cellspacing="0" width="100%" style="border-collapse:separate;margin:0 0 16px">
-  <tr><td style="background:linear-gradient(160deg,#160f2b,#0b1220);border-radius:14px;overflow:hidden">
+  <tr><td style="background:linear-gradient(160deg,#160f2b,#0b1220);border-radius:14px;overflow:hidden${sep}">
     ${teeImg}
     <div style="padding:16px 20px 20px">
       <div style="font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#66BDFF;font-weight:700;margin-bottom:7px">👕 Wear the brand</div>
@@ -6062,27 +6070,27 @@ const _nl_render_email = (issue, { host, first_name, fashion, partners, unsub_ur
       if (!p) return '';
       const av = _nl_avatar_url(host, p.pic);
       const avatar = av
-        ? `<img src="${esc(av)}" alt="${esc(p.name)}" width="76" height="76" style="border-radius:50%;object-fit:cover;border:2px solid #e9edf3;display:block">`
+        ? `<img src="${esc(av)}" alt="${esc(p.name)}" width="76" height="76" style="border-radius:50%;object-fit:cover;border:2px solid ${pal.cardBorder};display:block">`
         : `<div style="width:76px;height:76px;border-radius:50%;background:#0091FF;color:#fff;font-size:30px;font-weight:800;line-height:76px;text-align:center">${esc((p.name || '?').slice(0, 1))}</div>`;
       const role = _nl_titlecase(p.role || 'Partner');
       const emoji = p.role === 'mentor' ? '🧭' : '📣';
       const where = p.city ? `${role} in ${esc(_nl_titlecase(p.city))}` : role;
       return `
 <table cellpadding="0" cellspacing="0" width="100%" style="border-collapse:separate;margin:0 0 12px">
-  <tr><td style="background:#ffffff;border:1px solid #e9edf3;border-radius:14px;padding:18px 20px">
+  <tr><td style="background:${pal.card};border:1px solid ${pal.cardBorder};border-radius:14px;padding:18px 20px">
     <table cellpadding="0" cellspacing="0" width="100%"><tr>
       <td width="88" style="vertical-align:middle">${avatar}</td>
       <td style="vertical-align:middle;padding-left:16px">
         <div style="font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#0091FF;font-weight:700;margin-bottom:3px">${emoji} ${esc(where)}</div>
-        <div style="font-size:19px;font-weight:800;color:#0b1220;margin:0 0 10px">${esc(p.name)}</div>
-        <a href="${esc(p.url)}" style="display:inline-block;background:#eff6ff;color:#0b66c2;text-decoration:none;padding:8px 16px;border-radius:8px;font-weight:700;font-size:13px">View profile &rarr;</a>
+        <div style="font-size:19px;font-weight:800;color:${pal.ink};margin:0 0 10px">${esc(p.name)}</div>
+        <a href="${esc(p.url)}" style="display:inline-block;background:${pal.accentCard};color:${pal.accentInk};text-decoration:none;padding:8px 16px;border-radius:8px;font-weight:700;font-size:13px">View profile &rarr;</a>
       </td>
     </tr></table>
   </td></tr>
 </table>`;
     };
     parts.push(`<p style="text-align:center;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#0091FF;font-weight:700;margin:6px 0 4px">🤝 Your local Xuda team</p>
-<p style="text-align:center;color:#94a3b8;font-size:13px;margin:0 0 14px">Your regional ambassador and mentor are here to help you build.</p>`);
+<p style="text-align:center;color:${pal.muted};font-size:13px;margin:0 0 14px">Your regional ambassador and mentor are here to help you build.</p>`);
     if (amb) parts.push(person_card(amb));
     if (men) parts.push(person_card(men));
   }
@@ -6091,15 +6099,19 @@ const _nl_render_email = (issue, { host, first_name, fashion, partners, unsub_ur
   let dateStr = '';
   try { dateStr = new Date(issue.created_ts || Date.now()).toLocaleDateString('en-US', { month: 'long', day: 'numeric', year: 'numeric' }); } catch (e) {}
 
+  // In dark mode the outer div paints a dark panel behind the whole newsletter.
+  const shell = dark
+    ? `font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:${pal.pageBg};padding:26px 20px 10px;border-radius:14px`
+    : `font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif`;
   return `
-<div style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif">
+<div style="${shell}">
   <div style="text-align:center;margin:0 0 8px">
-    <span style="display:inline-block;background:#eff6ff;color:#0b66c2;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:5px 13px;border-radius:20px">Issue #${esc(issue.issue_number)}${dateStr ? ' &middot; ' + esc(dateStr) : ''}</span>
+    <span style="display:inline-block;background:${pal.pill};color:${pal.pillInk};font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:5px 13px;border-radius:20px">Issue #${esc(issue.issue_number)}${dateStr ? ' &middot; ' + esc(dateStr) : ''}</span>
   </div>
-  <h1 style="text-align:center;font-size:28px;font-weight:800;color:#0b1220;margin:0 0 8px">Xuda Weekly</h1>
-  <p style="text-align:center;color:#475569;font-size:15px;line-height:1.55;margin:0 auto 24px;max-width:400px"><strong style="color:#0b1220">${greet}</strong> here's what's new at Xuda this week: a quick tip, fresh reads, a feature to try, and this week's deal.</p>
+  <h1 style="text-align:center;font-size:28px;font-weight:800;color:${pal.ink};margin:0 0 8px">Xuda Weekly</h1>
+  <p style="text-align:center;color:${pal.body};font-size:15px;line-height:1.55;margin:0 auto 24px;max-width:400px"><strong style="color:${pal.ink}">${greet}</strong> here's what's new at Xuda this week: a quick tip, fresh reads, a feature to try, and this week's deal.</p>
   ${parts.join('')}
-  <p style="text-align:center;color:#94a3b8;font-size:12px;line-height:1.7;margin:26px 0 0;border-top:1px solid #e9edf3;padding-top:18px">You're receiving this because you opted in to Xuda updates.<br><a href="${esc(unsub_url)}" style="color:#94a3b8;text-decoration:underline">Unsubscribe</a> &nbsp;&middot;&nbsp; <a href="https://${esc(host)}/dashboard" style="color:#94a3b8;text-decoration:underline">Your account</a></p>
+  <p style="text-align:center;color:${pal.muted};font-size:12px;line-height:1.7;margin:26px 0 0;border-top:1px solid ${pal.footBorder};padding-top:18px">You're receiving this because you opted in to Xuda updates.<br><a href="${esc(unsub_url)}" style="color:${pal.muted};text-decoration:underline">Unsubscribe</a> &nbsp;&middot;&nbsp; <a href="https://${esc(host)}/dashboard" style="color:${pal.muted};text-decoration:underline">Your account</a></p>
 </div>`;
 };
 
@@ -6117,16 +6129,18 @@ const _nl_sample_recipient = (host) => ({
   unsub_url: `https://${host}/newsletter/unsubscribe?u=SAMPLE&t=SAMPLE`,
 });
 
-const _newsletter_send_sample_internal = async (issue, to_email) => {
+const _newsletter_send_sample_internal = async (issue, to_email, theme) => {
   const host = _ops_host();
   const [fpool, ppool] = await Promise.all([_nl_fashion_pool(), _nl_partner_pool()]);
   const rcpt = _nl_sample_recipient(host);
   rcpt.fashion = _nl_fashion_for(fpool, rcpt.country, rcpt.city, issue.issue_number);
   rcpt.partners = _nl_partners_for(ppool, rcpt.cc, rcpt.country, rcpt.city);
+  rcpt.theme = theme;
   const html = _nl_render_email(issue, rcpt);
   // email_ms (request/response) so we get a real {code} back — email_msa is
   // fire-and-forget and would report undefined.
-  return email_ms.send_email({ email: to_email, subject: `[SAMPLE] ${issue.subject}`, body: html, display_type: 'info' });
+  const tag = theme === 'dark' ? '[SAMPLE · DARK] ' : '[SAMPLE] ';
+  return email_ms.send_email({ email: to_email, subject: `${tag}${issue.subject}`, body: html, display_type: 'info' });
 };
 
 // Build the weekly draft: content + coupon + numbered issue, then sample to ops.
@@ -6223,6 +6237,7 @@ export const newsletter_preview = async function (req = {}) {
     const rcpt = _nl_sample_recipient(host);
     rcpt.fashion = _nl_fashion_for(fpool, rcpt.country, rcpt.city, ret.data.issue_number);
     rcpt.partners = _nl_partners_for(ppool, rcpt.cc, rcpt.country, rcpt.city);
+    rcpt.theme = req.theme;
     const html = _nl_render_email(ret.data, rcpt);
     return { code: 1, data: { issue_number: ret.data.issue_number, subject: ret.data.subject, status: ret.data.status, html } };
   } catch (err) {
@@ -6237,8 +6252,8 @@ export const newsletter_send_sample = async function (req = {}) {
     const ret = await db_module.get_couch_doc(NEWSLETTER_DB, id);
     if (ret.code < 0 || !ret.data) return { code: -1, data: 'issue not found' };
     const to = req.email || 'info@xuda.ai';
-    const sr = await _newsletter_send_sample_internal(ret.data, to);
-    return { code: 1, data: { sent_to: to, email_code: sr && sr.code } };
+    const sr = await _newsletter_send_sample_internal(ret.data, to, req.theme);
+    return { code: 1, data: { sent_to: to, email_code: sr && sr.code, theme: req.theme || 'light' } };
   } catch (err) {
     return { code: -1, data: err.message };
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xuda.io/account_module",
-  "version": "1.2.2281",
+  "version": "1.2.2282",
   "description": "Xuda Account Server Module",
   "main": "index.mjs",
   "dependencies": {