laravel_filament_typescript_definitions_setup_with_alpinejs.ts

1// 1. Install the definitions via npm:
2// npm install ./vendor/filament/support/resources/js --save-dev
3
4// 2. Add the following to your tsconfig.json:
5// {
6//   "compilerOptions": {
7//     "paths": {
8//       "@filamentjs/*": ["./vendor/filament/support/resources/js/*"]
9//     }
10//   }
11// }
12
13// 3. Example usage in a custom Filament resource script:
14import { FilamentElement } from '@filamentjs/support'
15
16export default class CustomDashboardWidget extends FilamentElement {
17    static id: string = 'custom-dashboard-widget'
18
19    async init(): Promise<void> {
20        // Access Filament's internal state with type safety
21        const data = await this.getWidgetData()
22        console.log('Widget initialized with:', data)
23    }
24
25    private getWidgetData(): Promise<Record<string, any>> {
26        return Promise.resolve({ status: 'active' })
27    }
28}