draft

Author: rajveermalviya

ios/Podfile.lock

@@ -131,6 +131,9 @@ PODS:
   - SwiftyGif (5.4.4)
   - url_launcher_ios (0.0.1):
     - Flutter
+  - video_player_avfoundation (0.0.1):
+    - Flutter
+    - FlutterMacOS
 
 DEPENDENCIES:
   - app_settings (from `.symlinks/plugins/app_settings/ios`)
@@ -147,6 +150,7 @@ DEPENDENCIES:
   - share_plus (from `.symlinks/plugins/share_plus/ios`)
   - sqlite3_flutter_libs (from `.symlinks/plugins/sqlite3_flutter_libs/ios`)
   - url_launcher_ios (from `.symlinks/plugins/url_launcher_ios/ios`)
+  - video_player_avfoundation (from `.symlinks/plugins/video_player_avfoundation/darwin`)
 
 SPEC REPOS:
   trunk:
@@ -194,6 +198,8 @@ EXTERNAL SOURCES:
     :path: ".symlinks/plugins/sqlite3_flutter_libs/ios"
   url_launcher_ios:
     :path: ".symlinks/plugins/url_launcher_ios/ios"
+  video_player_avfoundation:
+    :path: ".symlinks/plugins/video_player_avfoundation/darwin"
 
 SPEC CHECKSUMS:
   app_settings: 017320c6a680cdc94c799949d95b84cb69389ebc
@@ -224,7 +230,8 @@ SPEC CHECKSUMS:
   sqlite3_flutter_libs: af0e8fe9bce48abddd1ffdbbf839db0302d72d80
   SwiftyGif: 93a1cc87bf3a51916001cf8f3d63835fb64c819f
   url_launcher_ios: bbd758c6e7f9fd7b5b1d4cde34d2b95fcce5e812
+  video_player_avfoundation: 02011213dab73ae3687df27ce441fbbcc82b5579
 
 PODFILE CHECKSUM: 6998435987a000fdec9b2e1b5b1eef6d54bdba77
 
-COCOAPODS: 1.13.0
+COCOAPODS: 1.15.0

lib/model/content.dart

@@ -361,6 +361,34 @@ class ImageNode extends BlockContentNode {
   }
 }
 
+class VideoNode extends BlockContentNode {
+  const VideoNode({
+    super.debugHtmlNode,
+    required this.srcUrl,
+    this.previewImageUrl,
+  });
+
+  final String srcUrl;
+  final String? previewImageUrl;
+
+  @override
+  bool operator ==(Object other) {
+    return other is VideoNode
+      && other.srcUrl == srcUrl
+      && other.previewImageUrl == previewImageUrl;
+  }
+
+  @override
+  int get hashCode => Object.hash('VideoNode', srcUrl, previewImageUrl);
+
+  @override
+  void debugFillProperties(DiagnosticPropertiesBuilder properties) {
+    super.debugFillProperties(properties);
+    properties.add(StringProperty('srcUrl', srcUrl));
+    properties.add(StringProperty('previewImageUrl', previewImageUrl));
+  }
+}
+
 /// A content node that expects an inline layout context from its parent.
 ///
 /// When rendered into a Flutter widget tree, an inline content node
@@ -694,6 +722,29 @@ class _ZulipContentParser {
   }();
   static final _emojiCodeFromClassNameRegexp = RegExp(r"emoji-([^ ]+)");
 
