Getting started
Installation
Thank you for purchasing the Onboarding Manager Pro plugin for Filament Admin!
We tried to make the plugin as easy-to-install and versatile as possible. Nevertheless, if you still have a question or a feature request, please send an e-mail to [email protected].
In this guide I'll show you how to install the plugin, so you can start using it right away.
Prerequisites
For these installation instructions to work, you'll need to have the Filament Panels package installed and configured.
The package is supported on Filament V3, V4 and V5; and Laravel 10 or higher (with earlier versions available since Laravel 8).
Installation
Add Composer repository
Run the following command to add the private Composer repository:
composer config 'repositories.ralphjsmit/*' composer https://satis.ralphjsmit.com
The end result should look something like this:
"repositories": [
{
"type": "composer",
"url": "https://satis.ralphjsmit.com"
}
]
Require the package
Next, run the following command to require the package:
composer require ralphjsmit/laravel-filament-onboard
If you receive a question to allow the plugin to run code, select yes. Next, you will be prompted for your username (which is your e-mail) and your password (which is your license key, e.g. 8c21df8f-6273-4932-b4ba-8bcc723ef500).
If you are installing the package in a Filament V3 installation, you should require the version ^2.0 instead:
composer require ralphjsmit/laravel-filament-onboard:^2.0
If you are installing the package in a Filament V2 installation, you should require the version ^1.0 instead:
composer require ralphjsmit/laravel-filament-onboard:^1.0
Composer will ask if you want to store your credentials in your global auth.json.
If you want to store the credentials per project and not globally, run the following command to create an auth.json file in the root of your project instead:
composer config http-basic.satis.ralphjsmit.com {your_username} {your_password}
(Make sure not to commit the auth.json file by adding it to your .gitignore file.)
If you have a Solo-license and are getting a 403 error, then you probably have run out of device activations. Each new server/laptop/device counts as one activation. Check your license email for the link to remove existing activations or upgrade your license.
Publish the config
Optionally, you can publish the config file to customize the package's default behavior:
php artisan vendor:publish --tag="filament-onboard-config"
Add to custom theme
Since this plugin registers new HTML, you need to make sure that the plugin's Tailwind CSS classes are generated. If you do not follow this step, you risk that the plugin pages and designs look weird, because the CSS is missing.
For all panels that you want to use the package in, make sure that you have created a Filament custom theme. Next, for each theme, you need to add the following line to the theme.css file:
@source '../../../../vendor/ralphjsmit/laravel-filament-onboard/resources/**/*.blade.php';
If you are using the plugin outside a panel, then make sure to include the above line in the CSS file that is used to generate the CSS for the Livewire components where you will use the onboarding in.
Register the plugin
You should register the plugin in each of the $panel providers that you have in your project and would like to use the onboarding package in:
use RalphJSmit\Filament\Onboard\FilamentOnboard;
$panel
->plugin(FilamentOnboard::make())
In the rest of the documentation, if you see any code examples that use the $panel variable, it will refer to this variable in the panel service provider for each of the panels that you register the plugin in.
Configuring the plugin per-panel
In the rest of the docs, if we refer to the $plugin variable, then we mean the $plugin = FilamentOnboard::make(). This is not necessarily a variable, but it helps to keep the code examples shorter and simpler.
Therefore, the following code examples mean the same:
$plugin
->prefix('welcome')
->someOtherMethod();
use RalphJSmit\Filament\Onboard\FilamentOnboard;
$panel
->plugin(
FilamentOnboard::make()
->prefix('welcome')
->someOtherMethod()
)
Publishing translations
If wanted, you can publish the translations using the following command:
php artisan vendor:publish --tag="filament-onboard-translations"
Deployment environments
If you want to install the onboarding package during your GitHub Actions workflow, you can add the following line to your workflow file just before the composer install command:
composer config http-basic.satis.ralphjsmit.com ${{ secrets.FILAMENT_ONBOARD_USERNAME }} ${{ secrets.FILAMENT_ONBOARD_PASSWORD }}
composer install --no-interaction --prefer-dist --no-dev
Next, add the following two GitHub Actions secrets to your repository (Settings > Secrets and variables > Actions > New repository secret):
| Secret | Value |
|---|---|
| FILAMENT_ONBOARD_USERNAME | Your e-mail |
| FILAMENT_ONBOARD_PASSWORD | Your license key |
As Laravel Cloud does not support a global auth.json or a UI-based way to add private package credentials, the current solution is to add the following line to your deployment script, replacing {username} and {password} with your actual credentials:
composer config http-basic.satis.ralphjsmit.com {username} {password}
composer install --no-dev
Installing on Laravel Forge can be done in two ways. The simplest way is on first deploy to SSH to your server, run composer install, enter the required credentials and select yes when asked to save them in the global auth.json file. The other option is to go to {server} > PHP > Composer > Add credential in Forge. Here, enter the following details:
- Repository:
satis.ralphjsmit.com(note: do not prefix with https://) - Username: which is your e-mail
- Password: which is your license key
Changing the email associated with your license key
If you need to change the email associated with your license key, please send an e-mail to [email protected].
Changelog
You can view the changelog and/or subscribe for email updates on the Filament Plugins page. You can sign in using your license e-mail and a magic link, after which you can go to your plugin, click on the Gear icon > Changelog.