Add tests for OctaneListener and WorkerListener

Features:
- Hero section with animated gradient background
- Themes organized by category (Brand-Inspired, Gemstone, Minimal)
- Visual cards with gradient previews for each theme
- Interactive "Try All Themes" section with demo buttons
- Usage code examples for setting default or per-notification themes
- CTA linking to playground
- Added "All Themes" link to navigation menu

.ackrc

@@ -1,9 +1,18 @@
+--ignore-dir=.idea
+--ignore-dir=.cache
 --ignore-dir=vendor
 --ignore-dir=yoeunes
 --ignore-dir=node_modules
+
 --ignore-dir=demo/laravel/vendor
+--ignore-dir=demo/laravel/node_modules
+--ignore-dir=demo/laravel/storage
+--ignore-dir=demo/laravel/bootstrap/cache
+
 --ignore-dir=demo/symfony/vendor
---ignore-dir=.cache
+--ignore-dir=demo/symfony/node_modules
+--ignore-dir=demo/symfony/var
+
 --ignore-dir=docs/.jekyll-cache
 --ignore-dir=docs/_site
 --ignore-dir=docs/node_modules

.all-contributorsrc

@@ -85,6 +85,25 @@
             "contributions": [
                 "design"
             ]
+        },
+        {
+            "login": "AhmedGamal",
+            "name": "Ahmed Gamal",
+            "avatar_url": "https://avatars.githubusercontent.com/u/11786167?v=4",
+            "profile": "https://github.com/AhmedGamal",
+            "contributions": [
+                "code",
+                "doc"
+            ]
+        },
+        {
+            "login": "BrookeDot",
+            "name": "Brooke.",
+            "avatar_url": "https://avatars.githubusercontent.com/u/150348?v=4",
+            "profile": "https://github.com/BrookeDot",
+            "contributions": [
+                "doc"
+            ]
         }
     ]
 }

.browserslistrc

@@ -1,3 +1,4 @@
 > 1%
 last 2 versions
 not dead
+not IE 11

.github/FUNDING.yml

@@ -1,2 +1 @@
 github: yoeunes
-custom: https://www.paypal.com/paypalme/yoeunes

.github/workflows/publish.yaml

@@ -0,0 +1,83 @@
+name: 🚀 Publish assets to NPM
+
+on:
+    release:
+        types: [ published ]
+
+jobs:
+    test:
+        runs-on: ubuntu-latest
+        name: Run Tests Before Publishing
+
+        steps:
+            -   name: 📥 Checkout Code
+                uses: actions/checkout@v4
+
+            -   name: 🔧 Setup Node.js
+                uses: actions/setup-node@v4
+                with:
+                    node-version: '20.x'
+                    cache: 'npm'
+
+            -   name: 📦 Install Dependencies
+                run: npm ci
+
+            -   name: ✅ Run Tests
+                run: npm run test
+
+    publish-prime:
+        needs: test
+        runs-on: ubuntu-latest
+        defaults:
+            run:
+                working-directory: ./src/Prime/Resources
+        permissions:
+            contents: read
+            id-token: write
+        steps:
+            -   uses: actions/checkout@v4
+
+            -   uses: actions/setup-node@v4
+                with:
+                    node-version: '20.x'
+                    registry-url: 'https://registry.npmjs.org'
+
+            -   name: Install dependencies
+                run: npm install
+
+            -   name: Publish to NPM
+                run: npm publish --access public
+                env:
+                    NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+    publish-plugin:
+        needs: test
+        runs-on: ubuntu-latest
+        permissions:
+            contents: read
+            id-token: write
+        strategy:
+            fail-fast: false
+            matrix:
+                path:
+                    - ./src/Noty/Prime/Resources
+                    - ./src/Notyf/Prime/Resources
+                    - ./src/SweetAlert/Prime/Resources
+                    - ./src/Toastr/Prime/Resources
+        steps:
+            -   uses: actions/checkout@v4
+
+            -   uses: actions/setup-node@v4
+                with:
+                    node-version: '20.x'
+                    registry-url: 'https://registry.npmjs.org'
+
+            -   name: Install dependencies
+                run: npm install
+                working-directory: ${{ matrix.path }}
+
+            -   name: Publish to NPM
+                run: npm publish --access public
+                working-directory: ${{ matrix.path }}
+                env:
+                    NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/tests.yaml

@@ -0,0 +1,233 @@
+name: qa
+
+on:
+    push:
+        branches:
+            - main
+            - 2.x
+    pull_request:
+    schedule:
+        -   cron: '0 0 * * *' # Daily at midnight
+
+jobs:
+    javascript-tests:
+        runs-on: ubuntu-latest
+        name: JavaScript Tests
+
+        steps:
+            -   name: 📥 Checkout Code
+                uses: actions/checkout@v4
+
+            -   name: 🔧 Setup Node.js
+                uses: actions/setup-node@v4
+                with:
+                    node-version: '20.x'
+                    cache: 'npm'
+
+            -   name: 📦 Install Dependencies
+                run: npm ci
+
+            -   name: ✅ Run Tests
+                run: npm run test
+
+            -   name: 📊 Run Coverage
+                run: npm run test:coverage
+
+    static-analysis:
+        runs-on: ubuntu-latest
+        strategy:
+            fail-fast: false
+            matrix:
+                php: [ 8.2 ]
+
+        name: php v${{ matrix.php }}
+
+        steps:
+            -   name: 📥 Checkout Code
+                uses: actions/checkout@v4
+
+            -   name: 🔧 Setup PHP
+                uses: shivammathur/setup-php@v2
+                with:
+                    php-version: ${{ matrix.php }}
+                    coverage: none
+
+            -   name: 🚚 Cache Composer Dependencies
+                uses: actions/cache@v4
+                with:
+                    path: ~/.composer/cache
+                    key: ${{ runner.os }}-composer-${{ matrix.php }}-${{ hashFiles('composer.json') }}
+                    restore-keys: ${{ runner.os }}-composer-${{ matrix.php }}-
+
+            -   name: 📦 Install Dependencies
+                run: |
+                    composer config --global allow-plugins true
+                    composer install --no-interaction --prefer-dist --optimize-autoloader
+
+            -   name: 🧹 Run PHP CS Fixer (Code Style)
+                run: vendor/bin/php-cs-fixer fix --dry-run --diff
+
+            -   name: 🔍 Run PHPStan (Static Analysis)
+                run: vendor/bin/phpstan analyse --no-progress
+
+            -   name: 🚀 Run PHPLint (Syntax Check)
+                run: vendor/bin/phplint
+
+    prime-test:
+        needs: static-analysis
+        runs-on: ubuntu-latest
+        strategy:
+            fail-fast: false
+            matrix:
+                include:
+                    - { php: 8.4, phpunit: 10.5.* }
+                    - { php: 8.3, phpunit: 10.5.* }
+                    - { php: 8.2, phpunit: 10.5.* }
+
+        name: php v${{ matrix.php }}
+
+        steps:
+            -   name: 📥 Checkout code
+                uses: actions/checkout@v4
+
+            -   name: 🔧 Setup PHP
+                uses: shivammathur/setup-php@v2
+                with:
+                    php-version: ${{ matrix.php }}
+                    coverage: none
+
+            -   name: 🚚 Cache dependencies
+                uses: actions/cache@v4
+                with:
+                    path: ~/.composer/cache
+                    key: ${{ runner.os }}-composer-${{ matrix.php }}-${{ hashFiles('composer.json') }}
+                    restore-keys: ${{ runner.os }}-composer-${{ matrix.php }}-
+
+            -   name: 📦 Install dependencies
+                run: |
+                    sed -i '/"require": {/,/},/d; /"require-dev": {/,/},/d' composer.json
+                    composer config --global allow-plugins true
+                    composer require "phpunit/phpunit:${{ matrix.phpunit }}" "mockery/mockery" "psr/container" --no-interaction --no-update
+                    composer update --prefer-lowest -W --no-interaction --prefer-dist --optimize-autoloader
+
+            -   name: ✅ Execute tests
+                run: vendor/bin/phpunit --testsuite prime
+
+    symfony-test:
+        runs-on: ubuntu-latest
+        strategy:
+            fail-fast: false
+            matrix:
+                include:
+                    - { symfony: 8.0.x-dev, php: 8.4, phpunit: 10.5.* }
+                    - { symfony: 7.4.x-dev, php: 8.2, phpunit: 10.5.* }
+                    - { symfony: 7.3.*, php: 8.5, phpunit: 10.5.* }
+                    - { symfony: 7.3.*, php: 8.4, phpunit: 10.5.* }
+                    - { symfony: 7.3.*, php: 8.3, phpunit: 10.5.* }
+                    - { symfony: 7.3.*, php: 8.2, phpunit: 10.5.* }
+                    - { symfony: 7.2.*, php: 8.2, phpunit: 10.5.* }
+                    - { symfony: 7.1.*, php: 8.2, phpunit: 10.5.* }
+                    - { symfony: 7.0.*, php: 8.2, phpunit: 10.5.* }
+
+        name: symfony v${{ matrix.symfony }} x php v${{ matrix.php }}
+
+        steps:
+            -   name: 📥 Checkout code
+                uses: actions/checkout@v4
+
+            -   name: 🔧 Setup PHP
+                uses: shivammathur/setup-php@v2
+                with:
+                    php-version: ${{ matrix.php }}
+                    coverage: none
+
+            -   name: 🚚 Cache dependencies
+                uses: actions/cache@v4
+                with:
+                    path: ~/.composer/cache
+                    key: ${{ runner.os }}-composer-${{ matrix.php }}-${{ hashFiles('composer.json') }}
+                    restore-keys: ${{ runner.os }}-composer-${{ matrix.php }}-
+
+            -   name: 📦 Install dependencies
+                run: |
+                    sed -i '/"require": {/,/},/d; /"require-dev": {/,/},/d' composer.json
+                    composer config --global allow-plugins true
+                    composer config extra.symfony.require "${{ matrix.symfony }}"
+
+                    if [[ "${{ matrix.symfony }}" == *"-dev"* ]]; then
+                        echo "Setting minimum-stability to dev for ${{ matrix.symfony }}"
+                        composer config minimum-stability "dev"
+                        composer config prefer-stable true
+                    fi
+
+                    composer require "symfony/config:${{ matrix.symfony }}" "symfony/console:${{ matrix.symfony }}" "symfony/dependency-injection:${{ matrix.symfony }}" "symfony/framework-bundle:${{ matrix.symfony }}" "symfony/http-kernel:${{ matrix.symfony }}" "symfony/translation:${{ matrix.symfony }}" "symfony/twig-bundle:${{ matrix.symfony }}" "phpunit/phpunit:${{ matrix.phpunit }}" "mockery/mockery" "psr/container" "monolog/monolog" --no-interaction --no-update
+
+                    if [[ "${{ matrix.symfony }}" == *"-dev"* ]]; then
+                        echo "Running composer update (latest dependencies)"
+                        composer update -W --no-interaction --prefer-dist --optimize-autoloader
+                    else
+                        echo "Running composer update --prefer-lowest"
+                        composer update --prefer-lowest -W --no-interaction --prefer-dist --optimize-autoloader
+                    fi
+
+            -   name: ✅ Execute tests
+                run: vendor/bin/phpunit --testsuite symfony
+
+    laravel-test:
+        runs-on: ubuntu-latest
+        strategy:
+            fail-fast: false
+            matrix:
+                include:
+                    - { laravel: 13.x-dev, testbench: 11.x-dev, php: 8.5, phpunit: 11.5.* }
+                    - { laravel: 13.x-dev, testbench: 11.x-dev, php: 8.4, phpunit: 11.5.* }
+                    - { laravel: 13.x-dev, testbench: 11.x-dev, php: 8.3, phpunit: 11.5.* }
+                    - { laravel: 12.*,  testbench: 10.*, php: 8.5, phpunit: 11.5.* }
+                    - { laravel: 12.*,  testbench: 10.*, php: 8.4, phpunit: 11.5.* }
+                    - { laravel: 12.*,  testbench: 10.*, php: 8.3, phpunit: 11.5.* }
+                    - { laravel: 12.*,  testbench: 10.*, php: 8.2, phpunit: 11.5.* }
+                    - { laravel: 11.*,  testbench: 9.*, php: 8.2, phpunit: 10.5.* }
+
+        name: laravel v${{ matrix.laravel }} x php v${{ matrix.php }}
+
+        steps:
+            -   name: 📥 Checkout code
+                uses: actions/checkout@v4
+
+            -   name: 🔧 Setup PHP
+                uses: shivammathur/setup-php@v2
+                with:
+                    php-version: ${{ matrix.php }}
+                    extensions: fileinfo
+                    coverage: none
+
+            -   name: 🚚 Cache dependencies
+                uses: actions/cache@v4
+                with:
+                    path: ~/.composer/cache
+                    key: ${{ matrix.php }}-composer-${{ hashFiles('composer.json') }}
+                    restore-keys: ${{ matrix.php }}-composer
+
+            -   name: 📦 Install dependencies
+                run: |
+                    sed -i '/\"require\": {/,/},/d; /\"require-dev\": {/,/},/d' composer.json
+                    composer config --global allow-plugins true
+
+                    if [[ "${{ matrix.laravel }}" == *"-dev"* ]]; then
+                        echo "Setting minimum-stability to dev for ${{ matrix.laravel }}"
+                        composer config minimum-stability "dev"
+                        composer config prefer-stable true
+                    fi
+
+                    composer require "laravel/framework:${{ matrix.laravel }}" "phpunit/phpunit:${{ matrix.phpunit }}" "orchestra/testbench:${{ matrix.testbench }}" --no-interaction --no-update
+
+                    if [[ "${{ matrix.laravel }}" == *"-dev"* ]]; then
+                        echo "Running composer update (latest dependencies)"
+                        composer update -W --no-interaction --prefer-dist --optimize-autoloader
+                    else
+                        echo "Running composer update --prefer-lowest"
+                        composer update --prefer-lowest -W --no-interaction --prefer-dist --optimize-autoloader
+                    fi
+
+            -   name: ✅ Execute tests
+                run: vendor/bin/phpunit --testsuite laravel

.gitignore

@@ -1,22 +1,27 @@
-.idea/
-.DS_Store
+/.idea/
+/.DS_Store
 
-vendor/
-node_modules/
+/vendor/
+/node_modules/
 
-.cache/php-cs-fixer/
-.cache/phpunit/
-.cache/phpstan/
-.cache/phplint/
-.cache/nx/
-.nx/
+/coverage/
 
-.php-cs-fixer.php
-phpunit.xml
-taskfile.yml
-phpstan.neon
+/.cache/php-cs-fixer/
+/.cache/phplint/
+/.cache/phpstan/
+/.cache/phpunit/
 
-lerna-debug.log
-npm-debug.log
+/.php-cs-fixer.php
+/phpunit.xml
+/taskfile.yml
+/phpstan.neon
 
-tests/Symfony/Fixtures/project/public/vendor/
+/demo/laravel/node_modules/
+/demo/symfony/node_modules/
+
+/npm-debug.log
+
+/tests/Symfony/Fixtures/project/public/vendor/
+
+src/**/vendor/
+src/**/composer.lock

.ncurc

@@ -1,4 +1,7 @@
 {
-  "upgrade": true,
-  "target": "semver"
+    "upgrade": true,
+    "target": "semver",
+    "format": "group",
+    "color": true,
+    "root": true
 }

.npmignore

@@ -1,8 +0,0 @@
-*.log
-npm-debug.log*
-
-# Coverage directory used by tools like istanbul
-coverage
-
-# Dependency directories
-node_modules

.npmrc

@@ -1,2 +0,0 @@
-ignore-workspace-root-check=true
-shell-emulator=true

.nvmrc

@@ -1 +1 @@
-20.11.0
+23.0.0

.php-cs-fixer.dist.php

@@ -2,7 +2,11 @@
 
 declare(strict_types=1);
 
