|
|
@@ -0,0 +1,75 @@
|
|
|
+---
|
|
|
+title: "Uppy 0.25: Drag drop links or images from webpages, improved selecting in providers, interactive components in i18n strings"
|
|
|
+date: 2018-06-07
|
|
|
+author: renee
|
|
|
+image: ""
|
|
|
+published: false
|
|
|
+---
|
|
|
+
|
|
|
+Uppy 0.25 brings drag drop links or images from webpages, improved selecting in provider view, interactive components in i18n strings.
|
|
|
+
|
|
|
+<!--more-->
|
|
|
+
|
|
|
+## i18n Strings With Interactive Components
|
|
|
+
|
|
|
+⚠️ **breaking**
|
|
|
+
|
|
|
+We’ve changed how i18n strings work with interactive components. We now use placeholder for those interactive buttons, so it works nicely in languages that have different word order than English. Example:
|
|
|
+
|
|
|
+```js
|
|
|
+dropPasteImport: 'Drop files here, paste, import from one of the locations above or %{browse}'
|
|
|
+browse: 'browse'
|
|
|
+```
|
|
|
+
|
|
|
+`%{browse}` will be replaced with a button/link.
|
|
|
+
|
|
|
+We can’t do this in all situations yet, because some parts of some strings need to be wrapped in Preact elements, which the Translator can’t handle.
|
|
|
+
|
|
|
+Here’s a list of strings that were changed in this release, please update those in your locales:
|
|
|
+
|
|
|
+- core: `failedToUpload` needs to contain `%{file}`, substituted by the name of the file that failed
|
|
|
+- dashboard: `dropPaste` and `dropPasteImport` need to contain `%{browse}`, substituted by the "browse" text button
|
|
|
+- dashboard: `editing` needs to contain `%{file}`, substituted by the name of the file being edited
|
|
|
+- dashboard: `fileSource` and `importFrom` need to contain `%{name}`, substituted by the name of the provider
|
|
|
+- dragdrop: `dropHereOr` needs to contain `%{browse}`, substituted by the "browse" text button
|
|
|
+
|
|
|
+See full list of locale strings for each plugin you are using on [Uppy Docs](/docs/).
|
|
|
+
|
|
|
+## React Documentation
|
|
|
+
|
|
|
+React docs have been improved: we now have a separate page for each Uppy React wrapper component we offer.
|
|
|
+
|
|
|
+- The id option is listed on each plugin's documentation page.
|
|
|
+- The replaceTargetContent option is listed on UI plugin documentation pages.
|
|
|
+- The locale option is described on each plugin documentation page, and includes a short description for each string. The default value is removed from the snippet at the top of the ## Options section to save some space (since it's a very large object sometimes).
|
|
|
+
|
|
|
+## Drag & Drop Links or Images From Webpages
|
|
|
+
|
|
|
+<figure class="wide"><video alt="Demo video showing Uppy with Url plugin that accepts drag and dropped urls" controls autoplay><source src="/images/blog/0.25/link-drop-demo.mp4" type="video/mp4">Your browser does not support the video tag, you can <a href="/images/blog/0.25/link-drop-demo.mp4">download the video</a> to watch it.</video></figure>
|
|
|
+
|
|
|
+## Select In Provider View Vefore Adding Files
|
|
|
+
|
|
|
+Selecting files doesn’t add files to Uppy immediately anymore. Instead a “Select” button appears (with a counter), and pressing that adds all the files with checked checkboxes and closes the Instagram or Google Drive overlay. Cancel discards the selection and also closes the overlay.
|
|
|
+
|
|
|
+This addresses an undesirable case where `autoProceed: true` would begin uploading files the moment you ticked a checkbox, and you couldn’t see what was going on because the provider overlay was still open.
|
|
|
+
|
|
|
+## Typescript Definitions
|
|
|
+
|
|
|
+...
|
|
|
+
|
|
|
+## Other cool things
|
|
|
+
|
|
|
+- Fix: Debounce render calls again, fixes #669 #796 by goto-bus-stop
|
|
|
+- Fix: XHRUPload canceled uploads progress events #864
|
|
|
+- Improvement: ⚠️ **breaking** Remove `uppy.run()` — everything is now run automatically, you only need to call `.use()` for plugins that you need, as usual (#793 / @goto-bus-stop)
|
|
|
+- Improvement: Dashboard open/close animation
|
|
|
+- Improvement: You can now hide action buttons in Dashboard and StatusBar #821
|
|
|
+- Improvement: Pass `allowedFileTypes` and `maxNumberOfFiles` to `input[type=file]` to add restrictions to the system file picking dialog too
|
|
|
+- Improvement: merge meta data when add file #810
|
|
|
+- Fix: More robust failure handling for Transloadit, closes #708 (#805)
|
|
|
+
|
|
|
+<img class="border" src="/images/blog/0.25/">
|
|
|
+
|
|
|
+Have fun,
|
|
|
+
|
|
|
+The Uppy Team
|
Artur Paikin