Search the Community

Last week I mentioned the new Actions menu on MediaHub input fields. I started with Copy to field function. Next up is Palette. It's a free companion module that analyses image colours and lets you copy a hex value from a photo. Why I built it I was building a site with a hero banner consisting of a photo on the left and a solid colour block on the right. I needed colour options that complemented the image and a quick way to grab a hex code and paste it into a block colour field. Nothing in my usual workflow did that without leaving the admin or opening the image through external tools. What it does Palette analyses an image and surfaces the most prominent colours, with an indication of how much of the image each one accounts for. In the module settings you can choose how many swatches to show (anywhere from 1 to 10). Click a colour to copy its hex code to the clipboard, then paste it wherever you need it (a colour field, theme token, inline style, etc.). It does not write to a field for you. That part is still manual for now. There are also a few colour-wheel views if you want to explore alternatives, plus a custom picker if you already know roughly what you’re after. How to use it Install the MediaHub Palette companion module (see below). Set your preferred swatch count in the module config. On a MediaHub field card, open Actions → Generate palette on an image. Pick a swatch, copy the hex, paste it where you need it. It also appears on library asset page so you can explore a palette from the MediaHub library. Get it Palette is free for Media Hub users. It will shortly live as a separate download in your licence account area. Because it's fairly niche, I didn't bundle it inside the main MediaHub package. What’s not in it (yet) Extracted colours are not stored on the asset and are not exposed through the MediaHub API at the moment. I’m considering that for a future release. E.g. saving a palette against an asset or piping a chosen colour into a custom field automatically. For now it’s a practical “analyse this image and give me copyable hex codes” tool. Cheers P

Hi everyone MediaHub 1.22.0 out and features... Added: 3 new Admin translations I've added Dutch, Polish and French admin translations. Same coverage as the existing German (and English) strings. Approx 1000+ each contained in languages/nl.csv, languages/pl.csv, languages/fr.csv. Taking requests for other translations too. Added: Inputfield Actions MediaHub fields now have an Actions button that opens a dropdown. Sitting beside the existing Crop, Focus and Edit options, Actions is built as an extensible shell for field-level actions with more capabilities in progress for future releases. Added: Copy to sibling field Illustrating what the new Actions menu is for, our first Action is Copy to Field. Copy to field lists sibling MediaHub fields you can send an asset to. Real handy when you have multiple MH input fields on a page and might need to inject a sibling field with an asset from another field. And of course, the beauty of this is also that it doesn't duplicate the underlying MediaHub asset. Copying honours the target sibling fields maxItems, skips duplicates, clears single-mode fields first, and copies per-field alt/tags meta when available. Changed: Fewer auto-generated variations on MediaHub fields Each image on a field card now creates two ProcessWire size variations (260w card thumb + 800w preview/lightbox) instead of four. Lightbox and retina srcset reuse the 800px file rather than generating separate 900px and 520px copies. Thanks for reading. Licence holders can download from the account area. Full changelog Buy MediaHub P

Hey everyone Well, last week turned into this week, and 1.19.50 turned into 1.19.51. So apologies for the slight delay, but I do have a larger release and a special offer for you. Get an extra 20% off any plan using the discount code: wowmediahub11951 It's good for the first three signups only. What’s new in 1.19.51 YouTube and Vimeo as library assets YouTube and Vimeo in MediaHub fields and rich text Inline audio and video preview Preview covers for PDFs, audio, and documents German admin UI Front End Editing Resizable library sidebar and much more... Full details on the blog, short version below. https://www.peterknight.digital/blog/posts/mediahub-1-19-51-release/ YouTube and Vimeo as library assets Paste a YouTube or Vimeo URL into Import → By URL. MediaHub creates an embed asset without storing the video file. Provider thumbnails show in the library; optional custom covers are available when you want your own poster. YouTube and Vimeo in fields and rich text Pick embeds from the same library as images and PDFs. Insert into MediaHub fields or TinyMCE with alignment, max width, and playback options — including start-at. Optional image captions (figure/figcaption) are also available in the MediaHub image dialog. Inline audio and video preview On the asset detail page, play supported audio and video with native browser controls — handy for a quick check before you use the file. BTW that track Feuervogel is by our very own @Stefanowitsch and his band Dayfly’s Diary. Buy See the Light on Bandcamp. Preview covers PDFs and audio can get an automatic cover on import where the server supports it (first PDF page, embedded artwork). Or pick any library image or crop as a manual override. Covers show across the library, picker, and inputfield cards. German admin UI Bundled Deutsch translation for the full MediaHub interface. With Language Support and a de language installed, translations import on module refresh. Front End Editing (Beta) The MediaHub TinyMCE button works with ProcessWire’s PageFrontEdit. Image alignment survives save on the live site. Resizable library sidebar On desktop, drag the sidebar edge to widen or narrow collections/labels. The width is remembered for next time. That's it. Thanks for reading 🙂 Peter Full details, screenshots, and the full changelog: https://www.peterknight.digital/blog/posts/mediahub-1-19-51-release/ Downloads (licensed users): https://www.peterknight.digital/downloads/

