Filament Monaco Editor

https://github.com/abdelhamiderrahmouni/filament-monaco-editor
Admin
Filament Monaco Editor is a Monaco code editor form field for FilamentPHP that provides syntax...
Tokens:30,822
Snippets:252
Trust Score:8.2
License:MIT
Update:2 weeks ago
Show doc for...
Tokens:
Raw
### Install via Composer

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/README.md

Run this command to install the package.

```bash
composer require abdelhamiderrahmouni/filament-monaco-editor
```

--------------------------------

### previewBodyStartContent usage example

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Example of using previewBodyStartContent to add a div with a red background at the start of the preview body.

```php
MonacoEditor::make('code')->previewBodyStartContent("<div class='bg-red-500'>");
```

--------------------------------

### fontSize() usage examples

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Examples of setting the font size with a string and a Closure.

```php
MonacoEditor::make('code')->fontSize('14px');
MonacoEditor::make('code')->fontSize(fn () => '1rem');
```

--------------------------------

### showLoader() usage examples

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Usage examples for the showLoader() method, showing how to enable the spinner (default) and disable it with false.

```php
MonacoEditor::make('code')->showLoader();
MonacoEditor::make('code')->showLoader(false); // hides the spinner
```

--------------------------------

### Combined preview example

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Example showing how to combine previewHeadEndContent, previewBodyAttributes, previewBodyStartContent, and previewBodyEndContent to customize the preview iframe.

```php
use AbdelhamidErrahmouni\FilamentMonacoEditor\MonacoEditor;

MonacoEditor::make('landing_html')
    ->previewHeadEndContent("<script src='https://cdn.tailwindcss.com'></script>")
    ->previewBodyAttributes(['class' => 'bg-red-500', 'id' => 'preview-body'])
    ->previewBodyStartContent("<div class='bg-red-500'>")
    ->previewBodyEndContent("</div>");
```

--------------------------------

### enablePreview usage examples

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Examples of enabling preview with default condition and disabling it by passing false.

```php
MonacoEditor::make('code')->enablePreview();
MonacoEditor::make('code')->enablePreview(false);
```

--------------------------------

### showFullScreenToggle() usage examples

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Usage examples for showFullScreenToggle. Shows the full-screen button by default, or hides it when false is passed.

```php
MonacoEditor::make('code')->showFullScreenToggle();
MonacoEditor::make('code')->showFullScreenToggle(false);
```

--------------------------------

### Artisan command execution example

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/supporting-classes.md

Runs the artisan command and shows the expected output 'All done'.

```bash
php artisan filament-monaco-editor
# > All done
```

--------------------------------

### theme() usage examples

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Usage examples for theme. Sets the editor theme to 'blackboard' or dynamically via a Closure. Selecting an undefined theme causes editorTheme() to throw an exception on render.

```php
MonacoEditor::make('code')->theme('blackboard');
MonacoEditor::make('code')->theme(fn () => request('theme') ?? 'blackboard');
```

--------------------------------

### setUp() method signature

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor.md

Lifecycle callback invoked when the field is mounted. Reads published config and assigns to supported properties. No parameters, returns void.

```php
protected function setUp(): void
```

--------------------------------

### lineNumbersMinChars() usage examples

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Examples of setting the minimum line number characters with an integer and a Closure.

```php
MonacoEditor::make('code')->lineNumbersMinChars(5);
MonacoEditor::make('code')->lineNumbersMinChars(fn () => count(explode("\n", $this->record->code)) > 999 ? 4 : 3);
```

--------------------------------

### automaticLayout() usage examples

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Shows how to call automaticLayout() with no arguments to enable it, or with false to disable it.

```php
MonacoEditor::make('code')->automaticLayout();
MonacoEditor::make('code')->automaticLayout(false);
```

--------------------------------

### Themes Schema Example

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/configuration.md

Shows the structure of the `themes` configuration array. Each theme entry requires `base`, `inherit`, `rules`, and `colors` keys. The `base` key accepts 'vs', 'vs-dark', or 'hc-black'. This example is consumed by `MonacoEditor::editorTheme()`.

```php
'themes' => [
    'blackboard' => [
        'base'    => 'vs-dark',                                                   // string
        'inherit' => true,                                                        // bool
        'rules'   => [ /* Monaco ITokenThemeRule[] */ ],                          // array
        'colors'  => [ /* Monaco IColors: token -> color */ ],                    // array
    ],
    // ...your own themes
],
```

--------------------------------

### placeholderText() usage examples

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Usage examples for the placeholderText() method, showing both a static string and a Closure returning a translation.

```php
MonacoEditor::make('code')->placeholderText('Your code here...');
MonacoEditor::make('code')->placeholderText(fn () => trans('editor.hint'));
```

--------------------------------

### Example: Using MonacoEditor in a Filament form

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor.md

Shows how to use MonacoEditor within a Filament form schema, setting language, theme, and enabling preview. The example is part of an EditPost class extending CreateRecord.

```php
use AbdelhamidErrahmouni\FilamentMonacoEditor\MonacoEditor;

class EditPost extends CreateRecord
{
    public static function form(Form $form): Form
    {
        return $form->schema([
            MonacoEditor::make('content')
                ->language('php')
                ->theme('blackboard')
                ->enablePreview(),
        ]);
    }
}
```

