Filament PWA

get a PWA feature on your FilamentPHP app with settings from panel

Version Compatibility

Installation

composer require tomatophp/filament-pwa

The settings are stored with Filament Settings Hub, which creates the settings table. If it is not installed yet, run its installer first:

php artisan filament-settings-hub:install

after install your package please run this command

php artisan filament-pwa:install

finally register the plugin on /app/Providers/Filament/AdminPanelProvider.php

->plugin(\TomatoPHP\FilamentPWA\FilamentPWAPlugin::make())

Upload Disk

Icons, splash screens and shortcut icons are stored on the public disk. To use another disk (for example s3), set it in .env or in the published config:

FILAMENT_PWA_UPLOAD_DISK=s3

The URLs in the manifest then come from that disk's url().

Screenshots

Use Directive

you can use directive to allow PWA on none-FilamentPHP pages, just add this directive to your blade file on top of </head>

@filamentPWA

Publish Assets

you can publish config file by use this command

php artisan vendor:publish --tag="filament-pwa-config"

you can publish views file by use this command

php artisan vendor:publish --tag="filament-pwa-views"

you can publish languages file by use this command

php artisan vendor:publish --tag="filament-pwa-lang"

Other Filament Packages

Checkout our Awesome TomatoPHP