Refactor CodeEditor component: Add methods for custom styles, themes, and minimum height configuration

Author: cklei-carly

resources/views/filament/forms/components/code-editor.blade.php

@@ -38,7 +38,7 @@
             x-load-src="{{ \Filament\Support\Facades\FilamentAsset::getAlpineComponentSrc('filament-code-editor', 'solution-forest/inspirecms') }}"
         >
             <div wire:ignore class="w-full code-editor-textarea-wrapper" x-ref="codeEditor"
-                style="height:{{ $getMinHeight() }}px;overflow: hidden; {{ $getCustomStyle() }}">
+                style="height:{{ $getMinHeight() }};overflow: hidden; {{ $getCustomStyle() }}">
             </div>
         </div>
     </div>

src/Filament/Forms/Components/CodeEditor.php

@@ -2,7 +2,117 @@
 
 namespace SolutionForest\InspireCms\Filament\Forms\Components;
 
-class CodeEditor extends \Dotswan\FilamentCodeEditor\Fields\CodeEditor
+use Closure;
+use Filament\Forms\Components\Field;
+
+class CodeEditor extends Field
 {
     protected string $view = 'inspirecms::filament.forms.components.code-editor';
+    
+    protected int | string | Closure | null $minHeight = 420;
+    protected string | Closure | null $customStyle = null;
+    protected string | Closure | null $darkModeTheme = null;
+    protected string | Closure | null $lightModeTheme = null;
+    protected bool | Closure $isReadOnly = false;
+    protected bool | Closure $showCopyButton = false;
+
+    public function customStyle(string | null $customStyle): static
+    {
+        $this->customStyle = $customStyle;
+
+        return $this;
+    }
+
+    public function minHeight(int | string | Closure | null $minHeight = 768): static
+    {
+        $this->minHeight = $minHeight;
+
+        return $this;
+    }
+
+    public function lightModeTheme(?string $lightModeTheme): static
+    {
+        $this->lightModeTheme = $lightModeTheme;
+
+        return $this;
+    }
+
+    public function darkModeTheme(?string $darkModeTheme): static
+    {
+        $this->darkModeTheme = $darkModeTheme;
+
+        return $this;
+    }
+
+    public function isReadOnly(bool | Closure $isReadOnly = false): static
+    {
+        $this->isReadOnly = $isReadOnly;
+
+        return $this;
+    }
+
+    public function showCopyButton(bool | Closure $showCopyButton = true): static
+    {
+        $this->showCopyButton = $showCopyButton;
+
+        return $this;
+    }
+
+    /**
+     * @return bool
+     */
+    public function getIsReadOnly(): bool
+    {
+        return boolval($this->evaluate($this->isReadOnly));
+    }
+
+    /**
+     * @return ?string
+     */
+    public function getMinHeight()
+    {
+        $height = $this->evaluate($this->minHeight);
+
+        if (is_numeric($height)) {
+            return (int) $height . 'px';
+        }
+
+        if (is_string($height)) {
+            return $height;
+        }
+
+        return null;
+    }
+
+    /**
+     * @return string
+     */
+    public function getShowCopyButton()
+    {
+        return $this->evaluate($this->showCopyButton ? "true" : "false");
+    }
+
+    /**
+     * @return ?string
+     */
+    public function getCustomStyle()
+    {
+        return $this->evaluate($this->customStyle);
+    }
+
+    /**
+     * @return ?string
+     */
+    public function getDarkModeTheme()
+    {
+        return $this->evaluate($this->darkModeTheme);
+    }
+
+    /**
+     * @return ?string
+     */
+    public function getLightModeTheme()
+    {
+        return $this->evaluate($this->lightModeTheme);
+    }
 }

src/Filament/Resources/Helpers/TemplateResourceHelper.php

@@ -38,9 +38,9 @@ public static function getThemeFormComponent()
     public static function getContentFormComponent($name = 'content')
     {
         return \SolutionForest\InspireCms\Filament\Forms\Components\CodeEditor::make($name)
-            // ->darkModeTheme('gruvbox-dark')
             ->darkModeTheme('basic-dark')
-            ->lightModeTheme('basic-light');
+            ->lightModeTheme('basic-light')
+            ->minHeight('48rem');
     }
 
     /** @return Forms\Components\Field|Forms\Components\Component */