--------------------------------

### showPlaceholder() usage examples

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Shows how to enable the placeholder by default, disable it, and use a Closure to conditionally show it based on user preference.

```php
MonacoEditor::make('code')->showPlaceholder();
MonacoEditor::make('code')->showPlaceholder(false);
MonacoEditor::make('code')->showPlaceholder(fn (): bool => auth()->user()->preferred_placeholder);
```

--------------------------------

### Facade usage example

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/supporting-classes.md

Shows how to use the facade to create a MonacoEditor field with the 'content' state path and 'php' language.

```php
// Equivalent to: use AbdelhamidErrahmouni\FilamentMonacoEditor\MonacoEditor;
MonacoEditor::make('content')->language('php');
```

--------------------------------

### Basic usage with language method

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/README.md

Create a MonacoEditor field with the 'content' name and set the language to 'php'. This is the minimal configuration to get started.

```php
use AbdelhamidErrahmouni\FilamentMonacoEditor\MonacoEditor;

MonacoEditor::make('content')
            ->language('php'),
```

--------------------------------

### disablePreview() usage example

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Usage example for disablePreview. Disables the preview pane for the editor.

```php
MonacoEditor::make('code')->disablePreview();
```

--------------------------------

### hideFullScreenButton() usage example

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Usage example for hideFullScreenButton. Hides the full-screen button in the control bar.

```php
MonacoEditor::make('code')->hideFullScreenButton();
```

--------------------------------

### getPreviewBodyAttributes() usage example

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-getters.md

Shows how to set previewBodyAttributes and call getPreviewBodyAttributes, producing class=&quot;bg-red-500&quot; id=&quot;body&quot;.

```php
$field = MonacoEditor::make('code')->previewBodyAttributes(['class' => 'bg-red-500', 'id' => 'body']);
echo $field->getPreviewBodyAttributes(); // class=&quot;bg-red-500&quot; id=&quot;body&quot;
```

--------------------------------

### hidePlaceholder() usage example

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Usage example for the hidePlaceholder() method on a MonacoEditor instance.

```php
MonacoEditor::make('code')->hidePlaceholder();
```

--------------------------------

### Adding a Custom Theme

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/configuration.md

Example of defining a custom theme named 'myTheme' in the `themes` configuration. The `base` key must be one of 'vs-dark' or 'vs-light'. After defining the theme, select it per field using `MonacoEditor::make('code')->theme('myTheme')`. Selecting a non-existent theme key throws an exception.

```php
return [
    'themes' => [
        'myTheme' => [
            'base' => 'vs-dark|vs-light',   // choose one base
            'inherit' => true | false,
            'rules' => [
                // Monaco token rules, e.g.:
                ['foreground' => 'ff6400', 'token' => 'entity'],
            ],
            'colors' => [
                'editor.foreground' => '#F8F8F8',
                'editor.background' => '#0C1021',
                'editor.selectionBackground' => '#253B76',
                'editor.lineHighlightBackground' => '#FFFFFF0F',
                'editorCursor.foreground' => '#FFFFFFA6',
                'editorWhitespace.foreground' => '#FFFFFF40',
            ],
        ],
    ],
];
```

--------------------------------

### previewHeadEndContent() usage example

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Shows how to inject a Tailwind CSS script into the preview iframe's head using previewHeadEndContent().

```php
MonacoEditor::make('code')->previewHeadEndContent(
    "<script src='https://cdn.tailwindcss.com'></script>"
);
```

--------------------------------

### previewBodyStartContent(string | Closure $content = '')

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Sets raw HTML to be placed at the start of the preview iframe's <body> element. Accepts a string or Closure and returns the component instance for chaining.

```APIDOC
## previewBodyStartContent()

### Description
Sets raw HTML content to be placed at the start of the preview iframe's `<body>` element.

### Method
`previewBodyStartContent(string | Closure $content = ''): static`

### Parameters
- **content** (`string | Closure`) - Optional - Default: `''` - Raw HTML placed at the start of the preview iframe's `<body>`.

### Returns
`static` - The component instance for method chaining.

### Example
```php
MonacoEditor::make('code')->previewBodyStartContent("<div class='bg-red-500'>");
```
```

--------------------------------

### hideLoader() usage example

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Example usage of hideLoader() in a Filament form field.

```php
MonacoEditor::make('code')->hideLoader();
```

--------------------------------

### Add content to start of preview body

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/README.md

Prepend custom HTML content to the beginning of the preview's body element.

```php
->previewBodyStartContent("<div class='bg-red-500'>"),
```

--------------------------------

### previewBodyStartContent method signature

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Signature for the previewBodyStartContent method. It accepts a string or Closure and returns static. The content is raw HTML placed at the start of the preview iframe's body.

```php
public function previewBodyStartContent(string | Closure $content = ''): static
```

--------------------------------

### MonacoEditor::make('content')

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Example of creating a MonacoEditor form field with chained configuration methods.

