feat: Phase 1 complete — Matrix login, rooms, chat, profile

- Direct m.login.password auth against matrix.m8chat.au - Room list with unread badges, last message, timestamps - Chat timeline (text, images, files, replies, reactions) - Profile screen with expandable Notifications and Security sections - Olm E2EE initialisation (web WASM bootstrap) - Global error handler preventing Matrix SDK crashes - GoRouter with refreshListenable (no recreation on auth change) - Feature-first clean architecture: Riverpod + GoRouter + Drift - Deployed to https://app2.m8chat.au Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-02 06:26:57 +10:00
commit 8f13c725a4
114 changed files with 4336 additions and 0 deletions
--- a/web/favicon.png
+++ b/web/favicon.png
--- a/web/icons/Icon-192.png
+++ b/web/icons/Icon-192.png
--- a/web/icons/Icon-512.png
+++ b/web/icons/Icon-512.png
--- a/web/icons/Icon-maskable-192.png
+++ b/web/icons/Icon-maskable-192.png
--- a/web/icons/Icon-maskable-512.png
+++ b/web/icons/Icon-maskable-512.png
--- a/web/index.html
+++ b/web/index.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <!--
+    If you are serving your web app in a path other than the root, change the
+    href value below to reflect the base path you are serving from.
+
+    The path provided below has to start and end with a slash "/" in order for
+    it to work correctly.
+
+    For more details:
+    * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
+
+    This is a placeholder for base href that will be replaced by the value of
+    the `--base-href` argument provided to `flutter build`.
+  -->
+  <base href="$FLUTTER_BASE_HREF">
+
+  <meta charset="UTF-8">
+  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
+  <meta name="description" content="A new Flutter project.">
+
+  <!-- iOS meta tags & icons -->
+  <meta name="mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
+  <meta name="apple-mobile-web-app-title" content="m8chat_app">
+  <link rel="apple-touch-icon" href="icons/Icon-192.png">
+
+  <!-- Favicon -->
+  <link rel="icon" type="image/png" href="favicon.png"/>
+
+  <title>M8Chat</title>
+  <link rel="manifest" href="manifest.json">
+</head>
+<body>
+  <!--
+    Olm WASM must fully initialise before Flutter boots — the Matrix SDK calls
+    Olm.init() synchronously at startup and crashes if the global isn't ready.
+    Strategy: load olm.js synchronously, await Olm.init(), THEN inject
+    flutter_bootstrap.js dynamically so Flutter never starts before Olm.
+  -->
+  <script src="olm.js"></script>
+  <script>
+    Olm.init({ locateFile: function() { return 'olm.wasm'; } })
+      .then(function() {
+        var s = document.createElement('script');
+        s.src = 'flutter_bootstrap.js';
+        document.body.appendChild(s);
+      })
+      .catch(function(e) {
+        // Olm failed — start Flutter anyway so user sees an error screen
+        // rather than a blank page.
+        console.warn('[M8Chat] Olm init failed:', e);
+        var s = document.createElement('script');
+        s.src = 'flutter_bootstrap.js';
+        document.body.appendChild(s);
+      });
+  </script>
+</body>
+</html>
--- a/web/manifest.json
+++ b/web/manifest.json
@@ -0,0 +1,35 @@
+{
+    "name": "m8chat_app",
+    "short_name": "m8chat_app",
+    "start_url": ".",
+    "display": "standalone",
+    "background_color": "#0175C2",
+    "theme_color": "#0175C2",
+    "description": "A new Flutter project.",
+    "orientation": "portrait-primary",
+    "prefer_related_applications": false,
+    "icons": [
+        {
+            "src": "icons/Icon-192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "icons/Icon-512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        },
+        {
+            "src": "icons/Icon-maskable-192.png",
+            "sizes": "192x192",
+            "type": "image/png",
+            "purpose": "maskable"
+        },
+        {
+            "src": "icons/Icon-maskable-512.png",
+            "sizes": "512x512",
+            "type": "image/png",
+            "purpose": "maskable"
+        }
+    ]
+}