@dnaproje/identity 0.0.0-stage → 0.1.1

package/src/email-signature.js

@@ -0,0 +1,96 @@
+// DNA e-mail signature (identity/spec/50-email-signature.md). Table based, inline styles only,
+// no web fonts, no company name or e-mail address in the signature. Colours, address, web and
+// logo come from the tokens, so dna-website and any other tool render the same signature.
+import { tokens } from '../dist/tokens.js'
+
+const C = {
+  ink: tokens.color.brand.ink.hex,
+  navy: tokens.color.brand.navy.hex,
+  secondary: tokens.color.support.textSecondary.hex,
+  link: tokens.color.support.link.hex,
+}
+const FONT = [tokens.font.email.family, ...tokens.font.email.fallback].map(f => (/\s/.test(f) && f !== 'sans-serif' ? `'${f}'` : f)).join(',')
+const ADDRESS = tokens.company.addressShort
+const WEB_LABEL = tokens.company.web
+const WEB_URL = `https://${tokens.company.web}`
+export const LOGO_URL = tokens.logo.webMarkUrl
+
+const escapeHtml = s => String(s ?? '').replaceAll('&', '&amp;').replaceAll('<', '&lt;').replaceAll('>', '&gt;').replaceAll('"', '&quot;')
+
+// Normalises a Turkish mobile number to "+90 5XX XXX XX XX"; leaves anything else as typed.
+export function normalizeGsm(input) {
+  let d = String(input ?? '').replace(/\D/g, '')
+  if (d.startsWith('0090')) d = d.slice(4)
+  else if (d.startsWith('90') && d.length === 12) d = d.slice(2)
+  else if (d.startsWith('0') && d.length === 11) d = d.slice(1)
+  if (d.length !== 10 || !d.startsWith('5')) return String(input ?? '').trim()
+  return `+90 ${d.slice(0, 3)} ${d.slice(3, 6)} ${d.slice(6, 8)} ${d.slice(8)}`
+}
+
+function phones({ gsm, phone }) {
+  const g = normalizeGsm(gsm)
+  const p = String(phone ?? '').trim()
+  return p ? `${g} · ${p}` : g
+}
+
+function required(data) {
+  for (const key of ['name', 'titleTr', 'titleEn', 'gsm']) {
+    if (!String(data?.[key] ?? '').trim()) throw new Error(`E-posta imzası için "${key}" zorunlu.`)
+  }
+}
+
+/**
+ * HTML signature to paste into Gmail or Outlook.
+ * @param {{ name: string, titleTr: string, titleEn: string, gsm: string, phone?: string, variant?: 'A'|'B' }} data
+ * @param {{ logoUrl?: string }} [options] logoUrl must be absolute in a copied signature; a preview may pass a site-relative path.
+ */
+export function emailSignatureHtml(data, { logoUrl = LOGO_URL } = {}) {
+  required(data)
+  const variant = data.variant === 'B' ? 'B' : 'A'
+  const title = `${escapeHtml(data.titleTr.trim())} · ${escapeHtml(data.titleEn.trim())}`
+  const address = variant === 'A'
+    ? `<a href="${WEB_URL}" style="color:${C.link};text-decoration:none">${WEB_LABEL}</a> · ${escapeHtml(ADDRESS)}`
+    : escapeHtml(ADDRESS)
+  const webRow = variant === 'B'
+    ? `\n  <tr>\n    <td colspan="2" align="center" style="padding-top:10px"><a href="${WEB_URL}" style="font-size:11px;line-height:16px;color:${C.link};text-decoration:none;letter-spacing:.08em">${WEB_LABEL}</a></td>\n  </tr>`
+    : ''
+  return `<table cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;font-family:${FONT}">
+  <tr>
+    <td valign="top" style="padding:2px 16px 0 0"><img src="${escapeHtml(logoUrl)}" width="48" height="48" alt="DNA" style="display:block;border:0"></td>
+    <td valign="top">
+      <div style="font-size:14px;font-weight:700;color:${C.ink};line-height:20px">${escapeHtml(data.name.trim())}</div>
+      <div style="font-size:12px;color:${C.navy};line-height:18px">${title}</div>
+      <div style="font-size:11px;color:${C.secondary};line-height:18px;padding-top:4px">${address}</div>
+      <div style="font-size:12px;color:${C.ink};line-height:18px">${escapeHtml(phones(data))}</div>
+    </td>
+  </tr>${webRow}
+</table>`
+}
+
+/** Plain-text twin of the HTML signature (text/plain part of the clipboard). */
+export function emailSignatureText(data) {
+  required(data)
+  const variant = data.variant === 'B' ? 'B' : 'A'
+  const lines = [data.name.trim(), `${data.titleTr.trim()} · ${data.titleEn.trim()}`, variant === 'A' ? `${WEB_LABEL} · ${ADDRESS}` : ADDRESS, phones(data)]
+  if (variant === 'B') lines.push(WEB_LABEL)
+  return lines.join('\n')
+}
+
+/** Two-line reply signature: name, then "DNA · GSM". */
+export const shortReplySignature = data => `${String(data.name ?? '').trim()}\nDNA · ${normalizeGsm(data.gsm)}`
+
+/** Mobile signature: "Name — DNA", then GSM. */
+export const mobileSignature = data => `${String(data.name ?? '').trim()} — DNA\n${normalizeGsm(data.gsm)}`
+
+/**
+ * Preview only: mimics how mail clients recolour the signature in dark mode. Never copy this
+ * output; the copied HTML always carries the light values.
+ */
+export function darkPreview(html) {
+  const d = tokens.color.darkPreview
+  const map = { [C.ink]: d.ink, [C.navy]: d.navy, [C.secondary]: d.textSecondary, [C.link]: d.link }
+  const pattern = new RegExp(Object.keys(map).join('|'), 'gi')
+  return html.replace(pattern, hex => map[hex.toUpperCase()] ?? hex)
+}
+
+export const DARK_PREVIEW_BACKGROUND = tokens.color.darkPreview.background