```APIDOC
## MonacoEditor::make('content')

### Description
Creates a MonacoEditor form field instance with the given name and applies various configuration options via method chaining.

### Method
make()

### Parameters
- **name** (string) - Required - The field name.

### Chained Methods
- **language(string $language)** - Sets the editor language (e.g., 'php').
- **theme(string $theme)** - Sets the editor theme (e.g., 'blackboard').
- **enablePreview()** - Enables a preview pane.
- **showFullScreenToggle()** - Shows a fullscreen toggle button.
- **showPlaceholder()** - Shows a placeholder when the editor is empty.
- **placeholderText(string $text)** - Sets the placeholder text (e.g., 'Your code here...').
- **showLoader()** - Shows a loading indicator.
- **fontSize(string $size)** - Sets the font size (e.g., '15px').
- **lineNumbersMinChars(int $count)** - Sets the minimum number of characters for line numbers (e.g., 3).
- **automaticLayout()** - Enables automatic layout adjustment.

### Example
```php
use AbdelhamidErrahmouni\FilamentMonacoEditor\MonacoEditor;

MonacoEditor::make('content')
    ->language('php')
    ->theme('blackboard')
    ->enablePreview()
    ->showFullScreenToggle()
    ->showPlaceholder()
    ->placeholderText('Your code here...')
    ->showLoader()
    ->fontSize('15px')
    ->lineNumbersMinChars(3)
    ->automaticLayout();
```
```

--------------------------------

### Error handling for editorTheme() with nonexistent theme

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor.md

Demonstrates catching the \Exception thrown when the theme is not defined in the config. The view calls editorTheme() during render, so this example shows a controller/consumer context.

```php
use AbdelhamidErrahmouni\FilamentMonacoEditor\MonacoEditor;
use Filament\Forms\Form;

public static function form(Form $form): Form
{
    $field = MonacoEditor::make('code')->theme('nonexistent-theme');

    // The view calls editorTheme() during render, so in a controller/consumer context:
    try {
        $json = $field->editorTheme();
    } catch (\Exception $e) {
        // "Theme nonexistent-theme not found in config file."
        report($e);
    }

    return $form->schema([$field]);
}
```

--------------------------------

### previewBodyAttributes() usage example

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Shows how to set custom class and id attributes on the preview iframe's body using previewBodyAttributes().

```php
MonacoEditor::make('code')->previewBodyAttributes([
    'class' => 'bg-red-500',
    'id' => 'preview-body',
]);
```

--------------------------------

### Basic editorTheme() usage example

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor.md

Shows how to call editorTheme() on a MonacoEditor field with the default 'blackboard' theme. The comment shows the expected JSON output shape.

```php
$field = MonacoEditor::make('code');
// $field->editorTheme() =>
// {"base":"vs-dark","inherit":true,"rules":[...],"colors":{"editor.foreground":"#F8F8F8",...}}
```

--------------------------------

### previewBodyEndContent usage example

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Example of using previewBodyEndContent to close a div at the end of the preview body.

```php
MonacoEditor::make('code')->previewBodyEndContent("</div>");
```

--------------------------------

### language() usage examples

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Shows how to set the editor language to 'php', 'blade' (which is mapped to 'html'), and a Closure variant that reads a field value.

```php
MonacoEditor::make('content')->language('php');

// Blade is unavailable in Monaco; mapped to html for basic highlighting:
MonacoEditor::make('view')->language('blade');

// Closure variant:
MonacoEditor::make('content')->language(fn ($get) => $get('lang-selector'));
```

--------------------------------

### MonacoEditor::make() chain example

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Use this snippet to configure a MonacoEditor field in Filament with language, theme, preview, full-screen toggle, placeholder, loader, font size, line numbers, and automatic layout.

```php
use AbdelhamidErrahmouni\FilamentMonacoEditor\MonacoEditor;

MonacoEditor::make('content')
    ->language('php')
    ->theme('blackboard')
    ->enablePreview()
    ->showFullScreenToggle()
    ->showPlaceholder()
    ->placeholderText('Your code here...')
    ->showLoader()
    ->fontSize('15px')
    ->lineNumbersMinChars(3)
    ->automaticLayout();
```

--------------------------------

### getLanguage() usage example

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-getters.md

Shows how to call getLanguage() on a MonacoEditor field configured with language('php'). The output is the string 'php'.

```php
$field = MonacoEditor::make('content')->language('php');
echo $field->getLanguage(); // "php"
```

--------------------------------

### MonacoEditor class declaration

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor.md

The class declaration for MonacoEditor, extending Filament's Field class. It includes public properties for configuration and a protected view property. The setUp() method seeds defaults from config, and editorTheme() is defined but not shown in full.

```php
<?php

namespace AbdelhamidErrahmouni\FilamentMonacoEditor;

use Closure;
use Filament\Forms\Components\Field;

class MonacoEditor extends Field
{
    public bool | Closure $showPlaceholder = true;

    public bool | Closure $showLoader = true;

    public bool | Closure $automaticLayout = true;

    public int | Closure $lineNumbersMinChars = 3;

    public string | Closure $fontSize = '15px';

    public string | Closure $language = 'html';

    public string | Closure $placeholderText = 'Your code here...';

    public string | Closure $previewHeadEndContent = '';

    public array | Closure $previewBodyAttributes = ['class' => ''];

    public string | Closure $previewBodyStartContent = '';

    public string | Closure $previewBodyEndContent = '';

    public bool | Closure $enablePreview = true;

    public bool | Closure $showFullScreenToggle = true;

    public string | Closure $theme = 'blackboard';

    protected string $view = 'filament-monaco-editor::filament-monaco-editor';

    protected function setUp(): void
    {
        // ...seeds property defaults from config (see below)
    }

    public function editorTheme()
    {
        // ...
    }

    // ...fluent methods (see monaco-editor-fluent-api.md)
    // ...getters (see monaco-editor-getters.md)
}
```