+  static final _videoClassNameRegexp = () {
+    const sourceType = r"(message_inline_video)?(youtube-video)?(embed-video)?";
+    return RegExp("^message_inline_image $sourceType|$sourceType message_inline_image\$");
+  }();
+
+  bool _isVideoClassNameInlineVideo(String input) {
+    if (!_videoClassNameRegexp.hasMatch(input)) return false;
+    final groups = _videoClassNameRegexp.firstMatch(input)!.groups([1, 4]);
+    return groups.nonNulls.firstOrNull == 'message_inline_video';
+  }
+
+  bool _isVideoClassNameYoutubeVideo(String input) {
+    if (!_videoClassNameRegexp.hasMatch(input)) return false;
+    final groups = _videoClassNameRegexp.firstMatch(input)!.groups([2, 5]);
+    return groups.nonNulls.firstOrNull == 'youtube-video';
+  }
+
+  bool _isVideoClassNameEmbedVideo(String input) {
+    if (!_videoClassNameRegexp.hasMatch(input)) return false;
+    final groups = _videoClassNameRegexp.firstMatch(input)!.groups([3, 6]);
+    return groups.nonNulls.firstOrNull == 'embed-video';
+  }
+
   InlineContentNode parseInlineContent(dom.Node node) {
     assert(_debugParserContext == _ParserContext.inline);
     final debugHtmlNode = kDebugMode ? node : null;
@@ -948,6 +999,85 @@ class _ZulipContentParser {
     return ImageNode(srcUrl: src, debugHtmlNode: debugHtmlNode);
   }
 
+  BlockContentNode parseVideoNode(dom.Element divElement) {
+    assert(_debugParserContext == _ParserContext.block);
+    assert(divElement.localName == 'div'
+      && _videoClassNameRegexp.hasMatch(divElement.className));
+
+    if (_isVideoClassNameInlineVideo(divElement.className)) {
+      return _parseInlineVideo(divElement);
+    }
+    if (_isVideoClassNameYoutubeVideo(divElement.className)
+      || _isVideoClassNameEmbedVideo(divElement.className)) {
+      return _parseEmbedVideoWithPreviewImage(divElement);
+    }
+    return UnimplementedBlockContentNode(htmlNode: divElement);
+  }
+
+  BlockContentNode _parseInlineVideo(dom.Element divElement) {
+    final videoElement = () {
+      if (divElement.nodes.length != 1) return null;
+      final child = divElement.nodes[0];
+      if (child is! dom.Element) return null;
+      if (child.localName != 'a') return null;
+      if (child.className.isNotEmpty) return null;
+
+      if (child.nodes.length != 1) return null;
+      final grandchild = child.nodes[0];
+      if (grandchild is! dom.Element) return null;
+      if (grandchild.localName != 'video') return null;
+      if (grandchild.className.isNotEmpty) return null;
+      return grandchild;
+    }();
+
+    final debugHtmlNode = kDebugMode ? divElement : null;
+    if (videoElement == null) {
+      return UnimplementedBlockContentNode(htmlNode: divElement);
+    }
+
+    final src = videoElement.attributes['src'];
+    if (src == null) {
+      return UnimplementedBlockContentNode(htmlNode: divElement);
+    }
+
+    return VideoNode(srcUrl: src, debugHtmlNode: debugHtmlNode);
+  }
+
+  BlockContentNode _parseEmbedVideoWithPreviewImage(dom.Element divElement) {
+    final result = () {
+      if (divElement.nodes.length != 1) return null;
+      final child = divElement.nodes[0];
+      if (child is! dom.Element) return null;
+      if (child.localName != 'a') return null;
+      if (child.className.isNotEmpty) return null;
+
+      if (child.nodes.length != 1) return null;
+      final grandchild = child.nodes[0];
+      if (grandchild is! dom.Element) return null;
+      if (grandchild.localName != 'img') return null;
+      if (grandchild.className.isNotEmpty) return null;
+      return (child, grandchild);
+    }();
+
+    final debugHtmlNode = kDebugMode ? divElement : null;
+    if (result == null) {
+      return UnimplementedBlockContentNode(htmlNode: divElement);
+    }
+    final (anchorElement, imgElement) = result;
+
+    final imgSrc = imgElement.attributes['src'];
+    if (imgSrc == null) {
+      return UnimplementedBlockContentNode(htmlNode: divElement);
+    }
+
+    final href = anchorElement.attributes['href'];
+    if (href == null) {
+      return UnimplementedBlockContentNode(htmlNode: divElement);
+    }
+
+    return VideoNode(srcUrl: href, previewImageUrl: imgSrc, debugHtmlNode: debugHtmlNode);
+  }
+
   BlockContentNode parseBlockContent(dom.Node node) {
     assert(_debugParserContext == _ParserContext.block);
     final debugHtmlNode = kDebugMode ? node : null;
@@ -1024,6 +1154,10 @@ class _ZulipContentParser {
       return parseImageNode(element);
     }
 
+    if (localName == 'div' && _videoClassNameRegexp.hasMatch(className)) {
+      return parseVideoNode(element);
+    }
+
     // TODO more types of node
     return UnimplementedBlockContentNode(htmlNode: node);
   }