Merge pull request #54 from pxlrbt/feature/filament-v4

Filament v4 support

Author: pxlrbt

composer.json

@@ -18,7 +18,7 @@
     ],
     "require": {
         "php": "^8.0",
-        "filament/filament": "^3.0.0-stable",
+        "filament/filament": "^3.0|^4.0",
         "wire-elements/spotlight": "^2.0"
     },
     "require-dev": {

package-lock.json

@@ -2,15 +2,14 @@
     "private": true,
     "scripts": {
         "dev": "mix watch",
-        "build": "mix --production && npm run purge",
-        "purge": "filament-purge -i resources/dist/css/spotlight.css -o resources/dist/css/spotlight.css -v 3.x"
+        "build": "mix --production"
     },
     "devDependencies": {
         "autoprefixer": "^10.1.0",
         "laravel-mix": "^6.0.6",
         "postcss": "^8.2.1",
-        "tailwindcss": "^3.0.23",
-        "@awcodes/filament-plugin-purge": "^1.0.1"
+        "@tailwindcss/postcss": "^4.1.8",
+        "tailwindcss": "^4"
     },
     "dependencies": {
         "fuse.js": "^6.5.3"

package.json

@@ -29,21 +29,26 @@ https://user-images.githubusercontent.com/22632550/159757479-ca9c3f46-7638-4889-
 
 
 | Plugin Version | Filament Version | PHP Version |
-|----------------|-----------------|-------------|
-| 0.x            | 2.x   | \> 8.0      |
-| 1.x            | 3.x             | \> 8.1      |
+|----------------|------------------|-------------|
+| 0.x            | 2.x              | \> 8.0      |
+| 1.x            | 3.x              | \> 8.1      |
+| 2.x            | 4.x              | \> 8.1      |
 
 
 ```bash
 composer require pxlrbt/filament-spotlight
 ```
 
-### Assets
+### Upgrade guide for Filament v4
 
-Publish the assets (Filament > 3)
+From v2 onwards you will need a [Custom Theme](https://filamentphp.com/docs/4.x/styling/overview#creating-a-custom-theme) to include the Tailwind classes for the Spotlight component. See note below. 
 
-```bash
-php artisan filament:assets
+### Styles
+
+To include the Tailwind classes that are used in the Spotlight component, you need to create a [Custom Theme](https://filamentphp.com/docs/4.x/styling/overview#creating-a-custom-theme) and include the following line:
+
+```css
+@source '../../../../vendor/wire-elements/**/*.blade.php';
 ```
 
 ### Plugin registration

readme.md

@@ -2,20 +2,18 @@
 
 namespace pxlrbt\FilamentSpotlight\Actions;
 
+use Filament\Actions\Action;
 use Filament\Facades\Filament;
-use Filament\Navigation\MenuItem;
 use Filament\Panel;
 use LivewireUI\Spotlight\Spotlight;
 use pxlrbt\FilamentSpotlight\Commands\PageCommand;
 
 class RegisterUserMenu
 {
-    public static function boot(Panel $panel)
+    public static function boot(Panel $panel): void
     {
         $self = new static;
-        /**
-         * @var array<MenuItem> $items
-         */
+
         $items = $panel->getUserMenuItems();
 
         foreach ($items as $key => $item) {
@@ -35,7 +33,7 @@ public static function boot(Panel $panel)
         }
     }
 
-    protected function getName(string $key, MenuItem $item): ?string
+    protected function getName(string $key, Action $item): ?string
     {
         return match ($key) {
             'account' => $item->getLabel() ?? __('filament-spotlight::spotlight.account'),
@@ -44,7 +42,7 @@ protected function getName(string $key, MenuItem $item): ?string
         };
     }
 
-    protected function getUrl(string $key, MenuItem $item): ?string
+    protected function getUrl(string $key, Action $item): ?string
     {
         return match ($key) {
             'logout' => $item->getUrl() ?? Filament::getLogoutUrl(),

resources/css/spotlight.css

@@ -48,7 +48,6 @@ public function boot(Panel $panel): void
             }
 
         });
-
     }
 
     public static function registerNavigation($panel)

resources/dist/css/spotlight.css

@@ -2,7 +2,6 @@
 
 namespace pxlrbt\FilamentSpotlight;
 
-use Filament\Support\Assets\Css;
 use Filament\Support\Assets\Js;
 use Filament\Support\Facades\FilamentAsset;
 use Illuminate\Support\ServiceProvider;
@@ -16,7 +15,6 @@ public function boot()
         config()->set('livewire-ui-spotlight.commands', []);
 
         FilamentAsset::register([
-            Css::make('spotlight-css', __DIR__.'/../resources/dist/css/spotlight.css'),
             Js::make('spotlight-js', __DIR__.'/../resources/dist/js/spotlight.js'),
         ], package: 'pxlrbt/filament-spotlight');
     }