Allow videos in markdown

Author: simonhamp

app/Support/CommonMark/CommonMark.php

@@ -4,18 +4,62 @@
 
 use App\Extensions\TorchlightWithCopyExtension;
 use League\CommonMark\CommonMarkConverter;
+use League\CommonMark\Environment\Environment;
+use League\CommonMark\Extension\CommonMark\CommonMarkCoreExtension;
 use League\CommonMark\Extension\CommonMark\Node\Block\Heading;
+use League\CommonMark\Extension\Embed\Bridge\OscaroteroEmbedAdapter;
+use League\CommonMark\Extension\Embed\Embed as EmbedNode;
+use League\CommonMark\Extension\Embed\EmbedExtension;
+use League\CommonMark\Extension\Embed\EmbedRenderer;
+use League\CommonMark\Extension\GithubFlavoredMarkdownExtension;
 use League\CommonMark\Extension\Table\TableExtension;
+use League\CommonMark\MarkdownConverter;
+use League\CommonMark\Renderer\HtmlDecorator;
+use Torchlight\Commonmark\V2\TorchlightExtension;
 
 class CommonMark
 {
+    protected static ?MarkdownConverter $converter = null;
+
     public static function convertToHtml(string $markdown): string
     {
-        $converter = new CommonMarkConverter;
-        $converter->getEnvironment()->addRenderer(Heading::class, new HeadingRenderer);
-        $converter->getEnvironment()->addExtension(new TableExtension);
-        $converter->getEnvironment()->addExtension(new TorchlightWithCopyExtension);
+        return static::getConverter()->convert($markdown)->getContent();
+    }
+
+    protected static function getConverter(): MarkdownConverter
+    {
+        if (static::$converter === null) {
+            $config = [
+                'html_input' => 'allow',
+                'allow_unsafe_links' => false,
+                'max_nesting_level' => 10,
+                'embed' => [
+                    'adapter' => new OscaroteroEmbedAdapter,
+                    'fallback' => 'link',
+                ],
+            ];
+
+            $environment = new Environment($config);
+
+            $environment->addExtension(new CommonMarkCoreExtension);
+            $environment->addExtension(new GithubFlavoredMarkdownExtension);
+            $environment->addRenderer(Heading::class, new HeadingRenderer);
+            $environment->addExtension(new TableExtension);
+            $environment->addExtension(new EmbedExtension);
+
+            $environment->addRenderer(
+                EmbedNode::class,
+                new HtmlDecorator(new EmbedRenderer, 'div', ['class' => 'relative aspect-video w-full'])
+            );
+
+            // Add Torchlight extension if available
+            if (class_exists(TorchlightExtension::class)) {
+                $environment->addExtension(new TorchlightWithCopyExtension);
+            }
+
+            static::$converter = new MarkdownConverter($environment);
+        }
 
-        return $converter->convert($markdown);
+        return static::$converter;
     }
 }

composer.json

@@ -12,6 +12,7 @@
         "artesaos/seotools": "^1.2",
         "blade-ui-kit/blade-heroicons": "^2.3",
         "doctrine/dbal": "^3.9",
+        "embed/embed": "^4.4",
         "filament/filament": "^3.2",
         "guzzlehttp/guzzle": "^7.2",
         "laravel/cashier": "^15.6",