Skip to content

v0.6.0

Choose a tag to compare

@codebyray codebyray released this 25 Jul 20:29
· 4 commits to main since this release
63ee93d

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-all mode 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\Fit for 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.6

Existing 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.