Add embedded youtube links

Author: driesvints

app/Markdown/MarkdownServiceProvider.php

@@ -5,6 +5,8 @@
 use Illuminate\Support\ServiceProvider;
 use League\CommonMark\Environment\Environment;
 use League\CommonMark\Extension\CommonMark\CommonMarkCoreExtension;
+use League\CommonMark\Extension\Embed\Bridge\OscaroteroEmbedAdapter;
+use League\CommonMark\Extension\Embed\EmbedExtension;
 use League\CommonMark\Extension\ExternalLink\ExternalLinkExtension;
 use League\CommonMark\Extension\GithubFlavoredMarkdownExtension;
 use League\CommonMark\Extension\Mention\MentionExtension;
@@ -31,11 +33,17 @@ public function register(): void
                     'open_in_new_window' => true,
                     'nofollow' => ($params['nofollow'] ?? true) ? 'external' : '',
                 ],
+                'embed' => [
+                    'adapter' => new OscaroteroEmbedAdapter,
+                    'allowed_domains' => ['youtube.com', 'twitter.com'],
+                    'fallback' => 'link',
+                ],
             ]);
 
             $environment->addExtension(new CommonMarkCoreExtension);
             $environment->addExtension(new GithubFlavoredMarkdownExtension);
             $environment->addExtension(new MentionExtension);
+            $environment->addExtension(new EmbedExtension);
             $environment->addExtension(new ExternalLinkExtension);
 
             return new LeagueConverter(new MarkdownConverter($environment));

app/Models/Article.php

@@ -100,7 +100,7 @@ public function body(): string
 
     public function excerpt(int $limit = 100): string
     {
-        return Str::limit(strip_tags(md_to_html($this->body(), false)), $limit);
+        return Str::limit(strip_tags(md_to_html($this->body())), $limit);
     }
 
     public function hasHeroImageAuthor(): bool

app/Models/Reply.php

@@ -76,7 +76,7 @@ public function body(): string
 
     public function excerpt(int $limit = 100): string
     {
-        return Str::limit(strip_tags(md_to_html($this->body())), $limit);
+        return Str::limit(strip_tags(md_to_html($this->body(), ['nofollow' => false])), $limit);
     }
 
     public function to(ReplyAble $replyAble)

composer.json

@@ -9,6 +9,7 @@
         "blade-ui-kit/blade-heroicons": "^2.3",
         "blade-ui-kit/blade-icons": "^1.6",
         "codeat3/blade-simple-icons": "^6.2",
+        "embed/embed": "^4.4",
         "guzzlehttp/guzzle": "^7.2",
         "innocenzi/bluesky-notification-channel": "^0.2.0",
         "intervention/image": "^3.0",

composer.lock

@@ -3,7 +3,6 @@
 
 @import 'highlight.js/styles/hybrid.css' layer(base);
 
-@import './articles.css' layer(utilities);
 @import './buttons.css' layer(utilities);
 @import './labels.css' layer(utilities);
 @import './modal.css' layer(utilities);
@@ -171,3 +170,13 @@ svg .secondary {
 .editor li[aria-selected='true'] {
     @apply bg-lio-100;
 }
+
+article iframe {
+    @apply w-full h-64;
+}
+
+@media (width >= theme(--breakpoint-sm)) {
+    article iframe {
+        @apply h-96;
+    }
+}