-$finder = PhpCsFixer\Finder::create()
+use PhpCsFixer\Config;
+use PhpCsFixer\Finder;
+use PhpCsFixer\Runner\Parallel\ParallelConfigFactory;
+
+$finder = Finder::create()
     ->in([
         __DIR__.'/src',
         __DIR__.'/tests',
@@ -11,7 +15,8 @@ $finder = PhpCsFixer\Finder::create()
     ->append([__FILE__])
 ;
 
-return (new PhpCsFixer\Config())
+return (new Config())
+    ->setParallelConfig(ParallelConfigFactory::detect())
     ->setRiskyAllowed(true)
     ->setRules([
         '@PSR12' => true,

.prettierignore

@@ -1,6 +1,3 @@
-pnpm-lock.yaml
-pnpm-workspace.yaml
-
 **/node_modules
 src/**/Resources/public/**
 src/**/Resources/dist/**

.shared/.github/FUNDING.yml

@@ -1,2 +1 @@
 github: yoeunes
-custom: https://www.paypal.com/paypalme/yoeunes

.shared/.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,8 @@
+Please do not submit any Pull Requests here. They will be closed.
+---
+
+Please submit your PR here instead:
+https://github.com/php-flasher/php-flasher
+
+This repository is what we call a "subtree split": a read-only subset of that main repository.
+We're looking forward to your PR there!

.shared/.github/workflows/auto_closer.yaml

@@ -1,23 +0,0 @@
-name: Auto Closer PR
-
-on:
-  pull_request_target:
-    types: [ opened ]
-
-jobs:
-  run:
-    name: 🤖 PR Auto-Closure
-    runs-on: ubuntu-latest
-    steps:
-      - uses: superbrothers/close-pull-request@v3
-        with:
-          comment: |
-            Hi there 👋,
-
-            First off, thanks for your effort! 🎉 Unfortunately, this repository is read-only because it's split from our primary monorepo repository.
-
-            🙏 We kindly ask if you could direct your valuable contribution to our main repository at https://github.com/php-flasher/php-flasher.
-
-            Once you've moved your contribution there, we'll review it and provide feedback. 🕵️‍♂️
-
-            Thanks again for your understanding and cooperation. We really appreciate it! 🙌

.shared/.github/workflows/close-pull-request.yml

@@ -0,0 +1,20 @@
+name: Close Pull Request
+
+on:
+    pull_request_target:
+        types: [opened]
+
+jobs:
+    run:
+        runs-on: ubuntu-latest
+        steps:
+            - uses: superbrothers/close-pull-request@v3
+              with:
+                  comment: |
+                      Thanks for your Pull Request! We love contributions.
+
+                      However, you should instead open your PR on the main repository:
+                      https://github.com/php-flasher/php-flasher
+
+                      This repository is what we call a "subtree split": a read-only subset of that main repository.
+                      We're looking forward to your PR there!

CHANGELOG.md

@@ -0,0 +1,57 @@
+# CHANGELOG for 2.x
+
+## [Unreleased](https://github.com/php-flasher/php-flasher/compare/v2.1.4...2.x)
+
+* feature [Laravel] Improve Laravel Octane support by resetting FallbackSession static storage between requests to prevent notification leakage
+* feature [Symfony] Add FrankenPHP/Swoole/RoadRunner support with WorkerListener that implements ResetInterface and is tagged with kernel.reset
+* feature [Symfony] Add reset() method to FallbackSession for long-running process support
+* feature [Flasher] Add Hotwire/Turbo Drive support with turbo:before-cache event listener to clean up notifications before page caching
+* fix [Flasher] Fix potential runtime error in Envelope::toArray() when no PresentableStampInterface stamps exist
+* fix [Flasher] Use more specific \Random\RandomException in IdStamp instead of broad \Exception
+* fix [Flasher] Update Livewire navigation cleanup to use correct .fl-wrapper selector instead of unused .fl-no-cache class
+* feature [Flasher] Add event dispatching system for all notification adapters and themes with Livewire integration:
+  - [Toastr] Dispatch events: `flasher:toastr:click`, `flasher:toastr:close`, `flasher:toastr:show`, `flasher:toastr:hidden`
+  - [Noty] Dispatch events: `flasher:noty:click`, `flasher:noty:close`, `flasher:noty:show`, `flasher:noty:hover`
+  - [Notyf] Dispatch events: `flasher:notyf:click`, `flasher:notyf:dismiss`
+  - [Themes] Dispatch events: `flasher:theme:click` (generic) and `flasher:theme:{name}:click` (specific)
+  - [Laravel] Add LivewireListener classes for all adapters and themes to enable Livewire event handling
+
+## [v2.1.3](https://github.com/php-flasher/php-flasher/compare/v2.1.2...v2.1.3) - 2025-01-25
+
+* bug [#208](https://github.com/php-flasher/php-flasher/issues/208) [Flasher] Add GitHub workflow for automatic publishing of assets to NPM. See [PR #211](https://github.com/php-flasher/php-flasher/pull/211) by [ToshY](https://github.com/ToshY)
+
+## [v2.1.2](https://github.com/php-flasher/php-flasher/compare/v2.1.1...v2.1.2) - 2025-01-18
+
+* bug [#208](https://github.com/php-flasher/php-flasher/issues/208) [Flasher] Allow `main_script` to be nullable. See [PR #209](https://github.com/php-flasher/php-flasher/pull/209) by [yoeunes](https://github.com/yoeunes)
+
+## [v2.1.1](https://github.com/php-flasher/php-flasher/compare/v2.1.0...v2.1.1) - 2024-10-20
+
+* feature [Laravel] Add `excluded_paths` option. See [PR #203](https://github.com/php-flasher/php-flasher/pull/203) by [yoeunes](https://github.com/yoeunes)
+
+## [v2.1.0](https://github.com/php-flasher/php-flasher/compare/v2.0.4...v2.1.0) - 2024-10-19
+
+* feature [Flasher] Update laravel and symfony configuration documentation . See [PR #201](https://github.com/php-flasher/php-flasher/pull/201) by [yoeunes](https://github.com/yoeunes)
+* feature [Flasher] Improve Type Safety and IDE Support with Enhanced PHPDoc Annotations and Stricter PHPStan Validations. See [PR #200](https://github.com/php-flasher/php-flasher/pull/200) by [yoeunes](https://github.com/yoeunes)
+* feature [Symfony] Improve configuration descriptions and add examples. See [PR #199](https://github.com/php-flasher/php-flasher/pull/199) by [yoeunes](https://github.com/yoeunes)
+* feature [Symfony] Add Symfony Profiler integration for PHPFlasher. See [PR #198](https://github.com/php-flasher/php-flasher/pull/198) by [yoeunes](https://github.com/yoeunes)
+
+## [v2.0.4](https://github.com/php-flasher/php-flasher/compare/v2.0.3...v2.0.4) - 2024-09-22
+
+* bug [laravel] Changed HttpKernel import from `Illuminate\Foundation\Http\Kernel` to `Illuminate\Contracts\Http\Kernel` to use the contract interface instead of the concrete implementation. See [PR #197](https://github.com/php-flasher/php-flasher/pull/197) by [yoeunes](https://github.com/yoeunes)
+
+## [v2.0.3](https://github.com/php-flasher/php-flasher/compare/v2.0.2...v2.0.3) - 2024-09-21
+
+* remove border from flasher container by [yoeunes](https://github.com/yoeunes) 
+
+## [v2.0.2](https://github.com/php-flasher/php-flasher/compare/v2.0.1...v2.0.2) - 2024-09-19
+
+* feature [Flasher] add escapeHtml option for secure HTML escaping in notifications. See [PR #196](https://github.com/php-flasher/php-flasher/pull/196) by [yoeunes](https://github.com/yoeunes)
+* feature [Flasher] add Default configuration options. See [PR #183](https://github.com/php-flasher/php-flasher/pull/183) by [AhmedGamal](https://github.com/AhmedGamal)
+* feature [Laravel] Refactor middleware to use Symfony's base response class, addressing compatibility issues. See [PR #184](https://github.com/php-flasher/php-flasher/pull/184) by [yoeunes](https://github.com/yoeunes)
+
+## [v2.0.1](https://github.com/php-flasher/php-flasher/compare/v2.0.0...v2.0.1) - 2024-05-23
+
+* bug [#176](https://github.com/php-flasher/php-flasher/issues/176) [Laravel] Correctly disable FlasherMiddleware when `inject_assets` is set to false. See [PR #177](https://github.com/php-flasher/php-flasher/pull/177) by [yoeunes](https://github.com/yoeunes)
+* bug [#176](https://github.com/php-flasher/php-flasher/issues/176) [Flasher] Ensure global `timeout` option applies to all requests. See [PR #180](https://github.com/php-flasher/php-flasher/pull/180) by [yoeunes](https://github.com/yoeunes)
+* bug [#176](https://github.com/php-flasher/php-flasher/issues/176) [Laravel] Allow disabling of default flash replacement by setting `flash_bag` to false. See [PR #181](https://github.com/php-flasher/php-flasher/pull/181) by [yoeunes](https://github.com/yoeunes)
+* bug [#176](https://github.com/php-flasher/php-flasher/issues/176) [Flasher] Ensure `flash_bag` option overrides default values instead of appending. See [PR #182](https://github.com/php-flasher/php-flasher/pull/182) by [yoeunes](https://github.com/yoeunes)

README.md

@@ -1,74 +1,333 @@
+<div align="center">
+    <a href="https://github.com/php-flasher/php-flasher/blob/2.x/docs/palestine.md">
+        <img src="https://raw.githubusercontent.com/php-flasher/art/main/palestine-banner-support.svg" width="800px"  alt="Help Palestine"/>
+    </a>
+</div>
+
 <p align="center">
     <picture>
-      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/php-flasher/art/main/php-flasher-github-dark.png">
-      <img src="https://raw.githubusercontent.com/php-flasher/art/main/php-flasher-github.png" alt="PHPFlasher Logo">
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/php-flasher/art/main/php-flasher-logo-dark.png">
+      <img src="https://raw.githubusercontent.com/php-flasher/art/main/php-flasher-logo.png" alt="PHPFlasher Logo">
     </picture>
 </p>
 
-## About PHPFlasher
+<h1 align="center">Elegant Flash Notifications for PHP</h1>
 
-PHPFlasher is a powerful and easy-to-use package that allows you to quickly and easily add flash messages to your Laravel or Symfony projects. 
-Whether you need to alert users of a successful form submission, an error, or any other important information, flash messages are a simple and effective solution for providing feedback to your users. 
+<p align="center">
+    <strong>One line of PHP. Beautiful notifications. Zero JavaScript.</strong>
+</p>
 
-With PHPFlasher, you can easily record and store messages within the session, making it simple to retrieve and display them on the current or next page. 
-This improves user engagement and enhances the overall user experience on your website or application. 
+<p align="center">
+    <a href="https://packagist.org/packages/php-flasher/flasher"><img src="https://img.shields.io/packagist/dt/php-flasher/flasher.svg?style=flat-square&label=downloads" alt="Downloads"></a>
+    <a href="https://github.com/php-flasher/php-flasher"><img src="https://img.shields.io/github/stars/php-flasher/php-flasher.svg?style=flat-square&label=stars" alt="Stars"></a>
+    <a href="https://github.com/php-flasher/php-flasher/releases"><img src="https://img.shields.io/github/v/release/php-flasher/flasher.svg?style=flat-square" alt="Release"></a>
+    <a href="https://packagist.org/packages/php-flasher/flasher"><img src="https://img.shields.io/packagist/php-v/php-flasher/flasher.svg?style=flat-square" alt="PHP Version"></a>
+    <a href="https://github.com/php-flasher/flasher/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square" alt="License"></a>
+</p>
 
-Whether you're a beginner or an experienced developer, PHPFlasher's intuitive and straightforward design makes it easy to integrate into your projects. 
-So, if you're looking for a reliable, flexible and easy to use flash messages solution, PHPFlasher is the perfect choice.
+<p align="center">
+    <a href="https://php-flasher.io"><strong>Documentation</strong></a> ·
+    <a href="https://php-flasher.io/playground"><strong>Live Playground</strong></a> ·
+    <a href="https://github.com/php-flasher/php-flasher/issues"><strong>Report Bug</strong></a>
+</p>
 
+---
 
-## Official Documentation
+## Quick Start
 
-Documentation for PHPFlasher can be found on the [https://php-flasher.io](https://php-flasher.io).
+**Laravel:**
+```bash
+composer require php-flasher/flasher-laravel && php artisan flasher:install
+```
 
-## Contributors and sponsors
+**Symfony:**
+```bash
+composer require php-flasher/flasher-symfony && php bin/console flasher:install
+```
 
-Join our team of contributors and make a lasting impact on our project!
+**That's it!** Now use it:
 
-We are always looking for passionate individuals who want to contribute their skills and ideas.
-Whether you're a developer, designer, or simply have a great idea, we welcome your participation and collaboration.
+```php
+flash()->success('Welcome aboard! Your account is ready.');
+```
 
-Shining stars of our community:
+---
 
-<!-- ALL-CONTRIBUTORS-LIST:START -->
-<!-- prettier-ignore-start -->
-<!-- markdownlint-disable -->
-<table>
-  <tbody>
-    <tr>
-      <td align="center" valign="top" width="14.28%"><a href="https://www.linkedin.com/in/younes-ennaji/"><img src="https://avatars.githubusercontent.com/u/10859693?v=4?s=100" width="100px;" alt="Younes ENNAJI"/><br /><sub><b>Younes ENNAJI</b></sub></a><br /><a href="https://github.com/php-flasher/php-flasher/commits?author=yoeunes" title="Code">💻</a> <a href="https://github.com/php-flasher/php-flasher/commits?author=yoeunes" title="Documentation">📖</a> <a href="#maintenance-yoeunes" title="Maintenance">🚧</a></td>
-      <td align="center" valign="top" width="14.28%"><a href="https://github.com/salmayno"><img src="https://avatars.githubusercontent.com/u/27933199?v=4?s=100" width="100px;" alt="Salma Mourad"/><br /><sub><b>Salma Mourad</b></sub></a><br /><a href="#financial-salmayno" title="Financial">💵</a></td>
-      <td align="center" valign="top" width="14.28%"><a href="https://www.youtube.com/rstacode"><img src="https://avatars.githubusercontent.com/u/35005761?v=4?s=100" width="100px;" alt="Nashwan Abdullah"/><br /><sub><b>Nashwan Abdullah</b></sub></a><br /><a href="#financial-codenashwan" title="Financial">💵</a></td>
-      <td align="center" valign="top" width="14.28%"><a href="https://darvis.nl/"><img src="https://avatars.githubusercontent.com/u/7394837?v=4?s=100" width="100px;" alt="Arvid de Jong"/><br /><sub><b>Arvid de Jong</b></sub></a><br /><a href="#financial-darviscommerce" title="Financial">💵</a></td>
-      <td align="center" valign="top" width="14.28%"><a href="https://ashallendesign.co.uk/"><img src="https://avatars.githubusercontent.com/u/39652331?v=4?s=100" width="100px;" alt="Ash Allen"/><br /><sub><b>Ash Allen</b></sub></a><br /><a href="#design-ash-jc-allen" title="Design">🎨</a></td>
-      <td align="center" valign="top" width="14.28%"><a href="https://about.me/murrant"><img src="https://avatars.githubusercontent.com/u/39462?v=4?s=100" width="100px;" alt="Tony Murray"/><br /><sub><b>Tony Murray</b></sub></a><br /><a href="https://github.com/php-flasher/php-flasher/commits?author=murrant" title="Code">💻</a></td>
-      <td align="center" valign="top" width="14.28%"><a href="https://github.com/n3wborn"><img src="https://avatars.githubusercontent.com/u/10246722?v=4?s=100" width="100px;" alt="Stéphane P"/><br /><sub><b>Stéphane P</b></sub></a><br /><a href="https://github.com/php-flasher/php-flasher/commits?author=n3wborn" title="Documentation">📖</a></td>
-    </tr>
-    <tr>
-      <td align="center" valign="top" width="14.28%"><a href="https://www.instagram.com/lucas.maciel_z"><img src="https://avatars.githubusercontent.com/u/80225404?v=4?s=100" width="100px;" alt="Lucas Maciel"/><br /><sub><b>Lucas Maciel</b></sub></a><br /><a href="#design-LucasStorm" title="Design">🎨</a></td>
-      <td align="center" valign="top" width="14.28%"><a href="https://siek.io/"><img src="https://avatars.githubusercontent.com/u/5730766?v=4?s=100" width="100px;" alt="Antoni Siek"/><br /><sub><b>Antoni Siek</b></sub></a><br /><a href="https://github.com/php-flasher/php-flasher/commits?author=ImJustToNy" title="Code">💻</a></td>
-    </tr>
-  </tbody>
-</table>
+## Why PHPFlasher?
 
-<!-- markdownlint-restore -->
-<!-- prettier-ignore-end -->
+| | PHPFlasher | Others |
+|---|:---:|:---:|
+| **Zero JavaScript** | Write PHP only, frontend handled automatically | Requires manual JS setup |
+| **Auto Asset Injection** | CSS/JS injected automatically | Manual script tags needed |
+| **17 Built-in Themes** | Amazon, iOS, Slack, Material & more | Limited or no themes |
+| **4 Notification Libraries** | Toastr, SweetAlert, Noty, Notyf | Single library only |
+| **Livewire Integration** | Full event system support | Limited or none |
+| **RTL Support** | Built-in right-to-left | Often missing |
+| **Framework Agnostic** | Laravel, Symfony, or vanilla PHP | Framework-specific |
 
-<!-- ALL-CONTRIBUTORS-LIST:END -->
+---
 
-## Contact
+## Notification Types
 
-PHPFlasher is being actively developed by <a href="https://github.com/yoeunes">yoeunes</a>. 
-You can reach out with questions, bug reports, or feature requests on any of the following:
+```php
+flash()->success('Operation completed successfully!');
+flash()->error('Oops! Something went wrong.');
+flash()->warning('Please backup your data before continuing.');
+flash()->info('A new version is available for download.');
+```
 
-- [Github Issues](https://github.com/php-flasher/php-flasher/issues) 
-- [Github](https://github.com/yoeunes)
-- [Twitter](https://twitter.com/yoeunes)
-- [Linkedin](https://www.linkedin.com/in/younes-ennaji/)
-- [Email me directly](mailto:younes.ennaji@gmail.com)
+### With Titles
+
+```php
+flash()->success('Your changes have been saved.', 'Update Complete');
+flash()->error('Unable to connect to server.', 'Connection Failed');
+```
+
+### With Options
+
+```php
+flash()->success('Profile updated!', [
+    'position' => 'bottom-right',
+    'timeout' => 10000,
+]);
+```
+
+---
+
+## 17 Beautiful Themes
+
+PHPFlasher includes **17 professionally designed themes** ready to use:
+
+```php
+flash()->success('Welcome!', ['theme' => 'amazon']);
+flash()->success('Welcome!', ['theme' => 'ios']);
+flash()->success('Welcome!', ['theme' => 'slack']);
+flash()->success('Welcome!', ['theme' => 'material']);
+```
+
+<details>
+<summary><strong>View All Themes</strong></summary>
+
+| Theme | Style |
+|-------|-------|
+| `flasher` | Default clean design |
+| `amazon` | Amazon-inspired e-commerce |
+| `ios` | Apple iOS notifications |
+| `slack` | Slack messaging style |
+| `material` | Google Material Design |
+| `google` | Google notifications |
+| `facebook` | Facebook style |
+| `minimal` | Ultra-clean minimal |
+| `amber` | Warm amber tones |
+| `aurora` | Gradient effects |
+| `crystal` | Transparent design |
+| `emerald` | Modern green palette |
+| `jade` | Soft jade colors |
+| `neon` | Bright attention-grabbing |
+| `onyx` | Dark mode sleek |
+| `ruby` | Bold ruby accents |
+| `sapphire` | Elegant blue style |
+
+[**See all themes with live demos →**](https://php-flasher.io/themes)
+
+</details>
+
+---
+
+## Notification Libraries
+
+Need more features? Use popular notification libraries:
+
+### Toastr
+
+```bash
+composer require php-flasher/flasher-toastr-laravel
+```
+
+```php
+toastr()->success('Profile saved!', [
+    'positionClass' => 'toast-bottom-right',
+    'progressBar' => true,
+]);
+```
+
+### SweetAlert
+
+```bash
+composer require php-flasher/flasher-sweetalert-laravel
+```
+
+```php
+sweetalert()
+    ->showDenyButton()
+    ->showCancelButton()
+    ->warning('Do you want to save changes?');
+```
+
+### Noty
+
+```bash
+composer require php-flasher/flasher-noty-laravel
+```
+
+```php
+noty()->success('Data synchronized!', [
+    'layout' => 'topCenter',
+    'timeout' => 3000,
+]);
+```
+
+### Notyf
+
+```bash
+composer require php-flasher/flasher-notyf-laravel
+```
+
+```php
+notyf()->success('Upload complete!', [
+    'dismissible' => true,
+    'ripple' => true,
+]);
+```
+
+---
+
+## Livewire Integration
+
+PHPFlasher integrates seamlessly with Laravel Livewire:
+
+```php
+use Livewire\Attributes\On;
+
+class UserProfile extends Component
+{
+    public function save()
+    {
+        // Save logic...
+
+        sweetalert()
+            ->showDenyButton()
+            ->success('Save changes?');
+    }
+
+    #[On('sweetalert:confirmed')]
+    public function onConfirmed(array $payload): void
+    {
+        // User clicked confirm
+        $this->user->save();
+        flash()->success('Profile saved!');
+    }
+
+    #[On('sweetalert:denied')]
+    public function onDenied(array $payload): void
+    {
+        // User clicked deny
+    }
+}
+```
+
+[**Livewire documentation →**](https://php-flasher.io/livewire)
+
+---
+
+## Configuration
+
+### Laravel
+
+```php
+// config/flasher.php
+return [
+    'default' => 'flasher',
+    'themes' => [
+        'flasher' => [
+            'options' => [
+                'timeout' => 5000,
+                'position' => 'top-right',
+            ],
+        ],
+    ],
+];
+```
+
+### Symfony
+
+```yaml
+# config/packages/flasher.yaml
+flasher:
+    default: flasher
+    themes:
+        flasher:
+            options:
+                timeout: 5000
+                position: top-right
+```
+
+### Common Options
+
+| Option | Type | Default | Description |
+|--------|------|---------|-------------|
+| `timeout` | int | `5000` | Auto-dismiss delay in ms (0 = sticky) |
+| `position` | string | `top-right` | `top-right`, `top-left`, `bottom-right`, `bottom-left`, `top-center`, `bottom-center` |
+| `closeButton` | bool | `true` | Show close button |
+| `progressBar` | bool | `true` | Show timeout progress bar |
+| `rtl` | bool | `false` | Right-to-left text direction |
+| `escapeHtml` | bool | `true` | Escape HTML in messages |
+
+---
+
+## Requirements
+
+| Requirement | Version |
+|-------------|---------|
+| PHP | >= 8.2 |
+| Laravel | >= 11.0 |
+| Symfony | >= 7.0 |
+
+---
+
+## Documentation
+
+For complete documentation, visit **[php-flasher.io](https://php-flasher.io)**
+
+- [Installation Guide](https://php-flasher.io/installation)
+- [Laravel Integration](https://php-flasher.io/laravel)
+- [Symfony Integration](https://php-flasher.io/symfony)
+- [Livewire Integration](https://php-flasher.io/livewire)
+- [Inertia.js Integration](https://php-flasher.io/inertia)
+- [Themes Gallery](https://php-flasher.io/themes)
+- [JavaScript Usage](https://php-flasher.io/javascript)
+
+---
+
+## Contributing
+
+Contributions are welcome! Please feel free to submit a [Pull Request](https://github.com/php-flasher/php-flasher/pulls).
+
+## Contributors
+
+<a href="https://github.com/php-flasher/php-flasher/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=php-flasher/php-flasher" alt="Contributors" />
+</a>
+
+---
+
+## Support the Project
+
+If PHPFlasher helps you build better applications, please consider:
+
+- **[Star this repository](https://github.com/php-flasher/php-flasher)** to show your support
+- **[Report bugs](https://github.com/php-flasher/php-flasher/issues)** to help improve the library
+- **[Share on Twitter](https://twitter.com/intent/tweet?text=Check%20out%20PHPFlasher%20-%20beautiful%20flash%20notifications%20for%20PHP!&url=https://github.com/php-flasher/php-flasher)** to spread the word
+
+---
 
 ## License
 
-PHPFlasher is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT).
+PHPFlasher is open-source software licensed under the [MIT license](LICENSE).
 
-<p align="center"> <b>Made with ❤️ by <a href="https://www.linkedin.com/in/younes-ennaji/">Younes ENNAJI</a> </b> </p>
+<p align="center">
+    <br>
+    <strong>Made with ❤️ by <a href="https://github.com/yoeunes">Younes ENNAJI</a></strong>
+    <br><br>
+    <a href="https://github.com/php-flasher/php-flasher/stargazers">⭐ Star if you find this useful!</a>
+</p>

bin/assets

@@ -0,0 +1,675 @@
+#!/usr/bin/env bash
+
+# =========================================================================
+# Build System for PHP-Flasher
+# =========================================================================
+#
+# This script provides an elegant build process for PHP-Flasher assets
+# with comprehensive reporting and flexible configuration options.
+#
+# Author: Younes ENNAJI
+# =========================================================================
+
+# Strict error handling
+set -o pipefail
+
+# =========================================================================
+# CONSTANTS AND CONFIGURATION
+# =========================================================================
+
+# Colors and styles
+readonly RESET='\033[0m'
+readonly BOLD='\033[1m'
+readonly DIM='\033[2m'
+readonly UNDERLINE='\033[4m'
+readonly BLUE='\033[34m'
+readonly GREEN='\033[32m'
+readonly RED='\033[31m'
+readonly YELLOW='\033[33m'
+readonly CYAN='\033[36m'
+readonly MAGENTA='\033[35m'
+readonly WHITE='\033[37m'
+
+# Emoji indicators
+readonly ROCKET="🚀"
+readonly PACKAGE="📦"
+readonly CHECK="✓"
+readonly ERROR="❌"
+readonly WARNING="⚠️"
+readonly HAMMER="🏗️"
+readonly CHART="📊"
+readonly SPARKLES="✨"
+readonly HOURGLASS="⏳"
+readonly PALETTE="🎨"
+
+# File paths
+readonly SRC_DIR="src"
+readonly PRIME_PATH="${SRC_DIR}/Prime/Resources"
+readonly TEMP_DIR="/tmp/php-flasher-build-$$"
+readonly BUILD_LOG="${TEMP_DIR}/build.log"
+readonly SIZE_DATA="${TEMP_DIR}/sizes.data"
+
+# Default configuration
+VERBOSE=false
+WATCH_MODE=false
+THEME_ONLY=false
+MODULE_ONLY=false
+ANALYZE=false
+DEEP_ANALYZE=false
+SKIP_CLEAR=false
+NODE_ENV="production"
+
+# =========================================================================
+# UTILITY FUNCTIONS
+# =========================================================================
+
+cleanup() {
+    # Clean up temporary files when the script exits
+    rm -rf "${TEMP_DIR}" 2>/dev/null
+}
+
+trap cleanup EXIT
+
+mkdir -p "${TEMP_DIR}"
+
+print_header() {
+    echo -e "\n${BOLD}Date      : ${RESET}${CYAN}$(date -u '+%Y-%m-%d %H:%M:%S') UTC${RESET}"
+    echo -e "${BOLD}User      : ${RESET}${MAGENTA}$(whoami)${RESET}"
+    echo -e "${BOLD}Branch    : ${RESET}${GREEN}$(git rev-parse --abbrev-ref HEAD 2>/dev/null || echo "unknown")${RESET}"
+    echo -e "${BOLD}Directory : ${RESET}${BLUE}$(pwd)${RESET}"
+
+    if [ "$NODE_ENV" != "production" ]; then
+        echo -e "${BOLD}Mode      : ${RESET}${YELLOW}${NODE_ENV}${RESET}"
+    fi
+
+    if [ "$WATCH_MODE" = true ]; then
+        echo -e "${BOLD}Watch     : ${RESET}${CYAN}enabled${RESET}"
+    fi
+
+    if [ "$THEME_ONLY" = true ]; then
+        echo -e "${BOLD}Scope     : ${RESET}${MAGENTA}themes only${RESET}"
+    elif [ "$MODULE_ONLY" = true ]; then
+        echo -e "${BOLD}Scope     : ${RESET}${MAGENTA}modules only${RESET}"
+    fi
+
+    echo
+}
+
+print_section() {
+    echo -e "\n${BOLD}${CYAN}┌─ $1 ${2:-}${RESET}"
+}
+
+success_msg() {
+    echo -e "${GREEN}${CHECK} $*${RESET}"
+}
+
+error_msg() {
+    echo -e "${RED}${ERROR} $*${RESET}"
+}
+
+warning_msg() {
+    echo -e "${YELLOW}${WARNING} $*${RESET}"
+}
+
+info_msg() {
+    echo -e "${BLUE}${HOURGLASS} $*${RESET}"
+}
+
+print_usage() {
+    echo -e "${BOLD}Usage:${RESET} $0 [options]"
+    echo
+    echo -e "${BOLD}Options:${RESET}"
+    echo -e "  ${GREEN}-h, --help${RESET}        Show this help message"
+    echo -e "  ${GREEN}-v, --verbose${RESET}     Display detailed build output"
+    echo -e "  ${GREEN}-w, --watch${RESET}       Run in watch mode"
+    echo -e "  ${GREEN}-d, --development${RESET} Build in development mode (unminified)"
+    echo -e "  ${GREEN}-t, --themes-only${RESET} Build only themes"
+    echo -e "  ${GREEN}-m, --modules-only${RESET} Build only modules (core and plugins)"
+    echo -e "  ${GREEN}-a, --analyze${RESET}     Show detailed size analysis in table format"
+    echo -e "  ${GREEN}-D, --deep-analyze${RESET} Perform deep analysis of files (checksums, content inspection)"
+    echo -e "  ${GREEN}--skip-clear${RESET}      Skip clearing output directories"
+    echo
+}
+
+parse_args() {
+    while [ "$#" -gt 0 ]; do
+        case "$1" in
+            -h|--help)
+                print_usage
+                exit 0
+                ;;
+            -v|--verbose)
+                VERBOSE=true
+                ;;
+            -w|--watch)
+                WATCH_MODE=true
+                NODE_ENV="development"
+                ;;
+            -d|--development)
+                NODE_ENV="development"
+                ;;
+            -t|--themes-only)
+                THEME_ONLY=true
+                ;;
+            -m|--modules-only)
+                MODULE_ONLY=true
+                ;;
+            -a|--analyze)
+                ANALYZE=true
+                ;;
+            -D|--deep-analyze)
+                ANALYZE=true
+                DEEP_ANALYZE=true
+                ;;
+            --skip-clear)
+                SKIP_CLEAR=true
+                ;;
+            *)
+                warning_msg "Unknown option: $1"
+                print_usage
+                exit 1
+                ;;
+        esac
+        shift
+    done
+
+    # Validate conflicting options
+    if [ "$THEME_ONLY" = true ] && [ "$MODULE_ONLY" = true ]; then
+        error_msg "Cannot specify both --themes-only and --modules-only"
+        exit 1
+    fi
+
+    # Configure build mode
+    if [ "$WATCH_MODE" = true ]; then
+        ROLLUP_ARGS="-c -w"
+    else
+        ROLLUP_ARGS="-c"
+    fi
+
+    # When analyzing, we turn off verbosity for rollup
+    if [ "$ANALYZE" = true ]; then
+        export FILESIZE_SILENT=true
+    fi
+}
+
+# =========================================================================
+# BUILD FUNCTIONS
+# =========================================================================
+
+get_size_info() {
+    local file="$1"
+    # Get precise byte count for more accurate comparison
+    local bytes=$(wc -c < "$file")
+    local size=$(du -h "$file" | awk '{print $1}')
+    local gzip=$(gzip -c "$file" | wc -c | numfmt --to=iec --format="%.1f")
+    local brotli_size=$(brotli -c "$file" 2>/dev/null | wc -c | numfmt --to=iec --format="%.1f" || echo "N/A")
+
+    echo "$size|$gzip|$bytes|$brotli_size"
+}
+
+get_file_hash() {
+    local file="$1"
+    if command -v sha256sum &> /dev/null; then
+        sha256sum "$file" | awk '{print $1}'
+    elif command -v shasum &> /dev/null; then
+        shasum -a 256 "$file" | awk '{print $1}'
+    else
+        echo "HASH_UNAVAILABLE"
+    fi
+}
+
+analyze_file_content() {
+    local file="$1"
+    local filename=$(basename "$file")
+    local dir="${TEMP_DIR}/analysis/$(dirname "$file" | sed 's/\//_/g')"
+    mkdir -p "$dir"
+
+    # Get first 10 lines for a quick look
+    head -n 10 "$file" > "${dir}/${filename}.head"
+
+    # Get hash for exact comparison
+    local hash=$(get_file_hash "$file")
+    echo "$hash" > "${dir}/${filename}.hash"
+
+    # For CSS/JS, try to determine if it's minified
+    if [[ "$file" == *.css || "$file" == *.js ]]; then
+        # Count semicolons to help identify if minified
+        local semicolons=$(grep -o ";" "$file" | wc -l)
+        # Count newlines
+        local newlines=$(grep -c $'\n' "$file")
+
+        # Simple heuristic: if few newlines relative to semicolons, likely minified
+        if [ "$newlines" -lt 10 ] || [ "$semicolons" -gt "$((newlines * 5))" ]; then
+            echo "MINIFIED:YES semicolons:$semicolons newlines:$newlines" > "${dir}/${filename}.analysis"
+        else
+            echo "MINIFIED:NO semicolons:$semicolons newlines:$newlines" > "${dir}/${filename}.analysis"
+        fi
+    fi
+
+    echo "$hash"
+}
+
+collect_build_statistics() {
+    local modules_count=0
+    local themes_count=0
+    declare -a theme_names=()
+    local unique_css_hashes=0
+    local unique_js_hashes=0
+    declare -A css_hashes=()
+    declare -A js_hashes=()
+
+    # Create temporary directory for data
+    mkdir -p "${TEMP_DIR}/modules"
+    mkdir -p "${TEMP_DIR}/themes"
+    mkdir -p "${TEMP_DIR}/analysis"
+
+    echo "DEBUG: Looking for modules and themes..." >> "${BUILD_LOG}"
+
+    # Check for core flasher module first
+    if [ -f "${PRIME_PATH}/dist/flasher.min.js" ]; then
+        local size_info=$(get_size_info "${PRIME_PATH}/dist/flasher.min.js")
+        local hash="N/A"
+        if [ "$DEEP_ANALYZE" = true ]; then
+            hash=$(analyze_file_content "${PRIME_PATH}/dist/flasher.min.js")
+            js_hashes["$hash"]=1
+            ((unique_js_hashes++))
+        fi
+        echo "flasher:$size_info:$hash" >> "${TEMP_DIR}/modules/data"
+        ((modules_count++))
+    fi
+
+    # Collect module statistics - FIXED to avoid subshell issue
+    # Store filenames to process in a temporary file
+    find ${SRC_DIR}/*/Prime/Resources/dist -name "*.min.js" | grep -v themes > "${TEMP_DIR}/module_files.txt" 2>/dev/null
+
+    # Process each module file
+    while IFS= read -r file; do
+        local module=$(basename "$file" .min.js)
+        local size_info=$(get_size_info "$file")
+        local hash="N/A"
+        if [ "$DEEP_ANALYZE" = true ]; then
+            hash=$(analyze_file_content "$file")
+            js_hashes["$hash"]=1
+            ((unique_js_hashes++))
+        fi
+        echo "$module:$size_info:$hash" >> "${TEMP_DIR}/modules/data"
+        ((modules_count++))
+        echo "DEBUG: Found module: $module in $file (${size_info})" >> "${BUILD_LOG}"
+    done < "${TEMP_DIR}/module_files.txt"
+
+    # Collect theme statistics - FIXED to avoid subshell issue
+    if [ -d "${PRIME_PATH}/dist/themes" ]; then
+        # Store theme files in a temporary file
+        find ${PRIME_PATH}/dist/themes -name "*.min.js" > "${TEMP_DIR}/theme_files.txt" 2>/dev/null
+
+        # Process each theme file
+        while IFS= read -r file; do
+            local theme=$(basename "$(dirname "$file")")
+            local size_info=$(get_size_info "$file")
+            local js_hash="N/A"
+            local css_hash="N/A"
+
+            # Also get the CSS file size and analyze it
+            local css_file="${PRIME_PATH}/dist/themes/${theme}/${theme}.min.css"
+            local css_size_info="N/A"
+            if [ -f "$css_file" ]; then
+                css_size_info=$(get_size_info "$css_file")
+
+                if [ "$DEEP_ANALYZE" = true ]; then
+                    css_hash=$(analyze_file_content "$css_file")
+                    if [ -z "${css_hashes[$css_hash]}" ]; then
+                        css_hashes["$css_hash"]=1
+                        ((unique_css_hashes++))
+                    else
+                        css_hashes["$css_hash"]=$((css_hashes["$css_hash"] + 1))
+                    fi
+
+                    js_hash=$(analyze_file_content "$file")
+                    if [ -z "${js_hashes[$js_hash]}" ]; then
+                        js_hashes["$js_hash"]=1
+                    else
+                        js_hashes["$js_hash"]=$((js_hashes["$js_hash"] + 1))
+                    fi
+                fi
+
+                echo "DEBUG: Theme $theme JS: $size_info, CSS: $css_size_info" >> "${BUILD_LOG}"
+            else
+                echo "DEBUG: No CSS file found for theme $theme" >> "${BUILD_LOG}"
+            fi
+
+            echo "$theme:$size_info:$js_hash:$css_size_info:$css_hash" >> "${TEMP_DIR}/themes/data"
+            theme_names+=("$theme")
+            ((themes_count++))
+        done < "${TEMP_DIR}/theme_files.txt"
+
+        # Sort theme names alphabetically
+        if [ ${#theme_names[@]} -gt 0 ]; then
+            printf "%s\n" "${theme_names[@]}" | sort > "${TEMP_DIR}/theme_names"
+        fi
+    fi
+
+    # Store counts for summary
+    echo "$modules_count" > "${TEMP_DIR}/modules_count"
+    echo "$themes_count" > "${TEMP_DIR}/themes_count"
+    echo "$unique_js_hashes" > "${TEMP_DIR}/unique_js_hashes"
+    echo "$unique_css_hashes" > "${TEMP_DIR}/unique_css_hashes"
+
+    # Write hash statistics if deep analysis was enabled
+    if [ "$DEEP_ANALYZE" = true ]; then
+        echo "JS Hash Distribution:" > "${TEMP_DIR}/hash_stats.txt"
+        for hash in "${!js_hashes[@]}"; do
+            echo "  $hash: ${js_hashes[$hash]} files" >> "${TEMP_DIR}/hash_stats.txt"
+        done
+
+        echo -e "\nCSS Hash Distribution:" >> "${TEMP_DIR}/hash_stats.txt"
+        for hash in "${!css_hashes[@]}"; do
+            echo "  $hash: ${css_hashes[$hash]} files" >> "${TEMP_DIR}/hash_stats.txt"
+        done
+    fi
+}
+
+run_build() {
+    print_section "Starting Build Process" "${HAMMER}"
+
+    info_msg "Environment: ${NODE_ENV}"
+    info_msg "Building PHP-Flasher assets..."
+
+    # Set environment variables
+    export NODE_ENV="$NODE_ENV"
+    export ANALYZE="$ANALYZE"
+    export DEEP_ANALYZE="$DEEP_ANALYZE"
+
+    # Determine which parts to build based on flags
+    local rollup_args="$ROLLUP_ARGS"
+    if [ "$THEME_ONLY" = true ]; then
+        info_msg "Building themes only"
+        # Here we'd need to extend rollup to support theme-only builds
+        # For now, we'll complete the full build
+    elif [ "$MODULE_ONLY" = true ]; then
+        info_msg "Building modules only"
+        # Similarly, we'd need to extend rollup
+    fi
+
+    # Execute rollup with appropriate flags
+    if [ "$VERBOSE" = true ]; then
+        if npx rollup $rollup_args; then
+            success_msg "Build process completed"
+            return 0
+        else
+            error_msg "Build process failed"
+            return 1
+        fi
+    else
+        # Capture output for non-verbose mode
+        if npx rollup $rollup_args > "$BUILD_LOG" 2>&1; then
+            success_msg "Build process completed"
+            return 0
+        else
+            error_msg "Build process failed"
+            cat "$BUILD_LOG"
+            return 1
+        fi
+    fi
+}
+
+# =========================================================================
+# REPORTING FUNCTIONS
+# =========================================================================
+
+print_size_table() {
+    local title="$1"
+    local data_file="$2"
+    local max_name_len=20
+
+    if [ ! -f "$data_file" ] || [ ! -s "$data_file" ]; then
+        return
+    fi
+
+    echo -e "\n${BOLD}${WHITE}${title}${RESET}\n"
+
+    # Print table header with or without hashes based on deep analysis
+    if [ "$DEEP_ANALYZE" = true ]; then
+        printf "${BOLD}%-${max_name_len}s %-10s %-10s %-10s %-10s${RESET}\n" "Component" "Size" "Gzip" "Bytes" "Hash"
+    else
+        printf "${BOLD}%-${max_name_len}s %-10s %-10s %-10s${RESET}\n" "Component" "Size" "Gzip" "Bytes"
+    fi
+
+    echo -e "${DIM}$(printf '%.0s─' {1..70})${RESET}"
+
+    # Print table rows
+    while IFS=: read -r line; do
+        # Split the line into fields
+        local fields=()
+        while IFS=: read -ra parts; do
+            fields=("${parts[@]}")
+        done <<< "$line"
+
+        local name="${fields[0]}"
+        local size_data="${fields[1]}"
+        local hash="N/A"
+        if [ "${#fields[@]}" -gt 2 ]; then
+            hash="${fields[2]}"
+        fi
+
+        IFS='|' read -r size gzip bytes brotli <<< "$size_data"
+
+        if [ "$DEEP_ANALYZE" = true ]; then
+            printf "%-${max_name_len}s ${GREEN}%-10s${RESET} ${BLUE}%-10s${RESET} ${YELLOW}%-10s${RESET} ${DIM}%.8s${RESET}\n" \
+                "$name" "$size" "$gzip" "$bytes" "$hash"
+        else
+            printf "%-${max_name_len}s ${GREEN}%-10s${RESET} ${BLUE}%-10s${RESET} ${YELLOW}%-10s${RESET}\n" \
+                "$name" "$size" "$gzip" "$bytes"
+        fi
+    done < "$data_file"
+}
+
+print_theme_table() {
+    local data_file="$1"
+    local max_name_len=15
+
+    if [ ! -f "$data_file" ] || [ ! -s "$data_file" ]; then
+        return
+    fi
+
+    echo -e "\n${BOLD}${WHITE}Theme Sizes${RESET}\n"
+
+    # Print table header
+    printf "${BOLD}%-${max_name_len}s %-10s %-10s %-10s %-10s${RESET}\n" "Theme" "JS Size" "CSS Size" "JS Bytes" "CSS Bytes"
+    echo -e "${DIM}$(printf '%.0s─' {1..70})${RESET}"
+
+    # Print table rows
+    while IFS=: read -r line; do
+        # Split the line into fields
+        local fields=()
+        while IFS=: read -ra parts; do
+            fields=("${parts[@]}")
+        done <<< "$line"
+
+        local name="${fields[0]}"
+        local js_size_data="${fields[1]}"
+        local js_hash="N/A"
+        local css_size_data="N/A"
+        local css_hash="N/A"
+
+        if [ "${#fields[@]}" -gt 2 ]; then
+            js_hash="${fields[2]}"
+        fi
+
+        if [ "${#fields[@]}" -gt 3 ]; then
+            css_size_data="${fields[3]}"
+        fi
+
+        if [ "${#fields[@]}" -gt 4 ]; then
+            css_hash="${fields[4]}"
+        fi
+
+        IFS='|' read -r js_size js_gzip js_bytes js_brotli <<< "$js_size_data"
+
+        local css_size="N/A"
+        local css_bytes="N/A"
+
+        if [ "$css_size_data" != "N/A" ]; then
+            IFS='|' read -r css_size css_gzip css_bytes css_brotli <<< "$css_size_data"
+        fi
+
+        printf "%-${max_name_len}s ${GREEN}%-10s${RESET} ${MAGENTA}%-10s${RESET} ${YELLOW}%-10s${RESET} ${BLUE}%-10s${RESET}\n" \
+            "$name" "$js_size" "$css_size" "$js_bytes" "$css_bytes"
+    done < "$data_file"
+}
+
+print_theme_grid() {
+    local theme_names_file="$1"
+    if [ ! -f "$theme_names_file" ] || [ ! -s "$theme_names_file" ]; then
+        return
+    fi
+
+    echo -e "\n${BOLD}${MAGENTA}${PALETTE} Themes:${RESET}"
+
+    # Define grid parameters
+    local columns=3
+    local max_width=15
+    local count=0
+
+    # Print themes in a grid
+    while read -r theme; do
+        if [ $((count % columns)) -eq 0 ]; then
+            echo -ne "  "
+        fi
+
+        printf "• %-${max_width}s" "$theme"
+        count=$((count + 1))
+
+        if [ $((count % columns)) -eq 0 ]; then
+            echo
+        fi
+    done < "$theme_names_file"
+
+    # Add a newline if the last row wasn't complete
+    if [ $((count % columns)) -ne 0 ]; then
+        echo
+    fi
+}
+
+print_deep_analysis() {
+    if [ ! -d "${TEMP_DIR}/analysis" ]; then
+        return
+    fi
+
+    local unique_js=0
+    local unique_css=0
+
+    if [ -f "${TEMP_DIR}/unique_js_hashes" ]; then
+        unique_js=$(cat "${TEMP_DIR}/unique_js_hashes")
+    fi
+
+    if [ -f "${TEMP_DIR}/unique_css_hashes" ]; then
+        unique_css=$(cat "${TEMP_DIR}/unique_css_hashes")
+    fi
+
+    echo -e "\n${BOLD}${WHITE}Deep File Analysis${RESET}"
+    echo -e "${DIM}$(printf '%.0s─' {1..50})${RESET}"
+
+    echo -e "Unique JavaScript files: ${YELLOW}${unique_js}${RESET}"
+    echo -e "Unique CSS files: ${MAGENTA}${unique_css}${RESET}"
+
+    if [ -f "${TEMP_DIR}/hash_stats.txt" ]; then
+        echo -e "\n${BOLD}Hash Distribution:${RESET}"
+        local top_5=$(head -n 10 "${TEMP_DIR}/hash_stats.txt")
+        echo -e "${DIM}$top_5${RESET}"
+        echo -e "${DIM}(See ${TEMP_DIR}/hash_stats.txt for full details)${RESET}"
+    fi
+}
+
+print_summary() {
+    local success=$1
+    local duration=$2
+
+    # Read statistics
+    local modules_count=0
+    local themes_count=0
+
+    if [ -f "${TEMP_DIR}/modules_count" ]; then
+        modules_count=$(cat "${TEMP_DIR}/modules_count")
+    fi
+
+    if [ -f "${TEMP_DIR}/themes_count" ]; then
+        themes_count=$(cat "${TEMP_DIR}/themes_count")
+    fi
+
+    # Print summary header
+    echo -e "\n${BOLD}${PACKAGE} Build Summary${RESET}"
+    echo -e "━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━"
+
+    # Print statistics
+    if [ "$MODULE_ONLY" = false ]; then
+        echo -e "${CHECK} Modules/Plugins:      ${BOLD}${CYAN}${modules_count}${RESET}"
+    fi
+
+    if [ "$THEME_ONLY" = false ]; then
+        echo -e "${CHECK} Themes:       ${BOLD}${MAGENTA}${themes_count}${RESET}"
+    fi
+
+    echo -e "${CHECK} Build completed in ${BOLD}${YELLOW}${duration}s${RESET}"
+
+    # Print theme names if available
+    if [ -f "${TEMP_DIR}/theme_names" ]; then
+        print_theme_grid "${TEMP_DIR}/theme_names"
+    fi
+
+    # Show size analysis if requested
+    if [ "$ANALYZE" = true ]; then
+        echo -e "\n${BOLD}${CHART} Size Analysis:${RESET}"
+        print_size_table "Module Sizes" "${TEMP_DIR}/modules/data"
+
+        if [ "$DEEP_ANALYZE" = true ]; then
+            print_theme_table "${TEMP_DIR}/themes/data"
+            print_deep_analysis
+        else
+            print_size_table "Theme Sizes" "${TEMP_DIR}/themes/data"
+        fi
+
+        # Add option to view detailed logs
+        echo -e "\nFor detailed build info, run: ${CYAN}cat $BUILD_LOG${RESET}"
+        echo -e "Temporary files at: ${CYAN}${TEMP_DIR}${RESET}"
+    fi
+}
+
+# =========================================================================
+# MAIN EXECUTION
+# =========================================================================
+
+main() {
+    local start_time=$(date +%s)
+    local build_success=true
+
+    # Parse command-line arguments
+    parse_args "$@"
+
+    # Show header
+    print_header
+
+    # Run the build process
+    run_build || build_success=false
+
+    # Only collect statistics if build was successful and not in watch mode
+    if [ "$WATCH_MODE" = false ] && [ "$build_success" = true ]; then
+        if [ "$ANALYZE" = true ] || [ ! -t 1 ]; then
+            print_section "Analyzing Build Output" "${CHART}"
+        fi
+        collect_build_statistics
+    fi
+
+    # Print summary (unless in watch mode)
+    if [ "$WATCH_MODE" = false ]; then
+        local end_time=$(date +%s)
+        local duration=$((end_time - start_time))
+
+        print_summary "$build_success" "$duration"
+    fi
+
+    # Exit with appropriate code
+    [ "$build_success" = true ] && exit 0 || exit 1
+}
+
+# Execute main function with all arguments
+main "$@"

bin/bump

@@ -0,0 +1,189 @@
+#!/usr/bin/env bash
+
+set -e
+set -o pipefail
+
+# Colors and styles
+readonly RESET='\033[0m'
+readonly BOLD='\033[1m'
+readonly BLUE='\033[34m'
+readonly GREEN='\033[32m'
+readonly RED='\033[31m'
+readonly YELLOW='\033[33m'
+
+# Emojis
+readonly ROCKET="🚀"
+readonly UPDATE="🔄"
+readonly PACKAGE="📦"
+readonly SUCCESS="✨"
+readonly ERROR="❌"
+readonly WARNING="⚠️"
+readonly CHECK="✓"
+
+# Header
+print_header() {
+    echo -e "\n${BOLD}${BLUE}╭──────────────────────────────────────────╮${RESET}"
+    echo -e "${BOLD}${BLUE}│     ${ROCKET} PHP-Flasher Version ${ROCKET}            │${RESET}"
+    echo -e "${BOLD}${BLUE}╰──────────────────────────────────────────╯${RESET}\n"
+    echo -e "    Date     : $(date -u '+%Y-%m-%d %H:%M:%S') UTC"
+    echo -e "    User     : $(whoami)"
+    echo -e "    Directory: $(pwd)\n"
+}
+
+# Version validation
+validate_version() {
+    local version=$1
+    if [[ ! $version =~ ^[0-9]+\.[0-9]+\.[0-9]+$ ]]; then
+        echo -e "\n${RED}${ERROR} Invalid version format: $version${RESET}"
+        echo -e "    Version must be in format X.Y.Z (e.g., 2.1.6)\n"
+        exit 1
+    fi
+}
+
+# Get current version from Flasher class
+get_current_version() {
+    local file="src/Prime/Flasher.php"
+    if [ -f "$file" ]; then
+        local version=$(grep -o "const VERSION = '[0-9]\+\.[0-9]\+\.[0-9]\+'" "$file" | grep -o "[0-9]\+\.[0-9]\+\.[0-9]\+")
+        echo "$version"
+    else
+        echo -e "${RED}${ERROR} Flasher.php not found in src/Prime/Flasher.php${RESET}"
+        exit 1
+    fi
+}
+
+# Update composer.json file
+update_composer_file() {
+    local file=$1
+    local current_version=$2
+    local new_version=$3
+
+    # Create a temporary file
+    local tmp_file="${file}.tmp"
+
+    # Use jq with 4-space indentation
+    if command -v jq >/dev/null 2>&1; then
+        jq --indent 4 --arg cv "^${current_version}" --arg nv "^${new_version}" '
+            walk(
+                if type == "object" and has("require") then
+                    .require |= with_entries(
+                        if .key | startswith("php-flasher/") then
+                            .value = $nv
+                        else
+                            .
+                        end
+                    )
+                else
+                    .
+                end
+            )
+        ' "$file" > "$tmp_file"
+    else
+        # Fallback to sed for simple replacement
+        sed -E "s/\"php-flasher\/[^\"]+\": \"\\^${current_version}\"/\"\\0\": \"^${new_version}\"/" "$file" > "$tmp_file"
+    fi
+
+    # Check if the temporary file exists and has content
+    if [ -s "$tmp_file" ]; then
+        mv "$tmp_file" "$file"
+        echo "    ${CHECK} Updated $file"
+    else
+        echo "    ${WARNING} Failed to update $file"
+        rm -f "$tmp_file"
+    fi
+}
+
+# Update package.json file
+update_package_file() {
+    local file=$1
+    local current_version=$2
+    local new_version=$3
+
+    # Create a temporary file
+    local tmp_file="${file}.tmp"
+
+    # Use jq with 4-space indentation
+    if command -v jq >/dev/null 2>&1; then
+        jq --indent 4 --arg cv "^${current_version}" --arg nv "^${new_version}" --arg v "${new_version}" '
+            .version = $v |
+            if has("peerDependencies") then
+                .peerDependencies |= with_entries(
+                    if .key | startswith("@flasher/") then
+                        .value = $nv
+                    else
+                        .
+                    end
+                )
+            else
+                .
+            end |
+            if has("dependencies") then
+                .dependencies |= with_entries(
+                    if .key | startswith("@flasher/") then
+                        .value = $nv
+                    else
+                        .
+                    end
+                )
+            else
+                .
+            end
+        ' "$file" > "$tmp_file"
+    else
+        # Fallback to sed for simple replacement
+        sed -E -e "s/\"version\": \"${current_version}\"/\"version\": \"${new_version}\"/" \
+               -e "s/\"@flasher\/[^\"]+\": \"\\^${current_version}\"/\"\\0\": \"^${new_version}\"/" \
+               "$file" > "$tmp_file"
+    fi
+
+    # Check if the temporary file exists and has content
+    if [ -s "$tmp_file" ]; then
+        mv "$tmp_file" "$file"
+        echo "    ${CHECK} Updated $file"
+    else
+        echo "    ${WARNING} Failed to update $file"
+        rm -f "$tmp_file"
+    fi
+}
+
+# Update version in files
+update_version() {
+    local current_version=$1
+    local new_version=$2
+
+    echo -e " ${UPDATE} Updating version numbers ($current_version → $new_version)\n"
+
+    # Update PHP class version
+    echo -e " ${PACKAGE} Updating Flasher class version..."
+    if [ -f "src/Prime/Flasher.php" ]; then
+        sed -i '' "s/const VERSION = '$current_version'/const VERSION = '$new_version'/" src/Prime/Flasher.php
+        echo -e "    ${CHECK} Updated src/Prime/Flasher.php"
+    fi
+
+    # Update composer.json files in src directory
+    echo -e "\n ${PACKAGE} Updating composer.json files..."
+    find src -name "composer.json" -type f | while read -r file; do
+        update_composer_file "$file" "$current_version" "$new_version"
+    done
+
+    # Update package.json files in src directory
+    echo -e "\n ${PACKAGE} Updating package.json files..."
+    find src -name "package.json" -type f | while read -r file; do
+        update_package_file "$file" "$current_version" "$new_version"
+    done
+
+    echo -e "\n ${SUCCESS} Version bump complete!\n"
+}
+
+# Main execution
+if [ -z "$1" ]; then
+    echo -e "${RED}${ERROR} Version number is required${RESET}"
+    echo -e "Usage: $0 <version>\n"
+    exit 1
+fi
+
+print_header
+new_version=$1
+current_version=$(get_current_version)
+validate_version "$new_version"
+update_version "$current_version" "$new_version"

bin/copy

@@ -1,50 +1,35 @@
-#!/usr/bin/env php
-<?php
+#!/bin/bash
 
-$shared = realpath(__DIR__.'/../.shared');
+# Default to the current directory if no directory is provided
+dir=${1:-.}
 
-$resources = array(
-    $shared,
-    __DIR__.'/../.github/FUNDING.yml',
-    __DIR__.'/../README.md',
-    __DIR__.'/../LICENSE',
-);
+# Optional: A list of file extensions to filter by, e.g., "txt md". Leave empty to include all files.
+extensions=($2)
 
-$dirs = array(__DIR__.'/../packs', __DIR__.'/../src');
+# Temporary file to store results
+temp_file=$(mktemp)
 
-$packages = array_reduce($dirs, function ($files, $dir) {
-    return array_merge($files, glob("$dir/*/composer.json"), glob("$dir/*/*/composer.json"));
-}, array());
-
-foreach ($packages as $package) {
-    $package = realpath(dirname($package));
-    foreach ($resources as $resource) {
-        $resource = realpath($resource);
-        $dest = $package.str_replace(realpath(__DIR__.'/../'), '', $resource);
-
-        if (!is_dir($resource) && file_exists($resource)) {
-            copy($resource, $dest);
-            continue;
-        }
-
-        $files = new RecursiveIteratorIterator(
-            new RecursiveDirectoryIterator($resource, FilesystemIterator::SKIP_DOTS),
-            RecursiveIteratorIterator::SELF_FIRST
-        );
-
-        foreach ($files as $file) {
-            $target = $resource === $shared
-                ? $package.str_replace($resource, '', $file->getPathname())
-                : $dest .'/'. $file->getFilename();
-
-            if ($file->isDir()) {
-                system('rm -rf -- ' . escapeshellarg($dest));
-                @mkdir(dirname($target), 0777, true);
-                continue;
-            }
-
-            @mkdir(dirname($target), 0777, true);
-            @copy($file->getPathname(), $target);
-        }
-    }
+# Function to print file details (now inline within find command)
+print_file_details() {
+    echo "File Path: $1"
+    echo "Contents:"
+    cat "$1"
+    echo
 }
+
+# Finding and processing files
+if [ ${#extensions[@]} -eq 0 ]; then
+    # If no extensions are specified, process all files
+    find "$dir" -type f -exec bash -c 'echo "File Path: $1"; echo "Contents:"; cat "$1"; echo' bash {} \; >> "$temp_file"
+else
+    # Process only files with specified extensions
+    for ext in "${extensions[@]}"; do
+        find "$dir" -type f -name "*.$ext" -exec bash -c 'echo "File Path: $1"; echo "Contents:"; cat "$1"; echo' bash {} \; >> "$temp_file"
+    done
+fi
+
+# Copy results to clipboard and remove the temporary file
+cat "$temp_file" | pbcopy
+rm "$temp_file"
+
+echo "Results copied to clipboard."

bin/coverage

@@ -0,0 +1,129 @@
+#!/usr/bin/env bash
+
+set -o pipefail
+
+# PHP binary to use (defaults to PHP 8.2)
+PHP_BINARY="${PHP_BINARY:-/opt/homebrew/opt/php@8.2/bin/php}"
+
+# Colors and styles
+readonly RESET='\033[0m'
+readonly BOLD='\033[1m'
+readonly DIM='\033[2m'
+readonly BLUE='\033[34m'
+readonly GREEN='\033[32m'
+readonly RED='\033[31m'
+readonly YELLOW='\033[33m'
+readonly CYAN='\033[36m'
+readonly MAGENTA='\033[35m'
+
+# Essential emojis
+readonly ROCKET="🚀"
+readonly CHECK="✓"
+readonly ERROR="❌"
+readonly WARNING="⚠️"
+readonly CHART="📊"
+readonly TEST_TUBE="🧪"
+readonly SPARKLES="✨"
+readonly GLOBE="🌐"
+
+print_header() {
+    echo -e "\n${BOLD}${BLUE}${ROCKET} PHP-Flasher Test Coverage ${ROCKET}${RESET}\n"
+    echo -e "${BOLD}Date      : ${RESET}${CYAN}$(date -u '+%Y-%m-%d %H:%M:%S') UTC${RESET}"
+    echo -e "${BOLD}Directory : ${RESET}${BLUE}$(pwd)${RESET}\n"
+}
+
+cleanup_coverage() {
+    echo -e "${BOLD}${DIM}Cleaning up old coverage reports...${RESET}"
+    rm -rf coverage/phpunit coverage/vitest
+    mkdir -p coverage/phpunit coverage/vitest
+    echo -e "${CHECK} ${GREEN}Cleanup complete${RESET}\n"
+}
+
+run_phpunit_coverage() {
+    echo -e "${BOLD}${TEST_TUBE} Running PHPUnit with Coverage${RESET}"
+
+    if $PHP_BINARY vendor/bin/phpunit --coverage-html coverage/phpunit/html --coverage-text=coverage/phpunit/report.txt; then
+        echo -e "${CHECK} ${GREEN}PHPUnit coverage generated${RESET}"
+        echo -e "   ${DIM}HTML Report: coverage/phpunit/html/index.html${RESET}\n"
+        return 0
+    else
+        echo -e "${WARNING} ${YELLOW}PHPUnit coverage generation failed${RESET}\n"
+        return 1
+    fi
+}
+
+run_vitest_coverage() {
+    echo -e "${BOLD}${TEST_TUBE} Running Vitest with Coverage${RESET}"
+
+    if npm run test:coverage; then
+        echo -e "${CHECK} ${GREEN}Vitest coverage generated${RESET}"
+        echo -e "   ${DIM}HTML Report: coverage/vitest/index.html${RESET}\n"
+        return 0
+    else
+        echo -e "${WARNING} ${YELLOW}Vitest coverage generation failed${RESET}\n"
+        return 1
+    fi
+}
+
+print_summary() {
+    echo -e "${BOLD}${CYAN}${CHART} Coverage Reports Summary${RESET}\n"
+
+    echo -e "${BOLD}PHPUnit Coverage:${RESET}"
+    if [ -f "coverage/phpunit/html/index.html" ]; then
+        echo -e "  ${GREEN}${CHECK} HTML: ${RESET}coverage/phpunit/html/index.html"
+        if [ -f "coverage/phpunit/report.txt" ]; then
+            echo -e "  ${GREEN}${CHECK} Text: ${RESET}coverage/phpunit/report.txt"
+        fi
+    else
+        echo -e "  ${RED}${ERROR} No coverage report generated${RESET}"
+    fi
+
+    echo -e "\n${BOLD}Vitest Coverage:${RESET}"
+    if [ -f "coverage/vitest/index.html" ]; then
+        echo -e "  ${GREEN}${CHECK} HTML: ${RESET}coverage/vitest/index.html"
+        if [ -f "coverage/vitest/coverage-final.json" ]; then
+            echo -e "  ${GREEN}${CHECK} JSON: ${RESET}coverage/vitest/coverage-final.json"
+        fi
+    else
+        echo -e "  ${RED}${ERROR} No coverage report generated${RESET}"
+    fi
+
+    echo -e "\n${BOLD}${GLOBE} Open Reports:${RESET}"
+    echo -e "  ${CYAN}npm run coverage:open${RESET}"
+    echo -e "  ${DIM}Or manually open the HTML files in your browser${RESET}\n"
+}
+
+open_reports() {
+    if [ "$1" == "--open" ] || [ "$1" == "-o" ]; then
+        echo -e "${BOLD}${GLOBE} Opening coverage reports...${RESET}\n"
+
+        if [ -f "coverage/phpunit/html/index.html" ]; then
+            open coverage/phpunit/html/index.html 2>/dev/null || xdg-open coverage/phpunit/html/index.html 2>/dev/null
+        fi
+
+        if [ -f "coverage/vitest/index.html" ]; then
+            open coverage/vitest/index.html 2>/dev/null || xdg-open coverage/vitest/index.html 2>/dev/null
+        fi
+    fi
+}
+
+main() {
+    local start_time=$(date +%s)
+
+    print_header
+    cleanup_coverage
+    run_phpunit_coverage
+    run_vitest_coverage
+
+    local end_time=$(date +%s)
+    local duration=$((end_time - start_time))
+
+    print_summary
+
+    echo -e "${SPARKLES} ${BOLD}Coverage Complete${RESET}"
+    echo -e "Duration: ${YELLOW}${duration}s${RESET}\n"
+
+    open_reports "$1"
+}
+
+main "$@"

bin/cp

@@ -1,35 +0,0 @@
-#!/bin/bash
-
-# Default to the current directory if no directory is provided
-dir=${1:-.}
-
-# Optional: A list of file extensions to filter by, e.g., "txt md". Leave empty to include all files.
-extensions=($2)
-
-# Temporary file to store results
-temp_file=$(mktemp)
-
-# Function to print file details (now inline within find command)
-print_file_details() {
-    echo "File Path: $1"
-    echo "Contents:"
-    cat "$1"
-    echo
-}
-
-# Finding and processing files
-if [ ${#extensions[@]} -eq 0 ]; then
-    # If no extensions are specified, process all files
-    find "$dir" -type f -exec bash -c 'echo "File Path: $1"; echo "Contents:"; cat "$1"; echo' bash {} \; >> "$temp_file"
-else
-    # Process only files with specified extensions
-    for ext in "${extensions[@]}"; do
-        find "$dir" -type f -name "*.$ext" -exec bash -c 'echo "File Path: $1"; echo "Contents:"; cat "$1"; echo' bash {} \; >> "$temp_file"
-    done
-fi
-
-# Copy results to clipboard and remove the temporary file
-cat "$temp_file" | pbcopy
-rm "$temp_file"
-
-echo "Results copied to clipboard."

bin/docs

@@ -0,0 +1,101 @@
+#!/usr/bin/env bash
+
+set -o pipefail
+
+# Colors and styles
+readonly RESET='\033[0m'
+readonly BOLD='\033[1m'
+readonly DIM='\033[2m'
+readonly UNDERLINE='\033[4m'
+readonly BLUE='\033[34m'
+readonly GREEN='\033[32m'
+readonly RED='\033[31m'
+readonly YELLOW='\033[33m'
+readonly CYAN='\033[36m'
+readonly MAGENTA='\033[35m'
+
+# Essential emojis
+readonly ROCKET="🚀"
+readonly CHECK="✓"
+readonly ERROR="❌"
+readonly WARNING="⚠️"
+readonly BOOKS="📚"
+readonly HAMMER="🏗️"
+readonly SPARKLES="✨"
+
+print_header() {
+    echo -e "\n${BOLD}${BLUE}${ROCKET} PHP-Flasher Documentation Builder ${ROCKET}${RESET}\n"
+    echo -e "${BOLD}Date      : ${RESET}${CYAN}$(date -u '+%Y-%m-%d %H:%M:%S') UTC${RESET}"
+    echo -e "${BOLD}User      : ${RESET}${MAGENTA}yoeunes${RESET}"
+    echo -e "${BOLD}Branch    : ${RESET}${GREEN}$(git rev-parse --abbrev-ref HEAD)${RESET}"
+    echo -e "${BOLD}Directory : ${RESET}${BLUE}$(pwd)${RESET}\n"
+}
+
+install_dependencies() {
+    echo -e "${BOLD}${BOOKS} Installing dependencies${RESET}"
+
+    if npm install --force; then
+        echo -e "${CHECK} ${GREEN}Dependencies installed successfully${RESET}\n"
+        return 0
+    else
+        echo -e "${WARNING} ${YELLOW}Dependency installation had issues${RESET}\n"
+        return 1
+    fi
+}
+
+build_documentation() {
+    echo -e "${BOLD}${HAMMER} Building documentation${RESET}"
+
+    if npm run build; then
+        echo -e "${CHECK} ${GREEN}Documentation built successfully${RESET}\n"
+        return 0
+    else
+        echo -e "${ERROR} ${RED}Documentation build failed${RESET}\n"
+        return 1
+    fi
+}
+
+main() {
+    local command=${1:-"build"}
+    local start_time=$(date +%s)
+    local success=true
+
+    # Change directory to docs/
+    if [[ ! -d "docs/" ]]; then
+        echo -e "${ERROR} ${RED}Documentation directory 'docs/' not found${RESET}\n"
+        exit 1
+    fi
+
+    cd docs/
+
+    print_header
+    echo -e "${BOLD}Command   : ${RESET}${CYAN}${command}${RESET}\n"
+
+    case $command in
+        "build")
+            install_dependencies || success=false
+            build_documentation || success=false
+            ;;
+        *)
+            echo -e "${ERROR} ${RED}Unknown command: ${command}${RESET}"
+            echo -e "Available commands: build"
+            exit 1
+            ;;
+    esac
+
+    local end_time=$(date +%s)
+    local duration=$((end_time - start_time))
+
+    # Summary
+    echo -e "${BOLD}${CYAN}Documentation ${command^} Summary${RESET}"
+    if [ "$success" = true ]; then
+        echo -e "${SPARKLES} ${GREEN}Documentation ${command} completed successfully${RESET}"
+    else
+        echo -e "${WARNING} ${YELLOW}Documentation ${command} completed with issues${RESET}"
+    fi
+    echo -e "Duration    : ${YELLOW}${duration}s${RESET}\n"
+
+    [ "$success" = true ] && exit 0 || exit 1
+}
+
+main "$@"

bin/lint

@@ -0,0 +1,174 @@
+#!/usr/bin/env bash
+
+set -o pipefail
+
+# PHP binary to use (defaults to PHP 8.2)
+PHP_BINARY="${PHP_BINARY:-/opt/homebrew/opt/php@8.2/bin/php}"
+
+# Colors and styles
+readonly RESET='\033[0m'
+readonly BOLD='\033[1m'
+readonly DIM='\033[2m'
+readonly UNDERLINE='\033[4m'
+readonly BLUE='\033[34m'
+readonly GREEN='\033[32m'
+readonly RED='\033[31m'
+readonly YELLOW='\033[33m'
+readonly CYAN='\033[36m'
+readonly MAGENTA='\033[35m'
+
+# Essential emojis
+readonly ROCKET="🚀"
+readonly CHECK="✓"
+readonly ERROR="❌"
+readonly WARNING="⚠️"
+readonly SEARCH="🔍"
+readonly PALETTE="🎨"
+readonly MICROSCOPE="🔬"
+readonly MEMO="📝"
+readonly MAGNIFIER="🔎"
+readonly TEST_TUBE="🧪"
+readonly SPARKLES="✨"
+
+print_header() {
+    echo -e "\n${BOLD}${BLUE}${ROCKET} PHP-Flasher Code Quality Check ${ROCKET}${RESET}\n"
+    echo -e "${BOLD}Date      : ${RESET}${CYAN}$(date -u '+%Y-%m-%d %H:%M:%S') UTC${RESET}"
+    echo -e "${BOLD}User      : ${RESET}${MAGENTA}yoeunes${RESET}"
+    echo -e "${BOLD}Branch    : ${RESET}${GREEN}$(git rev-parse --abbrev-ref HEAD)${RESET}"
+    echo -e "${BOLD}Directory : ${RESET}${BLUE}$(pwd)${RESET}\n"
+}
+
+run_rector() {
+    echo -e "${BOLD}${SEARCH} Running Rector${RESET}"
+
+    if $PHP_BINARY vendor/bin/rector; then
+        echo -e "${CHECK} ${GREEN}Rector completed successfully${RESET}\n"
+        return 0
+    else
+        echo -e "${WARNING} ${YELLOW}Rector found issues${RESET}\n"
+        return 1
+    fi
+}
+
+run_php_cs_fixer() {
+    echo -e "${BOLD}${PALETTE} Running PHP-CS-Fixer${RESET}"
+
+    if $PHP_BINARY vendor/bin/php-cs-fixer fix -v; then
+        echo -e "${CHECK} ${GREEN}PHP-CS-Fixer completed successfully${RESET}\n"
+        return 0
+    else
+        echo -e "${WARNING} ${YELLOW}CS-Fixer found issues${RESET}\n"
+        return 1
+    fi
+}
+
+run_phpstan() {
+    echo -e "${BOLD}${MICROSCOPE} Running PHPStan${RESET}"
+
+    if $PHP_BINARY vendor/bin/phpstan analyse --memory-limit=-1; then
+        echo -e "${CHECK} ${GREEN}PHPStan analysis completed successfully${RESET}\n"
+        return 0
+    else
+        echo -e "${WARNING} ${YELLOW}PHPStan found issues${RESET}\n"
+        return 1
+    fi
+}
+
+validate_composer_files() {
+    echo -e "${BOLD}${MEMO} Validating Composer Files${RESET}"
+    local validation_success=true
+
+    if ! composer validate --strict; then
+        echo -e "${WARNING} ${YELLOW}Main composer.json validation failed${RESET}"
+        validation_success=false
+    fi
+
+    # Find and validate all composer.json files in src/
+    find src/ -name "composer.json" | while read file; do
+        echo -e "${DIM}Validating ${file}${RESET}"
+        if ! composer validate --strict "$file"; then
+            echo -e "${WARNING} ${YELLOW}Package validation failed for ${file}${RESET}"
+            validation_success=false
+        fi
+    done
+
+    if [ "$validation_success" = true ]; then
+        echo -e "${CHECK} ${GREEN}All composer.json files are valid${RESET}\n"
+        return 0
+    else
+        echo -e "${WARNING} ${YELLOW}Some composer.json files have issues${RESET}\n"
+        return 1
+    fi
+}
+
+run_phplint() {
+    echo -e "${BOLD}${MAGNIFIER} Running PHPLint${RESET}"
+
+    if $PHP_BINARY vendor/bin/phplint; then
+        echo -e "${CHECK} ${GREEN}PHPLint completed successfully${RESET}\n"
+        return 0
+    else
+        echo -e "${WARNING} ${YELLOW}PHPLint found issues${RESET}\n"
+        return 1
+    fi
+}
+
+run_phpunit() {
+    echo -e "${BOLD}${TEST_TUBE} Running PHPUnit Tests${RESET}"
+
+    if $PHP_BINARY vendor/bin/phpunit; then
+        echo -e "${CHECK} ${GREEN}All tests passed successfully${RESET}\n"
+        return 0
+    else
+        echo -e "${WARNING} ${YELLOW}Tests failed${RESET}\n"
+        return 1
+    fi
+}
+
+run_vitest() {
+    echo -e "${BOLD}${TEST_TUBE} Running Vitest Tests${RESET}"
+
+    if npm run test -- --run; then
+        echo -e "${CHECK} ${GREEN}Vitest tests passed successfully${RESET}\n"
+        return 0
+    else
+        echo -e "${WARNING} ${YELLOW}Vitest tests failed${RESET}\n"
+        return 1
+    fi
+}
+
+main() {
+    local start_time=$(date +%s)
+    local issues_found=false
+
+    print_header
+
+    # Run all quality tools
+    run_rector || issues_found=true
+    run_php_cs_fixer || issues_found=true
+    run_phpstan || issues_found=true
+    validate_composer_files || issues_found=true
+    run_phplint || issues_found=true
+    run_phpunit || issues_found=true
+    run_vitest || issues_found=true
+
+    local end_time=$(date +%s)
+    local duration=$((end_time - start_time))
+
+    # Summary
+    echo -e "${BOLD}${CYAN}Quality Check Summary${RESET}"
+    if [ "$issues_found" = true ]; then
+        echo -e "${WARNING} ${YELLOW}Quality check completed with issues${RESET}"
+    else
+        echo -e "${SPARKLES} ${GREEN}All quality checks passed successfully${RESET}"
+    fi
+    echo -e "Duration    : ${YELLOW}${duration}s${RESET}\n"
+
+    echo -e "${SPARKLES} ${BOLD}Quality Check Complete${RESET}"
+    echo -e "${CHECK} All checks finished\n"
+
+    # We don't exit with error code because the original task continues despite failures
+    exit 0
+}
+
+main

bin/npm

@@ -0,0 +1,225 @@
+#!/usr/bin/env bash
+
+# Set options
+set -o pipefail
+
+# Define colors and styles
+readonly RESET='\033[0m'
+readonly BOLD='\033[1m'
+readonly DIM='\033[2m'
+readonly GREEN='\033[32m'
+readonly BLUE='\033[34m'
+readonly CYAN='\033[36m'
+readonly YELLOW='\033[33m'
+readonly RED='\033[31m'
+
+# Define emoji
+readonly ROCKET="🚀"
+readonly NPM="📦"
+readonly CHECK="✓"
+readonly WARN="⚠️"
+readonly ERROR="❌"
+readonly LOADING="⏳"
+readonly SKIP="⏭️"
+
+# Configuration
+readonly NPM_PACKAGES=(
+    "src/Prime/Resources:@flasher/flasher"
+    "src/Noty/Prime/Resources:@flasher/flasher-noty"
+    "src/Notyf/Prime/Resources:@flasher/flasher-notyf"
+    "src/SweetAlert/Prime/Resources:@flasher/flasher-sweetalert"
+    "src/Toastr/Prime/Resources:@flasher/flasher-toastr"
+)
+
+# Print functions
+print_header() {
+    echo -e "\n${BOLD}${BLUE}╭──────────────────────────────────────────╮${RESET}"
+    echo -e "${BOLD}${BLUE}│     ${ROCKET} PHP-Flasher NPM Release ${ROCKET}        │${RESET}"
+    echo -e "${BOLD}${BLUE}╰──────────────────────────────────────────╯${RESET}\n"
+    echo -e "    ${DIM}Date     : $(date -u '+%Y-%m-%d %H:%M:%S') UTC${RESET}"
+    echo -e "    ${DIM}User     : $(whoami)${RESET}"
+    echo -e "    ${DIM}Directory: $(pwd)${RESET}"
+}
+
+print_section() {
+    echo -e "\n${BOLD}${CYAN}┌─ $1 ${2:-}${RESET}"
+}
+
+success_msg() {
+    echo -e "    ${GREEN}${CHECK} $*${RESET}"
+}
+
+info_msg() {
+    echo -e "    ${BLUE}${LOADING} $*${RESET}"
+}
+
+warning_msg() {
+    echo -e "    ${YELLOW}${WARN} $*${RESET}"
+}
+
+error_msg() {
+    echo -e "    ${RED}${ERROR} $*${RESET}"
+}
+
+skip_msg() {
+    echo -e "    ${YELLOW}${SKIP} $*${RESET}"
+}
+
+print_summary() {
+    local version=$1
+    local duration=$2
+    local success_count=$3
+    local skipped_count=$4
+    local failed_count=$5
+    local failed_packages=("${@:6}")
+
+    print_section "Release Summary"
+    echo -e "\n    ${DIM}Version   : ${BOLD}v${version}${RESET}"
+    echo -e "    ${DIM}Duration  : ${BOLD}${duration}s${RESET}"
+
+    if [ "$success_count" -gt 0 ]; then
+        echo -e "\n    ${DIM}Published : ${GREEN}${success_count}${RESET} packages"
+    fi
+
+    if [ "$skipped_count" -gt 0 ]; then
+        echo -e "\n    ${DIM}Skipped   : ${YELLOW}${skipped_count}${RESET} packages"
+    fi
+
+    if [ "$failed_count" -gt 0 ]; then
+        echo -e "\n    ${DIM}Failed    : ${RED}${failed_count}${RESET} packages"
+        echo -e "\n    ${DIM}Failed packages:${RESET}"
+        for package in "${failed_packages[@]}"; do
+            echo -e "        ${RED}• ${package}${RESET}"
+        done
+    fi
+
+    echo -e ""
+    if [ "$success_count" -eq 0 ] && [ "$skipped_count" -gt 0 ]; then
+        success_msg "All packages were already up to date! ${ROCKET}"
+    elif [ "$success_count" -gt 0 ]; then
+        success_msg "NPM release completed successfully! ${ROCKET}"
+    elif [ "$failed_count" -gt 0 ]; then
+        error_msg "NPM release completed with failures! ${ERROR}"
+    fi
+}
+
+# Check if version exists
+check_version_exists() {
+    local package=$1
+    local version=$2
+    npm view "${package}@${version}" version >/dev/null 2>&1
+}
+
+# Validate NPM is installed and logged in
+validate_npm() {
+    print_section "NPM Authentication Check"
+
+    if ! command -v npm >/dev/null 2>&1; then
+        error_msg "npm is not installed"
+        return 1
+    fi
+
+    if ! npm whoami >/dev/null 2>&1; then
+        error_msg "You are not logged in to npm. Please run 'npm login' first."
+        return 1
+    fi
+
+    success_msg "Authenticated as $(npm whoami)"
+    return 0
+}
+
+# Process a single package
+process_package() {
+    local path_and_name=$1
+    local version=$2
+    local path="${path_and_name%:*}"
+    local package="${path_and_name#*:}"
+
+    print_section "Processing ${package}"
+
+    if [ ! -d "$path" ]; then
+        warning_msg "Directory $path does not exist, skipping..."
+        return 2
+    fi
+
+    info_msg "Checking version ${version}..."
+    if check_version_exists "$package" "$version"; then
+        skip_msg "Version ${version} already exists for ${package}, skipping..."
+        return 2
+    fi
+
+    info_msg "Installing dependencies..."
+    (cd "$path" && npm install --silent) || {
+        error_msg "Failed to install dependencies"
+        return 1
+    }
+
+    info_msg "Updating package version..."
+    (cd "$path" && npm version "$version" --no-git-tag-version --allow-same-version >/dev/null 2>&1) || true
+
+    info_msg "Publishing ${package}@${version}..."
+    if (cd "$path" && npm publish --access public); then
+        success_msg "Successfully published ${package}@${version}"
+        return 0
+    else
+        error_msg "Failed to publish ${package}"
+        return 1
+    fi
+}
+
+# Main execution
+main() {
+    if [ "$#" -ne 1 ]; then
+        echo -e "\n${YELLOW}Usage: $0 <version>${RESET}"
+        echo -e "Example: $0 2.1.5\n"
+        exit 1
+    fi
+
+    local VERSION=$1
+    VERSION="${VERSION#v}"
+
+    print_header
+
+    # Validate npm authentication
+    validate_npm || exit 1
+
+    # Track statistics
+    local start_time=$(date +%s)
+    local success_count=0
+    local failed_count=0
+    local skipped_count=0
+    local failed_packages=()
+
+    # Process each package
+    for package_info in "${NPM_PACKAGES[@]}"; do
+        local package_name="${package_info#*:}"
+
+        process_package "$package_info" "$VERSION"
+        local status=$?
+
+        case $status in
+            0)
+                ((success_count++))
+                ;;
+            1)
+                ((failed_count++))
+                failed_packages+=("$package_name")
+                ;;
+            2)
+                ((skipped_count++))
+                ;;
+        esac
+    done
+
+    # Print summary
+    local end_time=$(date +%s)
+    local duration=$((end_time - start_time))
+
+    print_summary "$VERSION" "$duration" "$success_count" "$skipped_count" "$failed_count" "${failed_packages[@]}"
+
+    # Exit with failure if any package failed
+    [ "$failed_count" -gt 0 ] && exit 1 || exit 0
+}
+
+# Execute main function
+main "$@"

bin/release

@@ -1,80 +1,243 @@
 #!/usr/bin/env bash
 
-set -e
+set -o pipefail
 
-# Make sure the release tag is provided.
-if (( "$#" != 1 ))
-then
-    echo "Tag has to be provided."
+# Colors and styles
+readonly RESET='\033[0m'
+readonly BOLD='\033[1m'
+readonly DIM='\033[2m'
+readonly UNDERLINE='\033[4m'
+readonly BLUE='\033[34m'
+readonly GREEN='\033[32m'
+readonly RED='\033[31m'
+readonly YELLOW='\033[33m'
+readonly CYAN='\033[36m'
+readonly MAGENTA='\033[35m'
 
-    exit 1
-fi
+# Essential emojis
+readonly ROCKET="🚀"
+readonly CHECK="✓"
+readonly ERROR="❌"
+readonly SKIP="⏭️"
 
-RELEASE_BRANCH="2.x"
-CURRENT_BRANCH=$(git rev-parse --abbrev-ref HEAD)
-VERSION=$1
+# Configuration
+readonly RELEASE_BRANCH="2.x"
+readonly REPOSITORIES=(
+    "flasher"
+    "flasher-laravel"
+    "flasher-symfony"
+    "flasher-noty"
+    "flasher-noty-laravel"
+    "flasher-noty-symfony"
+    "flasher-notyf"
+    "flasher-notyf-laravel"
+    "flasher-notyf-symfony"
+    "flasher-sweetalert"
+    "flasher-sweetalert-laravel"
+    "flasher-sweetalert-symfony"
+    "flasher-toastr"
+    "flasher-toastr-laravel"
+    "flasher-toastr-symfony"
+)
 
-# Make sure current branch and release branch match.
-if [[ "$RELEASE_BRANCH" != "$CURRENT_BRANCH" ]]
-then
-    echo "Release branch ($RELEASE_BRANCH) does not match the current active branch ($CURRENT_BRANCH)."
+print_header() {
+    echo -e "\n${BOLD}${BLUE}${ROCKET} PHP-Flasher Release ${ROCKET}${RESET}\n"
+    echo -e "${BOLD}Date      : ${RESET}${CYAN}$(date -u '+%Y-%m-%d %H:%M:%S') UTC${RESET}"
+    echo -e "${BOLD}User      : ${RESET}${MAGENTA}$(whoami)${RESET}"
+    echo -e "${BOLD}Branch    : ${RESET}${GREEN}$RELEASE_BRANCH${RESET}"
+    echo -e "${BOLD}Directory : ${RESET}${BLUE}$(pwd)${RESET}\n"
+}
 
-    exit 1
-fi
+draw_progress_bar() {
+    local percent=$1
+    local width=50
+    local filled=$(((width * percent + 99) / 100)) # Rounded up division
+    local empty=$((width - filled))
 
-# Make sure the working directory is clear.
-if [[ ! -z "$(git status --porcelain)" ]]
-then
-    echo "Your working directory is dirty. Did you forget to commit your changes?"
+    echo -n "["
+    printf "${GREEN}█%.0s${RESET}" $(seq 1 $filled)
+    printf "${DIM}─%.0s${RESET}" $(seq 1 $empty)
+    echo -n "] ${percent}%"
+}
 
-    exit 1
-fi
+check_tag_exists() {
+    local repo=$1
+    local tag=$2
+    local remote_url="git@github.com:php-flasher/$repo.git"
 
-# Make sure latest changes are fetched first.
-git fetch origin
+    if git ls-remote --tags "$remote_url" | grep -q "refs/tags/$tag$"; then
+        return 0
+    else
+        return 1
+    fi
+}
 
-# Make sure that release branch is in sync with origin.
-if [[ $(git rev-parse HEAD) != $(git rev-parse origin/$RELEASE_BRANCH) ]]
-then
-    echo "Your branch is out of date with its upstream. Did you forget to pull or push any changes before releasing?"
+release_repository() {
+    local repo=$1
+    local version=$2
+    local tmp_dir="/tmp/php-flasher"
+    local remote_url="git@github.com:php-flasher/$repo.git"
 
-    exit 1
-fi
+    echo -e "\nGitHub : ${UNDERLINE}${BLUE}https://github.com/php-flasher/${repo}${RESET}"
+    echo -e "Tag    : ${YELLOW}$version${RESET}"
 
-# Always prepend with "v"
-if [[ $VERSION != v*  ]]
-then
-    VERSION="v$VERSION"
-fi
+    if check_tag_exists "$repo" "$version"; then
+        echo -e "${SKIP} ${YELLOW}Tag $version already exists, skipping...${RESET}"
+        return 0
+    fi
 
-# Tag PHPFlasher
-git tag "$VERSION"
-git push origin --tags --force
+    # Clean and create temporary directory
+    rm -rf "$tmp_dir"
+    mkdir -p "$tmp_dir"
 
-# Tag Repositories
-for REMOTE in flasher flasher-laravel flasher-symfony \
-              flasher-noty flasher-noty-laravel flasher-noty-symfony \
-              flasher-notyf flasher-notyf-laravel flasher-notyf-symfony \
-              flasher-sweetalert flasher-sweetalert-laravel flasher-sweetalert-symfony \
-              flasher-toastr flasher-toastr-laravel flasher-toastr-symfony
-do
-    echo ""
-    echo ""
-    echo "Releasing $REMOTE";
-
-    TMP_DIR="/tmp/php-flasher"
-    REMOTE_URL="git@github.com:php-flasher/$REMOTE.git"
-
-    rm -rf $TMP_DIR;
-    mkdir $TMP_DIR;
+    echo -e "${CYAN}Cloning repository...${RESET}"
+    if ! git clone "$remote_url" "$tmp_dir" >/dev/null 2>&1; then
+        echo -e "${ERROR} ${RED}Failed to clone repository${RESET}"
+        return 1
+    fi
 
     (
-        cd $TMP_DIR;
+        cd "$tmp_dir"
+        echo -e "${CYAN}Creating tag $version...${RESET}"
+        git checkout "$RELEASE_BRANCH" >/dev/null 2>&1
+        git tag "$version"
 
-        git clone $REMOTE_URL .
-        git checkout "$RELEASE_BRANCH";
-
-        git tag "$VERSION"
-        git push origin --tags --force
+        if ! git push origin --tags --force >/dev/null 2>&1; then
+            echo -e "${ERROR} ${RED}Failed to push tag${RESET}"
+            return 1
+        fi
     )
-done
+
+    echo -e "${CHECK} ${GREEN}Successfully tagged${RESET}"
+    return 0
+}
+
+validate_version() {
+    local version=$1
+    if [[ ! $version =~ ^v?[0-9]+\.[0-9]+\.[0-9]+$ ]]; then
+        echo -e "\n${ERROR} ${RED}Invalid version format: $version${RESET}"
+        echo -e "Version must be in format X.Y.Z or vX.Y.Z (e.g., 2.1.6 or v2.1.6)\n"
+        exit 1
+    fi
+}
+
+validate_environment() {
+    echo -e "${CYAN}Validating environment...${RESET}"
+    local has_error=0
+
+    # Check branch
+    local current_branch=$(git rev-parse --abbrev-ref HEAD)
+    echo -ne "${CYAN}Checking branch...${RESET} "
+    if [[ "$RELEASE_BRANCH" != "$current_branch" ]]; then
+        echo -e "${ERROR} ${RED}Wrong branch: $current_branch (expected: $RELEASE_BRANCH)${RESET}"
+        has_error=1
+    else
+        echo -e "${CHECK} ${GREEN}On correct branch: $current_branch${RESET}"
+    fi
+
+    # Check working directory
+    echo -ne "${CYAN}Checking working directory...${RESET} "
+    if [[ ! -z "$(git status --porcelain)" ]]; then
+        echo -e "${ERROR} ${RED}Working directory is not clean${RESET}"
+        echo -e "${DIM}Hint: Commit or stash your changes first${RESET}"
+        has_error=1
+    else
+        echo -e "${CHECK} ${GREEN}Working directory is clean${RESET}"
+    fi
+
+    # Check sync with remote
+    echo -ne "${CYAN}Checking remote synchronization...${RESET} "
+    git fetch origin > /dev/null 2>&1
+    local local_sha=$(git rev-parse HEAD)
+    local remote_sha=$(git rev-parse origin/$RELEASE_BRANCH)
+
+    if [[ $local_sha != $remote_sha ]]; then
+        echo -e "${ERROR} ${RED}Branch is not in sync with origin/$RELEASE_BRANCH${RESET}"
+        echo -e "\n${YELLOW}Local  SHA: ${local_sha}${RESET}"
+        echo -e "${YELLOW}Remote SHA: ${remote_sha}${RESET}"
+        echo -e "\n${DIM}To fix this, try:${RESET}"
+
+        # Check if we have unpushed commits
+        if git rev-list origin/$RELEASE_BRANCH..$RELEASE_BRANCH --count > /dev/null 2>&1; then
+            local ahead=$(git rev-list origin/$RELEASE_BRANCH..$RELEASE_BRANCH --count)
+            local behind=$(git rev-list $RELEASE_BRANCH..origin/$RELEASE_BRANCH --count)
+
+            if [[ $ahead -gt 0 && $behind -gt 0 ]]; then
+                echo -e "${YELLOW}Your branch is $ahead commits ahead and $behind commits behind origin/$RELEASE_BRANCH${RESET}"
+                echo -e "1. ${CYAN}git pull origin $RELEASE_BRANCH${RESET} (to get remote changes)"
+                echo -e "2. ${CYAN}git push origin $RELEASE_BRANCH${RESET} (to push your changes)"
+            elif [[ $ahead -gt 0 ]]; then
+                echo -e "${YELLOW}Your branch is $ahead commits ahead of origin/$RELEASE_BRANCH${RESET}"
+                echo -e "Run: ${CYAN}git push origin $RELEASE_BRANCH${RESET}"
+            elif [[ $behind -gt 0 ]]; then
+                echo -e "${YELLOW}Your branch is $behind commits behind origin/$RELEASE_BRANCH${RESET}"
+                echo -e "Run: ${CYAN}git pull origin $RELEASE_BRANCH${RESET}"
+            fi
+        fi
+        has_error=1
+    else
+        echo -e "${CHECK} ${GREEN}Branch is in sync with remote${RESET}"
+    fi
+
+    if [[ $has_error -eq 1 ]]; then
+        echo -e "\n${ERROR} ${RED}Environment validation failed${RESET}"
+        exit 1
+    fi
+
+    echo -e "\n${CHECK} ${GREEN}Environment validated successfully${RESET}\n"
+}
+
+main() {
+    if [ "$#" -ne 1 ]; then
+        echo -e "${ERROR} ${RED}Version tag required${RESET}"
+        echo -e "Usage: $0 <version>"
+        echo -e "Example: $0 2.1.6\n"
+        exit 1
+    fi
+
+    local version=$1
+    [[ $version != v* ]] && version="v$version"
+
+    print_header
+    validate_version "$version"
+    validate_environment
+
+    local success_count=0
+    local skipped_count=0
+    local failed_count=0
+    local total_count=${#REPOSITORIES[@]}
+    local start_time=$(date +%s)
+
+    for repo in "${REPOSITORIES[@]}"; do
+        local current_count=$((success_count + skipped_count + failed_count + 1))
+        local percent=$((current_count * 100 / total_count))
+
+        echo -e "\nProgress: ${BOLD}$current_count/$total_count${RESET}"
+        # draw_progress_bar $percent
+
+        if release_repository "$repo" "$version"; then
+            if check_tag_exists "$repo" "$version"; then
+                ((skipped_count++))
+            else
+                ((success_count++))
+            fi
+        else
+            ((failed_count++))
+        fi
+    done
+
+    local end_time=$(date +%s)
+    local duration=$((end_time - start_time))
+
+    # Summary
+    echo -e "\n${BOLD}${CYAN}Release Summary${RESET}"
+    echo -e "Successful : ${GREEN}$success_count${RESET}"
+    echo -e "Skipped    : ${YELLOW}$skipped_count${RESET}"
+    [ $failed_count -gt 0 ] && echo -e "Failed     : ${RED}$failed_count${RESET}"
+    echo -e "Duration   : ${YELLOW}${duration}s${RESET}"
+    echo -e "Total repos: ${CYAN}$total_count${RESET}\n"
+
+    [ $failed_count -gt 0 ] && exit 1 || exit 0
+}
+
+main "$@"

bin/split

@@ -1,108 +1,154 @@
 #!/usr/bin/env bash
 
-# Set the "errexit" options
-set -o errexit
+set -o pipefail
 
-# Define colors and emoji for better visual feedback
-INDIGO='\033[0;94m'
-GREEN='\033[0;32m'
-NC='\033[0m' # No Color
-CHECK_MARK="✅"
-CROSS_MARK="❌"
+# Colors and styles
+readonly RESET='\033[0m'
+readonly BOLD='\033[1m'
+readonly DIM='\033[2m'
+readonly UNDERLINE='\033[4m'
+readonly BLUE='\033[34m'
+readonly GREEN='\033[32m'
+readonly RED='\033[31m'
+readonly YELLOW='\033[33m'
+readonly CYAN='\033[36m'
+readonly MAGENTA='\033[35m'
 
-# Initialize global flags
-DEBUG=0
-DRY_RUN=0
+# Essential emojis
+readonly ROCKET="🚀"
+readonly CHECK="✓"
+readonly ERROR="❌"
 
-# Process command-line arguments
-for arg in "$@"; do
-    case $arg in
-        --debug)
-        DEBUG=1
-        shift
-        ;;
-        --dry-run)
-        DRY_RUN=1
-        shift
-        ;;
-        *)
-        # Unknown option
-        ;;
-    esac
-done
+# Repository mappings
+declare -A REPOSITORIES=(
+    # Core packages
+    ["src/Prime"]="flasher"
+    ["src/Laravel"]="flasher-laravel"
+    ["src/Symfony"]="flasher-symfony"
 
-# Debug message function
-debug_msg() {
-    if [ "$DEBUG" -eq 1 ]; then
-        echo -e "${INDIGO}Debug: $*${NC}"
-    fi
-}
+    # Toastr packages
+    ["src/Toastr/Prime"]="flasher-toastr"
+    ["src/Toastr/Laravel"]="flasher-toastr-laravel"
+    ["src/Toastr/Symfony"]="flasher-toastr-symfony"
 
-# Define remotes
-REMOTES=(
-    'src/Prime:flasher'
-    'src/Laravel:flasher-laravel'
-    'src/Symfony:flasher-symfony'
+    # Notyf packages
+    ["src/Notyf/Prime"]="flasher-notyf"
+    ["src/Notyf/Laravel"]="flasher-notyf-laravel"
+    ["src/Notyf/Symfony"]="flasher-notyf-symfony"
 
-    'src/Toastr/Prime:flasher-toastr'
-    'src/Toastr/Laravel:flasher-toastr-laravel'
-    'src/Toastr/Symfony:flasher-toastr-symfony'
+    # SweetAlert packages
+    ["src/SweetAlert/Prime"]="flasher-sweetalert"
+    ["src/SweetAlert/Laravel"]="flasher-sweetalert-laravel"
+    ["src/SweetAlert/Symfony"]="flasher-sweetalert-symfony"
 
-    'src/Notyf/Prime:flasher-notyf'
-    'src/Notyf/Laravel:flasher-notyf-laravel'
-    'src/Notyf/Symfony:flasher-notyf-symfony'
-
-    'src/SweetAlert/Prime:flasher-sweetalert'
-    'src/SweetAlert/Laravel:flasher-sweetalert-laravel'
-    'src/SweetAlert/Symfony:flasher-sweetalert-symfony'
-
-    'src/Noty/Prime:flasher-noty'
-    'src/Noty/Laravel:flasher-noty-laravel'
-    'src/Noty/Symfony:flasher-noty-symfony'
+    # Noty packages
+    ["src/Noty/Prime"]="flasher-noty"
+    ["src/Noty/Laravel"]="flasher-noty-laravel"
+    ["src/Noty/Symfony"]="flasher-noty-symfony"
 )
 
-# Function to get the current git branch name
-function current_branch() {
-    git rev-parse --abbrev-ref HEAD
+print_header() {
+    echo -e "\n${BOLD}${BLUE}${ROCKET} PHP-Flasher Split ${ROCKET}${RESET}\n"
+    echo -e "${BOLD}Date      : ${RESET}${CYAN}$(date -u '+%Y-%m-%d %H:%M:%S') UTC${RESET}"
+    echo -e "${BOLD}User      : ${RESET}${MAGENTA}$(whoami)${RESET}"
+    echo -e "${BOLD}Branch    : ${RESET}${GREEN}$(git rev-parse --abbrev-ref HEAD)${RESET}"
+    echo -e "${BOLD}Directory : ${RESET}${BLUE}$(pwd)${RESET}\n"
 }
 
-# Define a function to split and push code to a remote repository
-function split() {
-    local prefix_and_remote="$1"
-    local prefix="${prefix_and_remote%:*}"
-    local remote="${prefix_and_remote#*:}"
-    local current_branch=$(current_branch)
+process_split() {
+    local prefix=$1
+    local remote=${REPOSITORIES[$prefix]}
+    local branch=$(git rev-parse --abbrev-ref HEAD)
+    local repo_url="https://github.com/php-flasher/${remote}"
+    local packagist_url="https://packagist.org/packages/php-flasher/${remote}"
 
-    # Add remote if it does not exist (ignoring errors silently)
-    if git remote add "$remote" "git@github.com:php-flasher/$remote.git" 2>/dev/null; then
-        echo -e "${GREEN}Added remote ${INDIGO}$remote${NC} ${CHECK_MARK}"
-    else
-        debug_msg "Remote $remote already exists or could not be added."
+    echo -e "\nGitHub  : ${UNDERLINE}${BLUE}${repo_url}${RESET}"
+    echo -e "Package : ${UNDERLINE}${BLUE}${packagist_url}${RESET}"
+    echo -e "Prefix  : ${YELLOW}$prefix${RESET}"
+    echo -e "Branch  : ${GREEN}$branch${RESET}\n"
+
+    # Split the repository
+    echo -e "${CYAN}Splitting code...${RESET}"
+    local sha1
+    if ! sha1=$(./bin/splitsh-lite --prefix="$prefix" 2>/dev/null); then
+        echo -e "${ERROR} ${RED}Split failed${RESET}"
+        return 1
     fi
 
-    # Split the code using the splitsh-lite utility
-    SHA1=$(./bin/splitsh-lite --prefix="$prefix")
-    debug_msg "SHA1 for $prefix is $SHA1."
+    echo -e "${CHECK} Split complete (SHA: ${YELLOW}${sha1:0:8}${RESET})"
+    echo -e "${CYAN}Pushing to remote...${RESET}"
 
-    # Push the code to the remote repository on the same branch as the current branch
-    if [ "$DRY_RUN" -eq 0 ]; then
-        git push "$remote" "$SHA1:refs/heads/$current_branch" -f
-    else
-        echo -e "${INDIGO}Dry run: Would push $SHA1 to $remote on branch $current_branch${NC}"
+    if ! git push "$remote" "$sha1:refs/heads/$branch" -f > /dev/null 2>&1; then
+        echo -e "${ERROR} ${RED}Failed to push to $remote${RESET}"
+        return 1
     fi
+
+    echo -e "${CHECK} ${GREEN}Pushed to $remote (branch: $branch)${RESET}"
+    return 0
 }
 
-# Pull the latest code from the origin repository
-if [ "$DRY_RUN" -eq 0 ]; then
-    echo -e "${INDIGO}Pulling the latest code from the origin repository on branch ${current_branch}...${NC}"
-    git fetch origin "$current_branch"
-else
-    echo -e "${INDIGO}Dry run: Would fetch latest code for branch $current_branch from the origin repository.${NC}"
-fi
+update_repository() {
+    echo -e "\n${CYAN}Fetching latest changes...${RESET}"
+    if ! git fetch origin "$(git rev-parse --abbrev-ref HEAD)" > /dev/null 2>&1; then
+        echo -e "${ERROR} ${RED}Failed to fetch latest changes, continuing...${RESET}"
+    else
+        echo -e "${CHECK} ${GREEN}Repository updated successfully${RESET}"
+    fi
+    echo
+}
 
-# Iterate over the remotes and split and push the code
-for remote in "${REMOTES[@]}"; do
-    split "$remote"
-done
+draw_progress_bar() {
+    local percent=$1
+    local width=50
+    local filled=$(( (width * percent + 99) / 100 ))  # Rounded up division
+    local empty=$(( width - filled ))
 
-echo -e "${GREEN}All done!${NC} ${CHECK_MARK}"
+    echo -n "["
+    printf "${GREEN}█%.0s${RESET}" $(seq 1 $filled)
+    printf "${DIM}─%.0s${RESET}" $(seq 1 $empty)
+    echo -n "] ${percent}%"
+}
+
+main() {
+    print_header
+    update_repository
+
+    local success_count=0
+    local failed_count=0
+    local total_count=${#REPOSITORIES[@]}
+    local start_time=$(date +%s)
+
+    for prefix in "${!REPOSITORIES[@]}"; do
+        local current_count=$((success_count + failed_count + 1))
+        local percent=$((current_count * 100 / total_count))
+
+        echo -e "\nProgress: ${BOLD}$current_count/$total_count${RESET}"
+        # draw_progress_bar $percent
+
+        if process_split "$prefix"; then
+            ((success_count++))
+        else
+            ((failed_count++))
+        fi
+    done
+
+    local end_time=$(date +%s)
+    local duration=$((end_time - start_time))
+
+    # Summary
+    echo -e "\n${BOLD}${CYAN}Split Summary${RESET}"
+    echo -e "Successful  : ${GREEN}$success_count${RESET}"
+    [ $failed_count -gt 0 ] && echo -e "Failed      : ${RED}$failed_count${RESET}"
+    echo -e "Duration    : ${YELLOW}${duration}s${RESET}"
+    echo -e "Total repos : ${CYAN}$total_count${RESET}"
+
+    # Links
+    echo -e "\n${BOLD}${CYAN}Quick Links${RESET}"
+    echo -e "Packagist : ${UNDERLINE}${BLUE}https://packagist.org/packages/php-flasher/${RESET}"
+    echo -e "NPM       : ${UNDERLINE}${BLUE}https://www.npmjs.com/org/flasher${RESET}"
+    echo -e "GitHub    : ${UNDERLINE}${BLUE}https://github.com/php-flasher${RESET}\n"
+
+    [ $failed_count -gt 0 ] && exit 1 || exit 0
+}
+
+main

bin/status

@@ -0,0 +1,331 @@
+#!/usr/bin/env bash
+
+# Set options
+set -e
+set -o pipefail
+
+# Define colors and styles
+readonly RESET='\033[0m'
+readonly BOLD='\033[1m'
+readonly DIM='\033[2m'
+readonly ITALIC='\033[3m'
+readonly UNDERLINE='\033[4m'
+readonly RED='\033[31m'
+readonly GREEN='\033[32m'
+readonly YELLOW='\033[33m'
+readonly BLUE='\033[34m'
+readonly MAGENTA='\033[35m'
+readonly CYAN='\033[36m'
+readonly WHITE='\033[37m'
+
+# Define emoji
+readonly ROCKET="🚀"
+readonly PACKAGE="📦"
+readonly CALENDAR="📅"
+readonly CLOCK="🕒"
+readonly INFO="ℹ️"
+readonly WARNING="⚠️"
+readonly CHECK="✓"
+readonly BRANCH="🌿"
+readonly TAG="🏷️"
+readonly GITHUB="⭐"
+readonly STAR="⭐"
+readonly NPM="📦"
+readonly PACKAGIST="🎯"
+
+# Configuration
+readonly ORGANIZATION="php-flasher"
+readonly MAIN_BRANCH="2.x"
+readonly REPOSITORIES=(
+    "flasher"
+    "flasher-laravel"
+    "flasher-symfony"
+    "flasher-noty"
+    "flasher-noty-laravel"
+    "flasher-noty-symfony"
+    "flasher-notyf"
+    "flasher-notyf-laravel"
+    "flasher-notyf-symfony"
+    "flasher-sweetalert"
+    "flasher-sweetalert-laravel"
+    "flasher-sweetalert-symfony"
+    "flasher-toastr"
+    "flasher-toastr-laravel"
+    "flasher-toastr-symfony"
+)
+
+# Print functions
+print_header() {
+    echo -e "\n${BOLD}${BLUE}╭──────────────────────────────────────────╮${RESET}"
+    echo -e "${BOLD}${BLUE}│     ${ROCKET} PHP-Flasher Status ${ROCKET}             │${RESET}"
+    echo -e "${BOLD}${BLUE}╰──────────────────────────────────────────╯${RESET}\n"
+    echo -e "    ${DIM}Date     : $(date -u '+%Y-%m-%d %H:%M:%S') UTC${RESET}"
+    echo -e "    ${DIM}User     : $(whoami)${RESET}"
+    echo -e "    ${DIM}Directory: $(pwd)${RESET}"
+}
+
+print_section() {
+    echo -e "\n${BOLD}${CYAN} $1 ${2:-}${RESET}"
+}
+
+warning_msg() {
+    echo -e "    ${YELLOW}${WARNING} $*${RESET}"
+}
+
+success_msg() {
+    echo -e "    ${GREEN}${CHECK} $*${RESET}"
+}
+
+error_msg() {
+    echo -e "    ${RED}${ERROR} $*${RESET}"
+}
+
+info_msg() {
+    echo -e "${BLUE}${INFO} $*${RESET}"
+}
+
+# Get the latest tag for a repository
+get_latest_tag() {
+    local repo=$1
+    git ls-remote --tags --refs "git@github.com:${ORGANIZATION}/${repo}.git" |
+    sort -t '/' -k 3 -V |
+    tail -n1 |
+    awk -F/ '{print $3}'
+}
+
+# Get commit count since last tag
+get_commit_count_since_tag() {
+    local repo=$1
+    local tag=$2
+    git rev-list "${tag}..HEAD" --count 2>/dev/null || echo "0"
+}
+
+# Get repository statistics
+get_repo_stats() {
+    local repo=$1
+    local tmp_dir="/tmp/php-flasher-status/${repo}"
+
+    mkdir -p "$tmp_dir"
+    if [ ! -d "$tmp_dir/.git" ]; then
+        git clone -q "git@github.com:${ORGANIZATION}/${repo}.git" "$tmp_dir" 2>/dev/null
+    fi
+
+    (
+        cd "$tmp_dir"
+        git fetch -q origin 2>/dev/null
+        echo "$(git rev-parse --short HEAD)|$(git rev-parse --abbrev-ref HEAD)|$(git log -1 --format='%cr')|$(git log -1 --format='%s')"
+    )
+}
+
+# Check composer.json version
+check_composer_version() {
+    local file="composer.json"
+    if [ -f "$file" ]; then
+        grep -o '"version": *"[^"]*"' "$file" 2>/dev/null | cut -d'"' -f4 || echo "N/A"
+    else
+        echo "N/A"
+    fi
+}
+
+# Add curl with proper user agent for API calls
+curl_cmd() {
+    # You can set your GitHub token as an environment variable
+    local gh_token=${GITHUB_TOKEN:-""}
+    local auth_header=""
+    if [ ! -z "$gh_token" ]; then
+        auth_header="-H \"Authorization: token $gh_token\""
+    fi
+
+    curl -s -H "User-Agent: PHP-Flasher-Status-Check" $auth_header "$@"
+}
+
+# Get GitHub stars for a repository
+get_github_stars() {
+    local repo=$1
+    local response=$(curl_cmd "https://api.github.com/repos/${ORGANIZATION}/${repo}")
+    local stars=$(echo "$response" | grep -o '"stargazers_count":[0-9]*' | cut -d':' -f2)
+    echo "${stars:-0}"
+}
+
+# Get Packagist version
+get_packagist_version() {
+    local package=$1
+    local response=$(curl -s -f "https://repo.packagist.org/p2/php-flasher/${package}.json")
+    if [ $? -eq 0 ] && [ ! -z "$response" ]; then
+        local version=$(echo "$response" | grep -o '"latest":"[^"]*"' | cut -d'"' -f4)
+        if [ ! -z "$version" ]; then
+            echo "$version"
+        else
+            echo "N/A"
+        fi
+    else
+        echo "N/A"
+    fi
+}
+
+# Get NPM version
+get_npm_version() {
+    local package=$1
+    # Convert package name format
+    if [[ "$package" == "flasher" ]]; then
+        package="flasher"
+    elif [[ "$package" == *"-prime" ]]; then
+        # Remove -prime suffix for npm package name
+        package=${package%-prime}
+    elif [[ "$package" == *"-laravel" || "$package" == *"-symfony" ]]; then
+        # These packages don't have npm versions
+        echo "N/A"
+        return
+    fi
+
+    local response=$(curl_cmd "https://registry.npmjs.org/@flasher/${package}/latest")
+    local version=$(echo "$response" | grep -o '"version":"[^"]*"' | cut -d'"' -f4)
+    echo "${version:-N/A}"
+}
+
+# Display repository information
+display_repo_info() {
+    local repo=$1
+    local latest_tag=$(get_latest_tag "$repo")
+    local stats=($(get_repo_stats "$repo" | tr '|' ' '))
+    local github_stars=$(get_github_stars "$repo")
+    local npm_version="N/A"
+    local packagist_version="N/A"
+
+    # Get NPM version for specific packages
+    if [[ "$repo" == "flasher" || \
+          "$repo" == "flasher-noty" || \
+          "$repo" == "flasher-notyf" || \
+          "$repo" == "flasher-sweetalert" || \
+          "$repo" == "flasher-toastr" ]]; then
+        npm_version=$(get_npm_version "$repo")
+    fi
+
+    # Get Packagist version
+    packagist_version=$(get_packagist_version "$repo")
+
+    # Display repository information
+    echo -e "\n${BOLD}${MAGENTA} ${PACKAGE} ${repo}${RESET}"
+    echo -e "    ${BRANCH} Branch      : ${stats[1]:-unknown}"
+    echo -e "    ${TAG} Latest Tag  : ${latest_tag:-none}"
+    echo -e "    ${STAR} Stars       : ${github_stars}"
+    echo -e "    ${PACKAGIST} Packagist   : v${packagist_version}"
+
+    if [ "$npm_version" != "N/A" ]; then
+        echo -e "    ${NPM} NPM         : v${npm_version}"
+    fi
+
+    echo -e "    ${GITHUB} Last Commit : ${stats[0]:-unknown} (${stats[2]:-unknown})"
+    echo -e "    ${INFO} Message     : ${stats[3]:-unknown}"
+
+    local commits_since_tag=$(get_commit_count_since_tag "$repo" "$latest_tag")
+    if [ "$commits_since_tag" -gt 0 ]; then
+        warning_msg "$commits_since_tag commit(s) since last tag"
+    fi
+}
+
+# Check git status
+check_git_status() {
+    print_section "Git Status" "${GITHUB}"
+
+    local current_branch=$(git rev-parse --abbrev-ref HEAD)
+    echo -e "    ${BRANCH} Current Branch : ${current_branch}"
+
+    if [ "$current_branch" != "$MAIN_BRANCH" ]; then
+        warning_msg "    Not on main branch ($MAIN_BRANCH)"
+    fi
+
+    if [[ ! -z "$(git status --porcelain)" ]]; then
+        warning_msg "    Working directory is not clean"
+        git status --short | sed 's/^/        /'
+    else
+        success_msg "    Working directory is clean"
+    fi
+
+    local behind=$(git rev-list HEAD..origin/$current_branch --count 2>/dev/null || echo "0")
+    local ahead=$(git rev-list origin/$current_branch..HEAD --count 2>/dev/null || echo "0")
+
+    if [ "$behind" -gt 0 ]; then
+        warning_msg "    Branch is behind by $behind commit(s)"
+    fi
+    if [ "$ahead" -gt 0 ]; then
+        warning_msg "    Branch is ahead by $ahead commit(s)"
+    fi
+    if [ "$behind" -eq 0 ] && [ "$ahead" -eq 0 ]; then
+        success_msg "    Branch is up to date with origin"
+    fi
+}
+
+# Check dependencies
+check_dependencies() {
+    print_section "Dependencies" "${PACKAGE}"
+
+    if [ -f "composer.json" ]; then
+        echo -e "    ${BOLD}Composer Dependencies:${RESET}"
+        composer show | grep "php-flasher/" | sed 's/^/        /' || echo "        No PHP-Flasher dependencies found"
+    fi
+
+    if [ -f "package.json" ]; then
+        echo -e "\n    ${BOLD}NPM Dependencies:${RESET}"
+        npm list | grep "@flasher/" | sed 's/^/        /' || echo "        No Flasher dependencies found"
+    fi
+}
+
+# Display modified files
+display_modified_files() {
+    print_section "Modified Files" "📝"
+
+    local modified_files=$(git diff --name-only)
+    if [ ! -z "$modified_files" ]; then
+        echo -e "    ${BOLD}Modified files:${RESET}"
+        echo "$modified_files" | sed 's/^/        /'
+    else
+        success_msg "    No modified files"
+    fi
+}
+
+# Main execution
+main() {
+    print_header
+
+    # Check current repository status
+    check_git_status
+
+    # Check dependencies
+    check_dependencies
+
+    # Display modified files
+    display_modified_files
+
+    # Display repositories information
+    print_section "Repositories Status" "${PACKAGE}"
+    for repo in "${REPOSITORIES[@]}"; do
+        display_repo_info "$repo"
+    done
+
+    # Display release readiness
+    print_section "Release Readiness" "${ROCKET}"
+    local ready=true
+
+    if [ ! -z "$(git status --porcelain)" ]; then
+        warning_msg "Working directory is not clean"
+        ready=false
+    fi
+
+    if [ "$(git rev-parse --abbrev-ref HEAD)" != "$MAIN_BRANCH" ]; then
+        warning_msg "Not on main branch ($MAIN_BRANCH)"
+        ready=false
+    fi
+
+    if $ready; then
+        success_msg "Ready for release!"
+        echo -e "\n${BOLD}${GREEN}Suggested next steps:${RESET}"
+        echo -e "1. Run: ${ITALIC}./bin/split${RESET}"
+        echo -e "2. Run: ${ITALIC}./bin/release <version>${RESET}"
+    else
+        warning_msg "Not ready for release. Please fix the issues above."
+    fi
+}
+
+# Execute main function
+main

bin/update

@@ -0,0 +1,124 @@
+#!/usr/bin/env bash
+
+set -o pipefail
+
+# Colors and styles
+readonly RESET='\033[0m'
+readonly BOLD='\033[1m'
+readonly DIM='\033[2m'
+readonly UNDERLINE='\033[4m'
+readonly BLUE='\033[34m'
+readonly GREEN='\033[32m'
+readonly RED='\033[31m'
+readonly YELLOW='\033[33m'
+readonly CYAN='\033[36m'
+readonly MAGENTA='\033[35m'
+
+# Essential emojis
+readonly ROCKET="🚀"
+readonly CHECK="✓"
+readonly ERROR="❌"
+readonly PACKAGE="📦"
+readonly SEARCH="🔍"
+readonly HAMMER="🏗️"
+readonly SPARKLES="✨"
+readonly WARNING="⚠️"
+
+print_header() {
+    echo -e "\n${BOLD}${BLUE}${ROCKET} PHP-Flasher Update ${ROCKET}${RESET}\n"
+    echo -e "${BOLD}Date      : ${RESET}${CYAN}$(date -u '+%Y-%m-%d %H:%M:%S') UTC${RESET}"
+    echo -e "${BOLD}User      : ${RESET}${MAGENTA}$(whoami)${RESET}"
+    echo -e "${BOLD}Branch    : ${RESET}${GREEN}$(git rev-parse --abbrev-ref HEAD)${RESET}"
+    echo -e "${BOLD}Directory : ${RESET}${BLUE}$(pwd)${RESET}\n"
+}
+
+update_composer_dependencies() {
+    echo -e "${BOLD}${PACKAGE} Composer Dependencies${RESET}"
+
+    if composer update --prefer-lowest -W; then
+        echo -e "${CHECK} ${GREEN}Dependencies updated successfully${RESET}\n"
+        return 0
+    else
+        echo -e "${ERROR} ${RED}Failed to update Composer dependencies${RESET}\n"
+        return 1
+    fi
+}
+
+check_npm_updates() {
+    echo -e "${BOLD}${SEARCH} NPM Updates Check${RESET}"
+
+    # Run the commands and capture their exit codes
+    ncu -u
+    NCU_EXIT_CODE=$?
+
+    npm run ncu --workspaces
+    NPM_EXIT_CODE=$?
+
+    # Check if both commands were successful
+    if [ $NCU_EXIT_CODE -eq 0 ] && [ $NPM_EXIT_CODE -eq 0 ]; then
+        echo -e "${CHECK} ${GREEN}NPM check completed successfully${RESET}\n"
+    else
+        echo -e "${WARNING} ${YELLOW}NPM check failed, continuing...${RESET}\n"
+    fi
+
+    return 0  # Continue regardless of outcome
+}
+
+update_npm_dependencies() {
+    echo -e "${BOLD}${PACKAGE} NPM Dependencies${RESET}"
+
+    if npm install --force; then
+        echo -e "${CHECK} ${GREEN}NPM dependencies installed successfully${RESET}\n"
+        return 0
+    else
+        echo -e "${WARNING} ${YELLOW}NPM install failed, continuing...${RESET}\n"
+        return 0  # Continue despite failure
+    fi
+}
+
+build_assets() {
+    echo -e "${BOLD}${HAMMER} Building Assets${RESET}"
+
+    if npm run build; then
+        echo -e "${CHECK} ${GREEN}Assets built successfully${RESET}\n"
+        return 0
+    else
+        echo -e "${WARNING} ${YELLOW}Build failed, continuing...${RESET}\n"
+        return 0  # Continue despite failure
+    fi
+}
+
+main() {
+    local start_time=$(date +%s)
+    local success=true
+
+    print_header
+
+    # Update composer dependencies
+    update_composer_dependencies || success=false
+
+    # Check NPM updates
+    check_npm_updates
+
+    # Update NPM dependencies
+    update_npm_dependencies
+
+    # Build assets
+    build_assets
+
+    local end_time=$(date +%s)
+    local duration=$((end_time - start_time))
+
+    # Summary
+    echo -e "${BOLD}${CYAN}Update Summary${RESET}"
+    if [ "$success" = true ]; then
+        echo -e "${SPARKLES} ${GREEN}Update completed successfully${RESET}"
+    else
+        echo -e "${WARNING} ${YELLOW}Update completed with some issues${RESET}"
+    fi
+    echo -e "Duration    : ${YELLOW}${duration}s${RESET}\n"
+
+    [ "$success" = true ] && exit 0 || exit 1
+}
+
+main

composer.json

@@ -21,34 +21,38 @@
     "prefer-stable": true,
     "require": {
         "php": ">=8.2",
-        "ext-intl": "*"
+        "ext-intl": "*",
+        "illuminate/contracts": "^11.0|^12.0|^13.0",
+        "illuminate/routing": "^11.0|^12.0|^13.0",
+        "illuminate/support": "^11.0|^12.0|^13.0",
+        "laravel/octane": "^2.3",
+        "livewire/livewire": "^3.0",
+        "paragonie/random_compat": "^2.0",
+        "psr/container": "^1.1|^2.0",
+        "symfony/config": "^7.0|^8.0",
+        "symfony/console": "^7.0|^8.0",
+        "symfony/dependency-injection": "^7.0|^8.0",
+        "symfony/framework-bundle": "^7.0|^8.0",
+        "symfony/http-kernel": "^7.0|^8.0",
+        "symfony/translation": "^7.0|^8.0",
+        "symfony/twig-bundle": "^7.0|^8.0",
+        "symfony/ux-twig-component": "^2.19",
+        "yoeunes/regex-parser": "^1.0"
     },
     "require-dev": {
-        "illuminate/routing": "^11.0",
-        "illuminate/support": "^11.0",
-        "larastan/larastan": "^2.9.5",
-        "laravel/octane": "^2.3",
-        "livewire/livewire": "^3.3",
-        "mockery/mockery": "^1.6.11",
-        "orchestra/testbench": "^9.0.4",
-        "overtrue/phplint": "^9.2.0",
-        "php-cs-fixer/shim": "^3.54.0",
-        "phpstan/phpstan": "^1.10.67",
-        "phpstan/phpstan-mockery": "^1.1.2",
-        "phpstan/phpstan-symfony": "^1.3.12",
-        "phpunit/phpunit": "^10.5.13",
-        "psr/container": "^1.1|^2.0",
-        "rector/rector": "^1.0.4",
-        "rector/swiss-knife": "^0.2.2",
-        "symfony/config": "^7.0",
-        "symfony/console": "^7.0",
-        "symfony/dependency-injection": "^7.0",
-        "symfony/framework-bundle": "^7.0",
-        "symfony/http-kernel": "^7.0",
-        "symfony/translation": "^7.0",
-        "symfony/twig-bundle": "^7.0",
-        "symfony/ux-twig-component": "^2.14",
-        "symplify/monorepo-builder": "^11.2.20"
+        "larastan/larastan": "^2.9.9",
+        "mockery/mockery": "^1.6.12",
+        "orchestra/testbench": "^9.5.2",
+        "overtrue/phplint": "^9.5.3",
+        "php-cs-fixer/shim": "^3.64.0",
+        "phpstan/phpstan": "^1.12.7",
+        "phpstan/phpstan-mockery": "^1.1.3",
+        "phpstan/phpstan-phpunit": "^1.4.0",
+        "phpstan/phpstan-symfony": "^1.4.10",
+        "phpunit/phpunit": "^10.5.26",
+        "rector/rector": "^1.2.8",
+        "rector/swiss-knife": "^1.0.0",
+        "symplify/monorepo-builder": "^11.2.22"
     },
     "autoload": {
         "psr-4": {

demo/laravel/.env

@@ -0,0 +1,64 @@
+APP_NAME=Laravel
+APP_ENV=local
+APP_KEY=base64:mNtM4UEOfGE4dx7IAH4+kx4iPYPdGeu+Gaw/PIcF4II=
+APP_DEBUG=true
+APP_TIMEZONE=UTC
+APP_URL=http://localhost
+
+APP_LOCALE=en
+APP_FALLBACK_LOCALE=en
+APP_FAKER_LOCALE=en_US
+
+APP_MAINTENANCE_DRIVER=file
+APP_MAINTENANCE_STORE=database
+
+BCRYPT_ROUNDS=12
+
+LOG_CHANNEL=stack
+LOG_STACK=single
+LOG_DEPRECATIONS_CHANNEL=null
+LOG_LEVEL=debug
+
+DB_CONNECTION=sqlite
+# DB_HOST=127.0.0.1
+# DB_PORT=3306
+# DB_DATABASE=laravel
+# DB_USERNAME=root
+# DB_PASSWORD=
+
+SESSION_DRIVER=database
+SESSION_LIFETIME=120
+SESSION_ENCRYPT=false
+SESSION_PATH=/
+SESSION_DOMAIN=null
+
+BROADCAST_CONNECTION=log
+FILESYSTEM_DISK=local
+QUEUE_CONNECTION=database
+
+CACHE_STORE=database
+CACHE_PREFIX=
+
+MEMCACHED_HOST=127.0.0.1
+
+REDIS_CLIENT=phpredis
+REDIS_HOST=127.0.0.1
+REDIS_PASSWORD=null
+REDIS_PORT=6379
+
+MAIL_MAILER=log
+MAIL_HOST=127.0.0.1
+MAIL_PORT=2525
+MAIL_USERNAME=null
+MAIL_PASSWORD=null
+MAIL_ENCRYPTION=null
+MAIL_FROM_ADDRESS="hello@example.com"
+MAIL_FROM_NAME="${APP_NAME}"
+
+AWS_ACCESS_KEY_ID=
+AWS_SECRET_ACCESS_KEY=
+AWS_DEFAULT_REGION=us-east-1
+AWS_BUCKET=
+AWS_USE_PATH_STYLE_ENDPOINT=false
+
+VITE_APP_NAME="${APP_NAME}"

demo/laravel/.gitignore

@@ -2,10 +2,10 @@
 /node_modules
 /public/build
 /public/hot
+/public/vendor/flasher
 /public/storage
 /storage/*.key
 /vendor
-.env
 .env.backup
 .env.production
 .phpunit.result.cache

demo/laravel/app/Http/Controllers/DashboardController.php

@@ -0,0 +1,54 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class DashboardController extends Controller
+{
+    /**
+     * Show the dashboard with overview of PHPFlasher features
+     */
+    public function index()
+    {
+        flash()->option('timeout', 10000)
+               ->info('Welcome to the PHPFlasher Laravel Demo! 👋 Explore different examples using the navigation.');
+
+        return view('dashboard');
+    }
+
+    /**
+     * Show all notification types at once
+     */
+    public function showAllTypes()
+    {
+        flash()->success('This is a success notification!');
+        flash()->info('This is an information notification!');
+        flash()->warning('This is a warning notification!');
+        flash()->error('This is an error notification!');
+
+        return redirect()->back();
+    }
+
+    /**
+     * Show theme selector
+     */
+    public function themeSelector()
+    {
+        return view('features.themes');
+    }
+
+    /**
+     * Display a notification with the selected theme
+     */
+    public function showTheme(Request $request)
+    {
+        $theme = $request->input('theme', 'default');
+
+        flash()
+            ->use("theme.$theme")
+            ->success("This notification uses the '$theme' theme!");
+
+        return redirect()->route('themes');
+    }
+}

demo/laravel/app/Http/Controllers/DemoController.php

@@ -0,0 +1,164 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Illuminate\View\View;
+
+final class DemoController extends Controller
+{
+    public function home(): View
+    {
+        return view('home');
+    }
+
+    public function types(): View
+    {
+        return view('types');
+    }
+
+    public function themes(): View
+    {
+        return view('themes');
+    }
+
+    public function adapters(): View
+    {
+        return view('adapters');
+    }
+
+    public function positions(): View
+    {
+        return view('positions');
+    }
+
+    public function examples(): View
+    {
+        return view('examples');
+    }
+
+    public function playground(): View
+    {
+        return view('playground');
+    }
+
+    public function livewire(): View
+    {
+        return view('livewire');
+    }
+
+    public function notify(Request $request): JsonResponse
+    {
+        $type = $request->input('type', 'success');
+        $message = $request->input('message', 'Notification message');
+        $title = $request->input('title');
+        $theme = $request->input('theme');
+        $position = $request->input('position', 'top-right');
+        $timeout = (int) $request->input('timeout', 5000);
+
+        $flasher = flash();
+
+        // Apply theme if specified
+        if ($theme && $theme !== 'flasher') {
+            $flasher = $flasher->use("theme.{$theme}");
+        }
+
+        $options = [
+            'position' => $position,
+            'timeout' => $timeout,
+        ];
+
+        if ($title) {
+            $options['title'] = $title;
+        }
+
+        $flasher->{$type}($message, $options);
+
+        return response()->json(['success' => true]);
+    }
+
+    public function runExample(Request $request, string $scenario): JsonResponse
+    {
+        match ($scenario) {
+            'registration' => $this->registrationExample(),
+            'login_failed' => $this->loginFailedExample(),
+            'validation' => $this->validationExample(),
+            'shopping_cart' => $this->shoppingCartExample(),
+            'file_upload' => $this->fileUploadExample(),
+            'settings' => $this->settingsExample(),
+            'payment_success' => $this->paymentSuccessExample(),
+            'payment_failed' => $this->paymentFailedExample(),
+            'delete_confirm' => $this->deleteConfirmExample(),
+            'session_expiring' => $this->sessionExpiringExample(),
+            default => flash()->info('Example not found'),
+        };
+
+        return response()->json(['success' => true]);
+    }
+
+    private function registrationExample(): void
+    {
+        flash()->success('Welcome! Your account has been created.');
+        flash()->info('Please check your email to verify your account.');
+    }
+
+    private function loginFailedExample(): void
+    {
+        flash()->error('Invalid email or password.');
+        flash()->info('Forgot your password? Click here to reset.');
+    }
+
+    private function validationExample(): void
+    {
+        flash()->error('The email field is required.');
+        flash()->error('Password must be at least 8 characters.');
+        flash()->error('Please accept the terms and conditions.');
+    }
+
+    private function shoppingCartExample(): void
+    {
+        flash()->success('iPhone 15 Pro added to cart!');
+        flash()->warning('Only 2 items left in stock!');
+        flash()->info('Add $20 more for free shipping!');
+    }
+
+    private function fileUploadExample(): void
+    {
+        flash()->success('document.pdf uploaded successfully!');
+        flash()->info('File size: 2.4 MB');
+    }
+
+    private function settingsExample(): void
+    {
+        flash()->success('Settings saved successfully!');
+        flash()->info('Some changes may require a page refresh.');
+    }
+
+    private function paymentSuccessExample(): void
+    {
+        flash()->success('Payment of $149.99 confirmed!');
+        flash()->info('Order #12345 - Receipt sent to your email.');
+    }
+
+    private function paymentFailedExample(): void
+    {
+        flash()->error('Payment declined by your bank.');
+        flash()->warning('Please try a different payment method.');
+        flash()->info('Your cart has been saved.');
+    }
+
+    private function deleteConfirmExample(): void
+    {
+        flash()->warning('Are you sure? This action cannot be undone.');
+        flash()->info('Click confirm to delete or cancel to keep the item.');
+    }
+
+    private function sessionExpiringExample(): void
+    {
+        flash()->warning('Your session will expire in 5 minutes.');
+        flash()->info('Click anywhere to stay logged in.');
+    }
+}

demo/laravel/app/Http/Controllers/ExampleController.php

@@ -0,0 +1,99 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Validator;
+
+class ExampleController extends Controller
+{
+    /**
+     * Form validation example
+     */
+    public function formExample()
+    {
+        return view('examples.form');
+    }
+
+    /**
+     * Process form submission
+     */
+    public function processForm(Request $request)
+    {
+        $validator = Validator::make($request->all(), [
+            'name' => 'required|min:2|max:50',
+            'email' => 'required|email',
+            'subject' => 'required|min:5',
+            'message' => 'required|min:10',
+        ]);
+
+        if ($validator->fails()) {
+            flash()->error('Please fix the errors in the form!');
+            return redirect()->back()
+                ->withErrors($validator)
+                ->withInput();
+        }
+
+        // Success scenario
+        flash()
+            ->success('Your message has been sent successfully!')
+            ->option('timeout', 8000);
+
+        return redirect()->route('form.example');
+    }
+
+    /**
+     * AJAX example page
+     */
+    public function ajaxExample()
+    {
+        return view('examples.ajax');
+    }
+
+    /**
+     * Process AJAX request
+     */
+    public function processAjax(Request $request)
+    {
+        $action = $request->input('action');
+        $success = rand(0, 10) > 3; // 70% success rate
+
+        if ($success) {
+            flash()->success("The $action action was completed successfully!");
+            return response()->json(['status' => 'success']);
+        } else {
+            flash()->error("The $action action failed. Please try again.");
+            return response()->json(['status' => 'error'], 422);
+        }
+    }
+
+    /**
+     * Demonstrate different notification positions
+     */
+    public function positionsExample()
+    {
+        return view('examples.positions');
+    }
+
+    /**
+     * Show notification at specified position
+     */
+    public function showAtPosition(Request $request)
+    {
+        $position = $request->input('position', 'top-right');
+
+        flash()
+            ->option('position', $position)
+            ->info("This notification appears at the '$position' position!");
+
+        return redirect()->route('positions.example');
+    }
+
+    /**
+     * Interactive playground to test notification options
+     */
+    public function playground()
+    {
+        return view('examples.playground');
+    }
+}

demo/laravel/app/Livewire/ContactForm.php

@@ -0,0 +1,36 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Livewire;
+
+use Livewire\Component;
+
+class ContactForm extends Component
+{
+    public string $name = '';
+    public string $email = '';
+    public string $message = '';
+
+    protected array $rules = [
+        'name' => 'required|min:2',
+        'email' => 'required|email',
+        'message' => 'required|min:10',
+    ];
+
+    public function submit(): void
+    {
+        $this->validate();
+
+        // Simulate form processing
+        flash()->success('Message sent successfully!');
+        flash()->info('We will respond within 24 hours.');
+
+        $this->reset(['name', 'email', 'message']);
+    }
+
+    public function render()
+    {
+        return view('livewire.contact-form');
+    }
+}

demo/laravel/app/Livewire/Counter.php

@@ -1,25 +1,31 @@
 <?php
 
+declare(strict_types=1);
+
 namespace App\Livewire;
 
 use Livewire\Component;
 
 class Counter extends Component
 {
-    public $count = 1;
+    public int $count = 0;
 
-    public function increment()
+    public function increment(): void
     {
-        flash()->success('increment');
-
         $this->count++;
+        flash()->success("Count increased to {$this->count}!");
     }
 
-    public function decrement()
+    public function decrement(): void
     {
-        flash()->info('decrement');
-
         $this->count--;
+        flash()->warning("Count decreased to {$this->count}");
+    }
+
+    public function reset(): void
+    {
+        $this->count = 0;
+        flash()->info('Counter has been reset.');
     }
 
     public function render()

demo/laravel/app/Livewire/DeleteItem.php

@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Livewire;
+
+use Livewire\Component;
+
+class DeleteItem extends Component
+{
+    protected $listeners = [
+        'sweetalert:confirmed' => 'onConfirmed',
+        'sweetalert:denied' => 'onDenied',
+    ];
+
+    public function confirmDelete(): void
+    {
+        sweetalert()
+            ->showDenyButton()
+            ->showCancelButton()
+            ->confirmButtonText('Yes, delete it!')
+            ->denyButtonText('Keep it')
+            ->warning('Are you sure you want to delete this item?');
+    }
+
+    public function onConfirmed(array $payload): void
+    {
+        // Simulate deletion
+        flash()->success('Item has been deleted successfully!');
+    }
+
+    public function onDenied(array $payload): void
+    {
+        flash()->info('The item was kept safe.');
+    }
+
+    public function render()
+    {
+        return view('livewire.delete-item');
+    }
+}

demo/laravel/bootstrap/app.php

@@ -3,16 +3,20 @@
 use Illuminate\Foundation\Application;
 use Illuminate\Foundation\Configuration\Exceptions;
 use Illuminate\Foundation\Configuration\Middleware;
+use Illuminate\Support\Facades\Route;
 
 return Application::configure(basePath: dirname(__DIR__))
     ->withRouting(
         web: __DIR__.'/../routes/web.php',
         commands: __DIR__.'/../routes/console.php',
         health: '/up',
+        then: function () {
+            Route::middleware('web')->group(base_path('routes/issues.php'));
+        },
     )
     ->withMiddleware(function (Middleware $middleware) {
         $middleware->web(append: [
-            \App\Http\Middleware\HandleInertiaRequests::class,
+            App\Http\Middleware\HandleInertiaRequests::class,
         ]);
     })
     ->withExceptions(function (Exceptions $exceptions) {

demo/laravel/composer.json

@@ -15,24 +15,26 @@
     ],
     "require": {
         "php": "^8.2",
-        "inertiajs/inertia-laravel": "^1.0",
-        "laravel/framework": "^11.0",
-        "laravel/tinker": "^2.9",
-        "livewire/livewire": "^3.4",
+        "inertiajs/inertia-laravel": "^2.0",
+        "laravel/framework": "^12.0",
+        "laravel/tinker": "^2.10",
+        "livewire/livewire": "^3.6",
         "php-flasher/php-flasher": "@dev",
-        "spatie/laravel-csp": "^2.9",
-        "spatie/laravel-ray": "^1.36"
+        "spatie/laravel-csp": "^2.10",
+        "spatie/laravel-ray": "^1.40"
     },
     "require-dev": {
-        "fakerphp/faker": "^1.23",
-        "larastan/larastan": "^2.9",
-        "laravel/pint": "^1.13",
-        "laravel/sail": "^1.26",
+        "barryvdh/laravel-debugbar": "^3.15",
+        "fakerphp/faker": "^1.24",
+        "larastan/larastan": "^3.2",
+        "laravel/pint": "^1.21",
+        "laravel/sail": "^1.41",
         "mockery/mockery": "^1.6",
-        "nunomaduro/collision": "^8.0",
-        "pestphp/pest": "^2.34",
-        "pestphp/pest-plugin-laravel": "^2.3",
-        "spatie/laravel-ignition": "^2.4"
+        "nunomaduro/collision": "^8.7",
+        "pestphp/pest": "^3.7",
+        "pestphp/pest-plugin-laravel": "^3.1",
+        "spatie/laravel-ignition": "^2.9",
+        "spatie/ray": "^1.41"
     },
     "autoload": {
         "psr-4": {
@@ -49,13 +51,16 @@
     "scripts": {
         "post-autoload-dump": [
             "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
-            "@php artisan package:discover --ansi"
+            "@php artisan package:discover --ansi",
+            "@php artisan flasher:install"
         ],
         "post-update-cmd": [
-            "@php artisan vendor:publish --tag=laravel-assets --ansi --force"
+            "@php artisan vendor:publish --tag=laravel-assets --ansi --force",
+            "@php artisan flasher:install"
         ],
         "post-root-package-install": [
-            "@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
+            "@php -r \"file_exists('.env') || copy('.env.example', '.env');\"",
+            "@php artisan flasher:install"
         ],
         "post-create-project-cmd": [
             "@php artisan key:generate --ansi",

demo/laravel/config/flasher.php

@@ -0,0 +1,64 @@
+<?php
+
+declare(strict_types=1);
+
+use Flasher\Prime\Configuration;
+
+/*
+ * Default PHPFlasher configuration for Laravel.
+ *
+ * This configuration file defines the default settings for PHPFlasher when
+ * used within a Laravel application. It uses the Configuration class from
+ * the core PHPFlasher library to establish type-safe configuration.
+ *
+ * @return array<string, mixed> PHPFlasher configuration
+ */
+return Configuration::from([
+    // Default notification library (e.g., 'flasher', 'toastr', 'noty', 'notyf', 'sweetalert')
+    'default' => 'flasher',
+
+    // Path to the main PHPFlasher JavaScript file
+    'main_script' => '/vendor/flasher/flasher.min.js',
+
+    // List of CSS files to style your notifications
+    'styles' => [
+        '/vendor/flasher/flasher.min.css',
+    ],
+
+    // Set global options for all notifications (optional)
+    // 'options' => [
+    //     'timeout' => 5000, // Time in milliseconds before the notification disappears
+    //     'position' => 'top-right', // Where the notification appears on the screen
+    // ],
+
+    // Automatically inject JavaScript and CSS assets into your HTML pages
+    'inject_assets' => true,
+
+    // Enable message translation using Laravel's translation service
+    'translate' => true,
+
+    // URL patterns to exclude from asset injection and flash_bag conversion
+    'excluded_paths' => [],
+
+    // Map Laravel flash message keys to notification types
+    'flash_bag' => [
+        'success' => ['success'],
+        'error' => ['error', 'danger'],
+        'warning' => ['warning', 'alarm'],
+        'info' => ['info', 'notice', 'alert'],
+    ],
+
+    // Set criteria to filter which notifications are displayed (optional)
+    // 'filter' => [
+    //     'limit' => 5, // Maximum number of notifications to show at once
+    // ],
+
+    // Define notification presets to simplify notification creation (optional)
+    // 'presets' => [
+    //     'entity_saved' => [
+    //         'type' => 'success',
+    //         'title' => 'Entity saved',
+    //         'message' => 'Entity saved successfully',
+    //     ],
+    // ],
+]);

demo/laravel/resources/css/app.css

@@ -0,0 +1,4 @@
+/* PHPFlasher Laravel Demo - Custom Styles */
+
+/* Any custom styles can be added here */
+/* Note: Main styling is handled via Tailwind CSS v4 CDN in the layout */

demo/laravel/resources/js/app.js

@@ -1 +1,11 @@
+/**
+ * PHPFlasher Laravel Demo
+ *
+ * Main JavaScript entry point.
+ * Note: PHPFlasher and other libraries are loaded via CDN in the layout.
+ */
+
 import './bootstrap';
+
+// Custom demo functionality can be added here
+console.log('PHPFlasher Laravel Demo loaded');

demo/laravel/resources/views/adapters.blade.php

@@ -0,0 +1,354 @@
+@extends('layouts.app')
+
+@section('title', 'Adapters')
+
+@section('content')
+<div class="mb-8">
+    <h1 class="section-title">Notification Adapters</h1>
+    <p class="section-subtitle">PHPFlasher supports multiple notification libraries. Choose your favorite!</p>
+</div>
+
+<div class="space-y-8">
+    {{-- Flasher (Default) --}}
+    <div class="card">
+        <div class="h-2 bg-gradient-to-r from-indigo-500 to-purple-500"></div>
+        <div class="card-body">
+            <div class="flex flex-col lg:flex-row lg:items-start lg:justify-between gap-6">
+                <div class="flex-1">
+                    <div class="flex items-center space-x-3 mb-4">
+                        <div class="p-3 bg-indigo-100 rounded-xl">
+                            <svg class="w-8 h-8 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
+                            </svg>
+                        </div>
+                        <div>
+                            <h2 class="text-2xl font-bold text-gray-800">Flasher</h2>
+                            <p class="text-gray-500">Default adapter with 17+ themes</p>
+                        </div>
+                    </div>
+
+                    <p class="text-gray-600 mb-4">The default PHPFlasher adapter with beautiful built-in themes. No additional JavaScript libraries required.</p>
+
+                    <div class="flex flex-wrap gap-2 mb-6">
+                        <button onclick="showNotification({type: 'success', message: 'This is the default Flasher notification!', adapter: 'flasher'})"
+                                class="btn btn-success">Success</button>
+                        <button onclick="showNotification({type: 'error', message: 'Error notification with Flasher', adapter: 'flasher'})"
+                                class="btn btn-danger">Error</button>
+                        <button onclick="showNotification({type: 'warning', message: 'Warning notification with Flasher', adapter: 'flasher'})"
+                                class="btn btn-warning">Warning</button>
+                        <button onclick="showNotification({type: 'info', message: 'Info notification with Flasher', adapter: 'flasher'})"
+                                class="btn btn-info">Info</button>
+                    </div>
+
+                    <div class="code-block">
+                        <div class="code-header">
+                            <span>Installation</span>
+                        </div>
+                        <pre class="!m-0"><code class="language-bash">composer require php-flasher/flasher-laravel</code></pre>
+                    </div>
+
+                    <div class="code-block">
+                        <div class="code-header">
+                            <span>Usage</span>
+                        </div>
+                        <pre class="!m-0"><code class="language-php">flash()->success('Operation completed!');</code></pre>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    {{-- Toastr --}}
+    <div class="card">
+        <div class="h-2 bg-gradient-to-r from-sky-500 to-blue-500"></div>
+        <div class="card-body">
+            <div class="flex flex-col lg:flex-row lg:items-start lg:justify-between gap-6">
+                <div class="flex-1">
+                    <div class="flex items-center space-x-3 mb-4">
+                        <div class="p-3 bg-sky-100 rounded-xl">
+                            <svg class="w-8 h-8 text-sky-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path>
+                            </svg>
+                        </div>
+                        <div>
+                            <h2 class="text-2xl font-bold text-gray-800">Toastr</h2>
+                            <p class="text-gray-500">Simple, elegant toast notifications</p>
+                        </div>
+                    </div>
+
+                    <p class="text-gray-600 mb-4">Classic toast notifications with smooth animations. One of the most popular notification libraries.</p>
+
+                    <div class="flex flex-wrap gap-2 mb-6">
+                        <button onclick="showNotification({type: 'success', message: 'Toastr success notification!', adapter: 'toastr'})"
+                                class="btn btn-success">Success</button>
+                        <button onclick="showNotification({type: 'error', message: 'Toastr error notification!', adapter: 'toastr'})"
+                                class="btn btn-danger">Error</button>
+                        <button onclick="showNotification({type: 'warning', message: 'Toastr warning notification!', adapter: 'toastr'})"
+                                class="btn btn-warning">Warning</button>
+                        <button onclick="showNotification({type: 'info', message: 'Toastr info notification!', adapter: 'toastr'})"
+                                class="btn btn-info">Info</button>
+                    </div>
+
+                    <div class="code-block">
+                        <div class="code-header">
+                            <span>Installation</span>
+                        </div>
+                        <pre class="!m-0"><code class="language-bash">composer require php-flasher/flasher-toastr-laravel</code></pre>
+                    </div>
+
+                    <div class="code-block">
+                        <div class="code-header">
+                            <span>Usage</span>
+                        </div>
+                        <pre class="!m-0"><code class="language-php">toastr()->success('Data saved successfully!');
+
+// With options
+toastr()
+    ->closeButton()
+    ->progressBar()
+    ->positionClass('toast-top-right')
+    ->success('Profile updated!');</code></pre>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    {{-- SweetAlert --}}
+    <div class="card">
+        <div class="h-2 bg-gradient-to-r from-pink-500 to-rose-500"></div>
+        <div class="card-body">
+            <div class="flex flex-col lg:flex-row lg:items-start lg:justify-between gap-6">
+                <div class="flex-1">
+                    <div class="flex items-center space-x-3 mb-4">
+                        <div class="p-3 bg-pink-100 rounded-xl">
+                            <svg class="w-8 h-8 text-pink-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
+                            </svg>
+                        </div>
+                        <div>
+                            <h2 class="text-2xl font-bold text-gray-800">SweetAlert 2</h2>
+                            <p class="text-gray-500">Beautiful, responsive, customizable alerts</p>
+                        </div>
+                    </div>
+
+                    <p class="text-gray-600 mb-4">Feature-rich modal dialogs with confirmations, inputs, and beautiful animations. Perfect for important user interactions.</p>
+
+                    <div class="flex flex-wrap gap-2 mb-6">
+                        <button onclick="showNotification({type: 'success', message: 'SweetAlert success!', title: 'Success', adapter: 'sweetalert'})"
+                                class="btn btn-success">Success</button>
+                        <button onclick="showNotification({type: 'error', message: 'SweetAlert error message', title: 'Error', adapter: 'sweetalert'})"
+                                class="btn btn-danger">Error</button>
+                        <button onclick="showNotification({type: 'warning', message: 'Are you sure you want to proceed?', title: 'Warning', adapter: 'sweetalert', options: {showCancelButton: true}})"
+                                class="btn btn-warning">Confirm Dialog</button>
+                        <button onclick="showNotification({type: 'info', message: 'Here is some information', title: 'Info', adapter: 'sweetalert'})"
+                                class="btn btn-info">Info</button>
+                    </div>
+
+                    <div class="code-block">
+                        <div class="code-header">
+                            <span>Installation</span>
+                        </div>
+                        <pre class="!m-0"><code class="language-bash">composer require php-flasher/flasher-sweetalert-laravel</code></pre>
+                    </div>
+
+                    <div class="code-block">
+                        <div class="code-header">
+                            <span>Usage</span>
+                        </div>
+                        <pre class="!m-0"><code class="language-php">sweetalert()->success('Great job!', 'Success');
+
+// Confirmation dialog
+sweetalert()
+    ->showDenyButton()
+    ->showCancelButton()
+    ->confirmButtonText('Save')
+    ->denyButtonText("Don't save")
+    ->warning('Do you want to save the changes?');</code></pre>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    {{-- Noty --}}
+    <div class="card">
+        <div class="h-2 bg-gradient-to-r from-emerald-500 to-teal-500"></div>
+        <div class="card-body">
+            <div class="flex flex-col lg:flex-row lg:items-start lg:justify-between gap-6">
+                <div class="flex-1">
+                    <div class="flex items-center space-x-3 mb-4">
+                        <div class="p-3 bg-emerald-100 rounded-xl">
+                            <svg class="w-8 h-8 text-emerald-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                            </svg>
+                        </div>
+                        <div>
+                            <h2 class="text-2xl font-bold text-gray-800">Noty</h2>
+                            <p class="text-gray-500">Dependency-free notification library</p>
+                        </div>
+                    </div>
+
+                    <p class="text-gray-600 mb-4">A flexible, dependency-free notification library with multiple layouts and themes.</p>
+
+                    <div class="flex flex-wrap gap-2 mb-6">
+                        <button onclick="showNotification({type: 'success', message: 'Noty success notification!', adapter: 'noty'})"
+                                class="btn btn-success">Success</button>
+                        <button onclick="showNotification({type: 'error', message: 'Noty error notification!', adapter: 'noty'})"
+                                class="btn btn-danger">Error</button>
+                        <button onclick="showNotification({type: 'warning', message: 'Noty warning notification!', adapter: 'noty'})"
+                                class="btn btn-warning">Warning</button>
+                        <button onclick="showNotification({type: 'info', message: 'Noty info notification!', adapter: 'noty'})"
+                                class="btn btn-info">Info</button>
+                    </div>
+
+                    <div class="code-block">
+                        <div class="code-header">
+                            <span>Installation</span>
+                        </div>
+                        <pre class="!m-0"><code class="language-bash">composer require php-flasher/flasher-noty-laravel</code></pre>
+                    </div>
+
+                    <div class="code-block">
+                        <div class="code-header">
+                            <span>Usage</span>
+                        </div>
+                        <pre class="!m-0"><code class="language-php">noty()->success('Data saved!');
+
+// With layout options
+noty()
+    ->layout('topCenter')
+    ->timeout(3000)
+    ->progressBar()
+    ->info('Processing your request...');</code></pre>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    {{-- Notyf --}}
+    <div class="card">
+        <div class="h-2 bg-gradient-to-r from-amber-500 to-orange-500"></div>
+        <div class="card-body">
+            <div class="flex flex-col lg:flex-row lg:items-start lg:justify-between gap-6">
+                <div class="flex-1">
+                    <div class="flex items-center space-x-3 mb-4">
+                        <div class="p-3 bg-amber-100 rounded-xl">
+                            <svg class="w-8 h-8 text-amber-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"></path>
+                            </svg>
+                        </div>
+                        <div>
+                            <h2 class="text-2xl font-bold text-gray-800">Notyf</h2>
+                            <p class="text-gray-500">Minimalist, responsive notifications</p>
+                        </div>
+                    </div>
+
+                    <p class="text-gray-600 mb-4">A minimalist JavaScript library for toast notifications. Tiny footprint with smooth animations.</p>
+
+                    <div class="flex flex-wrap gap-2 mb-6">
+                        <button onclick="showNotification({type: 'success', message: 'Notyf success notification!', adapter: 'notyf'})"
+                                class="btn btn-success">Success</button>
+                        <button onclick="showNotification({type: 'error', message: 'Notyf error notification!', adapter: 'notyf'})"
+                                class="btn btn-danger">Error</button>
+                    </div>
+
+                    <div class="code-block">
+                        <div class="code-header">
+                            <span>Installation</span>
+                        </div>
+                        <pre class="!m-0"><code class="language-bash">composer require php-flasher/flasher-notyf-laravel</code></pre>
+                    </div>
+
+                    <div class="code-block">
+                        <div class="code-header">
+                            <span>Usage</span>
+                        </div>
+                        <pre class="!m-0"><code class="language-php">notyf()->success('Minimal and clean!');
+
+// With options
+notyf()
+    ->position('x', 'right')
+    ->position('y', 'top')
+    ->dismissible(true)
+    ->ripple(true)
+    ->success('File uploaded successfully!');</code></pre>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+{{-- Comparison Table --}}
+<div class="card mt-8">
+    <div class="card-header">
+        <h2 class="text-xl font-bold text-gray-800">Adapter Comparison</h2>
+    </div>
+    <div class="card-body overflow-x-auto">
+        <table class="w-full text-left">
+            <thead>
+                <tr class="border-b border-gray-200">
+                    <th class="py-3 px-4 font-semibold text-gray-700">Feature</th>
+                    <th class="py-3 px-4 font-semibold text-gray-700">Flasher</th>
+                    <th class="py-3 px-4 font-semibold text-gray-700">Toastr</th>
+                    <th class="py-3 px-4 font-semibold text-gray-700">SweetAlert</th>
+                    <th class="py-3 px-4 font-semibold text-gray-700">Noty</th>
+                    <th class="py-3 px-4 font-semibold text-gray-700">Notyf</th>
+                </tr>
+            </thead>
+            <tbody class="text-gray-600">
+                <tr class="border-b border-gray-100">
+                    <td class="py-3 px-4">Toast Notifications</td>
+                    <td class="py-3 px-4 text-emerald-600">Yes</td>
+                    <td class="py-3 px-4 text-emerald-600">Yes</td>
+                    <td class="py-3 px-4 text-emerald-600">Yes</td>
+                    <td class="py-3 px-4 text-emerald-600">Yes</td>
+                    <td class="py-3 px-4 text-emerald-600">Yes</td>
+                </tr>
+                <tr class="border-b border-gray-100">
+                    <td class="py-3 px-4">Modal Dialogs</td>
+                    <td class="py-3 px-4 text-gray-400">No</td>
+                    <td class="py-3 px-4 text-gray-400">No</td>
+                    <td class="py-3 px-4 text-emerald-600">Yes</td>
+                    <td class="py-3 px-4 text-gray-400">No</td>
+                    <td class="py-3 px-4 text-gray-400">No</td>
+                </tr>
+                <tr class="border-b border-gray-100">
+                    <td class="py-3 px-4">Confirmations</td>
+                    <td class="py-3 px-4 text-gray-400">No</td>
+                    <td class="py-3 px-4 text-gray-400">No</td>
+                    <td class="py-3 px-4 text-emerald-600">Yes</td>
+                    <td class="py-3 px-4 text-emerald-600">Yes</td>
+                    <td class="py-3 px-4 text-gray-400">No</td>
+                </tr>
+                <tr class="border-b border-gray-100">
+                    <td class="py-3 px-4">Progress Bar</td>
+                    <td class="py-3 px-4 text-emerald-600">Yes</td>
+                    <td class="py-3 px-4 text-emerald-600">Yes</td>
+                    <td class="py-3 px-4 text-emerald-600">Yes</td>
+                    <td class="py-3 px-4 text-emerald-600">Yes</td>
+                    <td class="py-3 px-4 text-gray-400">No</td>
+                </tr>
+                <tr class="border-b border-gray-100">
+                    <td class="py-3 px-4">Built-in Themes</td>
+                    <td class="py-3 px-4 text-emerald-600">17+</td>
+                    <td class="py-3 px-4 text-emerald-600">4</td>
+                    <td class="py-3 px-4 text-emerald-600">1</td>
+                    <td class="py-3 px-4 text-emerald-600">5</td>
+                    <td class="py-3 px-4 text-emerald-600">1</td>
+                </tr>
+                <tr>
+                    <td class="py-3 px-4">Dependencies</td>
+                    <td class="py-3 px-4">None</td>
+                    <td class="py-3 px-4">jQuery</td>
+                    <td class="py-3 px-4">None</td>
+                    <td class="py-3 px-4">None</td>
+                    <td class="py-3 px-4">None</td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</div>
+@endsection

demo/laravel/resources/views/dashboard.blade.php

@@ -0,0 +1,83 @@
+@extends('layouts.app')
+
+@section('title', 'PHPFlasher Laravel Demo')
+
+@section('content')
+<div class="max-w-7xl mx-auto">
+    <div class="bg-white rounded-xl shadow-md overflow-hidden">
+        <div class="p-8">
+            <div class="uppercase tracking-wide text-sm text-indigo-600 font-semibold">Laravel Demo</div>
+            <h2 class="mt-2 text-3xl font-extrabold tracking-tight text-gray-900">Welcome to PHPFlasher</h2>
+            <p class="mt-4 text-lg text-gray-500">
+                PHPFlasher is a powerful notification library for PHP applications.
+                This demo shows how to use PHPFlasher in a Laravel project.
+            </p>
+
+            <div class="mt-8 grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
+                <!-- Feature Cards -->
+                <div class="bg-indigo-50 p-6 rounded-lg">
+                    <div class="text-indigo-600 mb-2">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
+                        </svg>
+                    </div>
+                    <h3 class="font-bold text-lg mb-2">Easy Integration</h3>
+                    <p class="text-gray-600">Simple API to create notifications from anywhere in your Laravel application.</p>
+                </div>
+
+                <div class="bg-emerald-50 p-6 rounded-lg">
+                    <div class="text-emerald-600 mb-2">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01" />
+                        </svg>
+                    </div>
+                    <h3 class="font-bold text-lg mb-2">Multiple Themes</h3>
+                    <p class="text-gray-600">Choose from 15+ beautiful themes or create your own custom themes.</p>
+                </div>
+
+                <div class="bg-amber-50 p-6 rounded-lg">
+                    <div class="text-amber-600 mb-2">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" />
+                        </svg>
+                    </div>
+                    <h3 class="font-bold text-lg mb-2">Flexible Positioning</h3>
+                    <p class="text-gray-600">Display notifications at any corner or side of your screen.</p>
+                </div>
+            </div>
+
+            <div class="mt-10">
+                <h3 class="text-lg font-medium text-gray-900">Try It Now</h3>
+                <div class="mt-4 flex flex-wrap gap-2">
+                    <a href="{{ route('all.types') }}" class="btn-primary">
+                        Show All Notification Types
+                    </a>
+                    <a href="{{ route('themes') }}" class="btn-outline">
+                        Explore Themes
+                    </a>
+                </div>
+            </div>
+
+            <div class="mt-10">
+                <h3 class="text-lg font-medium text-gray-900">Code Example</h3>
+                <div class="mt-4 code-block">
+                    <div class="code-header">
+                        <span>Basic Usage</span>
+                    </div>
+<pre><code class="language-php">// Display a success notification
+flash()->success('Item created successfully!');
+
+// Display an error notification
+flash()->error('An error occurred!');
+
+// Display a warning notification
+flash()->warning('Warning: This action cannot be undone.');
+
+// Display an info notification
+flash()->info('The task is running in the background.');</code></pre>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection

demo/laravel/resources/views/examples.blade.php

@@ -0,0 +1,349 @@
+@extends('layouts.app')
+
+@section('title', 'Real-World Examples')
+
+@section('content')
+<div class="mb-8">
+    <h1 class="section-title">Real-World Examples</h1>
+    <p class="section-subtitle">See how PHPFlasher handles common application scenarios. Click to run each example.</p>
+</div>
+
+<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+    {{-- User Registration --}}
+    <div class="card">
+        <div class="h-2 bg-gradient-to-r from-emerald-500 to-green-500"></div>
+        <div class="card-body">
+            <div class="flex items-center space-x-3 mb-4">
+                <div class="p-3 bg-emerald-100 rounded-xl">
+                    <svg class="w-6 h-6 text-emerald-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z"></path>
+                    </svg>
+                </div>
+                <div>
+                    <h3 class="text-lg font-bold text-gray-800">User Registration</h3>
+                    <p class="text-sm text-gray-500">Account creation flow</p>
+                </div>
+            </div>
+
+            <p class="text-gray-600 mb-4">Simulates a successful user registration with welcome message and email verification notice.</p>
+
+            <button onclick="runExample('registration')" class="btn btn-success w-full mb-4">
+                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path>
+                </svg>
+                Run Example
+            </button>
+
+            <div class="code-block">
+                <div class="code-header"><span>PHP</span></div>
+                <pre class="!m-0"><code class="language-php">flash()->success('Welcome! Your account has been created.');
+flash()->info('Please check your email to verify your account.');</code></pre>
+            </div>
+        </div>
+    </div>
+
+    {{-- Login Flow --}}
+    <div class="card">
+        <div class="h-2 bg-gradient-to-r from-rose-500 to-red-500"></div>
+        <div class="card-body">
+            <div class="flex items-center space-x-3 mb-4">
+                <div class="p-3 bg-rose-100 rounded-xl">
+                    <svg class="w-6 h-6 text-rose-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
+                    </svg>
+                </div>
+                <div>
+                    <h3 class="text-lg font-bold text-gray-800">Login Failed</h3>
+                    <p class="text-sm text-gray-500">Authentication error</p>
+                </div>
+            </div>
+
+            <p class="text-gray-600 mb-4">Shows how to display login failure messages with helpful guidance.</p>
+
+            <button onclick="runExample('login_failed')" class="btn btn-danger w-full mb-4">
+                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path>
+                </svg>
+                Run Example
+            </button>
+
+            <div class="code-block">
+                <div class="code-header"><span>PHP</span></div>
+                <pre class="!m-0"><code class="language-php">flash()->error('Invalid email or password.');
+flash()->info('Forgot your password? Click here to reset.');</code></pre>
+            </div>
+        </div>
+    </div>
+
+    {{-- Form Validation --}}
+    <div class="card">
+        <div class="h-2 bg-gradient-to-r from-amber-500 to-yellow-500"></div>
+        <div class="card-body">
+            <div class="flex items-center space-x-3 mb-4">
+                <div class="p-3 bg-amber-100 rounded-xl">
+                    <svg class="w-6 h-6 text-amber-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
+                    </svg>
+                </div>
+                <div>
+                    <h3 class="text-lg font-bold text-gray-800">Form Validation</h3>
+                    <p class="text-sm text-gray-500">Multiple field errors</p>
+                </div>
+            </div>
+
+            <p class="text-gray-600 mb-4">Demonstrates displaying multiple validation errors from a form submission.</p>
+
+            <button onclick="runExample('validation')" class="btn btn-warning w-full mb-4">
+                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path>
+                </svg>
+                Run Example
+            </button>
+
+            <div class="code-block">
+                <div class="code-header"><span>PHP</span></div>
+                <pre class="!m-0"><code class="language-php">flash()->error('The email field is required.');
+flash()->error('Password must be at least 8 characters.');
+flash()->error('Please accept the terms and conditions.');</code></pre>
+            </div>
+        </div>
+    </div>
+
+    {{-- Shopping Cart --}}
+    <div class="card">
+        <div class="h-2 bg-gradient-to-r from-indigo-500 to-purple-500"></div>
+        <div class="card-body">
+            <div class="flex items-center space-x-3 mb-4">
+                <div class="p-3 bg-indigo-100 rounded-xl">
+                    <svg class="w-6 h-6 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
+                    </svg>
+                </div>
+                <div>
+                    <h3 class="text-lg font-bold text-gray-800">Shopping Cart</h3>
+                    <p class="text-sm text-gray-500">E-commerce interactions</p>
+                </div>
+            </div>
+
+            <p class="text-gray-600 mb-4">Shows notifications for adding items to cart with stock warnings and promotions.</p>
+
+            <button onclick="runExample('shopping_cart')" class="btn btn-primary w-full mb-4">
+                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path>
+                </svg>
+                Run Example
+            </button>
+
+            <div class="code-block">
+                <div class="code-header"><span>PHP</span></div>
+                <pre class="!m-0"><code class="language-php">flash()->success('iPhone 15 Pro added to cart!');
+flash()->warning('Only 2 items left in stock!');
+flash()->info('Add $20 more for free shipping!');</code></pre>
+            </div>
+        </div>
+    </div>
+
+    {{-- File Upload --}}
+    <div class="card">
+        <div class="h-2 bg-gradient-to-r from-sky-500 to-cyan-500"></div>
+        <div class="card-body">
+            <div class="flex items-center space-x-3 mb-4">
+                <div class="p-3 bg-sky-100 rounded-xl">
+                    <svg class="w-6 h-6 text-sky-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"></path>
+                    </svg>
+                </div>
+                <div>
+                    <h3 class="text-lg font-bold text-gray-800">File Upload</h3>
+                    <p class="text-sm text-gray-500">Upload progress and status</p>
+                </div>
+            </div>
+
+            <p class="text-gray-600 mb-4">Demonstrates file upload progress with success and additional info.</p>
+
+            <button onclick="runExample('file_upload')" class="btn btn-info w-full mb-4">
+                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path>
+                </svg>
+                Run Example
+            </button>
+
+            <div class="code-block">
+                <div class="code-header"><span>PHP</span></div>
+                <pre class="!m-0"><code class="language-php">flash()->success('document.pdf uploaded successfully!');
+flash()->info('File size: 2.4 MB');</code></pre>
+            </div>
+        </div>
+    </div>
+
+    {{-- Settings Saved --}}
+    <div class="card">
+        <div class="h-2 bg-gradient-to-r from-teal-500 to-green-500"></div>
+        <div class="card-body">
+            <div class="flex items-center space-x-3 mb-4">
+                <div class="p-3 bg-teal-100 rounded-xl">
+                    <svg class="w-6 h-6 text-teal-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"></path>
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
+                    </svg>
+                </div>
+                <div>
+                    <h3 class="text-lg font-bold text-gray-800">Settings Saved</h3>
+                    <p class="text-sm text-gray-500">Preferences updated</p>
+                </div>
+            </div>
+
+            <p class="text-gray-600 mb-4">Shows settings save confirmation with additional context.</p>
+
+            <button onclick="runExample('settings')" class="btn btn-success w-full mb-4">
+                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path>
+                </svg>
+                Run Example
+            </button>
+
+            <div class="code-block">
+                <div class="code-header"><span>PHP</span></div>
+                <pre class="!m-0"><code class="language-php">flash()->success('Settings saved successfully!');
+flash()->info('Some changes may require a page refresh.');</code></pre>
+            </div>
+        </div>
+    </div>
+
+    {{-- Payment Success --}}
+    <div class="card">
+        <div class="h-2 bg-gradient-to-r from-green-500 to-emerald-500"></div>
+        <div class="card-body">
+            <div class="flex items-center space-x-3 mb-4">
+                <div class="p-3 bg-green-100 rounded-xl">
+                    <svg class="w-6 h-6 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"></path>
+                    </svg>
+                </div>
+                <div>
+                    <h3 class="text-lg font-bold text-gray-800">Payment Success</h3>
+                    <p class="text-sm text-gray-500">Transaction completed</p>
+                </div>
+            </div>
+
+            <p class="text-gray-600 mb-4">Payment confirmation with order details and receipt notification.</p>
+
+            <button onclick="runExample('payment_success')" class="btn btn-success w-full mb-4">
+                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path>
+                </svg>
+                Run Example
+            </button>
+
+            <div class="code-block">
+                <div class="code-header"><span>PHP</span></div>
+                <pre class="!m-0"><code class="language-php">flash()->success('Payment of $149.99 confirmed!');
+flash()->info('Order #12345 - Receipt sent to your email.');</code></pre>
+            </div>
+        </div>
+    </div>
+
+    {{-- Payment Failed --}}
+    <div class="card">
+        <div class="h-2 bg-gradient-to-r from-red-500 to-rose-500"></div>
+        <div class="card-body">
+            <div class="flex items-center space-x-3 mb-4">
+                <div class="p-3 bg-red-100 rounded-xl">
+                    <svg class="w-6 h-6 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                    </svg>
+                </div>
+                <div>
+                    <h3 class="text-lg font-bold text-gray-800">Payment Failed</h3>
+                    <p class="text-sm text-gray-500">Transaction declined</p>
+                </div>
+            </div>
+
+            <p class="text-gray-600 mb-4">Payment failure with helpful guidance for resolving the issue.</p>
+
+            <button onclick="runExample('payment_failed')" class="btn btn-danger w-full mb-4">
+                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path>
+                </svg>
+                Run Example
+            </button>
+
+            <div class="code-block">
+                <div class="code-header"><span>PHP</span></div>
+                <pre class="!m-0"><code class="language-php">flash()->error('Payment declined by your bank.');
+flash()->warning('Please try a different payment method.');
+flash()->info('Your cart has been saved.');</code></pre>
+            </div>
+        </div>
+    </div>
+
+    {{-- Delete Confirmation --}}
+    <div class="card">
+        <div class="h-2 bg-gradient-to-r from-pink-500 to-rose-500"></div>
+        <div class="card-body">
+            <div class="flex items-center space-x-3 mb-4">
+                <div class="p-3 bg-pink-100 rounded-xl">
+                    <svg class="w-6 h-6 text-pink-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path>
+                    </svg>
+                </div>
+                <div>
+                    <h3 class="text-lg font-bold text-gray-800">Delete Confirmation</h3>
+                    <p class="text-sm text-gray-500">SweetAlert dialog</p>
+                </div>
+            </div>
+
+            <p class="text-gray-600 mb-4">Uses SweetAlert for a confirmation dialog before deleting.</p>
+
+            <button onclick="runExample('delete_confirm')" class="btn btn-danger w-full mb-4">
+                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path>
+                </svg>
+                Run Example
+            </button>
+
+            <div class="code-block">
+                <div class="code-header"><span>PHP</span></div>
+                <pre class="!m-0"><code class="language-php">sweetalert()
+    ->showCancelButton()
+    ->confirmButtonText('Yes, delete it!')
+    ->cancelButtonText('Cancel')
+    ->warning('Are you sure? This cannot be undone.');</code></pre>
+            </div>
+        </div>
+    </div>
+
+    {{-- Session Expiring --}}
+    <div class="card">
+        <div class="h-2 bg-gradient-to-r from-orange-500 to-amber-500"></div>
+        <div class="card-body">
+            <div class="flex items-center space-x-3 mb-4">
+                <div class="p-3 bg-orange-100 rounded-xl">
+                    <svg class="w-6 h-6 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                    </svg>
+                </div>
+                <div>
+                    <h3 class="text-lg font-bold text-gray-800">Session Expiring</h3>
+                    <p class="text-sm text-gray-500">Timeout warning</p>
+                </div>
+            </div>
+
+            <p class="text-gray-600 mb-4">Alerts user when their session is about to expire.</p>
+
+            <button onclick="runExample('session_expiring')" class="btn btn-warning w-full mb-4">
+                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path>
+                </svg>
+                Run Example
+            </button>
+
+            <div class="code-block">
+                <div class="code-header"><span>PHP</span></div>
+                <pre class="!m-0"><code class="language-php">flash()->warning('Your session will expire in 5 minutes.');
+flash()->info('Click anywhere to stay logged in.');</code></pre>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection

demo/laravel/resources/views/form.blade.php

@@ -0,0 +1,67 @@
+@extends('layouts.app')
+
+@section('title', 'Form Example - PHPFlasher Laravel Demo')
+
+@section('content')
+<div class="max-w-4xl mx-auto">
+    <div class="bg-white rounded-xl shadow-md overflow-hidden">
+        <div class="p-8">
+            <h2 class="text-2xl font-bold text-gray-900 mb-6">Contact Form Example</h2>
+
+            <div class="mb-8">
+                <p class="text-gray-600">
+                    This example demonstrates how PHPFlasher can be used to display form validation errors and success messages.
+                </p>
+            </div>
+
+            <div class="code-block mb-8">
+                <div class="code-header">
+                    <span>Controller Code</span>
+                </div>
+<pre><code class="language-php">public function processForm(Request $request)
+{
+    $validator = Validator::make($request->all(), [
+        'name' => 'required|min:2|max:50',
+        'email' => 'required|email',
+        'subject' => 'required|min:5',
+        'message' => 'required|min:10',
+    ]);
+
+    if ($validator->fails()) {
+        flash()->error('Please fix the errors in the form!');
+        return redirect()->back()
+            ->withErrors($validator)
+            ->withInput();
+    }
+
+    // Success scenario
+    flash()
+        ->success('Your message has been sent successfully!')
+        ->option('timeout', 8000);
+
+    return redirect()->route('form.example');
+}</code></pre>
+            </div>
+
+            <form action="{{ route('form.process') }}" method="POST" class="space-y-6">
+                @csrf
+
+                <div>
+                    <label for="name" class="block text-sm font-medium text-gray-700">Name</label>
+                    <input type="text" name="name" id="name" value="{{ old('name') }}" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500">
+                    @error('name')
+                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
+                    @enderror
+                </div>
+
+                <div>
+                    <label for="email" class="block text-sm font-medium text-gray-700">Email</label>
+                    <input type="email" name="email" id="email" value="{{ old('email') }}" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500">
+                    @error('email')
+                        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
+                    @enderror
+                </div>
+
+                <div>
+                    <label for="subject" class="block text-sm font-medium text-gray-700">Subject</label>
+                    <input type="text" name="subject" id="subject" value="{{ old('subject

demo/laravel/resources/views/home.blade.php

@@ -0,0 +1,197 @@
+@extends('layouts.app')
+
+@section('title', 'Home')
+
+@section('content')
+{{-- Hero Section --}}
+<div class="text-center mb-12">
+    <h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-4">
+        Beautiful Flash Notifications
+    </h1>
+    <p class="text-xl text-gray-600 max-w-2xl mx-auto mb-8">
+        PHPFlasher makes it easy to add elegant notifications to your Laravel application.
+        Try the quick demos below!
+    </p>
+
+    {{-- Quick Demo Buttons --}}
+    <div class="flex flex-wrap justify-center gap-3 mb-8">
+        <button onclick="showNotification({type: 'success', message: 'Operation completed successfully!', title: 'Success'})"
+                class="btn btn-success">
+            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
+            </svg>
+            Success
+        </button>
+        <button onclick="showNotification({type: 'error', message: 'Something went wrong. Please try again.', title: 'Error'})"
+                class="btn btn-danger">
+            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
+            </svg>
+            Error
+        </button>
+        <button onclick="showNotification({type: 'warning', message: 'Please review your input before continuing.', title: 'Warning'})"
+                class="btn btn-warning">
+            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path>
+            </svg>
+            Warning
+        </button>
+        <button onclick="showNotification({type: 'info', message: 'Here is some useful information for you.', title: 'Info'})"
+                class="btn btn-info">
+            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+            </svg>
+            Info
+        </button>
+    </div>
+</div>
+
+{{-- Features Grid --}}
+<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12">
+    {{-- Feature 1: Types --}}
+    <a href="{{ route('types') }}" class="card group">
+        <div class="h-2 bg-gradient-to-r from-emerald-500 to-teal-500"></div>
+        <div class="card-body">
+            <div class="flex items-center space-x-3 mb-3">
+                <div class="p-2 bg-emerald-100 rounded-lg group-hover:bg-emerald-200 transition-colors">
+                    <svg class="w-6 h-6 text-emerald-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"></path>
+                    </svg>
+                </div>
+                <h3 class="text-xl font-bold text-gray-800">Notification Types</h3>
+            </div>
+            <p class="text-gray-600">Success, error, warning, and info notifications for every use case.</p>
+        </div>
+    </a>
+
+    {{-- Feature 2: Themes --}}
+    <a href="{{ route('themes') }}" class="card group">
+        <div class="h-2 bg-gradient-to-r from-purple-500 to-pink-500"></div>
+        <div class="card-body">
+            <div class="flex items-center space-x-3 mb-3">
+                <div class="p-2 bg-purple-100 rounded-lg group-hover:bg-purple-200 transition-colors">
+                    <svg class="w-6 h-6 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"></path>
+                    </svg>
+                </div>
+                <h3 class="text-xl font-bold text-gray-800">17+ Themes</h3>
+            </div>
+            <p class="text-gray-600">Material, iOS, Slack, Amazon, and many more beautiful themes.</p>
+        </div>
+    </a>
+
+    {{-- Feature 3: Adapters --}}
+    <a href="{{ route('adapters') }}" class="card group">
+        <div class="h-2 bg-gradient-to-r from-blue-500 to-cyan-500"></div>
+        <div class="card-body">
+            <div class="flex items-center space-x-3 mb-3">
+                <div class="p-2 bg-blue-100 rounded-lg group-hover:bg-blue-200 transition-colors">
+                    <svg class="w-6 h-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 14v6m-3-3h6M6 10h2a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2zm10 0h2a2 2 0 002-2V6a2 2 0 00-2-2h-2a2 2 0 00-2 2v2a2 2 0 002 2zM6 20h2a2 2 0 002-2v-2a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2z"></path>
+                    </svg>
+                </div>
+                <h3 class="text-xl font-bold text-gray-800">Multiple Adapters</h3>
+            </div>
+            <p class="text-gray-600">Toastr, SweetAlert, Noty, and Notyf adapters included.</p>
+        </div>
+    </a>
+
+    {{-- Feature 4: Positions --}}
+    <a href="{{ route('positions') }}" class="card group">
+        <div class="h-2 bg-gradient-to-r from-amber-500 to-orange-500"></div>
+        <div class="card-body">
+            <div class="flex items-center space-x-3 mb-3">
+                <div class="p-2 bg-amber-100 rounded-lg group-hover:bg-amber-200 transition-colors">
+                    <svg class="w-6 h-6 text-amber-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"></path>
+                    </svg>
+                </div>
+                <h3 class="text-xl font-bold text-gray-800">Flexible Positions</h3>
+            </div>
+            <p class="text-gray-600">Place notifications anywhere on the screen.</p>
+        </div>
+    </a>
+
+    {{-- Feature 5: Examples --}}
+    <a href="{{ route('examples') }}" class="card group">
+        <div class="h-2 bg-gradient-to-r from-rose-500 to-red-500"></div>
+        <div class="card-body">
+            <div class="flex items-center space-x-3 mb-3">
+                <div class="p-2 bg-rose-100 rounded-lg group-hover:bg-rose-200 transition-colors">
+                    <svg class="w-6 h-6 text-rose-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path>
+                    </svg>
+                </div>
+                <h3 class="text-xl font-bold text-gray-800">Real Examples</h3>
+            </div>
+            <p class="text-gray-600">User registration, shopping cart, payments, and more.</p>
+        </div>
+    </a>
+
+    {{-- Feature 6: Playground --}}
+    <a href="{{ route('playground') }}" class="card group">
+        <div class="h-2 bg-gradient-to-r from-indigo-500 to-violet-500"></div>
+        <div class="card-body">
+            <div class="flex items-center space-x-3 mb-3">
+                <div class="p-2 bg-indigo-100 rounded-lg group-hover:bg-indigo-200 transition-colors">
+                    <svg class="w-6 h-6 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path>
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                    </svg>
+                </div>
+                <h3 class="text-xl font-bold text-gray-800">Interactive Playground</h3>
+            </div>
+            <p class="text-gray-600">Build and customize notifications in real-time.</p>
+        </div>
+    </a>
+</div>
+
+{{-- Quick Start Code --}}
+<div class="card mb-12">
+    <div class="card-header">
+        <h2 class="text-xl font-bold text-gray-800">Quick Start</h2>
+    </div>
+    <div class="card-body">
+        <p class="text-gray-600 mb-4">Get started with PHPFlasher in seconds. Just install and use!</p>
+
+        <div class="code-block">
+            <div class="code-header">
+                <span>Installation</span>
+            </div>
+            <pre class="!m-0"><code class="language-bash">composer require php-flasher/flasher-laravel</code></pre>
+        </div>
+
+        <div class="code-block">
+            <div class="code-header">
+                <span>Usage</span>
+            </div>
+            <pre class="!m-0"><code class="language-php">// In your controller
+flash()->success('Profile updated successfully!');
+
+// With options
+flash()->success('Welcome back!', [
+    'position' => 'top-right',
+    'timeout' => 5000,
+]);
+
+// Using themes
+flash()->use('theme.material')->info('New feature available!');</code></pre>
+        </div>
+    </div>
+</div>
+
+{{-- CTA Section --}}
+<div class="bg-gradient-to-r from-indigo-600 to-purple-600 rounded-2xl p-8 text-center text-white">
+    <h2 class="text-2xl md:text-3xl font-bold mb-4">Ready to try PHPFlasher?</h2>
+    <p class="text-indigo-100 mb-6 max-w-xl mx-auto">
+        Explore the interactive playground to customize notifications and see the generated code.
+    </p>
+    <a href="{{ route('playground') }}" class="inline-flex items-center px-6 py-3 bg-white text-indigo-600 font-semibold rounded-lg hover:bg-indigo-50 transition-colors">
+        <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path>
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+        </svg>
+        Open Playground
+    </a>
+</div>
+@endsection

demo/laravel/resources/views/layouts/app.blade.php

@@ -0,0 +1,297 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+    <title>@yield('title', 'PHPFlasher Demo') - Laravel</title>
+
+    {{-- Tailwind CSS v4 CDN --}}
+    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+
+    {{-- Prism.js for syntax highlighting --}}
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/toolbar/prism-toolbar.min.css">
+
+    {{-- Prism.js code block fixes --}}
+    <style>
+        .code-block pre {
+            margin: 0 !important;
+            border-radius: 0 !important;
+            background: #2d2d2d !important;
+            padding: 1rem !important;
+            overflow-x: auto;
+        }
+        .code-block code[class*="language-"] {
+            font-size: 0.875rem;
+            line-height: 1.6;
+            background: transparent !important;
+        }
+    </style>
+
+    {{-- Custom Tailwind components --}}
+    <style type="text/tailwindcss">
+        @layer components {
+            .btn {
+                @apply px-4 py-2 rounded-lg font-medium transition-all duration-200 focus:outline-none focus:ring-2 inline-flex items-center justify-center gap-2 cursor-pointer;
+            }
+            .btn-primary {
+                @apply bg-indigo-600 text-white hover:bg-indigo-700 focus:ring-indigo-500/50;
+            }
+            .btn-success {
+                @apply bg-emerald-600 text-white hover:bg-emerald-700 focus:ring-emerald-500/50;
+            }
+            .btn-danger {
+                @apply bg-rose-600 text-white hover:bg-rose-700 focus:ring-rose-500/50;
+            }
+            .btn-warning {
+                @apply bg-amber-500 text-white hover:bg-amber-600 focus:ring-amber-400/50;
+            }
+            .btn-info {
+                @apply bg-sky-500 text-white hover:bg-sky-600 focus:ring-sky-400/50;
+            }
+            .btn-outline {
+                @apply border border-gray-300 text-gray-700 bg-white hover:bg-gray-50 focus:ring-indigo-500/50;
+            }
+            .btn-sm {
+                @apply px-3 py-1.5 text-sm;
+            }
+            .card {
+                @apply bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-300;
+            }
+            .card-header {
+                @apply px-6 py-4 border-b border-gray-100;
+            }
+            .card-body {
+                @apply p-6;
+            }
+            .code-block {
+                @apply rounded-lg overflow-hidden shadow-lg my-4;
+            }
+            .code-header {
+                @apply bg-gray-800 text-gray-300 px-4 py-2 flex justify-between items-center text-sm font-mono;
+            }
+            .section-title {
+                @apply text-2xl font-bold text-gray-800 mb-2;
+            }
+            .section-subtitle {
+                @apply text-gray-600 mb-6;
+            }
+            .nav-link {
+                @apply px-3 py-2 rounded-lg text-gray-600 hover:text-indigo-600 hover:bg-indigo-50 transition-colors font-medium;
+            }
+            .nav-link-active {
+                @apply text-indigo-600 bg-indigo-50;
+            }
+        }
+    </style>
+
+    @stack('styles')
+
+    {{-- Preload theme CSS for playground --}}
+    <link rel="stylesheet" href="/vendor/flasher/flasher.min.css">
+    <link rel="stylesheet" href="/vendor/flasher/themes/flasher/flasher.min.css">
+    <link rel="stylesheet" href="/vendor/flasher/themes/material/material.min.css">
+    <link rel="stylesheet" href="/vendor/flasher/themes/ios/ios.min.css">
+    <link rel="stylesheet" href="/vendor/flasher/themes/slack/slack.min.css">
+    <link rel="stylesheet" href="/vendor/flasher/themes/amazon/amazon.min.css">
+    <link rel="stylesheet" href="/vendor/flasher/themes/google/google.min.css">
+
+    {{-- Load main flasher script first, then themes --}}
+    <script src="/vendor/flasher/flasher.min.js"></script>
+    <script src="/vendor/flasher/themes/flasher/flasher.min.js"></script>
+    <script src="/vendor/flasher/themes/material/material.min.js"></script>
+    <script src="/vendor/flasher/themes/ios/ios.min.js"></script>
+    <script src="/vendor/flasher/themes/slack/slack.min.js"></script>
+    <script src="/vendor/flasher/themes/amazon/amazon.min.js"></script>
+    <script src="/vendor/flasher/themes/google/google.min.js"></script>
+
+    {{-- Render server-side notifications --}}
+    @flasher_render
+</head>
+<body class="bg-gray-50 antialiased text-gray-900 min-h-screen flex flex-col">
+    {{-- Header --}}
+    <header class="bg-white border-b border-gray-200 sticky top-0 z-50">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="flex justify-between items-center h-16">
+                {{-- Logo --}}
+                <a href="{{ route('home') }}" class="flex items-center space-x-2">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-indigo-600" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z" />
+                    </svg>
+                    <span class="text-xl font-bold text-gray-900">PHPFlasher</span>
+                    <span class="hidden sm:inline-block px-2 py-0.5 text-xs font-medium bg-red-100 text-red-600 rounded-full">Laravel</span>
+                </a>
+
+                {{-- Desktop Navigation --}}
+                <nav class="hidden md:flex items-center space-x-1">
+                    <a href="{{ route('home') }}" class="nav-link @if(request()->routeIs('home')) nav-link-active @endif">Home</a>
+                    <a href="{{ route('types') }}" class="nav-link @if(request()->routeIs('types')) nav-link-active @endif">Types</a>
+                    <a href="{{ route('themes') }}" class="nav-link @if(request()->routeIs('themes')) nav-link-active @endif">Themes</a>
+                    <a href="{{ route('adapters') }}" class="nav-link @if(request()->routeIs('adapters')) nav-link-active @endif">Adapters</a>
+                    <a href="{{ route('positions') }}" class="nav-link @if(request()->routeIs('positions')) nav-link-active @endif">Positions</a>
+                    <a href="{{ route('examples') }}" class="nav-link @if(request()->routeIs('examples')) nav-link-active @endif">Examples</a>
+                    <a href="{{ route('playground') }}" class="nav-link @if(request()->routeIs('playground')) nav-link-active @endif">Playground</a>
+                    <a href="{{ route('livewire') }}" class="nav-link @if(request()->routeIs('livewire')) nav-link-active @endif">Livewire</a>
+                </nav>
+
+                {{-- External Links --}}
+                <div class="hidden md:flex items-center space-x-3">
+                    <a href="https://github.com/php-flasher/php-flasher" target="_blank" class="text-gray-500 hover:text-gray-700">
+                        <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
+                    </a>
+                    <a href="https://php-flasher.io" target="_blank" class="btn btn-primary btn-sm">
+                        Documentation
+                    </a>
+                </div>
+
+                {{-- Mobile menu button --}}
+                <button id="mobile-menu-btn" class="md:hidden p-2 rounded-lg text-gray-500 hover:bg-gray-100">
+                    <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+                    </svg>
+                </button>
+            </div>
+        </div>
+
+        {{-- Mobile Navigation --}}
+        <div id="mobile-menu" class="hidden md:hidden border-t border-gray-200 bg-white">
+            <div class="px-4 py-3 space-y-1">
+                <a href="{{ route('home') }}" class="block px-3 py-2 rounded-lg @if(request()->routeIs('home')) bg-indigo-50 text-indigo-600 @else text-gray-600 hover:bg-gray-50 @endif">Home</a>
+                <a href="{{ route('types') }}" class="block px-3 py-2 rounded-lg @if(request()->routeIs('types')) bg-indigo-50 text-indigo-600 @else text-gray-600 hover:bg-gray-50 @endif">Types</a>
+                <a href="{{ route('themes') }}" class="block px-3 py-2 rounded-lg @if(request()->routeIs('themes')) bg-indigo-50 text-indigo-600 @else text-gray-600 hover:bg-gray-50 @endif">Themes</a>
+                <a href="{{ route('adapters') }}" class="block px-3 py-2 rounded-lg @if(request()->routeIs('adapters')) bg-indigo-50 text-indigo-600 @else text-gray-600 hover:bg-gray-50 @endif">Adapters</a>
+                <a href="{{ route('positions') }}" class="block px-3 py-2 rounded-lg @if(request()->routeIs('positions')) bg-indigo-50 text-indigo-600 @else text-gray-600 hover:bg-gray-50 @endif">Positions</a>
+                <a href="{{ route('examples') }}" class="block px-3 py-2 rounded-lg @if(request()->routeIs('examples')) bg-indigo-50 text-indigo-600 @else text-gray-600 hover:bg-gray-50 @endif">Examples</a>
+                <a href="{{ route('playground') }}" class="block px-3 py-2 rounded-lg @if(request()->routeIs('playground')) bg-indigo-50 text-indigo-600 @else text-gray-600 hover:bg-gray-50 @endif">Playground</a>
+                <a href="{{ route('livewire') }}" class="block px-3 py-2 rounded-lg @if(request()->routeIs('livewire')) bg-indigo-50 text-indigo-600 @else text-gray-600 hover:bg-gray-50 @endif">Livewire</a>
+            </div>
+        </div>
+    </header>
+
+    {{-- Main Content --}}
+    <main class="flex-1">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+            @yield('content')
+        </div>
+    </main>
+
+    {{-- Footer --}}
+    <footer class="bg-white border-t border-gray-200 mt-auto">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
+            <div class="flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0">
+                <div class="flex items-center space-x-2 text-gray-500">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z" />
+                    </svg>
+                    <span>PHPFlasher Demo</span>
+                </div>
+                <div class="flex items-center space-x-6 text-sm text-gray-500">
+                    <a href="https://php-flasher.io" target="_blank" class="hover:text-indigo-600">Documentation</a>
+                    <a href="https://github.com/php-flasher/php-flasher" target="_blank" class="hover:text-indigo-600">GitHub</a>
+                    <span>Made with ❤️ by <a href="https://github.com/yoeunes" target="_blank" class="hover:text-indigo-600">Younes</a></span>
+                </div>
+            </div>
+        </div>
+    </footer>
+
+    {{-- Scripts --}}
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-markup-templating.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-php.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/toolbar/prism-toolbar.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js"></script>
+
+    <script>
+        // Mobile menu toggle
+        document.getElementById('mobile-menu-btn')?.addEventListener('click', function() {
+            document.getElementById('mobile-menu')?.classList.toggle('hidden');
+        });
+
+        // CSRF token for AJAX requests
+        window.csrfToken = '{{ csrf_token() }}';
+
+        // Helper function for notifications using PHPFlasher's JavaScript API
+        window.showNotification = function(options) {
+            const type = options.type || 'success';
+            const message = options.message || 'Notification message';
+            const title = options.title || null;
+            const position = options.position || 'top-right';
+            const timeout = options.timeout || 5000;
+
+            // Use the theme if specified
+            let plugin = 'flasher';
+            if (options.theme && options.theme !== 'flasher') {
+                plugin = 'theme.' + options.theme;
+            }
+
+            // Build notification options
+            const notificationOptions = {
+                position: position,
+                timeout: timeout,
+            };
+
+            // Call PHPFlasher's JavaScript API
+            flasher.use(plugin).flash(type, message, title, notificationOptions);
+        };
+
+        // Helper function for running examples using client-side notifications
+        window.runExample = function(scenario) {
+            const examples = {
+                registration: [
+                    { type: 'success', message: 'Welcome! Your account has been created.' },
+                    { type: 'info', message: 'Please check your email to verify your account.' }
+                ],
+                login_failed: [
+                    { type: 'error', message: 'Invalid email or password.' },
+                    { type: 'info', message: 'Forgot your password? Click here to reset.' }
+                ],
+                validation: [
+                    { type: 'error', message: 'The email field is required.' },
+                    { type: 'error', message: 'Password must be at least 8 characters.' },
+                    { type: 'error', message: 'Please accept the terms and conditions.' }
+                ],
+                shopping_cart: [
+                    { type: 'success', message: 'iPhone 15 Pro added to cart!' },
+                    { type: 'warning', message: 'Only 2 items left in stock!' },
+                    { type: 'info', message: 'Add $20 more for free shipping!' }
+                ],
+                file_upload: [
+                    { type: 'success', message: 'document.pdf uploaded successfully!' },
+                    { type: 'info', message: 'File size: 2.4 MB' }
+                ],
+                settings: [
+                    { type: 'success', message: 'Settings saved successfully!' },
+                    { type: 'info', message: 'Some changes may require a page refresh.' }
+                ],
+                payment_success: [
+                    { type: 'success', message: 'Payment of $149.99 confirmed!' },
+                    { type: 'info', message: 'Order #12345 - Receipt sent to your email.' }
+                ],
+                payment_failed: [
+                    { type: 'error', message: 'Payment declined by your bank.' },
+                    { type: 'warning', message: 'Please try a different payment method.' },
+                    { type: 'info', message: 'Your cart has been saved.' }
+                ],
+                delete_confirm: [
+                    { type: 'warning', message: 'Are you sure? This action cannot be undone.' },
+                    { type: 'info', message: 'Click confirm to delete or cancel to keep the item.' }
+                ],
+                session_expiring: [
+                    { type: 'warning', message: 'Your session will expire in 5 minutes.' },
+                    { type: 'info', message: 'Click anywhere to stay logged in.' }
+                ]
+            };
+
+            const notifications = examples[scenario] || [{ type: 'info', message: 'Example not found' }];
+            notifications.forEach((notification, index) => {
+                setTimeout(() => {
+                    flasher.flash(notification.type, notification.message);
+                }, index * 300);
+            });
+        };
+    </script>
+
+    @stack('scripts')
+</body>
+</html>

demo/laravel/resources/views/livewire.blade.php

@@ -0,0 +1,220 @@
+@extends('layouts.app')
+
+@section('title', 'Livewire Integration')
+
+@section('content')
+<div class="mb-8">
+    <h1 class="section-title">Livewire Integration</h1>
+    <p class="section-subtitle">PHPFlasher works seamlessly with Laravel Livewire. See live examples below.</p>
+</div>
+
+<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
+    {{-- Counter Component --}}
+    <div class="card">
+        <div class="h-2 bg-gradient-to-r from-indigo-500 to-purple-500"></div>
+        <div class="card-body">
+            <div class="flex items-center space-x-3 mb-6">
+                <div class="p-3 bg-indigo-100 rounded-xl">
+                    <svg class="w-6 h-6 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"></path>
+                    </svg>
+                </div>
+                <div>
+                    <h3 class="text-lg font-bold text-gray-800">Counter Component</h3>
+                    <p class="text-sm text-gray-500">Simple state management</p>
+                </div>
+            </div>
+
+            @livewire('counter')
+
+            <div class="code-block mt-6">
+                <div class="code-header">
+                    <span>app/Livewire/Counter.php</span>
+                </div>
+                <pre class="!m-0"><code class="language-php">class Counter extends Component
+{
+    public int $count = 0;
+
+    public function increment(): void
+    {
+        $this->count++;
+        flash()->success("Count increased to {$this->count}!");
+    }
+
+    public function decrement(): void
+    {
+        $this->count--;
+        flash()->warning("Count decreased to {$this->count}");
+    }
+
+    public function reset(): void
+    {
+        $this->count = 0;
+        flash()->info('Counter has been reset.');
+    }
+}</code></pre>
+            </div>
+        </div>
+    </div>
+
+    {{-- Contact Form Component --}}
+    <div class="card">
+        <div class="h-2 bg-gradient-to-r from-emerald-500 to-teal-500"></div>
+        <div class="card-body">
+            <div class="flex items-center space-x-3 mb-6">
+                <div class="p-3 bg-emerald-100 rounded-xl">
+                    <svg class="w-6 h-6 text-emerald-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
+                    </svg>
+                </div>
+                <div>
+                    <h3 class="text-lg font-bold text-gray-800">Contact Form</h3>
+                    <p class="text-sm text-gray-500">Form validation example</p>
+                </div>
+            </div>
+
+            @livewire('contact-form')
+
+            <div class="code-block mt-6">
+                <div class="code-header">
+                    <span>app/Livewire/ContactForm.php</span>
+                </div>
+                <pre class="!m-0"><code class="language-php">class ContactForm extends Component
+{
+    public string $name = '';
+    public string $email = '';
+    public string $message = '';
+
+    protected $rules = [
+        'name' => 'required|min:2',
+        'email' => 'required|email',
+        'message' => 'required|min:10',
+    ];
+
+    public function submit(): void
+    {
+        $this->validate();
+
+        // Process form...
+
+        flash()->success('Message sent successfully!');
+        flash()->info('We will respond within 24 hours.');
+
+        $this->reset(['name', 'email', 'message']);
+    }
+}</code></pre>
+            </div>
+        </div>
+    </div>
+</div>
+
+{{-- SweetAlert Events --}}
+<div class="card mt-8">
+    <div class="h-2 bg-gradient-to-r from-pink-500 to-rose-500"></div>
+    <div class="card-body">
+        <div class="flex items-center space-x-3 mb-6">
+            <div class="p-3 bg-pink-100 rounded-xl">
+                <svg class="w-6 h-6 text-pink-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path>
+                </svg>
+            </div>
+            <div>
+                <h3 class="text-lg font-bold text-gray-800">SweetAlert Confirmations</h3>
+                <p class="text-sm text-gray-500">Handle dialog responses in Livewire</p>
+            </div>
+        </div>
+
+        @livewire('delete-item')
+
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mt-6">
+            <div class="code-block">
+                <div class="code-header">
+                    <span>Component</span>
+                </div>
+                <pre class="!m-0"><code class="language-php">class DeleteItem extends Component
+{
+    protected $listeners = [
+        'sweetalert:confirmed' => 'onConfirmed',
+        'sweetalert:denied' => 'onDenied',
+    ];
+
+    public function confirmDelete(): void
+    {
+        sweetalert()
+            ->showDenyButton()
+            ->showCancelButton()
+            ->confirmButtonText('Yes, delete!')
+            ->denyButtonText('Keep it')
+            ->warning('Delete this item?');
+    }
+
+    public function onConfirmed(array $payload): void
+    {
+        // Delete the item...
+        flash()->success('Item deleted!');
+    }
+
+    public function onDenied(array $payload): void
+    {
+        flash()->info('Item was kept.');
+    }
+}</code></pre>
+            </div>
+
+            <div class="code-block">
+                <div class="code-header">
+                    <span>Blade Template</span>
+                </div>
+                <pre class="!m-0"><code class="language-php">&lt;div&gt;
+    &lt;button wire:click="confirmDelete"
+            class="btn btn-danger"&gt;
+        Delete Item
+    &lt;/button&gt;
+&lt;/div&gt;</code></pre>
+            </div>
+        </div>
+    </div>
+</div>
+
+{{-- Installation Guide --}}
+<div class="card mt-8">
+    <div class="card-header">
+        <h2 class="text-xl font-bold text-gray-800">Livewire Setup</h2>
+    </div>
+    <div class="card-body">
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+            <div>
+                <h3 class="font-semibold text-gray-800 mb-3">1. Install PHPFlasher</h3>
+                <div class="code-block">
+                    <div class="code-header"><span>Terminal</span></div>
+                    <pre class="!m-0"><code class="language-bash">composer require php-flasher/flasher-laravel</code></pre>
+                </div>
+            </div>
+
+            <div>
+                <h3 class="font-semibold text-gray-800 mb-3">2. Use in Components</h3>
+                <div class="code-block">
+                    <div class="code-header"><span>PHP</span></div>
+                    <pre class="!m-0"><code class="language-php">public function save()
+{
+    // Your logic...
+    flash()->success('Saved!');
+}</code></pre>
+                </div>
+            </div>
+        </div>
+
+        <div class="mt-6 p-4 bg-indigo-50 rounded-lg">
+            <div class="flex items-start space-x-3">
+                <svg class="w-6 h-6 text-indigo-600 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                </svg>
+                <div>
+                    <h4 class="font-semibold text-indigo-800">Automatic Livewire Support</h4>
+                    <p class="text-indigo-700 text-sm mt-1">PHPFlasher automatically detects Livewire requests and handles them appropriately. No additional configuration needed!</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection

demo/laravel/resources/views/livewire/contact-form.blade.php

@@ -0,0 +1,41 @@
+<form wire:submit="submit" class="space-y-4">
+    <div>
+        <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Name</label>
+        <input type="text" id="name" wire:model="name"
+               class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 @error('name') border-rose-500 @enderror"
+               placeholder="Your name">
+        @error('name')
+            <p class="mt-1 text-sm text-rose-500">{{ $message }}</p>
+        @enderror
+    </div>
+
+    <div>
+        <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email</label>
+        <input type="email" id="email" wire:model="email"
+               class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 @error('email') border-rose-500 @enderror"
+               placeholder="your@email.com">
+        @error('email')
+            <p class="mt-1 text-sm text-rose-500">{{ $message }}</p>
+        @enderror
+    </div>
+
+    <div>
+        <label for="message" class="block text-sm font-medium text-gray-700 mb-1">Message</label>
+        <textarea id="message" wire:model="message" rows="3"
+                  class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 @error('message') border-rose-500 @enderror"
+                  placeholder="Your message..."></textarea>
+        @error('message')
+            <p class="mt-1 text-sm text-rose-500">{{ $message }}</p>
+        @enderror
+    </div>
+
+    <button type="submit"
+            class="w-full px-4 py-2 bg-emerald-600 hover:bg-emerald-700 text-white font-medium rounded-lg transition-colors flex items-center justify-center space-x-2">
+        <svg wire:loading wire:target="submit" class="animate-spin h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+        </svg>
+        <span wire:loading.remove wire:target="submit">Send Message</span>
+        <span wire:loading wire:target="submit">Sending...</span>
+    </button>
+</form>

demo/laravel/resources/views/livewire/counter.blade.php

@@ -1,7 +1,22 @@
-<div>
-    <h1>{{ $count }}</h1>
+<div class="flex items-center justify-center space-x-4">
+    <button wire:click="decrement"
+            class="w-12 h-12 bg-rose-500 hover:bg-rose-600 text-white rounded-full flex items-center justify-center text-2xl font-bold transition-colors">
+        -
+    </button>
 
-    <button wire:click="increment">+</button>
+    <div class="w-24 h-24 bg-gradient-to-br from-indigo-500 to-purple-600 rounded-2xl flex items-center justify-center">
+        <span class="text-4xl font-bold text-white">{{ $count }}</span>
+    </div>
 
-    <button wire:click="decrement">-</button>
+    <button wire:click="increment"
+            class="w-12 h-12 bg-emerald-500 hover:bg-emerald-600 text-white rounded-full flex items-center justify-center text-2xl font-bold transition-colors">
+        +
+    </button>
+</div>
+
+<div class="flex justify-center mt-4">
+    <button wire:click="reset"
+            class="px-4 py-2 bg-gray-200 hover:bg-gray-300 text-gray-700 rounded-lg text-sm font-medium transition-colors">
+        Reset
+    </button>
 </div>

demo/laravel/resources/views/livewire/delete-item.blade.php

@@ -0,0 +1,21 @@
+<div class="flex flex-col items-center space-y-4">
+    <div class="flex items-center space-x-4">
+        <div class="w-16 h-16 bg-gray-100 rounded-lg flex items-center justify-center">
+            <svg class="w-8 h-8 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
+            </svg>
+        </div>
+        <div>
+            <h4 class="font-semibold text-gray-800">Important Document.pdf</h4>
+            <p class="text-sm text-gray-500">2.4 MB - Modified today</p>
+        </div>
+    </div>
+
+    <button wire:click="confirmDelete"
+            class="px-6 py-2 bg-rose-600 hover:bg-rose-700 text-white font-medium rounded-lg transition-colors flex items-center space-x-2">
+        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path>
+        </svg>
+        <span>Delete File</span>
+    </button>
+</div>

demo/laravel/resources/views/playground.blade.php

@@ -0,0 +1,390 @@
+@extends('layouts.app')
+
+@section('title', 'Playground')
+
+@section('content')
+<div class="mb-8">
+    <h1 class="section-title">Interactive Playground</h1>
+    <p class="section-subtitle">Build and customize notifications in real-time. See the generated PHP code instantly.</p>
+</div>
+
+<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
+    {{-- Configuration Panel --}}
+    <div class="card">
+        <div class="card-header">
+            <h2 class="text-xl font-bold text-gray-800">Configuration</h2>
+        </div>
+        <div class="card-body space-y-6">
+            {{-- Type --}}
+            <div>
+                <label class="block text-sm font-medium text-gray-700 mb-2">Notification Type</label>
+                <div class="grid grid-cols-4 gap-2">
+                    <button onclick="setType('success')" id="type-success" class="type-btn px-3 py-2 rounded-lg border-2 border-emerald-500 bg-emerald-50 text-emerald-700 font-medium text-sm">
+                        Success
+                    </button>
+                    <button onclick="setType('error')" id="type-error" class="type-btn px-3 py-2 rounded-lg border-2 border-gray-200 bg-white text-gray-600 font-medium text-sm hover:border-rose-500 hover:bg-rose-50 hover:text-rose-700">
+                        Error
+                    </button>
+                    <button onclick="setType('warning')" id="type-warning" class="type-btn px-3 py-2 rounded-lg border-2 border-gray-200 bg-white text-gray-600 font-medium text-sm hover:border-amber-500 hover:bg-amber-50 hover:text-amber-700">
+                        Warning
+                    </button>
+                    <button onclick="setType('info')" id="type-info" class="type-btn px-3 py-2 rounded-lg border-2 border-gray-200 bg-white text-gray-600 font-medium text-sm hover:border-sky-500 hover:bg-sky-50 hover:text-sky-700">
+                        Info
+                    </button>
+                </div>
+            </div>
+
+            {{-- Title --}}
+            <div>
+                <label for="title" class="block text-sm font-medium text-gray-700 mb-2">Title (optional)</label>
+                <input type="text" id="title" placeholder="Enter a title..."
+                       class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500"
+                       oninput="updateCode()">
+            </div>
+
+            {{-- Message --}}
+            <div>
+                <label for="message" class="block text-sm font-medium text-gray-700 mb-2">Message</label>
+                <textarea id="message" rows="2" placeholder="Enter your notification message..."
+                          class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500"
+                          oninput="updateCode()">Operation completed successfully!</textarea>
+            </div>
+
+            {{-- Position --}}
+            <div>
+                <label class="block text-sm font-medium text-gray-700 mb-2">Position</label>
+                <select id="position" onchange="updateCode()"
+                        class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500">
+                    <option value="top-right" selected>Top Right (default)</option>
+                    <option value="top-left">Top Left</option>
+                    <option value="top-center">Top Center</option>
+                    <option value="bottom-right">Bottom Right</option>
+                    <option value="bottom-left">Bottom Left</option>
+                    <option value="bottom-center">Bottom Center</option>
+                    <option value="center">Center</option>
+                </select>
+            </div>
+
+            {{-- Theme --}}
+            <div>
+                <label class="block text-sm font-medium text-gray-700 mb-2">Theme</label>
+                <select id="theme" onchange="updateCode()"
+                        class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500">
+                    <option value="">Default (Flasher)</option>
+                    <option value="flasher">Flasher</option>
+                    <option value="material">Material</option>
+                    <option value="ios">iOS</option>
+                    <option value="slack">Slack</option>
+                    <option value="amazon">Amazon</option>
+                    <option value="google">Google</option>
+                    <option value="facebook">Facebook</option>
+                    <option value="minimal">Minimal</option>
+                    <option value="neon">Neon</option>
+                    <option value="emerald">Emerald</option>
+                    <option value="sapphire">Sapphire</option>
+                    <option value="ruby">Ruby</option>
+                    <option value="amber">Amber</option>
+                    <option value="jade">Jade</option>
+                    <option value="onyx">Onyx</option>
+                    <option value="crystal">Crystal</option>
+                    <option value="aurora">Aurora</option>
+                </select>
+            </div>
+
+            {{-- Adapter --}}
+            <div>
+                <label class="block text-sm font-medium text-gray-700 mb-2">Adapter</label>
+                <select id="adapter" onchange="updateCode()"
+                        class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500">
+                    <option value="flasher" selected>Flasher (default)</option>
+                    <option value="toastr">Toastr</option>
+                    <option value="sweetalert">SweetAlert</option>
+                    <option value="noty">Noty</option>
+                    <option value="notyf">Notyf</option>
+                </select>
+            </div>
+
+            {{-- Timeout --}}
+            <div>
+                <label for="timeout" class="block text-sm font-medium text-gray-700 mb-2">
+                    Timeout: <span id="timeout-value">5000</span>ms
+                </label>
+                <input type="range" id="timeout" min="1000" max="10000" step="500" value="5000"
+                       class="w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer"
+                       oninput="document.getElementById('timeout-value').textContent = this.value; updateCode()">
+            </div>
+
+            {{-- Show Button --}}
+            <button onclick="showPlaygroundNotification()" class="btn btn-primary w-full">
+                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path>
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                </svg>
+                Show Notification
+            </button>
+        </div>
+    </div>
+
+    {{-- Code Preview --}}
+    <div class="space-y-6">
+        <div class="card">
+            <div class="card-header flex justify-between items-center">
+                <h2 class="text-xl font-bold text-gray-800">Generated Code</h2>
+                <button onclick="copyCode()" class="btn btn-sm btn-outline">
+                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path>
+                    </svg>
+                    Copy
+                </button>
+            </div>
+            <div class="card-body p-0">
+                <div class="code-block !my-0 !rounded-none">
+                    <div class="code-header">
+                        <span>PHP</span>
+                    </div>
+                    <pre class="!m-0"><code class="language-php" id="generated-code">flash()->success('Operation completed successfully!');</code></pre>
+                </div>
+            </div>
+        </div>
+
+        {{-- Preview Card --}}
+        <div class="card">
+            <div class="card-header">
+                <h2 class="text-xl font-bold text-gray-800">Preview</h2>
+            </div>
+            <div class="card-body">
+                <div class="bg-gray-100 rounded-lg p-6 min-h-[200px] flex items-center justify-center">
+                    <div id="preview-notification" class="max-w-sm w-full">
+                        {{-- Preview will be rendered here --}}
+                        <div class="bg-emerald-500 text-white p-4 rounded-lg shadow-lg">
+                            <div class="flex items-start space-x-3">
+                                <svg class="w-6 h-6 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                                </svg>
+                                <div>
+                                    <p id="preview-title" class="font-semibold hidden"></p>
+                                    <p id="preview-message" class="text-sm opacity-90">Operation completed successfully!</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <p class="text-sm text-gray-500 mt-3 text-center">This is a static preview. Click "Show Notification" to see the real notification.</p>
+            </div>
+        </div>
+
+        {{-- Quick Examples --}}
+        <div class="card">
+            <div class="card-header">
+                <h2 class="text-xl font-bold text-gray-800">Quick Examples</h2>
+            </div>
+            <div class="card-body">
+                <div class="space-y-2">
+                    <button onclick="loadExample('simple')" class="btn btn-outline w-full justify-start">
+                        Simple Notification
+                    </button>
+                    <button onclick="loadExample('with_title')" class="btn btn-outline w-full justify-start">
+                        With Title
+                    </button>
+                    <button onclick="loadExample('material_theme')" class="btn btn-outline w-full justify-start">
+                        Material Theme
+                    </button>
+                    <button onclick="loadExample('toastr_adapter')" class="btn btn-outline w-full justify-start">
+                        Toastr Adapter
+                    </button>
+                    <button onclick="loadExample('bottom_center')" class="btn btn-outline w-full justify-start">
+                        Bottom Center Position
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection
+
+@push('scripts')
+<script>
+    let currentType = 'success';
+    const typeColors = {
+        success: { border: 'border-emerald-500', bg: 'bg-emerald-50', text: 'text-emerald-700', preview: 'bg-emerald-500' },
+        error: { border: 'border-rose-500', bg: 'bg-rose-50', text: 'text-rose-700', preview: 'bg-rose-500' },
+        warning: { border: 'border-amber-500', bg: 'bg-amber-50', text: 'text-amber-700', preview: 'bg-amber-500' },
+        info: { border: 'border-sky-500', bg: 'bg-sky-50', text: 'text-sky-700', preview: 'bg-sky-500' }
+    };
+
+    function setType(type) {
+        currentType = type;
+
+        // Update button styles
+        document.querySelectorAll('.type-btn').forEach(btn => {
+            btn.className = 'type-btn px-3 py-2 rounded-lg border-2 border-gray-200 bg-white text-gray-600 font-medium text-sm';
+        });
+
+        const activeBtn = document.getElementById(`type-${type}`);
+        const colors = typeColors[type];
+        activeBtn.className = `type-btn px-3 py-2 rounded-lg border-2 ${colors.border} ${colors.bg} ${colors.text} font-medium text-sm`;
+
+        // Update preview
+        updatePreview();
+        updateCode();
+    }
+
+    function updatePreview() {
+        const previewDiv = document.querySelector('#preview-notification > div');
+        const colors = typeColors[currentType];
+        previewDiv.className = `${colors.preview} text-white p-4 rounded-lg shadow-lg`;
+
+        const title = document.getElementById('title').value;
+        const message = document.getElementById('message').value;
+
+        document.getElementById('preview-title').textContent = title;
+        document.getElementById('preview-title').classList.toggle('hidden', !title);
+        document.getElementById('preview-message').textContent = message || 'Your notification message...';
+    }
+
+    function updateCode() {
+        const type = currentType;
+        const title = document.getElementById('title').value;
+        const message = document.getElementById('message').value || 'Your message here';
+        const position = document.getElementById('position').value;
+        const theme = document.getElementById('theme').value;
+        const adapter = document.getElementById('adapter').value;
+        const timeout = document.getElementById('timeout').value;
+
+        let code = '';
+        const hasOptions = position !== 'top-right' || timeout !== '5000';
+
+        // Build the code
+        if (theme) {
+            code = `flash()->use('theme.${theme}')`;
+        } else if (adapter !== 'flasher') {
+            code = `${adapter}()`;
+        } else {
+            code = 'flash()';
+        }
+
+        // Add options if needed
+        if (hasOptions) {
+            const options = [];
+            if (position !== 'top-right') {
+                options.push(`'position' => '${position}'`);
+            }
+            if (timeout !== '5000') {
+                options.push(`'timeout' => ${timeout}`);
+            }
+
+            if (title) {
+                code += `\n    ->${type}('${message}', '${title}', [${options.join(', ')}]);`;
+            } else {
+                code += `\n    ->${type}('${message}', [${options.join(', ')}]);`;
+            }
+        } else {
+            if (title) {
+                code += `->${type}('${message}', '${title}');`;
+            } else {
+                code += `->${type}('${message}');`;
+            }
+        }
+
+        document.getElementById('generated-code').textContent = code;
+        Prism.highlightElement(document.getElementById('generated-code'));
+
+        updatePreview();
+    }
+
+    function showPlaygroundNotification() {
+        const options = {
+            type: currentType,
+            message: document.getElementById('message').value || 'Your message here',
+            title: document.getElementById('title').value || undefined,
+            position: document.getElementById('position').value,
+            theme: document.getElementById('theme').value || undefined,
+            adapter: document.getElementById('adapter').value,
+            timeout: parseInt(document.getElementById('timeout').value)
+        };
+
+        showNotification(options);
+    }
+
+    function copyCode() {
+        const code = document.getElementById('generated-code').textContent;
+        navigator.clipboard.writeText(code).then(() => {
+            // Show success feedback
+            const btn = event.target.closest('button');
+            const originalText = btn.innerHTML;
+            btn.innerHTML = '<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg> Copied!';
+            setTimeout(() => {
+                btn.innerHTML = originalText;
+            }, 2000);
+        });
+    }
+
+    function loadExample(example) {
+        const examples = {
+            simple: {
+                type: 'success',
+                title: '',
+                message: 'Data saved successfully!',
+                position: 'top-right',
+                theme: '',
+                adapter: 'flasher',
+                timeout: 5000
+            },
+            with_title: {
+                type: 'info',
+                title: 'New Update',
+                message: 'Version 2.0 is now available!',
+                position: 'top-right',
+                theme: '',
+                adapter: 'flasher',
+                timeout: 5000
+            },
+            material_theme: {
+                type: 'success',
+                title: '',
+                message: 'Material design notification!',
+                position: 'top-right',
+                theme: 'material',
+                adapter: 'flasher',
+                timeout: 5000
+            },
+            toastr_adapter: {
+                type: 'warning',
+                title: 'Warning',
+                message: 'Please review your changes',
+                position: 'top-right',
+                theme: '',
+                adapter: 'toastr',
+                timeout: 5000
+            },
+            bottom_center: {
+                type: 'error',
+                title: '',
+                message: 'Something went wrong!',
+                position: 'bottom-center',
+                theme: '',
+                adapter: 'flasher',
+                timeout: 5000
+            }
+        };
+
+        const ex = examples[example];
+        if (ex) {
+            setType(ex.type);
+            document.getElementById('title').value = ex.title;
+            document.getElementById('message').value = ex.message;
+            document.getElementById('position').value = ex.position;
+            document.getElementById('theme').value = ex.theme;
+            document.getElementById('adapter').value = ex.adapter;
+            document.getElementById('timeout').value = ex.timeout;
+            document.getElementById('timeout-value').textContent = ex.timeout;
+            updateCode();
+        }
+    }
+
+    // Initialize
+    document.addEventListener('DOMContentLoaded', function() {
+        updateCode();
+    });
+</script>
+@endpush

demo/laravel/resources/views/positions.blade.php

@@ -0,0 +1,211 @@
+@extends('layouts.app')
+
+@section('title', 'Positions')
+
+@section('content')
+<div class="mb-8">
+    <h1 class="section-title">Notification Positions</h1>
+    <p class="section-subtitle">Place your notifications anywhere on the screen. Click any position to see it in action.</p>
+</div>
+
+{{-- Interactive Position Grid --}}
+<div class="card mb-8">
+    <div class="card-header">
+        <h2 class="text-xl font-bold text-gray-800">Click a Position</h2>
+    </div>
+    <div class="card-body">
+        <div class="bg-gray-100 rounded-xl p-4 relative" style="min-height: 400px;">
+            {{-- Visual Browser Frame --}}
+            <div class="bg-white rounded-lg shadow-lg overflow-hidden h-full" style="min-height: 380px;">
+                {{-- Browser Header --}}
+                <div class="bg-gray-200 px-4 py-2 flex items-center space-x-2">
+                    <div class="w-3 h-3 bg-red-400 rounded-full"></div>
+                    <div class="w-3 h-3 bg-yellow-400 rounded-full"></div>
+                    <div class="w-3 h-3 bg-green-400 rounded-full"></div>
+                    <div class="flex-1 ml-4">
+                        <div class="bg-white rounded px-3 py-1 text-sm text-gray-500 max-w-md">your-app.com</div>
+                    </div>
+                </div>
+
+                {{-- Position Grid --}}
+                <div class="grid grid-cols-3 grid-rows-3 gap-2 p-4" style="min-height: 340px;">
+                    {{-- Top Left --}}
+                    <button onclick="showNotification({type: 'info', message: 'Top Left notification', position: 'top-left'})"
+                            class="flex items-start justify-start p-4 bg-indigo-50 hover:bg-indigo-100 rounded-lg transition-colors group">
+                        <div class="bg-indigo-500 text-white px-3 py-2 rounded-lg text-sm font-medium group-hover:scale-105 transition-transform">
+                            top-left
+                        </div>
+                    </button>
+
+                    {{-- Top Center --}}
+                    <button onclick="showNotification({type: 'info', message: 'Top Center notification', position: 'top-center'})"
+                            class="flex items-start justify-center p-4 bg-purple-50 hover:bg-purple-100 rounded-lg transition-colors group">
+                        <div class="bg-purple-500 text-white px-3 py-2 rounded-lg text-sm font-medium group-hover:scale-105 transition-transform">
+                            top-center
+                        </div>
+                    </button>
+
+                    {{-- Top Right --}}
+                    <button onclick="showNotification({type: 'info', message: 'Top Right notification', position: 'top-right'})"
+                            class="flex items-start justify-end p-4 bg-pink-50 hover:bg-pink-100 rounded-lg transition-colors group">
+                        <div class="bg-pink-500 text-white px-3 py-2 rounded-lg text-sm font-medium group-hover:scale-105 transition-transform">
+                            top-right
+                        </div>
+                    </button>
+
+                    {{-- Center Left --}}
+                    <button onclick="showNotification({type: 'info', message: 'Center Left notification', position: 'center-left'})"
+                            class="flex items-center justify-start p-4 bg-sky-50 hover:bg-sky-100 rounded-lg transition-colors group">
+                        <div class="bg-sky-500 text-white px-3 py-2 rounded-lg text-sm font-medium group-hover:scale-105 transition-transform">
+                            center-left
+                        </div>
+                    </button>
+
+                    {{-- Center --}}
+                    <button onclick="showNotification({type: 'info', message: 'Center notification', position: 'center'})"
+                            class="flex items-center justify-center p-4 bg-amber-50 hover:bg-amber-100 rounded-lg transition-colors group">
+                        <div class="bg-amber-500 text-white px-3 py-2 rounded-lg text-sm font-medium group-hover:scale-105 transition-transform">
+                            center
+                        </div>
+                    </button>
+
+                    {{-- Center Right --}}
+                    <button onclick="showNotification({type: 'info', message: 'Center Right notification', position: 'center-right'})"
+                            class="flex items-center justify-end p-4 bg-emerald-50 hover:bg-emerald-100 rounded-lg transition-colors group">
+                        <div class="bg-emerald-500 text-white px-3 py-2 rounded-lg text-sm font-medium group-hover:scale-105 transition-transform">
+                            center-right
+                        </div>
+                    </button>
+
+                    {{-- Bottom Left --}}
+                    <button onclick="showNotification({type: 'info', message: 'Bottom Left notification', position: 'bottom-left'})"
+                            class="flex items-end justify-start p-4 bg-rose-50 hover:bg-rose-100 rounded-lg transition-colors group">
+                        <div class="bg-rose-500 text-white px-3 py-2 rounded-lg text-sm font-medium group-hover:scale-105 transition-transform">
+                            bottom-left
+                        </div>
+                    </button>
+
+                    {{-- Bottom Center --}}
+                    <button onclick="showNotification({type: 'info', message: 'Bottom Center notification', position: 'bottom-center'})"
+                            class="flex items-end justify-center p-4 bg-teal-50 hover:bg-teal-100 rounded-lg transition-colors group">
+                        <div class="bg-teal-500 text-white px-3 py-2 rounded-lg text-sm font-medium group-hover:scale-105 transition-transform">
+                            bottom-center
+                        </div>
+                    </button>
+
+                    {{-- Bottom Right --}}
+                    <button onclick="showNotification({type: 'info', message: 'Bottom Right notification', position: 'bottom-right'})"
+                            class="flex items-end justify-end p-4 bg-orange-50 hover:bg-orange-100 rounded-lg transition-colors group">
+                        <div class="bg-orange-500 text-white px-3 py-2 rounded-lg text-sm font-medium group-hover:scale-105 transition-transform">
+                            bottom-right
+                        </div>
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+{{-- Quick Buttons --}}
+<div class="card mb-8">
+    <div class="card-header">
+        <h2 class="text-xl font-bold text-gray-800">Quick Position Tests</h2>
+    </div>
+    <div class="card-body">
+        <div class="flex flex-wrap gap-3">
+            <button onclick="showNotification({type: 'success', message: 'Top Right (Default)', position: 'top-right'})"
+                    class="btn btn-success">Top Right</button>
+            <button onclick="showNotification({type: 'error', message: 'Top Left notification', position: 'top-left'})"
+                    class="btn btn-danger">Top Left</button>
+            <button onclick="showNotification({type: 'warning', message: 'Bottom Right notification', position: 'bottom-right'})"
+                    class="btn btn-warning">Bottom Right</button>
+            <button onclick="showNotification({type: 'info', message: 'Bottom Left notification', position: 'bottom-left'})"
+                    class="btn btn-info">Bottom Left</button>
+            <button onclick="showNotification({type: 'success', message: 'Top Center notification', position: 'top-center'})"
+                    class="btn btn-outline">Top Center</button>
+            <button onclick="showNotification({type: 'info', message: 'Bottom Center notification', position: 'bottom-center'})"
+                    class="btn btn-outline">Bottom Center</button>
+        </div>
+    </div>
+</div>
+
+{{-- Code Examples --}}
+<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+    <div class="card">
+        <div class="card-header">
+            <h3 class="text-lg font-bold text-gray-800">Inline Position</h3>
+        </div>
+        <div class="card-body">
+            <p class="text-gray-600 mb-4">Set the position directly when creating a notification.</p>
+            <div class="code-block">
+                <div class="code-header">
+                    <span>PHP</span>
+                </div>
+                <pre class="!m-0"><code class="language-php">flash()
+    ->option('position', 'top-left')
+    ->success('Profile updated!');
+
+// Or use the fluent method
+flash()
+    ->position('bottom-right')
+    ->info('New message received!');</code></pre>
+            </div>
+        </div>
+    </div>
+
+    <div class="card">
+        <div class="card-header">
+            <h3 class="text-lg font-bold text-gray-800">Global Configuration</h3>
+        </div>
+        <div class="card-body">
+            <p class="text-gray-600 mb-4">Set a default position for all notifications in your config file.</p>
+            <div class="code-block">
+                <div class="code-header">
+                    <span>config/flasher.php</span>
+                </div>
+                <pre class="!m-0"><code class="language-php">return [
+    'default' => 'flasher',
+    'options' => [
+        'position' => 'bottom-right',
+    ],
+];</code></pre>
+            </div>
+        </div>
+    </div>
+</div>
+
+{{-- Position Reference --}}
+<div class="card mt-6">
+    <div class="card-header">
+        <h2 class="text-xl font-bold text-gray-800">Available Positions</h2>
+    </div>
+    <div class="card-body">
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+            <div class="p-4 bg-gray-50 rounded-lg">
+                <h4 class="font-semibold text-gray-800 mb-2">Top Positions</h4>
+                <ul class="space-y-1 text-gray-600 text-sm">
+                    <li><code class="bg-gray-200 px-2 py-0.5 rounded">top-left</code></li>
+                    <li><code class="bg-gray-200 px-2 py-0.5 rounded">top-center</code></li>
+                    <li><code class="bg-gray-200 px-2 py-0.5 rounded">top-right</code> <span class="text-emerald-600">(default)</span></li>
+                </ul>
+            </div>
+            <div class="p-4 bg-gray-50 rounded-lg">
+                <h4 class="font-semibold text-gray-800 mb-2">Center Positions</h4>
+                <ul class="space-y-1 text-gray-600 text-sm">
+                    <li><code class="bg-gray-200 px-2 py-0.5 rounded">center-left</code></li>
+                    <li><code class="bg-gray-200 px-2 py-0.5 rounded">center</code></li>
+                    <li><code class="bg-gray-200 px-2 py-0.5 rounded">center-right</code></li>
+                </ul>
+            </div>
+            <div class="p-4 bg-gray-50 rounded-lg">
+                <h4 class="font-semibold text-gray-800 mb-2">Bottom Positions</h4>
+                <ul class="space-y-1 text-gray-600 text-sm">
+                    <li><code class="bg-gray-200 px-2 py-0.5 rounded">bottom-left</code></li>
+                    <li><code class="bg-gray-200 px-2 py-0.5 rounded">bottom-center</code></li>
+                    <li><code class="bg-gray-200 px-2 py-0.5 rounded">bottom-right</code></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection

demo/laravel/resources/views/themes.blade.php

@@ -0,0 +1,75 @@
+@extends('layouts.app')
+
+@section('title', 'Themes')
+
+@section('content')
+<div class="mb-8">
+    <h1 class="section-title">Theme Gallery</h1>
+    <p class="section-subtitle">Choose from 17+ beautiful themes to match your application's design.</p>
+</div>
+
+{{-- Theme Grid --}}
+<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 mb-12">
+    @php
+    $themes = [
+        ['name' => 'flasher', 'label' => 'Flasher', 'desc' => 'Default theme', 'gradient' => 'from-indigo-500 to-indigo-600'],
+        ['name' => 'material', 'label' => 'Material', 'desc' => 'Google Material', 'gradient' => 'from-blue-500 to-blue-600'],
+        ['name' => 'ios', 'label' => 'iOS', 'desc' => 'Apple style', 'gradient' => 'from-slate-600 to-slate-700'],
+        ['name' => 'slack', 'label' => 'Slack', 'desc' => 'Slack messaging', 'gradient' => 'from-purple-500 to-purple-600'],
+        ['name' => 'amazon', 'label' => 'Amazon', 'desc' => 'Amazon alerts', 'gradient' => 'from-orange-500 to-orange-600'],
+        ['name' => 'google', 'label' => 'Google', 'desc' => 'Google notifications', 'gradient' => 'from-red-500 to-yellow-500'],
+        ['name' => 'facebook', 'label' => 'Facebook', 'desc' => 'Facebook style', 'gradient' => 'from-blue-600 to-blue-700'],
+        ['name' => 'minimal', 'label' => 'Minimal', 'desc' => 'Ultra clean', 'gradient' => 'from-gray-400 to-gray-500'],
+        ['name' => 'neon', 'label' => 'Neon', 'desc' => 'Bright & bold', 'gradient' => 'from-pink-500 to-rose-500'],
+        ['name' => 'emerald', 'label' => 'Emerald', 'desc' => 'Green palette', 'gradient' => 'from-emerald-500 to-green-600'],
+        ['name' => 'sapphire', 'label' => 'Sapphire', 'desc' => 'Blue elegance', 'gradient' => 'from-blue-500 to-indigo-600'],
+        ['name' => 'ruby', 'label' => 'Ruby', 'desc' => 'Red accents', 'gradient' => 'from-red-500 to-rose-600'],
+        ['name' => 'amber', 'label' => 'Amber', 'desc' => 'Warm tones', 'gradient' => 'from-amber-400 to-orange-500'],
+        ['name' => 'jade', 'label' => 'Jade', 'desc' => 'Soft green', 'gradient' => 'from-teal-500 to-green-600'],
+        ['name' => 'onyx', 'label' => 'Onyx', 'desc' => 'Dark mode', 'gradient' => 'from-slate-700 to-slate-900'],
+        ['name' => 'crystal', 'label' => 'Crystal', 'desc' => 'Transparent', 'gradient' => 'from-cyan-400 to-blue-500'],
+        ['name' => 'aurora', 'label' => 'Aurora', 'desc' => 'Gradient effects', 'gradient' => 'from-green-400 via-blue-500 to-purple-500'],
+    ];
+    @endphp
+
+    @foreach($themes as $theme)
+    <div class="card group cursor-pointer" onclick="showNotification({type: 'success', message: 'This is the {{ $theme['label'] }} theme!', title: '{{ $theme['label'] }} Theme', theme: '{{ $theme['name'] }}'})">
+        <div class="h-20 bg-gradient-to-br {{ $theme['gradient'] }} flex items-center justify-center">
+            <span class="text-white text-2xl font-bold">{{ substr($theme['label'], 0, 1) }}</span>
+        </div>
+        <div class="p-4">
+            <h3 class="font-semibold text-gray-800">{{ $theme['label'] }}</h3>
+            <p class="text-sm text-gray-500">{{ $theme['desc'] }}</p>
+        </div>
+    </div>
+    @endforeach
+</div>
+
+{{-- Usage Example --}}
+<div class="card">
+    <div class="card-header">
+        <h2 class="text-xl font-bold text-gray-800">Using Themes</h2>
+    </div>
+    <div class="card-body">
+        <p class="text-gray-600 mb-4">Apply themes to your notifications with the <code class="bg-gray-100 px-2 py-1 rounded">use()</code> method.</p>
+
+        <div class="code-block">
+            <div class="code-header">
+                <span>PHP</span>
+            </div>
+            <pre class="!m-0"><code class="language-php">// Use a specific theme
+flash()->use('theme.material')->success('Material design notification!');
+
+// Different themes for different messages
+flash()->use('theme.ios')->info('iOS style notification');
+flash()->use('theme.slack')->warning('Slack style warning');
+flash()->use('theme.amazon')->success('Amazon style success');
+
+// Set default theme in config/flasher.php
+return [
+    'default' => 'theme.material',
+];</code></pre>
+        </div>
+    </div>
+</div>
+@endsection

demo/laravel/resources/views/types.blade.php

@@ -0,0 +1,200 @@
+@extends('layouts.app')
+
+@section('title', 'Notification Types')
+
+@section('content')
+<div class="mb-8">
+    <h1 class="section-title">Notification Types</h1>
+    <p class="section-subtitle">PHPFlasher supports four notification types for different scenarios.</p>
+</div>
+
+<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
+    {{-- Success --}}
+    <div class="card">
+        <div class="h-2 bg-emerald-500"></div>
+        <div class="card-body">
+            <div class="flex items-center justify-between mb-4">
+                <div class="flex items-center space-x-3">
+                    <div class="p-3 bg-emerald-100 rounded-xl">
+                        <svg class="w-8 h-8 text-emerald-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                        </svg>
+                    </div>
+                    <div>
+                        <h2 class="text-2xl font-bold text-gray-800">Success</h2>
+                        <p class="text-gray-500">Positive feedback</p>
+                    </div>
+                </div>
+            </div>
+
+            <p class="text-gray-600 mb-4">Use success notifications for completed actions, confirmations, and positive feedback.</p>
+
+            <div class="space-y-2 mb-6">
+                <button onclick="showNotification({type: 'success', message: 'Your profile has been updated successfully!'})"
+                        class="btn btn-success w-full justify-start">
+                    Profile Updated
+                </button>
+                <button onclick="showNotification({type: 'success', message: 'Your account has been created. Welcome aboard!', title: 'Account Created'})"
+                        class="btn btn-success w-full justify-start">
+                    Account Created
+                </button>
+                <button onclick="showNotification({type: 'success', message: 'Payment of $99.00 confirmed. Receipt sent to your email.', title: 'Payment Successful'})"
+                        class="btn btn-success w-full justify-start">
+                    Payment Confirmed
+                </button>
+            </div>
+
+            <div class="code-block">
+                <div class="code-header">
+                    <span>PHP</span>
+                </div>
+                <pre class="!m-0"><code class="language-php">flash()->success('Profile updated successfully!');
+
+// With title
+flash()->success('Welcome aboard!', 'Account Created');</code></pre>
+            </div>
+        </div>
+    </div>
+
+    {{-- Error --}}
+    <div class="card">
+        <div class="h-2 bg-rose-500"></div>
+        <div class="card-body">
+            <div class="flex items-center justify-between mb-4">
+                <div class="flex items-center space-x-3">
+                    <div class="p-3 bg-rose-100 rounded-xl">
+                        <svg class="w-8 h-8 text-rose-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                        </svg>
+                    </div>
+                    <div>
+                        <h2 class="text-2xl font-bold text-gray-800">Error</h2>
+                        <p class="text-gray-500">Failures and issues</p>
+                    </div>
+                </div>
+            </div>
+
+            <p class="text-gray-600 mb-4">Use error notifications for validation failures, server errors, and problems.</p>
+
+            <div class="space-y-2 mb-6">
+                <button onclick="showNotification({type: 'error', message: 'Invalid email or password. Please try again.'})"
+                        class="btn btn-danger w-full justify-start">
+                    Login Failed
+                </button>
+                <button onclick="showNotification({type: 'error', message: 'Your card was declined. Please try another payment method.', title: 'Payment Failed'})"
+                        class="btn btn-danger w-full justify-start">
+                    Payment Declined
+                </button>
+                <button onclick="showNotification({type: 'error', message: 'Unable to connect to server. Please check your connection.', title: 'Connection Error'})"
+                        class="btn btn-danger w-full justify-start">
+                    Server Error
+                </button>
+            </div>
+
+            <div class="code-block">
+                <div class="code-header">
+                    <span>PHP</span>
+                </div>
+                <pre class="!m-0"><code class="language-php">flash()->error('Invalid credentials.');
+
+// With title
+flash()->error('Please try again.', 'Payment Failed');</code></pre>
+            </div>
+        </div>
+    </div>
+
+    {{-- Warning --}}
+    <div class="card">
+        <div class="h-2 bg-amber-500"></div>
+        <div class="card-body">
+            <div class="flex items-center justify-between mb-4">
+                <div class="flex items-center space-x-3">
+                    <div class="p-3 bg-amber-100 rounded-xl">
+                        <svg class="w-8 h-8 text-amber-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path>
+                        </svg>
+                    </div>
+                    <div>
+                        <h2 class="text-2xl font-bold text-gray-800">Warning</h2>
+                        <p class="text-gray-500">Caution alerts</p>
+                    </div>
+                </div>
+            </div>
+
+            <p class="text-gray-600 mb-4">Use warning notifications to alert users about potential issues or important notices.</p>
+
+            <div class="space-y-2 mb-6">
+                <button onclick="showNotification({type: 'warning', message: 'Your session will expire in 5 minutes.'})"
+                        class="btn btn-warning w-full justify-start">
+                    Session Expiring
+                </button>
+                <button onclick="showNotification({type: 'warning', message: 'You have unsaved changes that will be lost.', title: 'Unsaved Changes'})"
+                        class="btn btn-warning w-full justify-start">
+                    Unsaved Changes
+                </button>
+                <button onclick="showNotification({type: 'warning', message: 'Only 2 items left in stock!', title: 'Low Stock'})"
+                        class="btn btn-warning w-full justify-start">
+                    Low Stock Alert
+                </button>
+            </div>
+
+            <div class="code-block">
+                <div class="code-header">
+                    <span>PHP</span>
+                </div>
+                <pre class="!m-0"><code class="language-php">flash()->warning('Session expiring soon.');
+
+// With title
+flash()->warning('Only 2 left!', 'Low Stock');</code></pre>
+            </div>
+        </div>
+    </div>
+
+    {{-- Info --}}
+    <div class="card">
+        <div class="h-2 bg-sky-500"></div>
+        <div class="card-body">
+            <div class="flex items-center justify-between mb-4">
+                <div class="flex items-center space-x-3">
+                    <div class="p-3 bg-sky-100 rounded-xl">
+                        <svg class="w-8 h-8 text-sky-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                        </svg>
+                    </div>
+                    <div>
+                        <h2 class="text-2xl font-bold text-gray-800">Info</h2>
+                        <p class="text-gray-500">Neutral information</p>
+                    </div>
+                </div>
+            </div>
+
+            <p class="text-gray-600 mb-4">Use info notifications for tips, updates, and general information.</p>
+
+            <div class="space-y-2 mb-6">
+                <button onclick="showNotification({type: 'info', message: 'A new version is available. Click here to update.'})"
+                        class="btn btn-info w-full justify-start">
+                    Update Available
+                </button>
+                <button onclick="showNotification({type: 'info', message: 'Tip: You can use keyboard shortcuts for faster navigation.', title: 'Pro Tip'})"
+                        class="btn btn-info w-full justify-start">
+                    Helpful Tip
+                </button>
+                <button onclick="showNotification({type: 'info', message: 'Your report is being generated and will be ready shortly.'})"
+                        class="btn btn-info w-full justify-start">
+                    Processing Status
+                </button>
+            </div>
+
+            <div class="code-block">
+                <div class="code-header">
+                    <span>PHP</span>
+                </div>
+                <pre class="!m-0"><code class="language-php">flash()->info('New version available!');
+
+// With title
+flash()->info('Use shortcuts!', 'Pro Tip');</code></pre>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection

demo/laravel/routes/issues.php

@@ -0,0 +1,15 @@
+<?php
+
+declare(strict_types=1);
+
+use Illuminate\Support\Facades\Route;
+
+Route::get('/issues/190', function () {
+    flash()->success('Your order has been placed successfully.');
+    // Passing another success message with the view
+    return redirect('/issues/190/redirect')->with('success', 'Your order will be delivered in 3-5 business days.');
+});
+
+Route::get('/issues/190/redirect', function () {
+    return view('welcome');
+});

demo/laravel/routes/web.php

@@ -1,17 +1,20 @@
 <?php
 
-use App\Entity\Book;
+declare(strict_types=1);
+
+use App\Http\Controllers\DemoController;
 use Illuminate\Support\Facades\Route;
 
-Route::get('/', function () {
-    // sweetalert()->timerProgressBar()->success('hello from Home Controller');
-    // noty()->layout('topCenter')->success('hello from Home Controller');
-    // notyf()->ripple(false)->warning('hello from Home Controller');
-    // toastr()->positionClass('toast-bottom-left')->error('hello from Home Controller');
-    // flash()->use('flasher')->success('hello from flasher factory');
+// Main pages
+Route::get('/', [DemoController::class, 'home'])->name('home');
+Route::get('/types', [DemoController::class, 'types'])->name('types');
+Route::get('/themes', [DemoController::class, 'themes'])->name('themes');
+Route::get('/adapters', [DemoController::class, 'adapters'])->name('adapters');
+Route::get('/positions', [DemoController::class, 'positions'])->name('positions');
+Route::get('/examples', [DemoController::class, 'examples'])->name('examples');
+Route::get('/playground', [DemoController::class, 'playground'])->name('playground');
+Route::get('/livewire', [DemoController::class, 'livewire'])->name('livewire');
 
-    flash()->created(new Book('lord of the rings'));
-    flash()->saved(new Book('harry potter'));
-
-    return view('welcome');
-})->name('app_home');
+// AJAX endpoints
+Route::post('/notify', [DemoController::class, 'notify'])->name('notify');
+Route::post('/example/{scenario}', [DemoController::class, 'runExample'])->name('example.run');

demo/laravel/storage/debugbar/.gitignore

@@ -0,0 +1,2 @@
+*
+!.gitignore

demo/laravel/tmp/cache/vite/last-build-production.json

@@ -0,0 +1,7 @@
+{
+  "success": false,
+  "errors": "npm warn exec The following package was not found and will be installed: vite@7.3.1\nfailed to load config from /Users/yoeunes/projects/flasher/php-flasher/demo/laravel/vite.config.js\nerror during build:\nError [ERR_MODULE_NOT_FOUND]: Cannot find package 'vite' imported from /Users/yoeunes/projects/flasher/php-flasher/node_modules/.vite-temp/vite.config.js.timestamp-1772405569113-b016e3f78b86a8.mjs\n    at Object.getPackageJSONURL (node:internal/modules/package_json_reader:255:9)\n    at packageResolve (node:internal/modules/esm/resolve:767:81)\n    at moduleResolve (node:internal/modules/esm/resolve:853:18)\n    at defaultResolve (node:internal/modules/esm/resolve:983:11)\n    at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:799:12)\n    at #cachedDefaultResolve (node:internal/modules/esm/loader:723:25)\n    at ModuleLoader.resolve (node:internal/modules/esm/loader:706:38)\n    at ModuleLoader.getModuleJobForImport (node:internal/modules/esm/loader:307:38)\n    at #link (node:internal/modules/esm/module_job:170:49)\n",
+  "timestamp": "2026-03-01 22:52:49",
+  "vite_ruby": "3.9.3",
+  "digest": "f670d25672cb5f6c5badc00b4d6aca0d4d0f25ae"
+}

demo/symfony/.ackrc

@@ -0,0 +1,4 @@
+--ignore-dir=vendor
+--ignore-dir=yoeunes
+--ignore-dir=node_modules
+--ignore-dir=var

demo/symfony/.env

@@ -18,3 +18,7 @@
 APP_ENV=dev
 APP_SECRET=a2ee898b9e385a80ba8f7b11e97232b2
 ###< symfony/framework-bundle ###
+
+###> symfony/mailer ###
+MAILER_DSN=null://null
+###< symfony/mailer ###

demo/symfony/.gitignore

@@ -5,10 +5,18 @@
 /.env.*.local
 /config/secrets/prod/prod.decrypt.private.php
 /public/bundles/
+/public/vendor/flasher
 /var/
 /vendor/
 ###< symfony/framework-bundle ###
 
+###> symfony/webpack-encore-bundle ###
+/node_modules/
+/public/build/
+npm-debug.log
+yarn-error.log
+###< symfony/webpack-encore-bundle ###
+
 ###> phpstan/phpstan ###
 phpstan.neon
 ###< phpstan/phpstan ###

demo/symfony/.php-version

@@ -0,0 +1 @@
+8.2

demo/symfony/.valetrc

@@ -0,0 +1 @@
+php=php@8.2

demo/symfony/assets/app.js

@@ -0,0 +1,12 @@
+/**
+ * PHPFlasher Symfony Demo
+ *
+ * Main JavaScript entry point.
+ * Note: PHPFlasher and other libraries are loaded via CDN in the layout.
+ */
+
+// Import styles
+import './styles/app.css';
+
+// Custom demo functionality can be added here
+console.log('PHPFlasher Symfony Demo loaded');

demo/symfony/assets/styles/app.css

@@ -0,0 +1,4 @@
+/* PHPFlasher Symfony Demo - Custom Styles */
+
+/* Any custom styles can be added here */
+/* Note: Main styling is handled via Tailwind CSS v4 CDN in the layout */

demo/symfony/composer.json

@@ -6,7 +6,70 @@
     "repositories": [
         {
             "type": "path",
-            "url": "../..",
+            "url": "../../src/Prime",
+            "options": {
+                "symlink": true
+            }
+        },
+        {
+            "type": "path",
+            "url": "../../src/Symfony",
+            "options": {
+                "symlink": true
+            }
+        },
+        {
+            "type": "path",
+            "url": "../../src/Noty/Prime",
+            "options": {
+                "symlink": true
+            }
+        },
+        {
+            "type": "path",
+            "url": "../../src/Noty/Symfony",
+            "options": {
+                "symlink": true
+            }
+        },
+        {
+            "type": "path",
+            "url": "../../src/Notyf/Prime",
+            "options": {
+                "symlink": true
+            }
+        },
+        {
+            "type": "path",
+            "url": "../../src/Notyf/Symfony",
+            "options": {
+                "symlink": true
+            }
+        },
+        {
+            "type": "path",
+            "url": "../../src/SweetAlert/Prime",
+            "options": {
+                "symlink": true
+            }
+        },
+        {
+            "type": "path",
+            "url": "../../src/SweetAlert/Symfony",
+            "options": {
+                "symlink": true
+            }
+        },
+        {
+            "type": "path",
+            "url": "../../src/Toastr/Prime",
+            "options": {
+                "symlink": true
+            }
+        },
+        {
+            "type": "path",
+            "url": "../../src/Toastr/Symfony",
             "options": {
                 "symlink": true
             }
@@ -16,19 +79,35 @@
         "php": ">=8.2",
         "ext-ctype": "*",
         "ext-iconv": "*",
-        "nelmio/security-bundle": "^3.3",
-        "php-flasher/php-flasher": "@dev",
-        "phpstan/phpstan-symfony": "^1.3",
-        "symfony/console": "7.0.*",
-        "symfony/dotenv": "7.0.*",
-        "symfony/flex": "^2",
-        "symfony/framework-bundle": "7.0.*",
-        "symfony/runtime": "7.0.*",
-        "symfony/translation": "7.0.*",
-        "symfony/twig-bundle": "7.0.*",
-        "symfony/yaml": "7.0.*",
-        "twig/extra-bundle": "^2.12|^3.0",
-        "twig/twig": "^2.12|^3.0"
+        "nelmio/security-bundle": "^3.4",
+        "php-flasher/flasher": "@dev",
+        "php-flasher/flasher-symfony": "@dev",
+        "php-flasher/flasher-noty": "@dev",
+        "php-flasher/flasher-noty-symfony": "@dev",
+        "php-flasher/flasher-notyf": "@dev",
+        "php-flasher/flasher-notyf-symfony": "@dev",
+        "php-flasher/flasher-sweetalert": "@dev",
+        "php-flasher/flasher-sweetalert-symfony": "@dev",
+        "php-flasher/flasher-toastr": "@dev",
+        "php-flasher/flasher-toastr-symfony": "@dev",
+        "phpstan/phpstan-symfony": "^2.0",
+        "symfony/console": "8.0.*",
+        "symfony/dotenv": "8.0.*",
+        "symfony/flex": "^2.4",
+        "symfony/framework-bundle": "8.0.*",
+        "symfony/monolog-bundle": "^4.0",
+        "symfony/runtime": "8.0.*",
+        "symfony/translation": "8.0.*",
+        "symfony/twig-bundle": "8.0.*",
+        "symfony/yaml": "8.0.*",
+        "twig/extra-bundle": "^3.20",
+        "twig/twig": "^3.20"
+    },
+    "require-dev": {
+        "spatie/ray": "^1.41",
+        "symfony/maker-bundle": "^1.62",
+        "symfony/stopwatch": "8.0.*",
+        "symfony/web-profiler-bundle": "8.0.*"
     },
     "config": {
         "allow-plugins": {
@@ -61,7 +140,8 @@
     "scripts": {
         "auto-scripts": {
             "cache:clear": "symfony-cmd",
-            "assets:install %PUBLIC_DIR%": "symfony-cmd"
+            "assets:install %PUBLIC_DIR%": "symfony-cmd",
+            "flasher:install": "symfony-cmd"
         },
         "post-install-cmd": [
             "@auto-scripts"
@@ -76,10 +156,8 @@
     "extra": {
         "symfony": {
             "allow-contrib": false,
-            "require": "7.0.*"
+            "require": "8.0.*",
+            "docker": false
         }
-    },
-    "require-dev": {
-        "symfony/maker-bundle": "^1.58"
     }
 }

demo/symfony/config/bundles.php

@@ -10,5 +10,6 @@ return [
     Symfony\Bundle\TwigBundle\TwigBundle::class => ['all' => true],
     Twig\Extra\TwigExtraBundle\TwigExtraBundle::class => ['all' => true],
     Symfony\Bundle\MakerBundle\MakerBundle::class => ['dev' => true],
-    Nelmio\SecurityBundle\NelmioSecurityBundle::class => ['all' => true],
+    Symfony\Bundle\WebProfilerBundle\WebProfilerBundle::class => ['dev' => true, 'test' => true],
+    Symfony\Bundle\MonologBundle\MonologBundle::class => ['all' => true],
 ];

demo/symfony/config/packages/flasher.yaml

@@ -0,0 +1,46 @@
+flasher:
+    # Default notification library (e.g., 'flasher', 'toastr', 'noty', etc.)
+    # themes: flasher, crystal, emerald, sapphire
+    default: theme.minimal
+
+    # Path to the main JavaScript file of PHPFlasher
+    main_script: '/vendor/flasher/flasher.min.js'
+
+    # Path to the stylesheets for PHPFlasher notifications
+    styles:
+        - '/vendor/flasher/flasher.min.css'
+
+    # Enable translation of PHPFlasher messages using Symfony's translator service
+    translate: true
+
+    # Automatically inject PHPFlasher assets in HTML response
+    inject_assets: true
+
+    # Global options
+    options:
+        # timeout in milliseconds
+        timeout: 600000
+        position: 'top-right'
+
+    # Map Symfony session keys to PHPFlasher notification types
+    flash_bag:
+        success: ['success']
+        error: ['error', 'danger']
+        warning: ['warning', 'alarm']
+        info: ['info', 'notice', 'alert']
+
+    # Criteria to filter displayed notifications (limit, types)
+    filter:
+        # Limit number of displayed notifications
+        # limit: 5
+
+    themes:
+        amazon:
+            scripts:
+                - '/vendor/flasher/themes/amazon/amazon.min.js'
+            styles:
+                - '/vendor/flasher/flasher.min.css'
+                - '/vendor/flasher/themes/amazon/amazon.min.css'
+            options:
+                position: 'bottom-right'
+                timeout: 6000

demo/symfony/config/packages/monolog.yaml

@@ -0,0 +1,62 @@
+monolog:
+    channels:
+        - deprecation # Deprecations are logged in the dedicated "deprecation" channel when it exists
+
+when@dev:
+    monolog:
+        handlers:
+            main:
+                type: stream
+                path: "%kernel.logs_dir%/%kernel.environment%.log"
+                level: debug
+                channels: ["!event"]
+            # uncomment to get logging in your browser
+            # you may have to allow bigger header sizes in your Web server configuration
+            #firephp:
+            #    type: firephp
+            #    level: info
+            #chromephp:
+            #    type: chromephp
+            #    level: info
+            console:
+                type: console
+                process_psr_3_messages: false
+                channels: ["!event", "!doctrine", "!console"]
+
+when@test:
+    monolog:
+        handlers:
+            main:
+                type: fingers_crossed
+                action_level: error
+                handler: nested
+                excluded_http_codes: [404, 405]
+                channels: ["!event"]
+            nested:
+                type: stream
+                path: "%kernel.logs_dir%/%kernel.environment%.log"
+                level: debug
+
+when@prod:
+    monolog:
+        handlers:
+            main:
+                type: fingers_crossed
+                action_level: error
+                handler: nested
+                excluded_http_codes: [404, 405]
+                buffer_size: 50 # How many messages should be saved? Prevent memory leaks
+            nested:
+                type: stream
+                path: php://stderr
+                level: debug
+                formatter: monolog.formatter.json
+            console:
+                type: console
+                process_psr_3_messages: false
+                channels: ["!event", "!doctrine"]
+            deprecation:
+                type: stream
+                channels: [deprecation]
+                path: php://stderr
+                formatter: monolog.formatter.json

demo/symfony/config/packages/nelmio_security.yaml

@@ -1,33 +1,33 @@
-nelmio_security:
-    # prevents framing of the entire site
-    clickjacking:
-        paths:
-            '^/.*': DENY
-
-    # disables content type sniffing for script resources
-    content_type:
-        nosniff: true
-
-    # forces Microsoft's XSS-Protection with
-    # its block mode
-    xss_protection:
-        enabled: true
-        mode_block: true
-
-    # Send a full URL in the `Referer` header when performing a same-origin request,
-    # only send the origin of the document to secure destination (HTTPS->HTTPS),
-    # and send no header to a less secure destination (HTTPS->HTTP).
-    # If `strict-origin-when-cross-origin` is not supported, use `no-referrer` policy,
-    # no referrer information is sent along with requests.
-    referrer_policy:
-        enabled: true
-        policies:
-            - 'no-referrer'
-            - 'strict-origin-when-cross-origin'
-
-    csp:
-        enabled: true
-
-        enforce:
-            script-src:
-                - 'self'
+# nelmio_security:
+#     # prevents framing of the entire site
+#     clickjacking:
+#         paths:
+#             '^/.*': DENY
+#
+#     # disables content type sniffing for script resources
+#     content_type:
+#         nosniff: true
+#
+#     # forces Microsoft's XSS-Protection with
+#     # its block mode
+#     xss_protection:
+#         enabled: true
+#         mode_block: true
+#
+#     # Send a full URL in the `Referer` header when performing a same-origin request,
+#     # only send the origin of the document to secure destination (HTTPS->HTTPS),
+#     # and send no header to a less secure destination (HTTPS->HTTP).
+#     # If `strict-origin-when-cross-origin` is not supported, use `no-referrer` policy,
+#     # no referrer information is sent along with requests.
+#     referrer_policy:
+#         enabled: true
+#         policies:
+#             - 'no-referrer'
+#             - 'strict-origin-when-cross-origin'
+#
+#     csp:
+#         enabled: true
+#
+#         enforce:
+#             script-src:
+#                 - 'self'

demo/symfony/config/packages/property_info.yaml

@@ -0,0 +1,3 @@
+framework:
+    property_info:
+        with_constructor_extractor: true

demo/symfony/config/packages/web_profiler.yaml

@@ -0,0 +1,17 @@
+when@dev:
+    web_profiler:
+        toolbar: false
+        intercept_redirects: false
+
+    framework:
+        profiler:
+            only_exceptions: false
+            collect_serializer_data: true
+
+when@test:
+    web_profiler:
+        toolbar: false
+        intercept_redirects: false
+
+    framework:
+        profiler: { collect: false }

demo/symfony/config/routes/framework.yaml

@@ -1,4 +1,4 @@
 when@dev:
     _errors:
-        resource: '@FrameworkBundle/Resources/config/routing/errors.xml'
+        resource: '@FrameworkBundle/Resources/config/routing/errors.php'
         prefix: /_error

demo/symfony/config/routes/web_profiler.yaml

@@ -0,0 +1,8 @@
+when@dev:
+    web_profiler_wdt:
+        resource: '@WebProfilerBundle/Resources/config/routing/wdt.php'
+        prefix: /_wdt
+
+    web_profiler_profiler:
+        resource: '@WebProfilerBundle/Resources/config/routing/profiler.php'
+        prefix: /_profiler

demo/symfony/package.json

@@ -0,0 +1,14 @@
+{
+    "private": true,
+    "scripts": {
+        "dev": "encore dev",
+        "watch": "encore dev --watch",
+        "build": "encore production"
+    },
+    "devDependencies": {
+        "@symfony/webpack-encore": "^4.0.0",
+        "webpack": "^5.0.0",
+        "webpack-cli": "^5.0.0",
+        "webpack-notifier": "^1.15.0"
+    }
+}

demo/symfony/public/build/app.f62ef15b.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[524],{28:function(){console.log("PHPFlasher Symfony Demo loaded")}},function(e){var n;n=28,e(e.s=n)}]);

demo/symfony/public/build/entrypoints.json

@@ -0,0 +1,13 @@
+{
+  "entrypoints": {
+    "app": {
+      "js": [
+        "/build/runtime.ccfad4f9.js",
+        "/build/app.f62ef15b.js"
+      ],
+      "css": [
+        "/build/app.31d6cfe0.css"
+      ]
+    }
+  }
+}

demo/symfony/public/build/manifest.json

@@ -0,0 +1,5 @@
+{
+  "build/app.css": "/build/app.31d6cfe0.css",
+  "build/app.js": "/build/app.f62ef15b.js",
+  "build/runtime.js": "/build/runtime.ccfad4f9.js"
+}

demo/symfony/public/js/interactive-demo.js

@@ -0,0 +1,22 @@
+document.addEventListener('DOMContentLoaded', function() {
+    const demoForm = document.getElementById('notification-demo-form');
+
+    if (demoForm) {
+        demoForm.addEventListener('submit', function(e) {
+            e.preventDefault();
+
+            const type = document.getElementById('notification-type').value;
+            const title = document.getElementById('notification-title').value;
+            const message = document.getElementById('notification-message').value;
+            const position = document.getElementById('notification-position').value;
+            const timeout = document.getElementById('notification-timeout').value;
+
+            // Use the PHPFlasher JavaScript API to show the notification
+            window.flasher[type](message, {
+                title: title,
+                position: position,
+                timeout: parseInt(timeout, 10)
+            });
+        });
+    }
+});

demo/symfony/public/vendor/flasher/flasher-noty.min.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("@flasher/flasher"),require("noty")):"function"==typeof define&&define.amd?define(["@flasher/flasher","noty"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).Noty=t(e.flasher,e.Noty)}(this,(function(e,t){"use strict";class o{success(e,t,o){this.flash("success",e,t,o)}error(e,t,o){this.flash("error",e,t,o)}info(e,t,o){this.flash("info",e,t,o)}warning(e,t,o){this.flash("warning",e,t,o)}flash(e,t,o,s){let n,i,l,a={};if("object"==typeof e?(a=Object.assign({},e),n=a.type,i=a.message,l=a.title,delete a.type,delete a.message,delete a.title):"object"==typeof t?(a=Object.assign({},t),n=e,i=a.message,l=a.title,delete a.message,delete a.title):(n=e,i=t,null==o?(l=void 0,a=s||{}):"string"==typeof o?(l=o,a=s||{}):"object"==typeof o&&(a=Object.assign({},o),"title"in a?(l=a.title,delete a.title):l=void 0,s&&"object"==typeof s&&(a=Object.assign(Object.assign({},a),s)))),!n)throw new Error("Type is required for notifications");if(null==i)throw new Error("Message is required for notifications");null==l&&(l=n.charAt(0).toUpperCase()+n.slice(1));const r={type:n,message:i,title:l,options:a,metadata:{plugin:""}};this.renderOptions({}),this.renderEnvelopes([r])}}const s=new class extends o{constructor(){super(...arguments),this.defaultOptions={timeout:1e4}}renderEnvelopes(e){(null==e?void 0:e.length)&&e.forEach((e=>{var o,s,n,i;try{const l=Object.assign({text:e.message,type:e.type},this.defaultOptions);e.options&&Object.assign(l,e.options);const a={onShow:null===(o=l.callbacks)||void 0===o?void 0:o.onShow,onClick:null===(s=l.callbacks)||void 0===s?void 0:s.onClick,onClose:null===(n=l.callbacks)||void 0===n?void 0:n.onClose,onHover:null===(i=l.callbacks)||void 0===i?void 0:i.onHover};l.callbacks=Object.assign(Object.assign({},l.callbacks),{onShow:()=>{var t;this.dispatchEvent("flasher:noty:show",e),null===(t=a.onShow)||void 0===t||t.call(a)},onClick:()=>{var t;this.dispatchEvent("flasher:noty:click",e),null===(t=a.onClick)||void 0===t||t.call(a)},onClose:()=>{var t;this.dispatchEvent("flasher:noty:close",e),null===(t=a.onClose)||void 0===t||t.call(a)},onHover:()=>{var t;this.dispatchEvent("flasher:noty:hover",e),null===(t=a.onHover)||void 0===t||t.call(a)}});const r=new t(l);r.show();const c=r.layoutDom;c&&"object"==typeof c.dataset&&(c.dataset.turboTemporary="")}catch(t){console.error("PHPFlasher Noty: Error rendering notification",t,e)}}))}dispatchEvent(e,t){window.dispatchEvent(new CustomEvent(e,{detail:{envelope:t}}))}renderOptions(e){e&&(Object.assign(this.defaultOptions,e),t.overrideDefaults(this.defaultOptions))}};return e.addPlugin("noty",s),s}));

demo/symfony/public/vendor/flasher/flasher-notyf.min.css

@@ -0,0 +1,2 @@
+.notyf__icon--info,.notyf__icon--warning{background:#fff;border-radius:50%;box-sizing:border-box;display:block;height:1em;margin:0 auto;position:relative;width:1em}.notyf__icon--info:after,.notyf__icon--info:before,.notyf__icon--warning:after,.notyf__icon--warning:before{border-width:0;box-sizing:border-box;content:"";position:absolute;transition:all 1s}.notyf__icon--info:after,.notyf__icon--info:before{background-color:currentcolor;border-radius:.03em;left:50%;transform:translateX(-50%);width:.15em}.notyf__icon--info:before{height:.38em;top:.4em}.notyf__icon--info:after{box-shadow:-.06em .19em,-.06em .44em,.06em .44em;height:.13em;top:.21em}.notyf__icon--warning:after,.notyf__icon--warning:before{background-color:currentcolor;border-radius:.03em;left:50%;transform:translateX(-50%);width:.15em}.notyf__icon--warning:before{height:.38em;top:.21em}.notyf__icon--warning:after{height:.13em;top:.65em}
+@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}.notyf{align-items:flex-end;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:flex-end;left:0;padding:20px;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.notyf__icon--error,.notyf__icon--success{background:#fff;border-radius:50%;display:block;height:21px;margin:0 auto;position:relative;width:21px}.notyf__icon--error:after,.notyf__icon--error:before{background:currentColor;border-radius:3px;content:"";display:block;height:12px;left:9px;position:absolute;top:5px;width:3px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{background:currentColor;border-radius:3px;content:"";display:block;position:absolute;width:3px}.notyf__icon--success:after{height:6px;left:6px;top:9px;transform:rotate(-45deg)}.notyf__icon--success:before{height:11px;left:10px;top:5px;transform:rotate(45deg)}.notyf__toast{animation:notyf-fadeinup .3s ease-in forwards;border-radius:2px;box-shadow:0 3px 7px 0 rgba(0,0,0,.25);box-sizing:border-box;display:block;flex-shrink:0;max-width:300px;overflow:hidden;padding:0 15px;pointer-events:auto;position:relative;transform:translateY(25%)}.notyf__toast--disappear{animation:notyf-fadeoutdown .3s forwards;animation-delay:.25s;transform:translateY(0)}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translateX(0)}.notyf__toast--disappear .notyf__message{animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{animation:ripple .4s ease-out forwards;border-radius:50%;height:400px;position:absolute;right:0;top:0;transform:scale(0) translateY(-51%) translateX(13%);transform-origin:bottom right;width:400px;z-index:5}.notyf__wrapper{align-items:center;border-radius:3px;display:flex;padding-bottom:17px;padding-right:15px;padding-top:17px;position:relative;z-index:10}.notyf__icon{animation:notyf-fadeinup .3s forwards;animation-delay:.3s;font-size:1.3em;margin-right:13px;opacity:0;text-align:center;width:22px}.notyf__dismiss{animation:notyf-fadeinleft .3s forwards;animation-delay:.35s;height:100%;margin-right:-15px;opacity:0;position:absolute;right:0;top:0;width:26px}.notyf__dismiss-btn{background-color:rgba(0,0,0,.25);border:none;cursor:pointer;height:100%;opacity:.35;outline:none;transition:opacity .2s ease,background-color .2s ease;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{background:#fff;border-radius:3px;content:"";height:12px;left:calc(50% - 1px);position:absolute;top:calc(50% - 5px);width:2px}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{background-color:rgba(0,0,0,.15);opacity:.7}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{animation:notyf-fadeinup .3s forwards;animation-delay:.25s;line-height:1.5em;opacity:0;position:relative;vertical-align:middle}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{animation-duration:.5s;height:600px;width:600px}.notyf__toast{border-radius:0;box-shadow:0 -2px 7px 0 rgba(0,0,0,.13);max-width:none;width:100%}.notyf__dismiss{width:56px}}

demo/symfony/public/vendor/flasher/flasher-sweetalert.min.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("@flasher/flasher"),require("sweetalert2")):"function"==typeof define&&define.amd?define(["@flasher/flasher","sweetalert2"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).sweetalert=t(e.flasher,e.Swal)}(this,(function(e,t){"use strict";function r(e,t,r,s){return new(r||(r=Promise))((function(i,n){function o(e){try{a(s.next(e))}catch(e){n(e)}}function l(e){try{a(s.throw(e))}catch(e){n(e)}}function a(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(o,l)}a((s=s.apply(e,t||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;class s{success(e,t,r){this.flash("success",e,t,r)}error(e,t,r){this.flash("error",e,t,r)}info(e,t,r){this.flash("info",e,t,r)}warning(e,t,r){this.flash("warning",e,t,r)}flash(e,t,r,s){let i,n,o,l={};if("object"==typeof e?(l=Object.assign({},e),i=l.type,n=l.message,o=l.title,delete l.type,delete l.message,delete l.title):"object"==typeof t?(l=Object.assign({},t),i=e,n=l.message,o=l.title,delete l.message,delete l.title):(i=e,n=t,null==r?(o=void 0,l=s||{}):"string"==typeof r?(o=r,l=s||{}):"object"==typeof r&&(l=Object.assign({},r),"title"in l?(o=l.title,delete l.title):o=void 0,s&&"object"==typeof s&&(l=Object.assign(Object.assign({},l),s)))),!i)throw new Error("Type is required for notifications");if(null==n)throw new Error("Message is required for notifications");null==o&&(o=i.charAt(0).toUpperCase()+i.slice(1));const a={type:i,message:n,title:o,options:l,metadata:{plugin:""}};this.renderOptions({}),this.renderEnvelopes([a])}}const i=new class extends s{renderEnvelopes(e){return r(this,void 0,void 0,(function*(){this.sweetalert||this.initializeSweetAlert();try{for(const t of e)yield this.renderEnvelope(t)}catch(e){console.error("PHPFlasher SweetAlert: Error rendering envelopes",e)}}))}renderOptions(e){try{this.sweetalert=this.sweetalert||t.mixin(Object.assign({timer:e.timer||1e4,timerProgressBar:e.timerProgressBar||!0},e)),this.setupTurboCompatibility()}catch(e){console.error("PHPFlasher SweetAlert: Error applying options",e)}}renderEnvelope(e){return r(this,void 0,void 0,(function*(){var t;try{let{options:r}=e;r=Object.assign(Object.assign({},r),{icon:(null==r?void 0:r.icon)||e.type,text:(null==r?void 0:r.text)||e.message});const s=yield null===(t=this.sweetalert)||void 0===t?void 0:t.fire(r);this.dispatchResultEvent(s,e)}catch(t){console.error("PHPFlasher SweetAlert: Error rendering envelope",t,e)}}))}initializeSweetAlert(){this.sweetalert||this.renderOptions({timer:1e4,timerProgressBar:!0})}setupTurboCompatibility(){document.addEventListener("turbo:before-cache",(()=>{if(t.isVisible()){const e=t.getPopup();e&&e.style.setProperty("animation-duration","0ms"),t.close()}}))}dispatchResultEvent(e,t){e&&window.dispatchEvent(new CustomEvent("flasher:sweetalert:promise",{detail:{promise:e,envelope:t}}))}};return e.addPlugin("sweetalert",i),i}));

demo/symfony/public/vendor/flasher/flasher-toastr.min.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("@flasher/flasher"),require("toastr")):"function"==typeof define&&define.amd?define(["@flasher/flasher","toastr"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).toastr=t(e.flasher,e.toastr)}(this,(function(e,t){"use strict";class s{success(e,t,s){this.flash("success",e,t,s)}error(e,t,s){this.flash("error",e,t,s)}info(e,t,s){this.flash("info",e,t,s)}warning(e,t,s){this.flash("warning",e,t,s)}flash(e,t,s,o){let i,r,n,l={};if("object"==typeof e?(l=Object.assign({},e),i=l.type,r=l.message,n=l.title,delete l.type,delete l.message,delete l.title):"object"==typeof t?(l=Object.assign({},t),i=e,r=l.message,n=l.title,delete l.message,delete l.title):(i=e,r=t,null==s?(n=void 0,l=o||{}):"string"==typeof s?(n=s,l=o||{}):"object"==typeof s&&(l=Object.assign({},s),"title"in l?(n=l.title,delete l.title):n=void 0,o&&"object"==typeof o&&(l=Object.assign(Object.assign({},l),o)))),!i)throw new Error("Type is required for notifications");if(null==r)throw new Error("Message is required for notifications");null==n&&(n=i.charAt(0).toUpperCase()+i.slice(1));const a={type:i,message:r,title:n,options:l,metadata:{plugin:""}};this.renderOptions({}),this.renderEnvelopes([a])}}const o=new class extends s{renderEnvelopes(e){(null==e?void 0:e.length)&&this.isDependencyAvailable()&&e.forEach((e=>{try{const{message:s,title:o,type:i,options:r}=e,n=Object.assign(Object.assign({},r),{onShown:()=>{var t;this.dispatchEvent("flasher:toastr:show",e),null===(t=null==r?void 0:r.onShown)||void 0===t||t.call(r)},onclick:()=>{var t;this.dispatchEvent("flasher:toastr:click",e),null===(t=null==r?void 0:r.onclick)||void 0===t||t.call(r)},onCloseClick:()=>{var t;this.dispatchEvent("flasher:toastr:close",e),null===(t=null==r?void 0:r.onCloseClick)||void 0===t||t.call(r)},onHidden:()=>{var t;this.dispatchEvent("flasher:toastr:hidden",e),null===(t=null==r?void 0:r.onHidden)||void 0===t||t.call(r)}}),l=t[i](s,o,n);if(l&&l.parent)try{const e=l.parent();e&&"function"==typeof e.attr&&e.attr("data-turbo-temporary","")}catch(e){console.error("PHPFlasher Toastr: Error setting Turbo compatibility",e)}}catch(t){console.error("PHPFlasher Toastr: Error rendering notification",t,e)}}))}dispatchEvent(e,t){window.dispatchEvent(new CustomEvent(e,{detail:{envelope:t}}))}renderOptions(e){if(this.isDependencyAvailable())try{t.options=Object.assign({timeOut:e.timeOut||1e4,progressBar:e.progressBar||!0},e)}catch(e){console.error("PHPFlasher Toastr: Error applying options",e)}}isDependencyAvailable(){return!(!window.jQuery&&!window.$)||(console.error("PHPFlasher Toastr: jQuery is required but not loaded. Make sure jQuery is loaded before using Toastr."),!1)}};return e.addPlugin("toastr",o),o}));

demo/symfony/public/vendor/flasher/manifest.json

@@ -0,0 +1,52 @@
+{
+    "/vendor/flasher/flasher.min.js": "/vendor/flasher/flasher.min.js?id=aa16aaa1cf4481da81e2392eed0a5804",
+    "/vendor/flasher/flasher.min.css": "/vendor/flasher/flasher.min.css?id=0d92a4c6a11d829ad5232f66b08ffe82",
+    "/vendor/flasher/themes/amazon/amazon.min.css": "/vendor/flasher/themes/amazon/amazon.min.css?id=9ee70f25ed683a1a06c96832e53ae372",
+    "/vendor/flasher/themes/amazon/amazon.min.js": "/vendor/flasher/themes/amazon/amazon.min.js?id=818ae079cef66072237504a6292015fe",
+    "/vendor/flasher/themes/sapphire/sapphire.min.css": "/vendor/flasher/themes/sapphire/sapphire.min.css?id=f7b4efc7b645ee792dacd4438fdc4ea3",
+    "/vendor/flasher/themes/sapphire/sapphire.min.js": "/vendor/flasher/themes/sapphire/sapphire.min.js?id=6b9266d751da3dff9201fdd70d86c42a",
+    "/vendor/flasher/themes/google/google.min.js": "/vendor/flasher/themes/google/google.min.js?id=ce9d22b65c40f5537bd3dca88029bfa8",
+    "/vendor/flasher/themes/google/google.min.css": "/vendor/flasher/themes/google/google.min.css?id=b5f06fb2a4795ce361e94113d3b91822",
+    "/vendor/flasher/themes/flasher/flasher.min.js": "/vendor/flasher/themes/flasher/flasher.min.js?id=369290828dc5b9dc18b4e768b7855e2b",
+    "/vendor/flasher/themes/flasher/flasher.min.css": "/vendor/flasher/themes/flasher/flasher.min.css?id=afe8be6f2c545ee55168ccc601d60a27",
+    "/vendor/flasher/themes/aurora/aurora.min.css": "/vendor/flasher/themes/aurora/aurora.min.css?id=c147c3dce846ce387a2360fb7c5ef317",
+    "/vendor/flasher/themes/aurora/aurora.min.js": "/vendor/flasher/themes/aurora/aurora.min.js?id=7215e6d20cb0a7291004907beaf3b8c3",
+    "/vendor/flasher/themes/crystal/crystal.min.css": "/vendor/flasher/themes/crystal/crystal.min.css?id=22d1ac60ba71b99d33f06d8860542bea",
+    "/vendor/flasher/themes/crystal/crystal.min.js": "/vendor/flasher/themes/crystal/crystal.min.js?id=d0b16d7675876adb142ce7215ed5aa59",
+    "/vendor/flasher/themes/shared/shared.min.js": "/vendor/flasher/themes/shared/shared.min.js?id=6099d7536c1f8046d778d61dfa40004c",
+    "/vendor/flasher/themes/minimal/minimal.min.css": "/vendor/flasher/themes/minimal/minimal.min.css?id=ece6c8d8425a37426f2953e7d771cd34",
+    "/vendor/flasher/themes/minimal/minimal.min.js": "/vendor/flasher/themes/minimal/minimal.min.js?id=0a94dfe76fb9b0a2dbf60a3661b06bfb",
+    "/vendor/flasher/themes/ios/ios.min.js": "/vendor/flasher/themes/ios/ios.min.js?id=4fc66d5cef6a7d30c5e94c4ababe21ea",
+    "/vendor/flasher/themes/ios/ios.min.css": "/vendor/flasher/themes/ios/ios.min.css?id=9680ce2ce92ac435c99a40e599d2e775",
+    "/vendor/flasher/themes/onyx/onyx.min.css": "/vendor/flasher/themes/onyx/onyx.min.css?id=eff8e7447767c39298a9c3565a917d79",
+    "/vendor/flasher/themes/onyx/onyx.min.js": "/vendor/flasher/themes/onyx/onyx.min.js?id=e15080237480b663ad2ab817e254fa9f",
+    "/vendor/flasher/themes/amber/amber.min.js": "/vendor/flasher/themes/amber/amber.min.js?id=a5147d1108e4752a0ebb492b0e26ed81",
+    "/vendor/flasher/themes/amber/amber.min.css": "/vendor/flasher/themes/amber/amber.min.css?id=20aa374b7ede682a6a0eb00c19a0013c",
+    "/vendor/flasher/themes/facebook/facebook.min.js": "/vendor/flasher/themes/facebook/facebook.min.js?id=5a82f0ed6b06975fedabd8f0f8eb3eed",
+    "/vendor/flasher/themes/facebook/facebook.min.css": "/vendor/flasher/themes/facebook/facebook.min.css?id=edfbad59ded6831073a0d08a799757fd",
+    "/vendor/flasher/themes/neon/neon.min.css": "/vendor/flasher/themes/neon/neon.min.css?id=38716f3f934f720ac34fb6617d5dc674",
+    "/vendor/flasher/themes/neon/neon.min.js": "/vendor/flasher/themes/neon/neon.min.js?id=3188b54684a7193acffa63d2305468a0",
+    "/vendor/flasher/themes/slack/slack.min.js": "/vendor/flasher/themes/slack/slack.min.js?id=cd54c7e2570e9784e03d6772e9ae4e8e",
+    "/vendor/flasher/themes/slack/slack.min.css": "/vendor/flasher/themes/slack/slack.min.css?id=4fa1fe1bdca7c256f225e9f4c2e6d779",
+    "/vendor/flasher/themes/jade/jade.min.js": "/vendor/flasher/themes/jade/jade.min.js?id=664998188449eebf74b7c1924f1a129d",
+    "/vendor/flasher/themes/jade/jade.min.css": "/vendor/flasher/themes/jade/jade.min.css?id=b140ea3056bc6eaa860c891bedf16818",
+    "/vendor/flasher/themes/material/material.min.js": "/vendor/flasher/themes/material/material.min.js?id=b5b83b804f0ce8135899f86453741128",
+    "/vendor/flasher/themes/material/material.min.css": "/vendor/flasher/themes/material/material.min.css?id=f0327e5645332c10d957fff6af1220fc",
+    "/vendor/flasher/themes/ruby/ruby.min.css": "/vendor/flasher/themes/ruby/ruby.min.css?id=faffa15686ab77a5f8988d1b8cc54650",
+    "/vendor/flasher/themes/ruby/ruby.min.js": "/vendor/flasher/themes/ruby/ruby.min.js?id=5d0262a53a5d9bb8ab0eadaceadfc7b8",
+    "/vendor/flasher/themes/emerald/emerald.min.css": "/vendor/flasher/themes/emerald/emerald.min.css?id=4e346793d433693b3fdfd9de46d05590",
+    "/vendor/flasher/themes/emerald/emerald.min.js": "/vendor/flasher/themes/emerald/emerald.min.js?id=317b24bd9eee938ebd9c3221417fd27c",
+    "/vendor/flasher/mint.css": "/vendor/flasher/mint.css?id=348f135fff639305dde0005c647c1d20",
+    "/vendor/flasher/flasher-noty.min.js": "/vendor/flasher/flasher-noty.min.js?id=6a5a2c112c3192328d30b740397f84ed",
+    "/vendor/flasher/noty.css": "/vendor/flasher/noty.css?id=bf51111a785e04cc8c86a7786e855484",
+    "/vendor/flasher/noty.min.js": "/vendor/flasher/noty.min.js?id=840a31ddb720ff391cfc386c009d3422",
+    "/vendor/flasher/flasher-notyf.min.js": "/vendor/flasher/flasher-notyf.min.js?id=deabfa48c70419ebd3b2b28fcfe7b8c5",
+    "/vendor/flasher/flasher-notyf.min.css": "/vendor/flasher/flasher-notyf.min.css?id=a68d410be6df5aaa1dd8ed3a2798d390",
+    "/vendor/flasher/toastr.min.css": "/vendor/flasher/toastr.min.css?id=f284028c678041d687c6f1be6968f68a",
+    "/vendor/flasher/flasher-toastr.min.js": "/vendor/flasher/flasher-toastr.min.js?id=8285b44e43242b12946afdf304df9e83",
+    "/vendor/flasher/toastr.min.js": "/vendor/flasher/toastr.min.js?id=8ee1218b09fb02d43fcf0b84e30637ad",
+    "/vendor/flasher/jquery.min.js": "/vendor/flasher/jquery.min.js?id=2c872dbe60f4ba70fb85356113d8b35e",
+    "/vendor/flasher/sweetalert2.min.js": "/vendor/flasher/sweetalert2.min.js?id=bba3afcfe7dcc339fa25fad49842c2bf",
+    "/vendor/flasher/sweetalert2.min.css": "/vendor/flasher/sweetalert2.min.css?id=83b54381abbed7676c22f411eba2c61d",
+    "/vendor/flasher/flasher-sweetalert.min.js": "/vendor/flasher/flasher-sweetalert.min.js?id=471a0b1aec6d6adc8e42a7c5dfcf0a93"
+}