feat: add video conversion to HTML in Markdown parser

saade · saade · commit edf844e662c3 · 2025-01-06T17:03:33.000-03:00
diff --git a/app/Support/Markdown.php b/app/Support/Markdown.php
@@ -52,7 +52,7 @@ public static function parse(string $text): static
 
         $static->convert();
         $static->removeH1Tags();
-        $static->convertSpecialBlockQuotes();
+        $static->convertSpecialBlockquotes();
 
         return $static;
     }
@@ -77,7 +77,7 @@ protected function removeH1Tags(): static
         return $this;
     }
 
-    protected function convertSpecialBlockQuotes(): static
+    protected function convertSpecialBlockquotes(): static
     {
         $this->content = preg_replace(
             pattern: [
@@ -111,6 +111,33 @@ public function absoluteImageUrls(string $baseUrl): static
         return $this;
     }
 
+    public function convertVideoToHtml(): static
+    {
+        $this->content = preg_replace_callback(
+            pattern: '/(?<!src=["\'])https:\/\/github\.com\/user-attachments\/assets\/[a-f0-9\-]+/i',
+            callback: function (array $matches): string {
+                [$url] = $matches;
+
+                /**
+                 * If the asset is already present elsewhere, replace it with an empty string to avoid duplication.
+                 * Some authors kept both the asset and the video tag in the markdown file ¯\_(ツ)_/¯.
+                 */
+                if (substr_count($this->content, $url) > 1) {
+                    return '';
+                }
+
+                return <<<HTML
+                    <video width="320" height="240" controls>
+                        <source src="$url" type="video/mp4">
+                    </video>
+                HTML;
+            },
+            subject: $this->content
+        );
+
+        return $this;
+    }
+
     public function __toString(): string
     {
         return str($this->content)->sanitizeHtml();
diff --git a/resources/views/plugins/view-plugin.blade.php b/resources/views/plugins/view-plugin.blade.php
@@ -344,11 +344,13 @@ class="block w-32 rounded-lg border border-gray-300 bg-gray-50 p-2 text-sm text-
                             class="prose selection:bg-stone-500/30 prose-a:break-words prose-blockquote:not-italic prose-code:break-words prose-code:rounded prose-code:bg-merino prose-code:px-1.5 prose-code:py-0.5 prose-code:font-normal prose-code:before:hidden prose-code:after:hidden [&_p]:before:hidden [&_p]:after:hidden"
                         >
                             {!!
-                                \App\Support\Markdown::parse($docs)->absoluteImageUrls(
-                                    baseUrl: str($plugin->getDocUrl(request()->query('v')))
-                                        ->lower()
-                                        ->before('readme.md'),
-                                )
+                                \App\Support\Markdown::parse($docs)
+                                    ->convertVideoToHtml()
+                                    ->absoluteImageUrls(
+                                        baseUrl: str($plugin->getDocUrl(request()->query('v')))
+                                            ->lower()
+                                            ->before('readme.md'),
+                                    )
                             !!}
                         </div>
                     </div>
