|
@@ -1,16 +1,30 @@
|
|
|
---
|
|
|
-title: "Uppy 0.25: Drag drop links or images from webpages, improved selecting in providers, interactive components in i18n strings"
|
|
|
+title: "Uppy 0.25: Drag & Drop Links Urls & Images, Improved File Selecting in Providers, Interactive Components In i18n"
|
|
|
date: 2018-06-07
|
|
|
-author: renee
|
|
|
-image: ""
|
|
|
-published: false
|
|
|
+author: arturi
|
|
|
+image: "https://uppy.io/images/blog/0.25/new-select-provider.jpg"
|
|
|
+published: true
|
|
|
---
|
|
|
|
|
|
-Uppy 0.25 brings drag drop links or images from webpages, improved selecting in provider view, interactive components in i18n strings.
|
|
|
+Uppy 0.25 comes with a couple of new features, like drag-and-dropping urls and images with Url plugin, Dashboard modal animation and interactive components in i18n strings, as well as a ton of under the hood fixes and improvements.
|
|
|
|
|
|
<!--more-->
|
|
|
|
|
|
-## i18n Strings With Interactive Components
|
|
|
+## Select In Providers
|
|
|
+
|
|
|
+<img src="/images/blog/0.25/new-select-provider.jpg">
|
|
|
+
|
|
|
+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.
|
|
|
+
|
|
|
+## Drag & Drop or Paste Links And Images with Url Plugin
|
|
|
+
|
|
|
+If you have the [Url plugin](/docs/url/) enabled, it will now accept pasted or drag-dropped direct file links and images — those will get added to Uppy as if you open the Url plugin panel and entered the Url there:
|
|
|
+
|
|
|
+<figure class="wide"><video alt="Demo video showing Uppy with Url plugin that accepts drag and dropped urls" controls autoplay loop><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>
|
|
|
+
|
|
|
+## i18n Strings with Interactive Components
|
|
|
|
|
|
⚠️ **breaking**
|
|
|
|
|
@@ -37,39 +51,31 @@ See full list of locale strings for each plugin you are using on [Uppy Docs](/do
|
|
|
|
|
|
## 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>
|
|
|
+React docs have been improved: we now have a [separate page](/docs/react/) for each Uppy React wrapper component that we offer.
|
|
|
|
|
|
-## Select In Provider View Vefore Adding Files
|
|
|
+Other improvements in docs:
|
|
|
|
|
|
-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.
|
|
|
+- The `id` option is now 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).
|
|
|
|
|
|
## Typescript Definitions
|
|
|
|
|
|
-...
|
|
|
+[@taoqf](https://github.com/taoqf) went ahead and added a lot of type defenitions to Uppy in [#834](https://github.com/transloadit/uppy/pull/834). So if you are using TypeScript (and even if not, your code editor / linting tool likely supports type defenitions), you are in for a treat!
|
|
|
|
|
|
-## Other cool things
|
|
|
+## Other Cool Changes
|
|
|
|
|
|
-- 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: Debounce render calls again, fixes #669 (#796)
|
|
|
+- 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)
|
|
|
+- Improvement: Dashboard open/close animation (#852)
|
|
|
+- 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 (#814)
|
|
|
+- 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/">
|
|
|
+In the next release we are planning a [Lerna conversion](https://github.com/transloadit/uppy/pull/906), meaning that each Uppy plugin / module will get its own NPM package. Pretty excited about that one.
|
|
|
|
|
|
-Have fun,
|
|
|
+See you in the next one!
|
|
|
|
|
|
The Uppy Team
|