Этап 2: чат 1:1 — устройства, очередь, SSE, шифрование сообщений

Сервер: регистрация устройств и 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
2026-08-22 18:18:04 +03:00
parent 597c55301c
commit 63a7a1ef52
39 changed files with 5126 additions and 46 deletions
@@ -0,0 +1,68 @@
+// Новый чат — 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;
+}