API Feature (#334)

app/Web/Pages/Settings/APIKeys/Index.php

@@ -0,0 +1,115 @@
+<?php
+
+namespace App\Web\Pages\Settings\APIKeys;
+
+use App\Models\PersonalAccessToken;
+use App\Web\Components\Page;
+use Filament\Actions\Action;
+use Filament\Forms\Components\Radio;
+use Filament\Forms\Components\TextInput;
+use Filament\Infolists\Components\TextEntry;
+use Filament\Support\Enums\MaxWidth;
+
+class Index extends Page
+{
+    protected static ?string $navigationGroup = 'Settings';
+
+    protected static ?string $slug = 'settings/api-keys';
+
+    protected static ?string $title = 'API Keys';
+
+    protected static ?string $navigationIcon = 'icon-plug';
+
+    protected static ?int $navigationSort = 11;
+
+    public string $token = '';
+
+    protected $listeners = ['$refresh'];
+
+    public static function canAccess(): bool
+    {
+        return auth()->user()?->can('viewAny', PersonalAccessToken::class) ?? false;
+    }
+
+    public function getWidgets(): array
+    {
+        return [
+            [Widgets\ApiKeysList::class],
+        ];
+    }
+
+    public function unmountAction(bool $shouldCancelParentActions = true, bool $shouldCloseModal = true): void
+    {
+        parent::unmountAction($shouldCancelParentActions, $shouldCloseModal);
+
+        $this->token = '';
+    }
+
+    protected function getHeaderActions(): array
+    {
+        return [
+            Action::make('read-the-docs')
+                ->label('Read the Docs')
+                ->icon('heroicon-o-document-text')
+                ->color('gray')
+                ->url(config('scribe.static.url'))
+                ->openUrlInNewTab(),
+            Action::make('create')
+                ->label('Create new Key')
+                ->icon('heroicon-o-plus')
+                ->modalHeading('Create a new Key')
+                ->modalSubmitActionLabel('Create')
+                ->form(function () {
+                    if ($this->token) {
+                        return [];
+                    }
+
+                    return [
+                        TextInput::make('name')
+                            ->label('Token Name')
+                            ->required(),
+                        Radio::make('permission')
+                            ->options([
+                                'read' => 'Read',
+                                'write' => 'Read & Write',
+                            ])
+                            ->required(),
+                    ];
+                })
+                ->infolist(function () {
+                    if ($this->token) {
+                        return [
+                            TextEntry::make('token')
+                                ->state($this->token)
+                                ->tooltip('Copy')
+                                ->copyable()
+                                ->helperText('You can see the token only one!'),
+                        ];
+                    }
+
+                    return [];
+                })
+                ->authorize('create', PersonalAccessToken::class)
+                ->modalWidth(MaxWidth::Large)
+                ->action(function (array $data) {
+                    $permissions = ['read'];
+                    if ($data['permission'] === 'write') {
+                        $permissions[] = 'write';
+                    }
+                    $token = auth()->user()->createToken($data['name'], $permissions);
+
+                    $this->dispatch('$refresh');
+
+                    $this->token = $token->plainTextToken;
+
+                    $this->halt();
+                })
+                ->modalSubmitAction(function () {
+                    if ($this->token) {
+                        return false;
+                    }
+                })
+                ->closeModalByClickingAway(fn () => ! $this->token),
+        ];
+    }
+}