feat: build v1 Mews client: reader UI, gestures, Drift store, fetch actor

2026-10-11 09:33:25 +03:00 · 2026-10-11 09:33:25 +03:00 · 01a36e8aee
commit 01a36e8aee
parent d5a0fcbf48
56 changed files with 7287 additions and 2 deletions
--- a/app/lib/presentation/reader/palettes.dart
+++ b/app/lib/presentation/reader/palettes.dart
@ -0,0 +1,140 @@
+import 'package:flutter/material.dart';
+
+import '../../mews/document.dart';
+
+/// The client's own presentation, mirroring the palettes of the default
+/// stylesheet mews-0.1.css (spec 5.1). Mews clients ignore author CSS and use
+/// their own, so these colors are the single visual source for page content.
+class MewsPalette {
+  const MewsPalette({
+    required this.background,
+    required this.foreground,
+    required this.link,
+    required this.visited,
+    required this.border,
+    required this.preBackground,
+  });
+
+  final Color background;
+  final Color foreground;
+  final Color link;
+  final Color visited;
+  final Color border;
+  final Color preBackground;
+}
+
+const _plainLight = MewsPalette(
+  background: Color(0xfffaf8f3),
+  foreground: Color(0xff1f1f1f),
+  link: Color(0xff1a4f9c),
+  visited: Color(0xff5b2a86),
+  border: Color(0xffc9c4b8),
+  preBackground: Color(0xffefece4),
+);
+
+const _plainDark = MewsPalette(
+  background: Color(0xff18191b),
+  foreground: Color(0xffe3e1dc),
+  link: Color(0xff8fb8f5),
+  visited: Color(0xffc9a3f2),
+  border: Color(0xff45464a),
+  preBackground: Color(0xff222326),
+);
+
+const _warmLight = MewsPalette(
+  background: Color(0xfffbf4e8),
+  foreground: Color(0xff2a2420),
+  link: Color(0xff8a3d14),
+  visited: Color(0xff5b2a86),
+  border: Color(0xffc9c4b8),
+  preBackground: Color(0xffefece4),
+);
+
+const _warmDark = MewsPalette(
+  background: Color(0xff1d1916),
+  foreground: Color(0xffe8dfd3),
+  link: Color(0xfff0b48a),
+  visited: Color(0xffc9a3f2),
+  border: Color(0xff45464a),
+  preBackground: Color(0xff222326),
+);
+
+const _coolLight = MewsPalette(
+  background: Color(0xfff3f6fa),
+  foreground: Color(0xff1c2430),
+  link: Color(0xff1a4f9c),
+  visited: Color(0xff5b2a86),
+  border: Color(0xffc9c4b8),
+  preBackground: Color(0xffefece4),
+);
+
+const _coolDark = MewsPalette(
+  background: Color(0xff161a20),
+  foreground: Color(0xffdde4ee),
+  link: Color(0xff8fb8f5),
+  visited: Color(0xffc9a3f2),
+  border: Color(0xff45464a),
+  preBackground: Color(0xff222326),
+);
+
+const _greenLight = MewsPalette(
+  background: Color(0xfff2f6ef),
+  foreground: Color(0xff1f2a1f),
+  link: Color(0xff24502a),
+  visited: Color(0xff5b2a86),
+  border: Color(0xffc9c4b8),
+  preBackground: Color(0xffefece4),
+);
+
+const _greenDark = MewsPalette(
+  background: Color(0xff161b16),
+  foreground: Color(0xffdbe6d8),
+  link: Color(0xff9fd39a),
+  visited: Color(0xffc9a3f2),
+  border: Color(0xff45464a),
+  preBackground: Color(0xff222326),
+);
+
+const _monoLight = MewsPalette(
+  background: Color(0xffe8ebe1),
+  foreground: Color(0xff1e2219),
+  link: Color(0xff1e2219),
+  visited: Color(0xff5b2a86),
+  border: Color(0xffc9c4b8),
+  preBackground: Color(0xffefece4),
+);
+
+const _monoDark = MewsPalette(
+  background: Color(0xff1b1d18),
+  foreground: Color(0xffc8d0b8),
+  link: Color(0xffc8d0b8),
+  visited: Color(0xffc9a3f2),
+  border: Color(0xff45464a),
+  preBackground: Color(0xff222326),
+);
+
+/// Resolves the palette: the reader's variant choice overrides the page's own
+/// variant unless the choice is "site" (spec 5.3, 8.2).
+MewsPalette paletteFor({required MewsVariant pageVariant, required String readerVariant, required bool dark}) {
+  final variant = readerVariant == 'site' ? pageVariant.name : pageVariantFromName(readerVariant);
+  return switch ((variant, dark)) {
+    (MewsVariant.warm, false) => _warmLight,
+    (MewsVariant.warm, true) => _warmDark,
+    (MewsVariant.cool, false) => _coolLight,
+    (MewsVariant.cool, true) => _coolDark,
+    (MewsVariant.green, false) => _greenLight,
+    (MewsVariant.green, true) => _greenDark,
+    (MewsVariant.mono, false) => _monoLight,
+    (MewsVariant.mono, true) => _monoDark,
+    (_, false) => _plainLight,
+    (_, true) => _plainDark,
+  };
+}
+
+MewsVariant pageVariantFromName(String name) => switch (name) {
+      'warm' => MewsVariant.warm,
+      'cool' => MewsVariant.cool,
+      'green' => MewsVariant.green,
+      'mono' => MewsVariant.mono,
+      _ => MewsVariant.plain,
+    };