We stand with the brave people of Ukraine. Stop the war. Find out
Recent Posts
- Uppy 2.4-2.7: Image Compressor, Transloadit Rate Limiting, ESM
- 🎄 Uppy 2.1-2.3: Audio plugin, fast and efficient streaming for Companion, production-ready Unsplash, and more
- Uppy 2.0.0: smaller, faster, modular plugins, Preact X, stricter types, and much more
- Uppy 1.30: Angular integration, granular image rotation, Google Drive shortcuts
- Uppy 1.29: Golden Retriever, disableLocalFiles, Webcam previews, uppy.logout
- Uppy 1.27: Drop Target plugin, Vue 3 support, Dashboard dynamic meta fields, “Shared with me” in Google Drive
- Uppy 1.26: Dashboard “disabled”, per-file headers
- Uppy 1.25: right-to-left scripts, Ukrainian translation, Companion improvements
- Uppy 1.24: 🎅 Happy Holidays — Svelte, React hook, Auto Open Image Editor
- Uppy 1.23: Vue.js, Box, Done button and cloud file restrictions
- 🎃 Uppy 1.22: Webcam camera source, Unsplash and maxTotalFileSize
Uppy 1.25: right-to-left scripts, Ukrainian translation, Companion improvements
Uppy 1.25 adds support for right-to-left scripts, Ukrainian translation and various improvements for Companion.
Just see how cool this looks, and read further for a video demo and some behind the scenes implementation sorcery:
Right-to-left scripts
Renée have improved support for right-to-left scripts (such as Arabic, Farsi, Hebrew). This means that Uppy UI can now be mirrored, like how you might see on sites like Wikipedia.
HTML dir attribute can be used to set the direction — any parent element of the Dashboard may have it. It’s good practice for sites to add a dir attribute on <html> element, but for backwards compatibility the Dashboard will default to left-to-right rendering.
The text direction can also be set in code using the new direction option for the Dashboard plugin. This is useful for the modal dashboard, which would typically be mounted in the <body> element, so there is no other parent element that you could set the dir attribute on (aside from <body> and <html>, which sites should do, but may not).
Head over to the #2705 PR description and code, if you are interested in how this is implemented, using new CSS properties like
inline-startandinline-endwithpostcss-logicalandpostcss-dir-pseudo-classfor the fallback.
Locales
@DenysNosov contributed a Ukrainian translation and fixes for Russian grammar!
Integration Guide
Andrew, who’s been on fire recently adding Vue and Svelte integrations for Uppy, has taken the time to share his experience and has written an “Adding a new integration” guide, in case you’d like to help befriend Uppy with your favorite framework or library.
Companion
- Added support for setting 3rd party credentials in runtime
- Metadata is now passed to S3
- Support for
opts.companionCookiesRulerule - Delete tus error’s
originalRequestfield before propagating error - Companion now uses multi-stage docker build
Misc
- @uppy/dashboard: emit fileId on both file-edit-start and file-edit-complete events
- @uppy/box: added Box to Uppy CDN
See changelog for details.
Star
