feat(app): redesigned interface, polls, drafts, forwarding and mentions

A new look across the app and a set of everyday messaging features.

Interface
- Home screen with Chats, Contacts and Settings tabs, a large title,
  search across chats and message text (diacritics-insensitive), filters
  and pinned chats.
- Conversation view with a translucent header and composer, grouped
  bubbles, author avatars and colours in groups, swipe to reply, an
  "N new messages" marker, a jump-to-latest button and in-chat search.
- Contact and group profiles: verification, shared photos, groups in
  common, disappearing messages, mute, block; members, admin badges,
  adding people, rename and leave for groups.
- Full-screen photo viewer that pages through the whole conversation.
- A stable avatar colour per person and a clearly visible read state.

Messaging
- Polls in chats and groups, single or multiple choice, with votes that
  can be changed or withdrawn; older clients see them as text.
- Drafts survive leaving a chat and show in the chat list.
- Forwarding of messages, photos, files and voice messages.
- Notes to self: a local-only, encrypted chat that never reaches the
  relay.
- @mentions in groups that notify even when the group is muted.
- Typing indicators sent as ephemeral messages, opt-in and mutual like
  read receipts.
- Delivery and read times per message and per group member.
- Profile photos, cropped, resized and stripped of metadata, delivered
  encrypted to contacts.
- Voice message playback at 1.5x and 2x.
- Call buttons in 1:1 chats and call log entries.

Fixes
- Muted groups no longer notify: muting was checked against the
  author's chat instead of the group.
- A blocked contact could unblock itself by changing its delivery
  address.
- Read receipts no longer regress to delivered when a late delivery
  receipt arrives.
