Dev into Main (#2)

* feat: add config file for default

* register config files for default settings and added publishable vendor

* feat: add facades support

* feat: add migration table media

* feat: create media model

* feat: create media trait for models

* update HasMedia Trait

* feat: add default_disk configuration to media settings

* feat: implement upload method in LaravelMedia class with MediaHandler integration

* feat: enhance upload method in LaravelMedia class for improved error handling

* remove space from LaravelMedia.php

* refactor: change init method to constructor in LaravelMedia class for improved clarity

* refactor: update media configuration to include default_disk, path_prefix, and default_collection settings

* refactor: inject MediaHandler dependency into LaravelMedia instantiation

* docs: update README.md to include new configuration options for media management

* docs: fix formatting in README.md by removing extra newline

* refactor: update media migration to include default values for disk and collection, and adjust model morphs

* feat: enhance upload method in MediaHandler to support original file name preservation and improved path management

* feat: add support for dynamic model and collection in LaravelMedia class, and implement test method

* Update README.md

* feat: add LaravelMediaPicker component for media selection in views

* feat: load views and routes, publish assets, and register Blade component in LaravelMediaServiceProvider

* feat: add routes for media browser and upload functionality in web.php

* feat: add media grid partial for displaying media items in the view

* feat: create media picker component with modal for media selection and upload functionality

* feat: implement JavaScript functions for media modal handling, including media fetching and upload form submission

* feat: add CSS styles for media modal and grid layout to enhance media selection interface

Author: exitdump

README.md

@@ -1,4 +1,4 @@
-# Laravel Media :frame_with_picture:
+# Laravel Media \:frame\_with\_picture:
 
 [![Latest Version](https://img.shields.io/packagist/v/exitdump/laravel-media.svg?style=flat-square)](https://packagist.org/packages/exitdump/laravel-media)
 [![License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE.md)
@@ -9,15 +9,52 @@ A WordPress-like media management system for Laravel with modal library, image p
 
 ## Features ✨
 
-- 🖼️ **WordPress-style Media Library Modal**
-- 📁 **Multiple Storage Disks** (Local, S3, etc.)
-- ✨ **Image Processing** (Thumbnails, Cropping)
-- 🔗 **Morphable Media Attachments**
-- 🚀 **AJAX Uploads with Progress**
-- 🔍 **Search & Filter Media**
-- 🎨 **Frontend Components Included**
+* 🖼️ **WordPress-style Media Library Modal**
+* 📁 **Multiple Storage Disks** (Local, S3, etc.)
+* ✨ **Image Processing** (Thumbnails, Cropping)
+* 🔗 **Morphable Media Attachments**
+* ✨ **Frontend Media Picker Component**
+* 🚀 **AJAX Uploads with Progress**
+* 🔍 **Search & Filter Media**
+* 🎨 **Easy Blade Component Integration**
 
 ## Installation 💻
 
 ```bash
 composer require exitdump/laravel-media
+```
+
+Then publish the assets:
+
+```bash
+php artisan vendor:publish --tag=laravel-media-assets
+```
+
+## Usage ✨
+
+Add the media picker component in your Blade view:
+
+```blade
+<x-media-picker name="media_id" />
+```
+
+This will render a button. Clicking it opens a modal with existing media and an upload form.
+
+## Configuration Options
+
+In `config/laravel-media.php`:
+
+* `default_disk` — Filesystem disk to store uploaded files. Default: `public`
+* `path_prefix` — Path prefix in storage. Default: `media`
+* `default_collection` — Used if no collection specified
+* `preserve_original_name` — Whether to keep original filename
+
+## Advanced
+
+* Auto-generates responsive UI
+* Built-in routes, views, and JS/CSS assets
+* Easily extendable via Livewire or AlpineJS
+
+## License
+
+MIT

config/laravel-media.php

@@ -0,0 +1,14 @@
+<?php
+
+return [
+    'default_disk' => env('MEDIA_DISK', 'public'),
+
+    // Optional path prefix (e.g., media/yyyy/mm/dd)
+    'path_prefix' => env('MEDIA_PATH_PREFIX', 'media'),
+
+    // Default collection name
+    'default_collection' => 'default',
+
+    // Whether to use original filename or hash it
+    'preserve_original_name' => false,
+];

database/migrations/2025_04_29_204025_create_media_table.php

@@ -0,0 +1,29 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('media', function (Blueprint $table) {
+            $table->id();
+            $table->string('name');
+            $table->string('file_name'); // stored path
+            $table->string('mime_type');
+            $table->string('disk')->default('public');
+            $table->unsignedBigInteger('size');
+            $table->string('collection')->default('default');
+            // Polymorphic relation (model_type + model_id)
+            $table->nullableMorphs('model');
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('media');
+    }
+};

resources/css/laravel-media.css

@@ -0,0 +1,23 @@
+.media-modal {
+    position: fixed; top: 10%; left: 10%;
+    background: #fff; border: 1px solid #ccc;
+    padding: 20px; z-index: 9999;
+    width: 80%; height: 70%;
+    overflow: auto;
+}
+
+.hidden { display: none; }
+
+.media-grid {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+}
+
+.media-thumb img {
+    width: 100px;
+    height: 100px;
+    object-fit: cover;
+    border: 2px solid #ccc;
+    cursor: pointer;
+}

resources/js/laravel-media.js

@@ -0,0 +1,32 @@
+function openMediaModal() {
+    document.querySelector('#mediaModal').classList.remove('hidden');
+    fetchMedia();
+}
+
+function closeMediaModal() {
+    document.querySelector('#mediaModal').classList.add('hidden');
+}
+
+function fetchMedia() {
+    fetch(mediaBrowserUrl)
+        .then(res => res.text())
+        .then(html => document.querySelector('#media-gallery').innerHTML = html);
+}
+
+document.addEventListener('DOMContentLoaded', function () {
+    document.querySelector('#media-upload-form')?.addEventListener('submit', function (e) {
+        e.preventDefault();
+        const formData = new FormData(this);
+
+        fetch(mediaUploadUrl, {
+            method: 'POST',
+            body: formData,
+            headers: { 'X-CSRF-TOKEN': csrf }
+        }).then(() => fetchMedia());
+    });
+});
+
+function selectMedia(id) {
+    document.querySelector('#selectedMediaId').value = id;
+    closeMediaModal();
+}

resources/views/components/media-picker.blade.php

@@ -0,0 +1,26 @@
+<div>
+    <button type="button" onclick="openMediaModal()">📁 Select Media</button>
+    <input type="hidden" name="media_id" id="selectedMediaId">
+
+    <div id="mediaModal" class="media-modal hidden">
+        <div class="media-modal-content">
+            <h2>📸 Media Library</h2>
+            <form id="media-upload-form" enctype="multipart/form-data">
+                <input type="file" name="file" required>
+                <button type="submit">Upload</button>
+            </form>
+
+            <div id="media-gallery" class="media-grid mt-4"></div>
+
+            <button onclick="closeMediaModal()">❌ Close</button>
+        </div>
+    </div>
+</div>
+
+<link rel="stylesheet" href="{{ asset('vendor/laravel-media/media.css') }}">
+<script src="{{ asset('vendor/laravel-media/laravel-media.js') }}"></script>
+<script>
+    const mediaBrowserUrl = "{{ route('laravel-media.browser') }}";
+    const mediaUploadUrl = "{{ route('laravel-media.upload') }}";
+    const csrf = '{{ csrf_token() }}';
+</script>

resources/views/partials/media-grid.blade.php

@@ -0,0 +1,5 @@
+@foreach($media as $item)
+    <div onclick="selectMedia({{ $item->id }})" class="media-thumb">
+        <img src="{{ Storage::disk($item->disk)->url($item->file_name) }}" alt="{{ $item->name }}" />
+    </div>
+@endforeach

routes/web.php

@@ -0,0 +1,19 @@
+<?php
+use Illuminate\Support\Facades\Route;
+use Illuminate\Http\Request;
+use Exitdump\LaravelMedia\Models\Media;
+use Exitdump\LaravelMedia\MediaHandler;
+
+Route::prefix('laravel-media')->name('laravel-media.')->group(function () {
+    Route::get('/browser', function () {
+        $media = Media::latest()->get();
+        return view('laravel-media::partials.media-grid', compact('media'));
+    })->name('browser');
+
+    Route::post('/upload', function (Request $request) {
+        $request->validate(['file' => 'required|file|max:2048']);
+        $handler = new MediaHandler();
+        $handler->upload($request->file('file'));
+        return response()->json(['success' => true]);
+    })->name('upload');
+});

src/Facades/LaravelMedia.php

@@ -0,0 +1,13 @@
+<?php
+
+namespace Exitdump\LaravelMedia\Facades;
+
+use Illuminate\Support\Facades\Facade;
+
+class LaravelMedia extends Facade
+{
+    protected static function getFacadeAccessor()
+    {
+        return 'laravel-media';
+    }
+}

src/LaravelMedia.php

@@ -2,10 +2,40 @@
 
 namespace Exitdump\LaravelMedia;
 
+use App\Models\User;
+use Illuminate\Http\UploadedFile;
+use Exitdump\LaravelMedia\MediaHandler;
+
 class LaravelMedia
 {
-    public function handle()
+    protected $handler;
+    protected $collection = 'default';
+    protected $model = null;
+
+    public function __construct(MediaHandler $handler)
+    {
+        $this->handler = $handler;
+    }
+
+
+    public function upload(UploadedFile $file)
     {
-        return 'its working';
+        return $this->handler->upload($file, $this->model, $this->collection);
+    }
+    
+    public function associateWith($model)
+    {
+        $this->model = $model;
+        return $this;
+    }
+    
+    public function toCollection($collection)
+    {
+        $this->collection = $collection;
+        return $this;
+    }
+
+    public function test(){
+        dd('test pass from pkg entry point');
     }
-}
+}