--------------------------------

### Change editor theme with theme method

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/README.md

Set the editor theme to 'blackboard'. Themes must be defined in the config file under the 'themes' array.

```php
->theme('blackboard') # themes should be defined in the config file in the themes array
```

--------------------------------

### Published Config File

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/README.md

Default configuration file with general settings and a 'blackboard' theme definition. The theme rules are abbreviated with a comment.

```php
return [
    "general" => [
        "enable-preview" => true,
        "show-full-screen-toggle" => true,
        "show-placeholder" => true,
        "placeholder-text" => "Your code here...",
        "show-loader" => true,
        "font-size" => "15px",
        "line-numbers-min-chars" => true,
        "automatic-layout" => true,
        "default-theme" => "blackboard"
    ],
    "themes" => [
        "blackboard" => [
            "base" => "vs-dark",
            "inherit" => true,
            "rules" => [
                # long list of rules ... 
            ],
            "colors" => [
                "editor.foreground" => "#F8F8F8",
                "editor.background" => "#0C1021",
                "editor.selectionBackground" => "#253B76",
                "editor.lineHighlightBackground" => "#FFFFFF0F",
                "editorCursor.foreground" => "#FFFFFFA6",
                "editorWhitespace.foreground" => "#FFFFFF40"
            ]
        ]
    ],
];
```

--------------------------------

### getShowLoader() method signature

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-getters.md

Returns (bool) $this->evaluate($this->showLoader). Drives the Alpine monacoLoader spinner.

```php
public function getShowLoader()
```

--------------------------------

### Run tests with Composer

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/README.md

Execute the package test suite using Composer. This command runs all defined tests.

```bash
composer test
```

--------------------------------

### Publish config and views

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/configuration.md

Commands to publish the package's config file and optional Blade views. Use the config tag to publish the configuration file, and the views tag for Blade views.

```bash
php artisan vendor:publish --tag="filament-monaco-editor-config"   # config file
php artisan vendor:publish --tag="filament-monaco-editor-views"    # blade views (optional)
```

--------------------------------

### theme() method signature

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Signature of the theme method. Accepts a string or Closure, defaults to 'blackboard', and returns static.

```php
public function theme(string | Closure $name = 'blackboard'): static
```

--------------------------------

### showLoader() method definition

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Defines the showLoader method that shows or hides the loader when the editor is loading. Accepts a bool or Closure, defaults to true. Returns static.

```php
/**
 * @param  bool|Closure  $show
 * @return $this
 *
 * Show/Hide loader when editor is loading.
 */
public function showLoader(bool | Closure $condition = true): static
```

--------------------------------

### showFullScreenToggle() method signature

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Signature of the showFullScreenToggle method. Accepts a boolean or Closure condition, defaults to true, and returns static.

```php
public function showFullScreenToggle(bool | Closure $condition = true): static
```

--------------------------------

### editorTheme() implementation

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor.md

Verbatim implementation of editorTheme(). Throws \Exception if the theme is not found in config, otherwise returns JSON with base, inherit, rules, colors.

```php
public function editorTheme()
{
    if (! isset(config('filament-monaco-editor.themes')[$this->theme])) {
        throw new \Exception("Theme {$this->theme} not found in config file.");
    }

    return json_encode([
        'base' => config("filament-monaco-editor.themes.{$this->theme}.base"),
        'inherit' => config("filament-monaco-editor.themes.{$this->theme}.inherit"),
        'rules' => config("filament-monaco-editor.themes.{$this->theme}.rules"),
        'colors' => config("filament-monaco-editor.themes.{$this->theme}.colors"),
    ], JSON_THROW_ON_ERROR);
}
```

--------------------------------

### theme()

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Sets the editor theme by name. Accepts a string or Closure and returns the component instance. Selecting an undefined theme will cause an exception during rendering.

```APIDOC
## theme()

### Description
Sets the editor theme by name. Accepts a string or Closure and returns the component instance. Selecting an undefined theme will cause an exception during rendering.

### Method
`theme`

### Signature
```php
public function theme(string | Closure $name = 'blackboard'): static
```

### Parameters
- **name** (`string | Closure`) - Optional - Default: `'blackboard'` - Key of a theme defined under `themes` in `config/filament-monaco-editor.php`. Selecting an undefined theme causes `editorTheme()` to throw `\Exception` on render.

### Returns
`static` - The component instance for chaining.

### Examples
```php
MonacoEditor::make('code')->theme('blackboard');
MonacoEditor::make('code')->theme(fn () => request('theme') ?? 'blackboard');
```

### Note
Selecting a theme name that is absent from `config('filament-monaco-editor.themes')` does not fail at call time — it fails later, when the Blade view calls `editorTheme()`, which throws `\Exception("Theme {name} not found in config file.")` (`src/MonacoEditor.php:56`).
```

--------------------------------

### previewHeadEndContent() method signature

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Defines the previewHeadEndContent() method that accepts a string or Closure content, defaulting to an empty string, and returns static. It injects raw HTML at the end of the preview iframe's head.

