Encrypted over Tailscale between mesh nodes only — but stored as plain text on every
machine that receives it. Delete removes it from this machine, not from theirs.
@@ -1345,14 +1376,87 @@ _vvPtReload = vvPtLoad; // expose to top-level toggle fns
// ── Mesh chat ─────────────────────────────────────────────────────────────────
// Kept apart from vvPtLoad's 10s poll: that redraws the whole page, and a redraw mid-sentence
// would take the textarea with it.
-let _vvNc = { ch: '', me: '', msgs: [], lastRead: 0, chans: [] };
+let _vvNc = { ch: '', me: '', msgs: [], lastRead: 0, chans: [], hosts: {},
+ fmt: { bold: false, italic: false, underline: false } };
+
+// Formatting and display choices are per browser, not per message — picking a house style once
+// and having it forgotten on reload is the same complaint the web-search tick had.
+const _VV_NC_PREF = 'vvNcPrefs';
+function _vvNcLoadPrefs() {
+ let p = {};
+ try { p = JSON.parse(localStorage.getItem(_VV_NC_PREF) || '{}') || {}; } catch (_) {}
+ for (const k of ['color', 'font', 'size']) {
+ const el = document.getElementById('vv-nc-' + k);
+ if (el && p[k] != null) el.value = p[k];
+ }
+ for (const k of ['names', 'follow']) {
+ const el = document.getElementById('vv-nc-' + k);
+ if (el && p[k] != null) el.checked = !!p[k];
+ }
+ _vvNc.fmt = Object.assign(_vvNc.fmt, p.fmt || {});
+ _vvNcPaintFmt();
+}
+function vvNcPref() {
+ const p = { fmt: _vvNc.fmt };
+ for (const k of ['color', 'font', 'size']) p[k] = document.getElementById('vv-nc-' + k)?.value ?? '';
+ for (const k of ['names', 'follow']) p[k] = !!document.getElementById('vv-nc-' + k)?.checked;
+ try { localStorage.setItem(_VV_NC_PREF, JSON.stringify(p)); } catch (_) {}
+ _vvNcPaintFmt();
+}
+function vvNcTog(k) { _vvNc.fmt[k] = !_vvNc.fmt[k]; vvNcPref(); }
+
+// The preview is the only way to see what B/I/U plus a colour actually look like together
+// before committing them to a message everyone else keeps a copy of.
+function _vvNcPaintFmt() {
+ for (const k of ['bold', 'italic', 'underline']) {
+ document.getElementById('vv-nc-' + k)?.classList.toggle('active', !!_vvNc.fmt[k]);
+ }
+ const pv = document.getElementById('vv-nc-preview');
+ if (!pv) return;
+ const s = _vvNcStyle({ style: {
+ color: document.getElementById('vv-nc-color')?.value || '',
+ font: document.getElementById('vv-nc-font')?.value || '',
+ size: document.getElementById('vv-nc-size')?.value || '',
+ bold: _vvNc.fmt.bold, italic: _vvNc.fmt.italic, underline: _vvNc.fmt.underline,
+ }}, false);
+ pv.setAttribute('style', 'margin-left:6px;' + s);
+}
+
+function vvNcToggleFmt() {
+ const row = document.getElementById('vv-nc-fmt');
+ const btn = document.getElementById('vv-nc-fmt-btn');
+ const open = row.style.display !== 'none';
+ row.style.display = open ? 'none' : 'flex';
+ btn.textContent = open ? 'Aa ▸' : 'Aa ▾';
+}
+
+// Style string for a message. Closed set on both ends — the server validates the same values,
+// so nothing here can emit a property the store did not agree to.
+function _vvNcStyle(m, mine) {
+ const st = m.style || {};
+ const sizes = { sm: '11px', lg: '14px' };
+ let s = `color:${st.color || (mine ? '#7a9a7a' : '#9aa')};`;
+ if (fonts[st.font]) s += `font-family:${fonts[st.font]};`;
+ s += `font-size:${sizes[st.size] || '12px'};`;
+ if (st.bold) s += 'font-weight:700;';
+ if (st.italic) s += 'font-style:italic;';
+ if (st.underline) s += 'text-decoration:underline;';
+ return s;
+}
+
+// HOST2 or unRAID-Jayred36, depending on the tick. The mapping comes from master.conf via the
+// API rather than being reconstructed here.
+function _vvNcWho(id) {
+ const full = document.getElementById('vv-nc-names')?.checked;
+ return full ? (_vvNc.hosts[id] || id) : id.toUpperCase();
+}
function vvNcChans() {
fetch('/plugins/varaverk/api/node_chat.php?_=' + Date.now())
.then(r => r.json())
.then(d => {
if (!d.ok) return;
- _vvNc.me = d.me; _vvNc.chans = d.channels || [];
+ _vvNc.me = d.me; _vvNc.chans = d.channels || []; _vvNc.hosts = d.hostnames || {};
const sel = document.getElementById('vv-nc-ch');
if (!sel) return;
const keep = _vvNc.ch || (_vvNc.chans[0] || {}).id || '';
@@ -1389,22 +1493,21 @@ function vvNcRender() {
const fonts = { mono: 'monospace', sans: 'system-ui,sans-serif', serif: 'Georgia,serif' };
box.innerHTML = msgs.map(m => {
const mine = m.from === _vvNc.me;
- const col = (m.style && m.style.color) || (mine ? '#7a9a7a' : '#9aa');
- const font = fonts[(m.style && m.style.font) || ''] || 'inherit';
const fresh = (m.ts || 0) > _vvNc.lastRead && !mine;
return `
- ${vvEscHtml(m.from)}
+ ${vvEscHtml(_vvNcWho(m.from))}
${new Date((m.ts || 0) * 1000).toLocaleString()}
×
-
${vvEscHtml(m.text)}
+
${vvEscHtml(m.text)}
`;
}).join('');
- box.scrollTop = box.scrollHeight;
+ // Only when asked. Someone reading back through a thread must not be yanked to the bottom by
+ // the 15s poll landing a new line.
+ if (document.getElementById('vv-nc-follow')?.checked) box.scrollTop = box.scrollHeight;
// Marking read is what makes "unread only" mean anything next time, so it happens on view —
// but not while the filter is on, or the list would empty itself as you read it.
@@ -1436,6 +1539,10 @@ function vvNcSend() {
action: 'send', channel: _vvNc.ch, text,
color: document.getElementById('vv-nc-color').value,
font: document.getElementById('vv-nc-font').value,
+ size: document.getElementById('vv-nc-size').value,
+ bold: _vvNc.fmt.bold ? '1' : '',
+ italic: _vvNc.fmt.italic ? '1' : '',
+ underline: _vvNc.fmt.underline ? '1' : '',
})
}).then(r => r.json()).then(d => {
if (!d.ok) { st.textContent = d.error || 'failed'; return; }
@@ -1456,6 +1563,7 @@ function vvNcDel(id) {
}).then(() => vvNcLoad()).catch(() => {});
}
+_vvNcLoadPrefs();
vvNcChans();
setInterval(vvNcChans, 15000);