Fix styling

Author: cklei-carly

src/Filament/Forms/Components/MarkdownEditor.php

@@ -176,7 +176,7 @@ protected function mutateMediaPickerState(Model | MediaAsset $mediaAsset)
 
         // Determine media type and tag
         $type = 'link'; // Default to link
-        
+
         if ($mediaAsset->isImage()) {
             $type = 'img';
 
@@ -188,11 +188,11 @@ protected function mutateMediaPickerState(Model | MediaAsset $mediaAsset)
                 });
 
             $attributes['data-media-thumbnail'] = $thumbnail;
-        } 
+        }
         // Video handling
         elseif ($mimeType && str_starts_with($mimeType, 'video/')) {
             $type = 'video';
-            
+
             // Add video-specific attributes
             $attributes['data-media-type'] = 'video';
             $attributes['controls'] = 'controls';
@@ -203,7 +203,7 @@ protected function mutateMediaPickerState(Model | MediaAsset $mediaAsset)
         // Audio handling
         elseif ($mimeType && str_starts_with($mimeType, 'audio/')) {
             $type = 'audio';
-            
+
             // Add audio-specific attributes
             $attributes['data-media-type'] = 'audio';
             $attributes['controls'] = 'controls';
@@ -212,8 +212,8 @@ protected function mutateMediaPickerState(Model | MediaAsset $mediaAsset)
 
         // Convert attributes array to string
         $attributesString = collect($attributes)
-            ->filter(fn($value) => !is_null($value) && $value !== '')
-            ->map(fn($value, $key) => in_array($value, ['controls', 'metadata']) ? $key : "{$key}=\"{$value}\"")
+            ->filter(fn ($value) => ! is_null($value) && $value !== '')
+            ->map(fn ($value, $key) => in_array($value, ['controls', 'metadata']) ? $key : "{$key}=\"{$value}\"")
             ->join(' ');
 
         $content = match ($type) {

src/Filament/Forms/Components/RichEditor/Plugins/MediaPickerRichPlugin.php

@@ -139,7 +139,7 @@ protected function mutateMediaPickerState(Model | MediaAsset $mediaAsset)
             'title' => $title,
             'filename' => $media?->file_name,
             'mimeType' => $media?->mime_type,
-            ... ($mediaAsset->isImage() ? [
+            ...($mediaAsset->isImage() ? [
                 'responsive' => collect($mediaAsset->getResponsiveImages(isAbsolute: false))
                     ->flatten(1)
                     ->pluck('url', 'width')

src/Filament/Forms/Components/RichEditor/TipTapExtensions/CmsMediaAssetExtension.php

@@ -2,7 +2,6 @@
 
 namespace SolutionForest\InspireCms\Filament\Forms\Components\RichEditor\TipTapExtensions;
 
-use Illuminate\Support\Arr;
 use Tiptap\Core\Node;
 use Tiptap\Utils\HTML;
 
@@ -65,8 +64,7 @@ public function addAttributes(): array
     public function renderHTML($node, array $HTMLAttributes = []): array
     {
         $innerContent = match (true) {
-            str_starts_with($node->attrs?->mimeType ?? '', 'image/') =>
-            !str_ends_with($node->attrs?->filename ?? '', '.svg')
+            str_starts_with($node->attrs?->mimeType ?? '', 'image/') => ! str_ends_with($node->attrs?->filename ?? '', '.svg')
                 ? sprintf(
                     '<a href="%s" target="_blank" rel="noopener noreferrer" class="trix-attachment-mediapicker-link"><img src="%s" alt="%s" loading="lazy" class="trix-attachment-image trix-attachment-mediapicker-img" %s></a>',
                     htmlspecialchars($node->attrs?->url ?? ''),
@@ -79,18 +77,16 @@ public function renderHTML($node, array $HTMLAttributes = []): array
                     htmlspecialchars($node->attrs?->thumbnailUrl ?? $node->attrs?->url ?? ''),
                     htmlspecialchars($node->attrs?->title ?? ''),
                 ),
-            str_starts_with($node->attrs?->mimeType ?? '', 'video/') =>
-                sprintf(
-                    '<video controls src="%s" alt="%s" loading="lazy" class="trix-attachment-video trix-attachment-mediapicker-video"></video>',
-                    htmlspecialchars($node->attrs?->url ?? ''),
-                    htmlspecialchars($node->attrs?->title ?? ''),
-                ),
-            str_starts_with($node->attrs?->mimeType ?? '', 'audio/') =>
-                sprintf(
-                    '<audio controls src="%s" alt="%s" loading="lazy" class="trix-attachment-audio trix-attachment-mediapicker-audio"></audio>',
-                    htmlspecialchars($node->attrs?->url ?? ''),
-                    htmlspecialchars($node->attrs?->title ?? ''),
-                ),
+            str_starts_with($node->attrs?->mimeType ?? '', 'video/') => sprintf(
+                '<video controls src="%s" alt="%s" loading="lazy" class="trix-attachment-video trix-attachment-mediapicker-video"></video>',
+                htmlspecialchars($node->attrs?->url ?? ''),
+                htmlspecialchars($node->attrs?->title ?? ''),
+            ),
+            str_starts_with($node->attrs?->mimeType ?? '', 'audio/') => sprintf(
+                '<audio controls src="%s" alt="%s" loading="lazy" class="trix-attachment-audio trix-attachment-mediapicker-audio"></audio>',
+                htmlspecialchars($node->attrs?->url ?? ''),
+                htmlspecialchars($node->attrs?->title ?? ''),
+            ),
             default => sprintf(
                 '<a href="%s" target="_blank" rel="noopener noreferrer" class="trix-attachment-mediapicker-link">%s</a>',
                 htmlspecialchars($node->attrs?->url ?? ''),
@@ -120,15 +116,16 @@ private function convertResponsiveAttributes($elements)
         $responsiveData = [];
         if ($elements instanceof \stdClass) {
             $elements = json_decode(json_encode($elements), true);
-        } else if (is_string($elements)) {
+        } elseif (is_string($elements)) {
             $elements = json_decode($elements, true);
-        } 
-        if (!is_array($elements)) {
+        }
+        if (! is_array($elements)) {
             return $responsiveData;
         }
         foreach ($elements as $key => $value) {
             $responsiveData["data-image-responsive__{$key}"] = $value;
         }
+
         return $responsiveData;
     }
 }