```php
public function previewHeadEndContent(string | Closure $content = ''): static
```

--------------------------------

### showLoader()

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Shows or hides the loader spinner while the editor is loading. Accepts a bool or Closure. Returns static.

```APIDOC
## showLoader()

### Description
Show/Hide loader when editor is loading.

### Method
showLoader(bool | Closure $condition = true)

### Parameters
- `condition` (bool | Closure) - Optional - Default: `true` - Whether the spinner overlay is shown while the Monaco AMD loader initializes

### Returns
`static`

### Examples
```php
MonacoEditor::make('code')->showLoader();
MonacoEditor::make('code')->showLoader(false); // hides the spinner
```
```

--------------------------------

### placeholderText()

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Sets the placeholder text for the editor. Accepts a string or Closure. Returns static.

```APIDOC
## placeholderText()

### Description
Set the placeholder text for the editor.

### Method
placeholderText(string | Closure $palceholder = '')

### Parameters
- `palceholder` (string | Closure) - Optional - Default: `''` - Placeholder text shown when the editor is empty (note the misspelled parameter name in source)

### Returns
`static`

### Examples
```php
MonacoEditor::make('code')->placeholderText('Your code here...');
MonacoEditor::make('code')->placeholderText(fn () => trans('editor.hint'));
```
```

--------------------------------

### Publish Views

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/README.md

Optionally publishes the package views using the tag 'filament-monaco-editor-views'.

```bash
php artisan vendor:publish --tag="filament-monaco-editor-views"
```

--------------------------------

### Usage context with stock Livewire test helpers

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/supporting-classes.md

Shows how to test a form field using Pest's livewire helper and stock Livewire assertions. The package mixin does not contribute any assertion methods.

```php
use function Pest\Livewire\livewire;

livewire(EditPost::class)
    ->fillForm(['content' => "<?php echo 'hi';"])
    ->assertSet('content', "<?php echo 'hi';");
```

--------------------------------

### getAutomaticLayout() method signature

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-getters.md

Returns (bool) $this->evaluate($this->automaticLayout), passed to Monaco's automaticLayout option.

```php
public function getAutomaticLayout()
```

--------------------------------

### enablePreview method signature

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Signature for the enablePreview method. It accepts a bool or Closure and returns static. The condition determines whether the Code/Preview tab bar is rendered.

```php
public function enablePreview(bool | Closure $condition = true): static
```

--------------------------------

### Publish Config File

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/README.md

Publishes the package configuration file using the tag 'filament-monaco-editor-config'.

```bash
php artisan vendor:publish --tag="filament-monaco-editor-config"
```

--------------------------------

### Artisan command class declaration

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/supporting-classes.md

The MonacoEditorCommand is a scaffold command with signature 'filament-monaco-editor' and description 'My command'. Its handle method outputs 'All done' and returns self::SUCCESS.

```php
<?php

namespace AbdelhamidErrahmouni\FilamentMonacoEditor\Commands;

use Illuminate\Console\Command;

class MonacoEditorCommand extends Command
{
    public $signature = 'filament-monaco-editor';

    public $description = 'My command';

    public function handle(): int
    {
        $this->comment('All done');

        return self::SUCCESS;
    }
}
```

--------------------------------

### Config file top-level structure

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/configuration.md

The top-level structure of the config file, containing 'general' and 'themes' keys. The 'themes' array is keyed by theme name.

```php
<?php

return [
    'general' => [
        // ...editor behavior defaults
    ],
    'themes' => [
        // keyed by theme name, e.g. 'blackboard' => [...]
    ],
];
```

--------------------------------

### getShowLoader()

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-getters.md

Returns a boolean indicating whether the loader should be shown. Drives the Alpine monacoLoader spinner.

```APIDOC
## getShowLoader()

### Description
Returns `(bool) $this->evaluate($this->showLoader)`; drives the Alpine `monacoLoader` spinner.

### Method
`getShowLoader()`

### Signature
```php
public function getShowLoader()
```

### Parameters
None.

### Returns
- **Type**: `bool`
- **Description**: Whether the loader is shown.
```

--------------------------------

### editorTheme()

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor.md

Returns a JSON-encoded string of the complete Monaco theme definition for the currently configured theme. Throws an exception if the theme is not defined in the config file.

```APIDOC
## editorTheme()

### Description
Returns a JSON-encoded string of the complete Monaco theme definition for the currently configured `$theme` name. Throws an exception if the theme is not defined in the config file.

### Method
`editorTheme()`

### Endpoint
`MonacoEditor::editorTheme()`

### Parameters
No parameters.

### Return
- **Type**: `string` (JSON)
- **Description**: JSON-encoded object with keys `base`, `inherit`, `rules`, `colors` (the shape Monaco's `monaco.editor.defineTheme` expects).

### Throws
- **\Exception** - The theme name held in `$this->theme` has no entry in `config('filament-monaco-editor.themes')`.
- **\JsonException** - `json_encode(..., JSON_THROW_ON_ERROR)` fails (unlikely).

### Examples
Basic usage with default theme:

```php
$field = MonacoEditor::make('code');
// $field->editorTheme() =>
// {"base":"vs-dark","inherit":true,"rules":[...],"colors":{"editor.foreground":"#F8F8F8",...}}
```

Error handling with nonexistent theme:

```php
use AbdelhamidErrahmouni\FilamentMonacoEditor\MonacoEditor;
use Filament\Forms\Form;

