✨ Basic message editor

lib/i18n/app_en.arb

@@ -33,5 +33,6 @@
   "postDeleteConfirm": "Are you sure you want to delete this post? This operation cannot be revert!",
   "postEditNotify": "You are about editing a post that already published.",
   "reactionAdded": "Your reaction has been added.",
-  "reactionRemoved": "Your reaction has been removed."
+  "reactionRemoved": "Your reaction has been removed.",
+  "chatMessagePlaceholder": "Write a message..."
 }

lib/i18n/app_zh.arb

@@ -33,5 +33,6 @@
   "postDeleteConfirm": "你确定要删除这篇帖子吗？这意味着这个帖子将永远被我们丢弃在硬盘海中！该操作不可被反转！",
   "postEditNotify": "你正在修改一个已经发布了的帖子。",
   "reactionAdded": "你的反应已被添加。",
-  "reactionRemoved": "你的反应已被移除。"
+  "reactionRemoved": "你的反应已被移除。",
+  "chatMessagePlaceholder": "发条消息……"
 }

lib/screens/chat/chat.dart

@@ -1,5 +1,6 @@
 import 'dart:convert';
 
+import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:infinite_scroll_pagination/infinite_scroll_pagination.dart';
 import 'package:provider/provider.dart';
@@ -9,6 +10,7 @@ import 'package:solian/models/pagination.dart';
 import 'package:solian/providers/auth.dart';
 import 'package:solian/utils/service_url.dart';
 import 'package:solian/widgets/chat/message.dart';
+import 'package:solian/widgets/chat/message_editor.dart';
 import 'package:solian/widgets/indent_wrapper.dart';
 import 'package:http/http.dart' as http;
 
@@ -90,9 +92,11 @@ class _ChatScreenState extends State<ChatScreen> {
   @override
   Widget build(BuildContext context) {
     return IndentWrapper(
-      noSafeArea: true,
       hideDrawer: true,
       title: _channelMeta?.name ?? "Loading...",
+      child: Column(
+        children: [
+          Expanded(
             child: PagedListView<int, Message>(
               pagingController: _pagingController,
               builderDelegate: PagedChildBuilderDelegate<Message>(
@@ -116,6 +120,10 @@ class _ChatScreenState extends State<ChatScreen> {
                 },
               ),
             ),
+          ),
+          ChatMessageEditor(channel: widget.alias),
+        ],
+      ),
     );
   }
 }

lib/widgets/chat/message_editor.dart

@@ -0,0 +1,94 @@
+import 'dart:convert';
+
+import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+import 'package:http/http.dart';
+import 'package:provider/provider.dart';
+import 'package:solian/models/message.dart';
+import 'package:solian/providers/auth.dart';
+import 'package:solian/utils/service_url.dart';
+
+class ChatMessageEditor extends StatefulWidget {
+  final String channel;
+  final Message? editing;
+
+  const ChatMessageEditor({super.key, required this.channel, this.editing});
+
+  @override
+  State<ChatMessageEditor> createState() => _ChatMessageEditorState();
+}
+
+class _ChatMessageEditorState extends State<ChatMessageEditor> {
+  final _textController = TextEditingController();
+
+  bool _isSubmitting = false;
+
+  Future<void> sendMessage(BuildContext context) async {
+    if (_isSubmitting) return;
+
+    final auth = context.read<AuthProvider>();
+    if (!await auth.isAuthorized()) return;
+
+    final uri = widget.editing == null
+        ? getRequestUri('messaging', '/api/channels/${widget.channel}/messages')
+        : getRequestUri('messaging', '/api/channels/${widget.channel}/messages/${widget.editing!.id}');
+
+    final req = Request(widget.editing == null ? "POST" : "PUT", uri);
+    req.headers['Content-Type'] = 'application/json';
+    req.body = jsonEncode(<String, dynamic>{
+      'content': _textController.value.text,
+    });
+
+    setState(() => _isSubmitting = true);
+    var res = await Response.fromStream(await auth.client!.send(req));
+    if (res.statusCode != 200) {
+      var message = utf8.decode(res.bodyBytes);
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text("Something went wrong... $message")),
+      );
+    } else {
+      reset();
+    }
+    setState(() => _isSubmitting = false);
+  }
+
+  void reset() {
+    _textController.clear();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: 56,
+      padding: const EdgeInsets.all(12),
+      decoration: const BoxDecoration(
+        border: Border(
+          top: BorderSide(width: 0.3, color: Color(0xffdedede)),
+        ),
+      ),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.start,
+        children: [
+          Expanded(
+            child: TextField(
+              controller: _textController,
+              maxLines: null,
+              autofocus: true,
+              autocorrect: true,
+              keyboardType: TextInputType.text,
+              decoration: InputDecoration.collapsed(
+                hintText: AppLocalizations.of(context)!.chatMessagePlaceholder,
+              ),
+              onSubmitted: (_) => sendMessage(context),
+            ),
+          ),
+          TextButton(
+            style: TextButton.styleFrom(shape: const CircleBorder(), padding: const EdgeInsets.all(4)),
+            onPressed: !_isSubmitting ? () => sendMessage(context) : null,
+            child: const Icon(Icons.send),
+          )
+        ],
+      ),
+    );
+  }
+}