Merge pull request #5 from mansoorkhan96/feat/add-support-for-filamen…

…t-v3

Feat/add support for filament v3

.gitignore

@@ -9,3 +9,4 @@ phpstan.neon
 testbench.yaml
 vendor
 node_modules
+**/.DS_Store

README.md

@@ -13,6 +13,12 @@ To install, require the package from composer:
 composer require mansoor/filament-torchlight
 ```
 
+### ⚠️ Use version `0.0.2` for Filament 2 support ⚠️
+
+```bash
+composer require "creagia/filament-code-field:^0.0.2"
+```
+
 ## Setup Torchlight
 
 You must follow the Torchlight documentation to [Add Torchlight Middleware](https://torchlight.dev/docs/clients/laravel#middleware) and [Publish the Torchlight configuration file](https://torchlight.dev/docs/clients/laravel#configuration)

composer.json

@@ -18,9 +18,9 @@
     ],
     "require": {
         "php": "^8.1",
-        "filament/filament": "*",
+        "filament/filament": "^3.0",
         "illuminate/contracts": "^10.0",
-        "spatie/laravel-package-tools": "^1.14.0",
+        "spatie/laravel-package-tools": "^1.15.0",
         "torchlight/torchlight-laravel": "^0.5.13"
     },
     "require-dev": {

resources/views/torchlight-code.blade.php

@@ -1,20 +1,13 @@
 <x-dynamic-component
     :component="$getFieldWrapperView()"
-    :id="$getId()"
-    :label="$getLabel()"
-    :label-sr-only="$isLabelHidden()"
-    :helper-text="$getHelperText()"
-    :hint="$getHint()"
-    :hint-icon="$getHintIcon()"
-    :required="$isRequired()"
-    :state-path="$getStatePath()"
+    :field="$field"
 >
-    <pre>
+    <pre
+        x-load-css="[@js(\Filament\Support\Facades\FilamentAsset::getStyleHref('filament-torchlight', package: 'mansoor/filament-torchlight'))]"
+    >
         <x-torchlight-code
-            id="{{ $getId() }}"
-            dusk="filament.forms.{{ $getStatePath() }}"
-            language="{{ $getLanguage() ?? ''  }}"
-            theme="{{ $getTheme() ?? '' }}"
+            language="{{ $field->getLanguage() ?? ''  }}"
+            theme="{{ $field->getTheme() ?? '' }}"
             {{ $attributes }}
         >{!! $getState() !!}</x-torchlight-code>
     </pre>

src/FilamentTorchlightServiceProvider.php

@@ -2,20 +2,28 @@
 
 namespace Mansoor\FilamentTorchlight;
 
-use Filament\PluginServiceProvider;
+use Filament\Support\Assets\Css;
+use Filament\Support\Facades\FilamentAsset;
 use Spatie\LaravelPackageTools\Package;
+use Spatie\LaravelPackageTools\PackageServiceProvider;
 
-class FilamentTorchlightServiceProvider extends PluginServiceProvider
+class FilamentTorchlightServiceProvider extends PackageServiceProvider
 {
-    protected array $styles = [
-        'filament-torchlight' => __DIR__.'/../resources/dist/css/filament-torchlight.css',
-    ];
+    public static string $name = 'filament-torchlight';
 
     public function configurePackage(Package $package): void
     {
         $package
-            ->name('filament-torchlight')
+            ->name(static::$name)
             ->hasAssets()
             ->hasViews();
     }
+
+    public function packageBooted(): void
+    {
+        FilamentAsset::register(
+            [Css::make(static::$name, __DIR__.'/../resources/dist/css/filament-torchlight.css')->loadedOnRequest()],
+            'mansoor/filament-torchlight'
+        );
+    }
 }