content: combine multiple images in order

Author: sirpengi

lib/model/content.dart

@@ -289,6 +289,17 @@ class CodeBlockSpanNode extends InlineContentNode {
   }
 }
 
+class ImageNodes extends BlockContentNode {
+  const ImageNodes(this.images, {super.debugHtmlNode});
+
+  final List<ImageNode> images;
+
+  @override
+  List<DiagnosticsNode> debugDescribeChildren() {
+    return images.map((node) => node.toDiagnosticsNode()).toList();
+  }
+}
+
 class ImageNode extends BlockContentNode {
   const ImageNode({super.debugHtmlNode, required this.srcUrl});
 
@@ -892,13 +903,24 @@ class _ZulipContentParser {
 
   List<BlockContentNode> parseBlockContentList(dom.NodeList nodes) {
     assert(_debugParserContext == _ParserContext.block);
-    final acceptedNodes = nodes.where((node) {
-      // We get a bunch of newline Text nodes between paragraphs.
-      // A browser seems to ignore these; let's do the same.
-      if (node is dom.Text && (node.text == '\n')) return false;
-      return true;
-    });
-    return acceptedNodes.map(parseBlockContent).toList(growable: false);
+    final List<BlockContentNode> blocks = [];
+    List<ImageNode> imageNodes = [];
+    for (final node in nodes) {
+      if (node is dom.Text && (node.text == '\n')) continue;
+
+      final block = parseBlockContent(node);
+      if (block is ImageNode) {
+        imageNodes.add(block);
+        continue;
+      }
+      if (imageNodes.isNotEmpty) {
+        blocks.add(ImageNodes(imageNodes));
+        imageNodes = [];
+      }
+      blocks.add(block);
+    }
+    if (imageNodes.isNotEmpty) blocks.add(ImageNodes(imageNodes));
+    return blocks;
   }
 
   ZulipContent parse(String html) {

lib/widgets/content.dart

@@ -80,6 +80,8 @@ class BlockContentList extends StatelessWidget {
           return ListNodeWidget(node: node);
         } else if (node is CodeBlockNode) {
           return CodeBlock(node: node);
+        } else if (node is ImageNodes) {
+          return MessageImages(node: node);
         } else if (node is ImageNode) {
           return MessageImage(node: node);
         } else if (node is UnimplementedBlockContentNode) {
@@ -246,6 +248,19 @@ class ListItemWidget extends StatelessWidget {
   }
 }
 
+class MessageImages extends StatelessWidget {
+  const MessageImages({super.key, required this.node});
+
+  final ImageNodes node;
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: node.images.map((imageNode) => MessageImage(node: imageNode)).toList());
+  }
+}
+
 class MessageImage extends StatelessWidget {
   const MessageImage({super.key, required this.node});