MWGuerra FileManager

A full-featured file manager package for Laravel and Filament v5 with dual operating modes, S3/MinIO support, file previews, and drag-and-drop uploads.

Version Compatibility

| Version | Filament | Laravel | Livewire | PHP | |---------|----------|---------|----------|------| | 2.x | 5.x | 12.x | 4.x | 8.2+ | | 1.x | 4.x | 11.x | 3.x | 8.2+ |

Features

• Dual operating modes: Database mode (tracked files with metadata) or Storage mode (direct filesystem browsing)
• File browser: Grid and list views, folder tree sidebar, breadcrumb navigation
• File operations: Upload, move, rename, delete with drag-and-drop support
• Multi-selection: Select multiple files with Ctrl/Cmd + click
• File previews: Built-in viewers for video, audio, images, PDF, and text files
• Storage drivers: Works with local, S3, MinIO, or any Laravel Storage driver
• Security: MIME validation, blocked extensions, filename sanitization, signed URLs
• Authorization: Configurable permissions with Laravel Policy support
• Embeddable: Use as standalone pages or embed in Filament forms
• Dark mode: Full dark mode support via Filament

Requirements

• PHP 8.2+
• Laravel 12.x
• Filament 5.x
• Livewire 4.x

Installation

For Filament 5 / Laravel 12 (latest):

composer require mwguerra/filemanager:"^2.0"

For Filament 4 / Laravel 11 (legacy):

composer require mwguerra/filemanager:"^1.0"

Upgrading from v1.x to v2.x

v2.x targets Filament 5, Laravel 12, and Livewire 4. Key changes:

• Filament 5: Table ->actions() renamed to ->recordActions(), ->bulkActions() renamed to ->toolbarActions()
• Livewire 4: If you published views, replace any @entangle('...') directives with $wire.entangle('...')
• Laravel 12: Minimum Laravel version is now 12.x

Publish configuration:

php artisan vendor:publish --tag=filemanager-config

Run migrations:

php artisan migrate

Run the install command:

php artisan filemanager:install

Register the plugin in your Panel Provider:

use MWGuerra\FileManager\FileManagerPlugin;

public function panel(Panel $panel): Panel
{
    return $panel
        ->plugins([
            FileManagerPlugin::make(),
        ]);
}

Plugin Configuration

Register all components or select only the ones you need:

use MWGuerra\FileManager\FileManagerPlugin;
use MWGuerra\FileManager\Filament\Pages\FileManager;
use MWGuerra\FileManager\Filament\Pages\FileSystem;
use MWGuerra\FileManager\Filament\Pages\SchemaExample;
use MWGuerra\FileManager\Filament\Resources\FileSystemItemResource;

// Register all enabled components (default)
FileManagerPlugin::make()

// Register only specific components
FileManagerPlugin::make([
    FileManager::class,              // Database mode - full CRUD file manager
    FileSystem::class,               // Storage mode - read-only file browser
    FileSystemItemResource::class,   // Resource for direct database table editing
    SchemaExample::class,            // Demo page showing embed components usage
])

// Using the fluent API
FileManagerPlugin::make()
    ->only([
        FileManager::class,
        FileSystem::class,
    ])

| Component | URL | Description | |-----------|-----|-------------| | FileManager::class | /admin/file-manager | Database mode with full CRUD operations | | FileSystem::class | /admin/file-system | Storage mode for browsing files (read-only) | | FileSystemItemResource::class | /admin/file-system-items | Direct database table management | | SchemaExample::class | /admin/schema-example | Demo page for embedding components in forms |

Quick Start

After installation, access the file manager at:

| Page | URL | Description | |------|-----|-------------| | File Manager | /admin/file-manager | Database mode with full CRUD operations | | File System | /admin/file-system | Storage mode for browsing files (read-only) |

File Manager (Database Mode)

Full CRUD file management with metadata tracking, thumbnails, and folder organization.

File System (Storage Mode: Read-only)

Read-only file browser for direct filesystem access with S3/MinIO support.

FileSystemItems Resource

Direct database table management for file system items with Filament's standard resource interface.

File Previews

Built-in viewers for common file types with modal preview support.

Image Preview

Video Preview

Embedding in Forms

