// qiaopi-compose.jsx — Transwriting engine + submission form. // // A modern visitor writes a family letter in plain spoken Chinese (大白话); // composeQiaopi() dresses it in the conventions of a real qiaopi: an honorific // salutation keyed to the recipient relation, the 敬稟者 opening, a remittance // clause, set closing phrases, and a signature line. This is a deterministic // template/dictionary transform — NOT a language model. The single entry point // composeQiaopi() is the swap point if a real AI rewrite is wired in later. // ─── Relation → salutation + self-term ─────────────────────────────── // salutation: 抬头称谓 ; selfTerm: 寄信人对收信人的自称 const RELATION_PRESETS = { mother: { label: '母亲', salutation: '母親大人膝下：', selfTerm: '兒' }, father: { label: '父亲', salutation: '父親大人膝下：', selfTerm: '兒' }, parents: { label: '父母', salutation: '父母親大人尊前：', selfTerm: '兒' }, wife: { label: '妻子', salutation: '賢妻妝次：', selfTerm: '夫' }, husband: { label: '丈夫', salutation: '夫君大人台鑒：', selfTerm: '妻' }, brother: { label: '兄长', salutation: '兄長大人尊鑒：', selfTerm: '弟' }, younger: { label: '弟弟', salutation: '賢弟如晤：', selfTerm: '兄' }, sister: { label: '姐妹', salutation: '姊妹如晤：', selfTerm: '兄' }, child: { label: '子女', salutation: '吾兒見字：', selfTerm: '父' }, grandpa: { label: '祖父母', salutation: '祖父母大人尊前：', selfTerm: '孫' }, }; const RELATION_DEFAULT = { salutation: '尊鑒：', selfTerm: '弟' }; function relationPreset(relation, recipientName) { const p = RELATION_PRESETS[relation]; if (p) return p; // Fallback: prepend the typed recipient name to a generic respectful salutation. const name = (recipientName || '').trim(); return { salutation: (name ? name + ' ' : '') + RELATION_DEFAULT.salutation, selfTerm: RELATION_DEFAULT.selfTerm }; } // ─── Currency presets ───────────────────────────────────────────────── const CURRENCY_PRESETS = [ { value: '银元', en: 'silver dollars' }, { value: '叻币', en: 'Straits dollars' }, { value: '铢', en: 'baht' }, { value: '披索', en: 'pesos' }, { value: '港币', en: 'HK dollars' }, { value: '国币', en: 'yuan' }, ]; // ─── Light 大白话 → 文言 dictionary ──────────────────────────────────── // Whole-substring replacements applied in order. {SELF} is filled with the // relation's self-term. Kept deliberately light — the goal is flavour, not a // faithful classical translation. const WORD_RULES = [ ['不要担心', '勿念'], ['不用担心', '勿念'], ['别担心', '勿念'], ['担心', '掛念'], ['我们', '我等'], ['我', '{SELF}'], ['你们', '汝等'], ['咱们', '我等'], ['收到', '查收'], ['寄给', '付與'], ['寄回', '付回'], ['寄', '付'], ['钱', '銀'], ['家里', '家中'], ['家中', '家中'], ['现在', '現今'], ['最近', '近日'], ['身体', '身體'], ['想念', '思念'], ['很想', '甚念'], ['平安', '平安'], ['希望', '望'], ['一定', '務必'], ['请', '請'], ['谢谢', '感荷'], ['因为', '因'], ['所以', '故'], ['但是', '惟'], ['知道', '知悉'], ['告诉', '稟告'], ]; function classicalize(text, selfTerm) { let out = (text || '').trim(); for (const [from, to] of WORD_RULES) { out = out.split(from).join(to.replace('{SELF}', selfTerm)); } return out; } // ─── Date → 干支年 + 月 + 日 (postmark flavour) ──────────────────────── const STEMS = ['甲','乙','丙','丁','戊','己','庚','辛','壬','癸']; const BRANCHES = ['子','丑','寅','卯','辰','巳','午','未','申','酉','戌','亥']; const CN_NUM = ['〇','一','二','三','四','五','六','七','八','九','十']; function cnDay(d) { if (d <= 10) return (d === 10 ? '初十' : '初' + CN_NUM[d]); if (d < 20) return '十' + CN_NUM[d - 10]; if (d === 20) return '二十'; if (d < 30) return '廿' + CN_NUM[d - 20]; if (d === 30) return '三十'; return '卅一'; } function cnMonth(m) { return (m === 1 ? '正' : (m === 12 ? '臘' : (m === 11 ? '冬' : CN_NUM[m]))) + '月'; } function composePostmark(date) { const y = date.getFullYear(); const ganzhi = STEMS[(y - 4) % 10] + BRANCHES[(y - 4) % 12] + '年'; return ganzhi + ' ' + cnMonth(date.getMonth() + 1) + ' ' + cnDay(date.getDate()); } // ─── The transform ──────────────────────────────────────────────────── // form: { senderName, recipientName, relation, fromCity, fromCountry, // toCity, toRegion, amountValue, currency, body, makePublic } // opts.bodyOverride: when set, used verbatim as the letter core instead of // classicalizing form.body — lets the live preview show the framing // (salutation / amount / signature) while the body stays a placeholder // until the visitor clicks 誊成侨批. function composeQiaopi(form, opts) { const preset = relationPreset(form.relation, form.recipientName); const selfTerm = preset.selfTerm; const senderName = (form.senderName || '').trim() || '某'; const fromCity = (form.fromCity || '').trim() || '南洋'; const recipientName = (form.recipientName || '').trim(); const core = (opts && opts.bodyOverride != null) ? opts.bodyOverride : classicalize(form.body, selfTerm); const amountVal = parseFloat(form.amountValue); const currency = (form.currency || '银元').trim(); const hasAmount = !isNaN(amountVal) && amountVal > 0; const amountClause = hasAmount ? '\n　　茲付去' + currency + amountVal + '元，伏祈查收。' : ''; const now = new Date(); const postmark = composePostmark(now); const bodyZh = preset.salutation + '\n　　敬稟者，' + core + amountClause + '\n　　餘容後稟。耑此，敬請\n　　福安。' + '\n\n　　　　' + fromCity + ' ' + senderName + ' ' + selfTerm + ' 謹稟' + '\n　　　　' + postmark; const currencyEn = (CURRENCY_PRESETS.find((c) => c.value === currency) || {}).en || ''; const title = (fromCity + (form.fromCountry ? '' : '') + senderName + '寄' + (form.toRegion || form.toCity || '家') + (recipientName ? recipientName : '') + '家書').trim(); return { id: makeCommunityId(), community: true, featured: true, // so the route is clickable on the 信路 map title, year: now.getFullYear(), month: now.getMonth() + 1, from: { city: fromCity, cityEn: '', country: (form.fromCountry || '').trim(), countryEn: '', lng: null, lat: null, }, to: { city: (form.toCity || '').trim(), cityEn: '', region: (form.toRegion || form.toCity || '').trim(), regionEn: '', lng: null, lat: null, }, sender: { name: senderName, nameEn: null }, recipient: { name: recipientName || '—', nameEn: null }, amount: hasAmount ? { value: amountVal, currency, currencyEn } : null, bodyZh, bodyEn: (form.body || '').trim(), // plain-language original, shown as 白话原文 postmark, scans: [], cover: null, scanStatus: 'placeholder', tags: ['網寄'], createdAt: now.toISOString(), private: !form.makePublic, }; } // ─── Submission form page ───────────────────────────────────────────── function ComposePage({ onCancel, onPublished, tweaks, width, height, isMobile = false }) { const [form, setForm] = React.useState({ senderName: '', recipientName: '', relation: 'mother', fromCity: '', fromCountry: '', toCity: '', toRegion: '', amountValue: '', currency: '银元', body: '', }); // `composed` = the body has been 誊写 (transformed) into the preview. Framing // fields preview live; the body only enters on clicking 誊成侨批. Editing the // body again drops back to the placeholder so it must be re-誊写. const [composed, setComposed] = React.useState(false); const [composing, setComposing] = React.useState(false); // AI-polished body core (文言). null → fall back to the rule-based classicalize. const [aiCore, setAiCore] = React.useState(null); const [publishing, setPublishing] = React.useState(false); const set = (k) => (e) => setForm({ ...form, [k]: e.target.value }); const setBody = (e) => { setForm({ ...form, body: e.target.value }); setComposed(false); setAiCore(null); }; const BODY_PLACEHOLDER = '〔正文待誊写——点「誊成侨批」生成〕'; const hasAny = !!(form.senderName.trim() || form.recipientName.trim() || form.body.trim()); const canCompose = !!(form.senderName.trim() && form.recipientName.trim() && form.body.trim()); // bodyOverride: placeholder before 誊写; AI core if we got one; else undefined → rule transform. const bodyOpt = composed ? (aiCore != null ? { bodyOverride: aiCore } : undefined) : { bodyOverride: BODY_PLACEHOLDER }; const liveLetter = hasAny ? composeQiaopi({ ...form, makePublic: true }, bodyOpt) : null; // 誊写正文: try Workers AI polish; on any failure use the rule-based transform. const doCompose = async () => { if (!canCompose || composing) return; setComposing(true); let core = null; try { const res = await fetch('/api/rewrite', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ text: form.body, relation: form.relation }), }); if (res.ok) { const d = await res.json(); if (d && d.ok && d.text) core = d.text; } } catch (e) { /* network/AI down → rule fallback */ } setAiCore(core); // null → composeQiaopi uses classicalize setComposed(true); setComposing(false); }; const publish = async (makePublic) => { if (publishing) return; setPublishing(true); // reuse the same AI core (if any) that's shown in the preview const letter = composeQiaopi({ ...form, makePublic }, aiCore != null ? { bodyOverride: aiCore } : undefined); try { await resolveLetterCoords(letter); } catch (e) { /* coords stay null */ } try { await saveCommunityLetter(letter); } catch (e) { /* fell back to local */ } setPublishing(false); onPublished(letter, makePublic); }; return (
{/* header */}
写一封家书 · Write a letter home
{/* scroll body */}
{/* ── form column ── */}

寄一封家信

用今天的大白话写下你想说的话，我们替你誊成当年侨批的行文格式——称谓、敬辞、汇款、落款，一应俱全。