|
@@ -0,0 +1,87 @@
|
|
|
|
+---
|
|
|
|
+title: September 2016, Uppy 0.10 released
|
|
|
|
+date: 2016-09-28
|
|
|
|
+author: arturi
|
|
|
|
+published: false
|
|
|
|
+---
|
|
|
|
+
|
|
|
|
+Hi! Its been another month and we have released a new version of Uppy. Here’s what we’ve been up to.
|
|
|
|
+
|
|
|
|
+<!-- more -->
|
|
|
|
+
|
|
|
|
+## Thinking about the future 🔮
|
|
|
|
+
|
|
|
|
+We’ve spend quite a while thinking about what the future will be like for Uppy’s internal APIs, and how to make it flexible and compatible with popular libraries, such as React and React Native. Research has been done among with prototypes of Uppy React components and extracting base versions of plugins into Uppy Base.
|
|
|
|
+
|
|
|
|
+@TODO links to react examples or discussion issues maybe?
|
|
|
|
+
|
|
|
|
+We also played a bit with CSS Modules and CSJS, generating preview thumbnails in Web Worker and tried Pica library.
|
|
|
|
+
|
|
|
|
+## Dashboard: refreshed look and new features
|
|
|
|
+
|
|
|
|
+In attempt to be brave and simple we’ve removed the dashed border inside the Dashboard, rewritten its layout with flexbox and tried out a new blend-in-with-the-background-and-blur mode.
|
|
|
|
+
|
|
|
|
+<img alt="Refreshed Dashboard UI" src="/images/blog/dashboard-sep-27-2016.jpg">
|
|
|
|
+
|
|
|
|
+There is now an option to render Dashboard inline on the page, instead of a default full modal dialog. To try it out, set `inline: true` in options, like this: `uppy.use(Dashboard, {target: '.myContainer', inline: true})`.
|
|
|
|
+
|
|
|
|
+We’ve also added a circular progress bar that shows total progress, combined with a pause all / resume all button, and an info panel that shows speed, ETA and status for all uploads currently in progress. So you have something fun and useful to look at while you are waiting.
|
|
|
|
+
|
|
|
|
+<img alt="Dashboard UI with global pause/resume buttons and a status bar — progress speed & ETA" src="/images/blog/dashboard-pause-resume-sep-27-2016.jpg">
|
|
|
|
+
|
|
|
|
+And, don’t miss out on the new Copy Link button that appears after a successful upload, right where edit button usually is. I know, that’s pretty exciting! It gets better: you click on it, and the link is copied to your clipboard. Or, in less capable browsers, a window pops up with a text link, so you can copy it yourself. Bananas.
|
|
|
|
+
|
|
|
|
+## Google Drive UI improved
|
|
|
|
+
|
|
|
|
+Google Drive has been refreshed too ... @TODO add about the new UI a bit
|
|
|
|
+
|
|
|
|
+## Listen to events
|
|
|
|
+
|
|
|
|
+We’ve finally begun exposing events on the `uppy` instance, so you can subscribe to them and use in your app, for example to display an image in your UI, after it’s been successfully uploaded:
|
|
|
|
+
|
|
|
|
+``` javascript
|
|
|
|
+uppy.on('core:upload-success', (id, url) => {
|
|
|
|
+ var img = new Image()
|
|
|
|
+ img.width = 300
|
|
|
|
+ img.alt = id
|
|
|
|
+ img.src = url
|
|
|
|
+ document.body.appendChild(img)
|
|
|
|
+})
|
|
|
|
+```
|
|
|
|
+
|
|
|
|
+There is also `core:upload-progress` to track progress and `core:success` for when all uploads are complete. The [event documentation](https://github.com/transloadit/uppy#api) is quite small right now, we’ll be adding more once we sort out the API.
|
|
|
|
+
|
|
|
|
+## There’s more
|
|
|
|
+
|
|
|
|
+* i18n strings now extend default en_US dictionary: if a certain string in not available in German, English will be displayed.
|
|
|
|
+* Updated readme: improved usage docs and CDN links, checkout [the new usage section](https://github.com/transloadit/uppy#usage) for yourself. Import, require or script tag? In any case, we’ve got your back.
|
|
|
|
+* Capabilities: if tus resumable uploader is used, `capabilities.resumable === true` is added in state, easy to check for by anyone interested. More to come.
|
|
|
|
+
|
|
|
|
+## Release Notes
|
|
|
|
+
|
|
|
|
+Here is the full list of changes for version 0.10.0:
|
|
|
|
+
|
|
|
|
+- core: expose some events/APIs/callbacks to the user: `onFileUploaded`, `onFileSelected`, `onAllUploaded`, `addFile` (or `parseFile`), open modal... (@arturi, @hedgerh)
|
|
|
|
+- core: how would Uppy work without the UI, if one wants to Uppy to just add files and upload, while rendering preview and UI by themselves #116 — discussion Part 1 (@arturi, @hedgerh)
|
|
|
|
+- core: refactor towards react compatibility as discussed in https://github.com/transloadit/uppy/issues/110 (@hedgerh)
|
|
|
|
+- core: CSS modules? allow bundling of CSS in JS for simple use in NPM? See #120#issuecomment-242455042, try https://github.com/rtsao/csjs — verdict: not yet, try again later (@arturi, @hedgerh)
|
|
|
|
+- core: try Web Workers and FileReaderSync for image resizing again — still slow, probably message payload between webworker and regular thread is huge (@arturi)
|
|
|
|
+- core: i18n strings should extend default en_US dictionary — if a certain string in not available in German, English should be displayed (@arturi)
|
|
|
|
+- dashboard: refactor to smaller components, pass props down (@arturi)
|
|
|
|
+- dashboard: option to render Dashboard inline instead of a modal dialog (@arturi)
|
|
|
|
+- dashboard: global circular progress bar, try out different designs for total upload speed and ETA (@arturi)
|
|
|
|
+- dashboard: show total upload speed and ETA, for all files (@arturi)
|
|
|
|
+- dashboard: copy link to uploaded file button, cross-browser (@arturi) (http://i.imgur.com/b1Io34n.png) (@arturi)
|
|
|
|
+- dashobard: refreshed design and grand refactor (@arturi)
|
|
|
|
+- dashboard: improve file paste the best we can http://stackoverflow.com/a/22940020 (@arturi)
|
|
|
|
+- provider: abstract google drive into provider plugin for reuse (@hedgerh)
|
|
|
|
+- google drive: improve UI (@hedgerh)
|
|
|
|
+- tus: add `resumable` capability flag (@arturi)
|
|
|
|
+- tus: start fixing pause/resume issues and race conditions (@arturi)
|
|
|
|
+- test: working Uppy example on Require Bin — latest version straight from NPM http://requirebin.com/?gist=54e076cccc929cc567cb0aba38815105 (@arturi @account)
|
|
|
|
+- meta: update readme docs, add unpkg CDN links (https://unpkg.com/uppy/dist/uppy.min.css) (@arturi)
|
|
|
|
+- meta: write 0.10 release blog post (@arturi)
|
|
|
|
+
|
|
|
|
+We’ll see you in about a month!
|
|
|
|
+
|
|
|
|
+The Uppy Team
|