The package provides two embeddable schema components that can be added to any Filament form. Use FileManagerEmbed for full CRUD operations with database-tracked files, or FileSystemEmbed for a read-only storage browser. Both components are fully customizable with options for height, disk, target directory, and initial folder.

use MWGuerra\FileManager\Schemas\Components\FileManagerEmbed;
use MWGuerra\FileManager\Schemas\Components\FileSystemEmbed;

// Database mode (full CRUD)
FileManagerEmbed::make()
    ->height('400px')
    ->disk('s3')
    ->target('uploads'),

// Storage mode (read-only browser)
FileSystemEmbed::make()
    ->height('400px')
    ->disk('public')
    ->target('media'),

Embed Component Configuration

Both embed components support fluent configuration for customizing their appearance:

use MWGuerra\FileManager\Schemas\Components\FileManagerEmbed;
use MWGuerra\FileManager\Schemas\Components\FileSystemEmbed;

FileManagerEmbed::make()
    // Layout options
    ->height('500px')
    ->defaultViewMode('grid')  // 'grid' or 'list'

    // Storage options
    ->disk('s3')
    ->target('uploads')
    ->initialFolder('documents')

    // Sidebar configuration
    ->showSidebar()  // or ->hideSidebar()
    ->sidebarRootLabel('My Files')
    ->sidebarHeading('Folders')
    // Or use the combined method:
    ->sidebar(show: true, rootLabel: 'My Files', heading: 'Folders')

    // Breadcrumbs configuration
    ->breadcrumbsRootLabel('Home')

    // Header configuration
    ->showHeader()  // or ->hideHeader()

    // Compact mode (no header, no sidebar)
    ->compact(),

// All options also work with FileSystemEmbed
FileSystemEmbed::make()
    ->height('400px')
    ->disk('public')
    ->sidebarRootLabel('Storage')
    ->breadcrumbsRootLabel('Root')
    ->hideSidebar(),

| Method | Description | |--------|-------------| | height(string) | Set component height (default: '500px') | | defaultViewMode(string) | Set initial view mode: 'grid' or 'list' | | disk(?string) | Storage disk to use | | target(?string) | Target directory within the disk | | initialFolder(?string) | Initial folder to navigate to on load | | showSidebar() / hideSidebar() | Show or hide the folder tree sidebar | | sidebarRootLabel(string) | Label for root folder in sidebar (default: 'Root') | | sidebarHeading(string) | Heading text for sidebar (default: 'Folders') | | sidebar(bool, ?string, ?string) | Configure all sidebar options at once | | breadcrumbsRootLabel(string) | Label for root in breadcrumbs (default: 'Root') | | showHeader() / hideHeader() | Show or hide header with controls | | compact() | Enable compact mode (no header, no sidebar) |

All configuration methods support Closure values for dynamic configuration:

FileManagerEmbed::make()
    ->sidebarRootLabel(fn () => auth()->user()->name . "'s Files")
    ->breadcrumbsRootLabel(fn () => __('file-manager.home')),

Fluent Configuration API

The plugin provides a fluent API for configuring all aspects of the file manager directly in your Panel Provider. This approach is preferred over config file settings as it keeps your panel configuration in one place.

Panel Sidebar

Add a folder tree sidebar to your Filament panel navigation:

use Filament\View\PanelsRenderHook;

FileManagerPlugin::make()
    // Enable panel sidebar (appears in Filament navigation)
    ->panelSidebar()
    ->panelSidebarRootLabel('My Files')
    ->panelSidebarHeading('Folders')

    // Or use the short alias
    ->sidebar()

    // Customize render hook location
    ->panelSidebar(
        enabled: true,
        renderHook: PanelsRenderHook::SIDEBAR_NAV_END,
        scopes: ['admin']
    )

    // Disable panel sidebar
    ->withoutPanelSidebar()

File Manager Page Configuration

Configure the database mode File Manager page:

FileManagerPlugin::make()
    // Enable/disable the page
    ->fileManager(true)
    ->withoutFileManager()  // Disable

    // Configure page sidebar (folder tree on the page itself)
    ->fileManagerPageSidebar(true)
    ->fileManagerSidebarRootLabel('Root')
    ->fileManagerSidebarHeading('Folders')

    // Configure navigation
    ->fileManagerNavigation(
        icon: 'heroicon-o-folder',
        label: 'File Manager',
        sort: 1,
        group: 'Content'
    )

File Syste