public static function form(Form $form): Form
{
    $field = MonacoEditor::make('code')->theme('nonexistent-theme');

    try {
        $json = $field->editorTheme();
    } catch (\Exception $e) {
        // "Theme nonexistent-theme not found in config file."
        report($e);
    }

    return $form->schema([$field]);
}
```
```

--------------------------------

### Show or hide loader

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/README.md

Toggle the loader visibility with showLoader(false) or hideLoader().

```php
->showLoader(false)
# or
->hideLoader()
```

--------------------------------

### Customize placeholder text

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/README.md

Set a custom placeholder text for the editor.

```php
->placeholderText('Your placeholder text')
```

--------------------------------

### placeholderText() method definition

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Defines the placeholderText method that sets the placeholder text for the editor. Accepts a string or Closure, defaults to an empty string. Note the misspelled parameter name 'palceholder' in the source. Returns static.

```php
/**
 * @return $this
 *
 * Set the placeholder text for the editor.
 */
public function placeholderText(string | Closure $palceholder = ''): static
```

--------------------------------

### previewBodyAttributes() method signature

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Defines the previewBodyAttributes() method that accepts an array or Closure of attributes, defaulting to ['class' => ''], and returns static. It sets HTML attributes on the preview iframe's body.

```php
public function previewBodyAttributes(array | Closure $attributes = ['class' => '']): static
```

--------------------------------

### Custom theme configuration in filament-monaco-editor.php

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/README.md

Define a custom Monaco editor theme by adding an entry to the 'themes' array in the filament-monaco-editor.php config file. The 'base' key accepts 'vs-dark' or 'vs-light', 'inherit' is a boolean, and 'rules' and 'colors' are optional arrays for syntax highlighting and editor colors.

```php
"themes" => [
    "themeName" => [
        "base" => "vs-dark|vs-light",
        "inherit" => true|false,
        "rules" => [
           //... your rules
        ],
        "colors" => [
            // your colors, the following are an example...
            "editor.foreground" => "#F8F8F8",
            "editor.background" => "#0C1021",
            "editor.selectionBackground" => "#253B76",
            "editor.lineHighlightBackground" => "#FFFFFF0F",
            "editorCursor.foreground" => "#FFFFFFA6",
            "editorWhitespace.foreground" => "#FFFFFF40"
        ]
    ]
],
```

--------------------------------

### Add scripts and styles to preview head

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/README.md

Inject custom HTML into the preview's head element, useful for adding external CSS/JS libraries like Tailwind and Alpine.js.

```php
->previewHeadEndContent("<script src='https://cdn.tailwindcss.com'></script><script defer src='https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js'></script>"),
```

--------------------------------

### enablePreview(bool | Closure $condition = true)

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Controls whether the Code/Preview tab bar is rendered. Accepts a boolean or Closure and returns the component instance for chaining.

```APIDOC
## enablePreview()

### Description
Controls whether the Code/Preview tab bar is rendered in the editor.

### Method
`enablePreview(bool | Closure $condition = true): static`

### Parameters
- **condition** (`bool | Closure`) - Optional - Default: `true` - Whether the Code/Preview tab bar is rendered.

### Returns
`static` - The component instance for method chaining.

### Examples
```php
MonacoEditor::make('code')->enablePreview();
MonacoEditor::make('code')->enablePreview(false);
```
```

--------------------------------

### Show or hide placeholder

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/README.md

Control placeholder visibility using showPlaceholder(false) or hidePlaceholder().

```php
->showPlaceholder(false)
# or
->hidePlaceholder()
```

--------------------------------

### MonacoEditorServiceProvider class declaration

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/service-provider.md

Full class declaration for the service provider, including namespace, imports, properties, and methods. It configures the package, registers assets via FilamentAsset, and mixes the testing trait.

```php
<?php

namespace AbdelhamidErrahmouni\FilamentMonacoEditor;

use AbdelhamidErrahmouni\FilamentMonacoEditor\Testing\TestsMonacoEditor;
use Filament\Support\Assets\AlpineComponent;
use Filament\Support\Assets\Asset;
use Filament\Support\Assets\Css;
use Filament\Support\Assets\Js;
use Filament\Support\Facades\FilamentAsset;
use Livewire\Features\SupportTesting\Testable;
use Spatie\LaravelPackageTools\Package;
use Spatie\LaravelPackageTools\PackageServiceProvider;

class MonacoEditorServiceProvider extends PackageServiceProvider
{
    public static string $name = 'filament-monaco-editor';

    public static string $viewNamespace = 'filament-monaco-editor';

    public function configurePackage(Package $package): void
    {
        $package->name(static::$name)
            ->hasConfigFile('filament-monaco-editor')
            ->hasTranslations()
            ->hasViews(static::$viewNamespace);
    }

    public function packageRegistered(): void {}

    public function packageBooted(): void
    {
        // Asset Registration
        FilamentAsset::register(
            $this->getAssets(),
            static::$name
        );

        // Testing
        Testable::mixin(new TestsMonacoEditor);
    }

    protected function getAssets(): array
    {
        return [
            Css::make('filament-monaco-editor-styles', __DIR__ . '/../resources/dist/filament-monaco-editor.css'),
            Js::make('filament-monaco-editor-scripts', __DIR__ . '/../resources/dist/filament-monaco-editor.js'),
        ];
    }
}
```

