Repository navigation
v0.6.0
v0.6.0 — Drag-and-Drop Media Ordering
This release adds drag-and-drop media ordering to Livewire Media Uploader, along with improved image preview interactions and updated documentation for current Spatie Media Library usage.
What's New
Drag-and-Drop Ordering
Media can now be reordered directly from the uploader using native drag-and-drop.
- Reorder existing attached media.
- Reorder files in the pending upload queue before uploading.
- Drop items before or after another item, including at the end of the list.
- Visual drop indicators show exactly where the dragged item will be placed.
- Attached media ordering is persisted using Spatie Media Library's
order_column. list-allmode keeps ordering scoped to each individual media collection.- Available in both Tailwind CSS and Bootstrap themes.
- No additional JavaScript dependency is required beyond Alpine.js.
A new media-reordered event is dispatched after persisted media has been reordered.
Clickable Image Thumbnails
Image thumbnails can now be clicked to open the existing image preview overlay.
This works for both:
- Pending image uploads.
- Existing attached images.
The filename and thumbnail now provide the same convenient preview behavior.
Documentation Improvements
- Clarified the interaction between multiple uploads and Spatie Media Library's
singleFile()collection configuration. - Updated image conversion examples to use
Spatie\Image\Enums\Fitfor compatibility with current Spatie Image releases. - Updated examples and documentation for the new media ordering functionality.
Upgrade
No breaking changes are expected when upgrading from v0.5.x.
composer require codebyray/livewire-media-uploader:^0.6Existing uploader implementations should continue to work without modification. Drag-and-drop ordering and the improved preview interactions are available automatically when using the updated package views.