Сервер: регистрация устройств и X-Device, hub с одним потоком на устройство, очередь per-device с фан-аутом без эха отправителю, POST /api/messages с проверками в порядке protocol.md, ACK, SSE с воспроизведением очереди, ready и пингом раз в 20 секунд, контакты в обе стороны при первом сообщении, лимит 30 сообщений в минуту. Клиент: ULID, ключ 1:1 из ECDH через HKDF, шифрование конверта с AAD, sync.js как единственный писатель в IndexedDB, ACK строго после записи, список чатов, экран чата по эталону, разделители дат и «новые», pending и failed с повтором, полоса «нет соединения». ADR-033: у неотправленного есть текст отказа — clock_skew стало видно. ADR-034: входящее с известным id не перезаписывает запись. Собеседник знает открытый id конверта и подменял им чужое сообщение в чужой истории — вплоть до стирания своего присланного, чего «удалить у всех не существует» не допускает. ADR-035: один поток событий на браузерный профиль (locks + BroadcastChannel): две вкладки отбирали поток друг у друга и оставались без живой доставки. ADR-036: повтор отправки сохраняет ULID, пока он в пределах окна часов, — иначе потерянный ответ давал у собеседника два сообщения вместо одного. Приёмка на боевом сервере: два аккаунта, пять устройств, живая доставка, копия на второе устройство, очередь офлайн-устройству, ACK, подмена from игнорируется, чужой deviceId и запрос без Origin отбиваются, плейнтекста в базе и WAL ноль вхождений. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_015DbCjVfTFq4ZFG8juD45YJ
69 lines
1.9 KiB
JavaScript
69 lines
1.9 KiB
JavaScript
// Новый чат — docs/ui.md, «Новый чат». Строка `#имя комнаты` появится
|
|
// вместе с комнатами (этап 3): создавать пока нечего.
|
|
|
|
import * as sync from "../sync.js";
|
|
import { el, message, setError, setNote } from "./dom.js";
|
|
|
|
export function renderNew(root, ctx) {
|
|
root.append(head(ctx));
|
|
|
|
const body = el("div", "body");
|
|
const form = el("form", "form");
|
|
form.noValidate = true;
|
|
|
|
const row = el("div", "input");
|
|
const prompt = el("span", "p", ">");
|
|
prompt.setAttribute("aria-hidden", "true");
|
|
const field = el("input", "input__field");
|
|
field.type = "text";
|
|
field.placeholder = "@ник";
|
|
field.autocapitalize = "off";
|
|
field.autocomplete = "off";
|
|
field.spellcheck = false;
|
|
const go = el("button", "input__send", ">");
|
|
go.type = "submit";
|
|
row.append(prompt, field, go);
|
|
|
|
const note = message();
|
|
form.append(row, note);
|
|
|
|
form.addEventListener("submit", async (event) => {
|
|
event.preventDefault();
|
|
if (go.disabled) {
|
|
return;
|
|
}
|
|
setNote(note, "");
|
|
// Ник вводят как в списке: с «@» или без. Регистр не хранится —
|
|
// ники строчные (ADR-019).
|
|
const nick = field.value.trim().replace(/^@/, "").toLowerCase();
|
|
if (nick === "") {
|
|
field.focus();
|
|
return;
|
|
}
|
|
field.value = nick;
|
|
go.disabled = true;
|
|
try {
|
|
await sync.openDm(nick);
|
|
ctx.go(`#/dm/${nick}`);
|
|
} catch (err) {
|
|
setError(note, ctx.errorText(err));
|
|
field.focus();
|
|
} finally {
|
|
go.disabled = false;
|
|
}
|
|
});
|
|
|
|
body.append(form);
|
|
root.append(body);
|
|
field.focus();
|
|
}
|
|
|
|
function head(ctx) {
|
|
const bar = el("div", "head");
|
|
const back = el("button", "back", "назад");
|
|
back.type = "button";
|
|
back.addEventListener("click", () => ctx.go("#/"));
|
|
bar.append(back, el("span", "title", "новый чат"));
|
|
return bar;
|
|
}
|