removed flex class from preview's body because it's a mistake 🙄, and …

…instead replaced it with a function to give the user full control over the body's attributes. 😁
abdelhamiderrahmouni · Apr 20, 2024 · 3a74de1 · 3a74de1
1 parent 30ff5be
commit 3a74de1
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/resources/views/filament-monaco-editor.blade.php b/resources/views/filament-monaco-editor.blade.php
@@ -59,7 +59,7 @@
 
         wrapPreview(value){
             return `<head>{{ $getPreviewHeadEndContent() }}</head>` +
-            `&lt;body class='flex'&gt;` +
+            `&lt;body {{ $getPreviewBodyAttributes() }}&gt;` +
             `{{ $getPreviewBodyStartContent() }}` +
             `${value}` +
             `{{ $getPreviewBodyEndContent() }}` +

diff --git a/src/MonacoEditor.php b/src/MonacoEditor.php
@@ -23,6 +23,8 @@ class MonacoEditor extends Field
 
     public string | Closure $previewHeadEndContent = '';
 
+    public array | Closure $previewBodyAttributes = ["class" => ""];
+
     public string | Closure $previewBodyStartContent = '';
 
     public string | Closure $previewBodyEndContent = '';
@@ -183,6 +185,13 @@ public function previewHeadEndContent(string | Closure $content = ''): static
         return $this;
     }
 
+    public function previewBodyAttributes(array | Closure $attributes = ["class" => ""]): static
+    {
+        $this->previewBodyAttributes = $attributes;
+
+        return $this;
+    }
+
     public function previewBodyStartContent(string | Closure $content = ''): static
     {
         $this->previewBodyStartContent = $content;
@@ -274,6 +283,12 @@ public function getPreviewHeadEndContent()
         return $this->evaluate($this->previewHeadEndContent);
     }
 
+    public function getPreviewBodyAttributes()
+    {
+        $attributes = $this->evaluate($this->previewBodyAttributes);
+        return implode(' ', array_map(fn ($key, $value) => "$key=&quot;$value&quot;", array_keys($attributes), $attributes));
+    }
+
     public function getPreviewBodyStartContent()
     {
         return $this->evaluate($this->previewBodyStartContent);