--------------------------------

### showFullScreenToggle()

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Controls whether the full-screen button is rendered in the control bar. Accepts a boolean or Closure condition and returns the component instance.

```APIDOC
## showFullScreenToggle()

### Description
Controls whether the full-screen button is rendered in the control bar. Accepts a boolean or Closure condition and returns the component instance.

### Method
`showFullScreenToggle`

### Signature
```php
public function showFullScreenToggle(bool | Closure $condition = true): static
```

### Parameters
- **condition** (`bool | Closure`) - Optional - Default: `true` - Whether the full-screen button is rendered in the control bar.

### Returns
`static` - The component instance for chaining.

### Examples
```php
MonacoEditor::make('code')->showFullScreenToggle();
MonacoEditor::make('code')->showFullScreenToggle(false);
```
```

--------------------------------

### editorTheme() method signature

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor.md

Returns a JSON-encoded string of the complete Monaco theme definition for the currently configured $theme name.

```php
public function editorTheme()
```

--------------------------------

### Testing mixin class declaration

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/supporting-classes.md

The TestsMonacoEditor class is empty and is mixed into Livewire's Testable class. It currently adds no methods.

```php
<?php

namespace AbdelhamidErrahmouni\FilamentMonacoEditor\Testing;

use Livewire\Features\SupportTesting\Testable;

/**
 * @mixin Testable
 */
class TestsMonacoEditor
{
    //
}
```

--------------------------------

### getPreviewHeadEndContent() method signature

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-getters.md

Returns the evaluated previewHeadEndContent as a string of raw HTML, injected into the head of the preview iframe's srcdoc inside <head>...</head>.

```php
public function getPreviewHeadEndContent()
```

--------------------------------

### showPlaceholder()

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Shows or hides the placeholder text when the editor is empty. Accepts a bool or Closure. Returns static for chaining.

```APIDOC
## showPlaceholder()

### Description
Shows or hides the placeholder text when the editor is empty. Accepts a bool or Closure. Returns static for chaining.

### Method
showPlaceholder

### Signature
public function showPlaceholder(bool | Closure $condition = true): static

### Parameters
- **condition** (bool | Closure) - Optional - Default: true - Whether the placeholder is visible when empty

### Returns
static

### Examples
```php
MonacoEditor::make('code')->showPlaceholder();
MonacoEditor::make('code')->showPlaceholder(false);
MonacoEditor::make('code')->showPlaceholder(fn (): bool => auth()->user()->preferred_placeholder);
```
```

--------------------------------

### language()

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Sets the language for the editor. Accepts a string or Closure. Returns static for chaining.

```APIDOC
## language()

### Description
Sets the language for the editor. Accepts a string or Closure. Returns static for chaining.

### Method
language

### Signature
public function language(string | Closure $lang = 'html'): static

### Parameters
- **lang** (string | Closure) - Optional - Default: 'html' - Monaco language id. `blade` and `blade.php` are rewritten to `html` (Monaco ships no Blade language).

### Returns
static

### Examples
```php
MonacoEditor::make('content')->language('php');

// Blade is unavailable in Monaco; mapped to html for basic highlighting:
MonacoEditor::make('view')->language('blade');

// Closure variant:
MonacoEditor::make('content')->language(fn ($get) => $get('lang-selector'));
```
```

--------------------------------

### Facade class declaration

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/supporting-classes.md

The MonacoEditor facade extends the base Facade and returns the underlying class name. It proxies static calls to the Filament form field class.

```php
<?php

namespace AbdelhamidErrahmouni\FilamentMonacoEditor\Facades;

use Illuminate\Support\Facades\Facade;

/**
 * @see \AbdelhamidErrahmouni\FilamentMonacoEditor\MonacoEditor
 */
class MonacoEditor extends Facade
{
    protected static function getFacadeAccessor()
    {
        return \AbdelhamidErrahmouni\FilamentMonacoEditor\MonacoEditor::class;
    }
}
```

--------------------------------

### automaticLayout() method signature

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Defines the automaticLayout() method that accepts a bool or Closure condition, defaulting to true, and returns static. It enables or disables the automatic layout option.

```php
/**
 * @param  bool|Closure  $value
 * @return $this
 *
 * Enable/Disable automatic layout.
 */
public function automaticLayout(bool | Closure $condition = true): static
```

--------------------------------

### getPlaceholderText()

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-getters.md

Returns the evaluated placeholder text as a string. Used as x-text of the placeholder overlay element.

```APIDOC
## getPlaceholderText()

### Description
Returns the evaluated `placeholderText` (`string`). Used as `x-text` of the placeholder overlay element.

### Method
`getPlaceholderText()`

### Signature
```php
public function getPlaceholderText()
```

### Parameters
None.

### Returns
- **Type**: `string`
- **Description**: The placeholder text.
```

--------------------------------

### getFontSize() method signature

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-getters.md

Returns the evaluated fontSize as a string (e.g., '15px'), passed to Monaco's fontSize option and applied to the placeholder overlay style.

```php
public function getFontSize()
```

--------------------------------

### Show or hide full screen button

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/README.md

