format

Author: danharrin

app/Support/Markdown.php

@@ -6,6 +6,8 @@
 use Illuminate\Support\HtmlString;
 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\HeadingPermalink\HeadingPermalinkExtension;
 use League\CommonMark\Extension\Table\TableExtension;
 use League\CommonMark\Extension\TableOfContents\TableOfContentsExtension;
@@ -17,10 +19,15 @@ class Markdown implements Htmlable, Stringable
 {
     protected Environment $environment;
 
-    public function __construct(protected string $content, bool $hasTableOfContents = true)
+    public function __construct(protected string $content, bool $hasTableOfContents = true, protected bool $shouldSanitize = true)
     {
         $this->environment = new Environment([
             'allow_unsafe_links' => false,
+            'embed' => [
+                'adapter' => new OscaroteroEmbedAdapter,
+                'allowed_domains' => ['youtube.com', 'youtube-nocookie.com'],
+                'fallback' => 'link',
+            ],
             'heading_permalink' => [
                 'html_class' => 'heading-anchor',
                 'id_prefix' => '',
@@ -40,6 +47,7 @@ public function __construct(protected string $content, bool $hasTableOfContents
         ]);
 
         $this->environment->addExtension(new CommonMarkCoreExtension);
+        $this->environment->addExtension(new EmbedExtension);
         $this->environment->addExtension(new TableExtension);
         $this->environment->addExtension(new HeadingPermalinkExtension);
         $this->environment->addExtension(new TorchlightExtension);
@@ -49,9 +57,9 @@ public function __construct(protected string $content, bool $hasTableOfContents
         }
     }
 
-    public static function parse(string $text, bool $hasTableOfContents = true): static
+    public static function parse(string $text, bool $hasTableOfContents = true, bool $shouldSanitize = true): static
     {
-        $static = app(static::class, ['content' => $text, 'hasTableOfContents' => $hasTableOfContents]);
+        $static = app(static::class, ['content' => $text, 'hasTableOfContents' => $hasTableOfContents, 'shouldSanitize' => $shouldSanitize]);
 
         $static->convert();
         $static->removeH1Tags();
@@ -143,6 +151,10 @@ public function convertVideoToHtml(): static
 
     public function __toString(): string
     {
+        if (! $this->shouldSanitize) {
+            return $this->content;
+        }
+
         return str($this->content)->sanitizeHtml();
     }
 

content/articles/leandrocfe-whats-new-in-filament-v4.md

@@ -28,6 +28,10 @@ There are many new features and improvements in Filament v4 Beta, but here are s
 - [**Improved bulk action system**](#bulk-actions): Authorize individual records in bulk actions, use notifications to inform users of bulk action results with success and failure counts grouped by failure reason, and benefit from improved performance through chunked processing of selected records.
 - [**Restructured documentation**](https://filamentphp.com/docs/4.x): The Filament documentation has been restructured to provide a clearer overview of the features and how they work together. The new documentation includes more examples, cross-references, and explanations of how features work internally.
 
+[Dennis Koch](https://github.com/pxlrbt) gave a great presentation demoing and explaining many of these new features recently. You can watch it here:
+
+<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/8qyV696TALA?si=sOAf8O5vrW8aQ3ny" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
 ## General
 
 ### Improved performance

resources/views/articles/view-article.blade.php

@@ -101,7 +101,7 @@ class="select-none rounded-full bg-stone-200/50 px-5 py-2.5 text-sm"
                     <div
                         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($article->content, hasTableOfContents: false) !!}
+                        {!! \App\Support\Markdown::parse($article->content, hasTableOfContents: false, shouldSanitize: false) !!}
                     </div>
                 </div>
             </div>