- A message marked as failed corrects itself once it is delivered.
- Double ticks in groups now mean delivered to every member.
This commit is contained in:
Julius Joska
2026-10-03 22:44:53 +02:00
parent 933a74c900
commit 5246a97db2
56 changed files with 12028 additions and 1668 deletions
@@ -5,6 +5,10 @@ class AppConstants {
static const String appName = 'Šepot';
static const String appAuthor = 'ajtak.it';
/// Id konverzace „Poznámky pro sebe“. Nekoliduje s fingerprintem (hex)
/// ani s gid skupiny (UUID); podle něj se pozná, že nic nejde do sítě.
static const String notesConversationId = 'notes';
// Relay server (REST + WS na jednom portu). Přepsatelné při buildu:
// flutter build --dart-define=SEPOT_RELAY=http://<dev-relay-host>:8470
static const String relayUrl = String.fromEnvironment(
+3
View File
@@ -15,7 +15,10 @@ String describeError(AppLocalizations l10n, Object error) => switch (error) {
ContactLinkIncompleteError() => l10n.errorContactLinkIncomplete,
AttachmentTooLargeError(:final maxMb) =>
l10n.errorAttachmentTooLarge(maxMb),
AttachmentUnavailableError() => l10n.errorAttachmentUnavailable,
GroupNeedsMemberError() => l10n.errorGroupNeedsMember,
NotGroupAdminError() => l10n.errorGroupNotAdmin,
LastGroupAdminError() => l10n.errorGroupLastAdmin,
GroupTooLargeError(:final maxMembers) =>
l10n.errorGroupMaxMembers(maxMembers),
MemberNoDeliveryAddressError(:final displayName) =>
+20 -2
View File
@@ -63,6 +63,7 @@ class RelayClient {
StreamController<RelayConnectionState>.broadcast();
final _deliverController = StreamController<pb.Envelope>.broadcast();
final _receiptController = StreamController<pb.Receipt>.broadcast();
final _turnController = StreamController<pb.TurnCredentials>.broadcast();
var _state = RelayConnectionState.disconnected;
@@ -340,6 +341,10 @@ class RelayClient {
if (!_receiptController.isClosed) {
_receiptController.add(frame.receipt);
}
} else if (frame.hasTurnCredentials()) {
if (!_turnController.isClosed) {
_turnController.add(frame.turnCredentials);
}
}
},
onDone: _onDisconnected,
@@ -373,10 +378,11 @@ class RelayClient {
}
/// Odešle sealed-sender obálku. Vrací Receipt (STORED_OFFLINE /
/// DELIVERED_ONLINE) spárovaný přes msg_uuid.
/// DELIVERED_ONLINE, u EPHEMERAL i DROPPED) spárovaný přes msg_uuid.
Future<pb.Receipt> sendEnvelope({
required Uint8List dstAddress,
required Uint8List payload,
pb.ContentHint hint = pb.ContentHint.CONTENT_HINT_DEFAULT,
Duration timeout = const Duration(seconds: 10),
}) async {
final msgUuid = randomBytes(16);
@@ -387,13 +393,24 @@ class RelayClient {
envelope: pb.Envelope(
dstAddress: dstAddress,
msgUuid: msgUuid,
contentHint: pb.ContentHint.CONTENT_HINT_DEFAULT,
contentHint: hint,
payload: payload,
),
));
return receiptFuture;
}
/// Dočasné údaje k TURN serveru pro hovor. Relay je vydá jen přihlášenému
/// zařízení; bez TURN na relayi (503) doběhne timeout a hovor zkusí jen
/// přímé spojení přes STUN.
Future<pb.TurnCredentials> requestTurn({
Duration timeout = const Duration(seconds: 5),
}) {
final future = _turnController.stream.first.timeout(timeout);
_send(pb.ClientFrame(turnRequest: pb.TurnRequest()));
return future;
}
/// Potvrdí zpracování obálky — relay ji smaže z fronty. Volat až PO
/// uložení zprávy na disk.
void ack(List<int> msgUuid) {
@@ -437,6 +454,7 @@ class RelayClient {
await stop();
_transport.close();
await _stateController.close();
await _turnController.close();
await _deliverController.close();
await _receiptController.close();
}
+38
View File
@@ -0,0 +1,38 @@
import 'dart:isolate';
import 'dart:math' as math;
import 'dart:typed_data';
import 'package:image/image.dart' as img;
import 'package:sepot/core/services/image_processor.dart';
/// Strana profilové fotky v pixelech — víc se v appce nikde nezobrazí.
const avatarSide = 256;
/// Vybranou fotku otočí podle EXIF, ořízne na středový čtverec, zmenší
/// a znovu zakóduje do JPEG bez metadat (EXIF, GPS, model telefonu).
/// Null = obrázek nejde přečíst.
Future<Uint8List?> prepareAvatarJpeg(Uint8List input) => Isolate.run(() {
final img.Image? decoded;
try {
decoded = img.decodeImage(input);
} on Object {
// Dekodéry na poškozených datech háží místo null.
return null;
}
if (decoded == null) return null;
final upright = img.bakeOrientation(decoded);
final side = math.min(upright.width, upright.height);
final square = img.copyCrop(
upright,
x: (upright.width - side) ~/ 2,
y: (upright.height - side) ~/ 2,
width: side,
height: side,
);
final small = img.copyResize(square,
width: avatarSide,
height: avatarSide,
interpolation: img.Interpolation.average);
ImageProcessor.stripMetadata(small);
return Uint8List.fromList(img.encodeJpg(small, quality: 85));
});
File diff suppressed because it is too large Load Diff
+74
View File
@@ -0,0 +1,74 @@
import 'dart:async';
/// Kdo právě píše: konverzace → otisky pisatelů.
///
/// Indikátor nemá „konec psaní“ — odesílatel posílá „píšu“ nejvýš jednou
/// za pár sekund a tady každý záznam sám vyprší. Zpráva, která pak dorazí,
/// ho smaže hned ([clear]).
class TypingTracker {
TypingTracker({DateTime Function()? clock}) : _now = clock ?? DateTime.now;
/// Jak dlouho po posledním „píšu“ indikátor svítí. Musí být delší než
/// interval, ve kterém odesílatel „píšu“ opakuje (4 s), jinak by blikal.
static const showFor = Duration(seconds: 6);
final DateTime Function() _now;
final _expires = <String, Map<String, DateTime>>{};
final _changes = StreamController<Map<String, Set<String>>>.broadcast();
Timer? _sweep;
Stream<Map<String, Set<String>>> get changes => _changes.stream;
/// Aktuální pisatelé po konverzacích (bez vypršelých).
Map<String, Set<String>> get current {
final now = _now();
return {
for (final e in _expires.entries)
if (e.value.values.any((t) => t.isAfter(now)))
e.key: {
for (final w in e.value.entries)
if (w.value.isAfter(now)) w.key,
},
};
}
void mark(String convId, String writer) {
(_expires[convId] ??= {})[writer] = _now().add(showFor);
_emit();
_sweep ??= Timer.periodic(const Duration(seconds: 1), (_) => prune());
}
void clear(String convId, String writer) {
final writers = _expires[convId];
if (writers?.remove(writer) == null) return;
if (writers!.isEmpty) _expires.remove(convId);
_emit();
}
/// Zahodí vypršelé záznamy; když už nikdo nepíše, zastaví časovač.
void prune() {
final now = _now();
var changed = false;
_expires.removeWhere((_, writers) {
final before = writers.length;
writers.removeWhere((_, t) => !t.isAfter(now));
changed |= writers.length != before;
return writers.isEmpty;
});
if (changed) _emit();
if (_expires.isEmpty) {
_sweep?.cancel();
_sweep = null;
}
}
void dispose() {
_sweep?.cancel();
_sweep = null;
_expires.clear();
}
void _emit() {
if (!_changes.isClosed) _changes.add(current);
}
}
+46
View File
@@ -19,6 +19,7 @@ class SepotColors {
// Text
static const Color textPrimary = Color(0xFFF0EEE8); // mléko
static const Color textSecondary = Color(0xFF9AA0B5); // mlha
static const Color textEmphasis = Color(0xFFC4C8D6); // mlha, zvýrazněná
static const Color textMuted = Color(0xFF626880);
// Akcentní barvy
@@ -39,12 +40,57 @@ class SepotColors {
// Bubliny zpráv — odeslaná teplá (ember), přijatá chladná (povrch)
static const Color bubbleSent = Color(0xFFF0795A);
static const Color bubbleReceived = Color(0xFF191C28);
/// Plovoucí lišty nad obsahem (hlavička chatu, pole pro psaní, navigace).
/// Průhlednost nese rozmazání pod sebou — bez něj by působila jako chyba.
static const Color glass = Color(0xC712141D);
static const Color glassBorder = Color(0x0FFFFFFF);
/// Podklad hlavičky profilu — o tón teplejší než noc, ať avatar vystoupí.
static const Color hero = Color(0xFF14131A);
}
/// Tóny avatarů: tlumený podklad + světlejší inkoust téže barvy. Člověk
/// dostane tón podle otisku klíče, takže má všude a u všech stejnou barvu.
class SepotTint {
const SepotTint(this.background, this.ink);
final Color background;
final Color ink;
static const all = [
SepotTint(Color(0xFF3A2A33), Color(0xFFF2A58F)), // ember
SepotTint(Color(0xFF22352B), Color(0xFFA6CFB2)), // sage
SepotTint(Color(0xFF1E2A3A), Color(0xFF9FB6D6)), // mist
SepotTint(Color(0xFF3A3222), Color(0xFFE6C27A)), // jantar
SepotTint(Color(0xFF2C2638), Color(0xFFC3B2E0)), // levandule
];
/// Stabilní napříč spuštěními — String.hashCode to Dart nezaručuje.
static SepotTint of(String seed) {
var h = 0x811c9dc5;
for (final c in seed.codeUnits) {
h = ((h ^ c) * 0x01000193) & 0xFFFFFFFF;
}
return all[h % all.length];
}
}
/// Témata aplikace
class SepotTheme {
SepotTheme._();
/// Velký nadpis hlavních karet (Chaty, Kontakty, Nastavení).
static const largeTitle = TextStyle(
fontSize: 32,
fontWeight: FontWeight.w800,
letterSpacing: -0.6,
color: SepotColors.textPrimary,
);
/// Výška lišty s velkým nadpisem.
static const largeTitleBarHeight = 76.0;
static ThemeData get dark {
return ThemeData(
useMaterial3: true,
+40
View File
@@ -0,0 +1,40 @@
/// Porovnávání textu pro hledání: bez ohledu na velikost písmen a diakritiku.
/// Lidé na mobilu často píšou „prectu“ místo „přečtu“ — hledání to má najít.
library;
const _map = {
'á': 'a', 'ä': 'a', 'č': 'c', 'ď': 'd', 'é': 'e', 'ě': 'e', 'ë': 'e',
'í': 'i', 'ľ': 'l', 'ĺ': 'l', 'ň': 'n', 'ó': 'o', 'ô': 'o', 'ö': 'o',
'ř': 'r', 'ŕ': 'r', 'š': 's', 'ť': 't', 'ú': 'u', 'ů': 'u', 'ü': 'u',
'ý': 'y', 'ž': 'z', 'ß': 'ss',
};
/// Malá písmena bez diakritiky. Délka se může změnit jen u „ß“, proto
/// pozice shod počítej přes [foldedIndexes], ne přes indexy výsledku.
String fold(String input) {
final out = StringBuffer();
for (final ch in input.toLowerCase().split('')) {
out.write(_map[ch] ?? ch);
}
return out.toString();
}
/// Začátky všech výskytů [query] v [text] (indexy do PŮVODNÍHO textu).
/// Znaky se skládají po jednom, takže indexy sedí i pro zvýraznění.
List<int> foldedIndexes(String text, String query) {
final q = fold(query);
if (q.isEmpty) return const [];
final chars = text.split('');
final folded = chars.map(fold).toList();
final hits = <int>[];
for (var i = 0; i < chars.length; i++) {
var j = i;
var matched = '';
while (j < chars.length && matched.length < q.length) {
matched += folded[j];
j++;
}
if (matched.startsWith(q)) hits.add(i);
}
return hits;
}