Control the visibility of the full screen button using showFullScreenButton(false) or hideFullScreenButton().

```php
->showFullScreenButton(false)
# or
->hideFullScreenButton()
```

--------------------------------

### automaticLayout(bool|Closure $condition = true): static

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Enables or disables automatic layout for the Monaco editor, which recomputes layout on container resize. Accepts a boolean or Closure and returns the component instance for chaining.

```APIDOC
## automaticLayout(bool|Closure $condition = true): static

### Description
Enables or disables automatic layout for the Monaco editor. When enabled, Monaco recomputes layout on container resize.

### Method
PHP method call

### Signature
`public function automaticLayout(bool | Closure $condition = true): static`

### Parameters
- **condition** (bool | Closure) - Optional - Default: `true` - Whether Monaco recomputes layout on container resize (`automaticLayout` option).

### Returns
`static` - The component instance for chaining.

### Example
```php
MonacoEditor::make('code')->automaticLayout();
MonacoEditor::make('code')->automaticLayout(false);
```
```

--------------------------------

### hideLoader() method signature

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Method signature for hideLoader() that hides the loader when the editor is loading. Sets showLoader = false. No parameters. Returns static.

```php
/**
 * @return $this
 *
 * Hide the loader when editor is loading.
 */
public function hideLoader(): static
```

--------------------------------

### getPlaceholderText() method signature

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-getters.md

Returns the evaluated placeholderText as a string. Used as x-text of the placeholder overlay element.

```php
public function getPlaceholderText()
```

--------------------------------

### Disable preview functionality

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/README.md

Disable the preview feature using either the enablePreview(false) method or the disablePreview() method. Both are equivalent.

```php
->enablePreview(false)
# or
->disablePreview()
```

--------------------------------

### previewBodyEndContent(string | Closure $content = '')

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Sets raw HTML to be placed at the end of the preview iframe's <body> element. Accepts a string or Closure and returns the component instance for chaining.

```APIDOC
## previewBodyEndContent()

### Description
Sets raw HTML content to be placed at the end of the preview iframe's `<body>` element.

### Method
`previewBodyEndContent(string | Closure $content = ''): static`

### Parameters
- **content** (`string | Closure`) - Optional - Default: `''` - Raw HTML placed at the end of the preview iframe's `<body>`.

### Returns
`static` - The component instance for method chaining.

### Example
```php
MonacoEditor::make('code')->previewBodyEndContent("</div>");
```
```

--------------------------------

### previewBodyEndContent method signature

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Signature for the previewBodyEndContent method. It accepts a string or Closure and returns static. The content is raw HTML placed at the end of the preview iframe's body.

```php
public function previewBodyEndContent(string | Closure $content = ''): static
```

--------------------------------

### showPlaceholder() method definition

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Defines the `showPlaceholder()` method on the MonacoEditor class. It accepts a bool or Closure, defaults to true, and returns `$this` for fluent chaining.

```php
/**
 * @param  bool|Closure  $show
 * @return $this
 *
 * Show/Hide placeholder text when editor is empty.
 */
public function showPlaceholder(bool | Closure $condition = true): static
```

--------------------------------

### fontSize() method signature

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-fluent-api.md

Method signature for fontSize() that changes the font size of the editor's content. Accepts a string or Closure, defaulting to '15px'. Returns static.

```php
/**
 * @return $this
 *
 * Change the font size of the editor's content.
 */
public function fontSize(string | Closure $size = '15px'): static
```

--------------------------------

### MonacoEditor::make(string $name)

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor.md

Static factory method inherited from Filament\Forms\Components\Field to create a new MonacoEditor field instance. The method is not defined in this package but is available through inheritance.

```APIDOC
## MonacoEditor::make(string $name)

### Description
Creates a new instance of the MonacoEditor field. This static factory method is inherited from Filament\Forms\Components\Field and is used to instantiate the field in a Filament form schema.

### Method
Static factory method

### Signature
`MonacoEditor::make(string $name)`

### Parameters
- **$name** (string) - Required - The name of the field.

### Example
```php
use AbdelhamidErrahmouni\FilamentMonacoEditor\MonacoEditor;

class EditPost extends CreateRecord
{
    public static function form(Form $form): Form
    {
        return $form->schema([
            MonacoEditor::make('content')
                ->language('php')
                ->theme('blackboard')
                ->enablePreview(),
        ]);
    }
}
```

### Notes
- The `make()` method is inherited from `Filament\Forms\Components\Field` and is not defined in this package's source.
- The protected view name `$view` resolves to `filament-monaco-editor::filament-monaco-editor`.
```

--------------------------------

### getShowPlaceholder() method signature

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor-getters.md

Returns (bool) $this->evaluate($this->showPlaceholder). The view converts it to (int) for the Alpine monacoPlaceholder flag.

```php
public function getShowPlaceholder()
```

--------------------------------

### MonacoEditor::make() factory method

Source: https://github.com/abdelhamiderrahmouni/filament-monaco-editor/blob/v3.x/_autodocs/api-reference/monaco-editor.md

Creates a new MonacoEditor field instance. The method is inherited from Filament\Forms\Components\Field and is not defined in this package. The protected view name resolves to 'filament-monaco-editor::filament-monaco-editor'.

```php
MonacoEditor::make(string $name)
```
Tokens:
Raw