A big thanks to @@Mikel for flagging some of the items which form 1.19.1. Uninstall (fixed) The safety check that requires you to opt-in via `$config->MediaHubUninstall` in `site/config.php` was firing a beat too late. By the time the error showed, companion modules and their pages were already partially torn down. 1.19.1 hoists that check into a `hookBefore('Modules::uninstall')` so nothing is touched if the flag is missing. Also tightened companion module cleanup, admin page deletion, and crop-field removal so the whole flow is now atomic: succeeds completely or aborts cleanly. Import (fixed) Importing existing images on a non-MediaHub site (Setup → Media Hub → Import Existing) wasn't generating thumbnails. Bonus: retina `srcset` (1x/2x) and lazy loading on inputfield thumbnails. Icons (aligned) The library and the MediaHub inputfield each have view-mode toggles (grid, proportional or masonry, detail or list), but 1.19.0 used slightly different icon sets between the two surfaces. 1.19.1 aligns them on the same Lucide set. Labels bug (fixed) The new Labels section in 1.19.0 shared structural class names with Collections. This meant Labels were incorrectly displayed on some Collections filters nd menus. Labels and Collections are now strictly separate row types throughout the sidebar. Full changelog 1.19.1 blog post 1.19.1 download

Hey everyone, MediaHub 1.19.0 is ready. That is good news for two reasons: you might find it useful, and you might be too distracted to wonder where 1.18 went. 🙂 Anywho, MH 1.19 has two main areas of improvement: the main MediaHub library screen (for editors) a new read API for galleries at scale (for developers). MediaHub Library changes A) Redesigned sidebar The sidebar has been redesigned and refined, with new shortcut filters at the top B) Favourites Mark any asset as a favourite (site-wide) and filter the library to favourites only. You can favourite from the asset detail page, the tile menu, or by dragging tiles onto Favourites in the sidebar. I am still debating Favourite/unfavourite vs star/unstar for the wording. Open to opinions there. C) Recent See your newest uploads and choose what “recent” means: last 24 hours, last 7 days, and other presets. More flexibility planned here soon. D) Filter breadcrumb type thing When you filter the library, a breadcrumb-style trail shows where you are (for example All Assets › Labels: Dublin). Clear a filter with one click instead of guessing how you narrowed the view. E) Labels If you use Labels for organisation, they are now a first-class shortcut in the sidebar, with counts per label. The section collapses when you do not need it. Drag assets onto a label row to assign in bulk; rename or delete from the row menu. F) Hover info on asset cards Hover over an asset to quickly see the title and filename without turning on Details view or opening the full asset page. This way, you get a really clean Library grid and still benefit from an in-betweeny view. G) Favourites (pt2) You can mark an asset as a favourite from the assets card/panel. Admittedly, 'unfavourite' is a little awkward-sounding. How does it read in German, Austrian, Bulgarian, Irish? I'll find out shortly. I might change this to star/unstar. MediaHub - drag and drop Another gap closed. You can drag and drop assets directly onto a MediaHub field. If you want to disable that function, you can do it on a field-by-field basis. You can also re-order assets as per the native input field. And if you're not a drag-and-drop fan, you can use the buttons instead. The MediaHub button will open your Library. Upload button opens your Finder. Uploads and drag-and-drop currently land new files in the root of the library in the background. I am planning more flexibility there soon. getRaw () API (beta) I'll be straight: I have not fully tested this myself on production sites yet, but I did run it through rigorous automated test scripts, and the performance benefits look promising. There is a more comprehensive write-up in the MediaHub docs. And I want to thank @David Karich for pushing this feature forward and flagging the original limitation in the first instance. Not strictly 1.19 related Search the docs The MediaHub documentation has a new search box in the sidebar Limitations and planned improvements Created a page with the known gaps in MediaHub. This is going to be a living (but rapidly shrinking) list as I move towards MediaHub 1.20.X. Get 1.19: About MediaHub: https://www.peterknight.digital/products/mediahub/ Upgrade to 1.19: https://www.peterknight.digital/downloads/mediahub/ Read the blog: https://www.peterknight.digital/blog/posts/mediahub-1-19-release/ Full changelog: https://www.peterknight.digital/docs/mediahub/v1/changelog/ Cheers 🍻 Peter

Hey everyone, MediaHub v1.17.0 is now available and introduces Focus Point support, SVG uploads, Input Field UI enhancements, and improved KONKAT compatibility. Existing customers: visit your account downloads area. New to MediaHub?: visit my in-progress landing page Full changelog: https://www.peterknight.digital/docs/mediahub/v1/changelog/ Release blog post https://www.peterknight.digital/blog/posts/mediahub-1-17-release/ Happy to answer questions here, but in the meantime, here are some screenshots. Focus Point support and focus point aware cropping. In the crop editor, you can now set and change the Focus point target.... As you might expect, crop presets and auto-generated crops snap to the focus point... SVG support Also in 1.17, driven by a request from @Stefanowitsch: SVG support for logos, icons, and illustrations that need to scale cleanly. SVG uploads are off by default. Enable them under Modules → Configure → MediaHub in the new SVG Support section. When turned on, uploads require the native ProcessWire FileValidatorSvgSanitizer module. If the sanitiser isn’t installed, uploads are refused rather than letting an unsanitised file through. InputField UI polishes Detail view is meant to show more per card, but the layout felt cluttered. Detail-mode cards now use a cleaner layout with a Crop · Focus · Edit action strip and inline file metadata. More to come on that front. It's somewhat based on the native Input Field view, but with a few tweaks. Konkat Theme If you run the ProcessWire KONKAT light admin theme, 1.17 includes improved compatibility across MediaHub’s admin screens. The asset detail page gets a cleaner card layout, a Modified column in the Crops table, and usage-aware delete confirmations (not shown) IE MediaHub warns you before deleting an asset or crop that’s still referenced elsewhere. Next up, as promised, I am working on improved support for batch operations, such as bulk upload and getRaw() support for massive libraries. Thans for reading. If you like what you see, I hope you can make MediaHub part of your next ProcessWire project 🙂 P