A simple bookmark management system for Laravel Filament applications. This package provides an intuitive way for users to save, organize, and access bookmarks directly within your Admin panel.

Features

📚 Smart Bookmark Creation: Automatically captures the current page URL and title
📁 Folder Organization: Organize bookmarks into custom folders
🔍 Real-time Search: Search through your bookmarks with instant filtering
⌨️ Keyboard Shortcuts: Quick bookmark creation shortcut Cmd+Shift+B on Mac or Ctrl+Shift+B on Windows/Linux
👤 User-specific: Each user has their own private bookmarks
🎯 Customizable: Configurable icons, render hooks, table names

Screenshots

Add Bookmark

View Bookmarks

Requirements

PHP 8.3+
Laravel 10+
Filament 3.2+
Livewire 3+

Installation

Install the package via Composer:

composer require jaysontemporas/page-bookmarks

Publish and run the installation command:

php artisan page-bookmarks:install

This command will:

Publish the configuration file
Publish and run the database migrations
Publish the assets

Configuration

Basic Configuration

The package configuration file is located at config/page-bookmarks.php. Here are the main configuration options:

return [
    // Table names (customizable to avoid conflicts)
    'tables' => [
        'bookmarks' => 'bookmarks',
        'bookmark_folders' => 'bookmark_folders',
    ],

    // User model for bookmark associations
    'models' => [
        'user' => \App\Models\User::class,
    ],

    // Icons used throughout the interface
    'icons' => [
        'add_bookmark' => 'heroicon-o-folder-plus',
        'view_bookmarks' => 'heroicon-o-bookmark',
        'bookmark_item' => 'heroicon-o-bookmark',
        'folder' => 'heroicon-o-folder',
        'search' => 'heroicon-o-magnifying-glass',
        'delete' => 'heroicon-o-trash',
        'chevron_down' => 'heroicon-o-chevron-down',
        'empty_state' => 'heroicon-o-bookmark',
    ],

    // Render hook positions in Filament
    'render_hooks' => [
        'add_bookmark' => \Filament\View\PanelsRenderHook::GLOBAL_SEARCH_AFTER,
        'view_bookmarks' => \Filament\View\PanelsRenderHook::GLOBAL_SEARCH_AFTER,
    ],
];

This package utilizes Filament's theming system, so you'll need to set up a custom theme to properly style all components.

[!NOTE] Before proceeding, ensure you have configured a custom theme if you're using Filament Panels. Check the Filament documentation on themes for detailed instructions. This step is required for both the Panels Package and standalone Forms package.

To properly compile all the package styles, update your Tailwind configuration by adding the package's view paths

Customizing Render Hooks

You can customize where the bookmark components appear in your Filament panel by modifying the render_hooks configuration:

'render_hooks' => [
    'add_bookmark' => \Filament\View\PanelsRenderHook::GLOBAL_SEARCH_AFTER,
    'view_bookmarks' => \Filament\View\PanelsRenderHook::GLOBAL_SEARCH_AFTER,
],

For a complete list of available render hook options, please refer to the official Filament documentation. The documentation includes all available PanelsRenderHook constants and their specific use cases.

Usage

Adding the HasBookmarks Trait

To enable bookmark functionality for your User model, add the HasBookmarks trait:

<?php

namespace App\Models;

use Illuminate\Foundation\Auth\User as Authenticatable;
use JaysonTemporas\PageBookmarks\Traits\HasBookmarks;

class User extends Authenticatable
{
    use HasBookmarks;

    // ... rest of your User model
}

Using Bookmarks in Your Application

Once the trait is added, you can use the bookmark functionality in your application:

// Get user's bookmarks
$user = auth()->user();
$bookmarks = $user->bookmarks;

// Get bookmark folders
$folders = $user->bookmarkFolders;

// Create a new bookmark
$bookmark = $user->createBookmark([
    'name' => 'My Bookmark',
    'url' => 'https://example.com',
    'bookmark_folder_id' => $folder->id, // optional
]);

// Create a new folder
$folder = $user->createBookmarkFolder([
    'name' => 'Work Bookmarks',
]);

// Get bookmarks in a specific folder
$workBookmarks = $user->bookmarksInFolder($folder);

// Check if user has bookmarks
if ($user->hasBookmarks()) {
    // User has bookmarks
}

// Get bookmark counts
$bookmarkCount = $user->getBookmarksCount();
$folderCount = $user->getBookmarkFoldersCount();

Available Methods

The HasBookmarks trait provides the following methods:

bookmarks() - Get all bookmarks for the user
bookmarkFolders() - Get all bookmark folders for the user
rootBookmarks() - Get bookmarks not in any folder
createBookmarkFolder(array $attributes) - Create a new bookmark folder
createBookmark(array $attributes) - Create a new bookmark
bookmarksInFolder(BookmarkFolder $folder) - Get bookmarks in a specific folder
bookmarksInFolderById(int $folderId) - Get bookmarks in a folder by ID
hasBookmarks() - Check if user has any bookmarks
hasBookmarkFolders() - Check if user has any bookmark folders
getBookmarksCount() - Get total bookmark count
getBookmarkFoldersCount() - Get total folder count

User Interface

Adding Bookmarks

Click the bookmark icon in the Filament panel header
Use keyboard shortcut (default: Cmd+Shift+B on Mac or Ctrl+Shift+B on Windows/Linux)
The current page URL and title will be automatically captured
Enter a custom name (optional - defaults to page title)
Select or create a folder (optional)
Click "Save"

Viewing Bookmarks

Click the bookmark viewer icon in the Filament panel header
Browse your bookmarks organized by folders
Use the search bar to filter bookmarks
Click on any bookmark to navigate to the saved URL
Hover over bookmarks to reveal the delete button

Managing Bookmarks

Search: Type in the search bar to filter bookmarks by name
Folders: Click on folder headers to expand/collapse
Delete: Hover over a bookmark and click the trash icon to delete
Navigation: Click on any bookmark to navigate to the saved URL

Database Schema

The package creates two tables:

`bookmarks` table

id - Primary key
user_id - Foreign key to users table
name - Bookmark name/title
bookmark_folder_id - Foreign key to bookmark_folders table (nullable)
url - The saved URL
created_at - Creation timestamp
updated_at - Last update timestamp

`bookmark_folders` table

id - Primary key
user_id - Foreign key to users table
name - Folder name
created_at - Creation timestamp
updated_at - Last update timestamp

Customization

Custom Icons

You can customize the icons used throughout the interface by modifying the icons configuration:

'icons' => [
    'add_bookmark' => 'heroicon-o-bookmark-square',
    'view_bookmarks' => 'heroicon-o-bookmark',
    // ... other icons
],

Custom Table Names

If you need to avoid table name conflicts, you can customize the table names:

'tables' => [
    'bookmarks' => 'my_custom_bookmarks',
    'bookmark_folders' => 'my_custom_bookmark_folders',
],

Custom User Model

If you have a custom User model, update the configuration:

'models' => [
    'user' => \App\Models\CustomUser::class,
],

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This package is open-sourced software licensed under the MIT license.

Support

If you encounter any issues or have questions, please open an issue on the GitHub repository.

README.MD

Page Bookmarks