|
@@ -0,0 +1,99 @@
|
|
|
+---
|
|
|
+title: "Uppy 1.11 — 1.13: Dark Mode, custom meta fields and Google Docs in Companion"
|
|
|
+date: 2020-04-20
|
|
|
+author: arturi
|
|
|
+image: "https://uppy.io/images/blog/1.13/uppy-dashboard-dark-mar-2020.png"
|
|
|
+published: false
|
|
|
+---
|
|
|
+
|
|
|
+Let’s dive right in:
|
|
|
+
|
|
|
+## Dark mode
|
|
|
+
|
|
|
+A little while ago we’ve [announced work in progress](https://mobile.twitter.com/uppy_io/status/1221070643543838721) on Dashboard’s Dark Mode. Happy to tell you it’s live now! You can try it on [the Dashboard example page](http://localhost:4000/examples/dashboard/).
|
|
|
+
|
|
|
+<video alt="Demo video showing Uppy Dark Mode" muted autoplay loop>
|
|
|
+ <source src="/images/blog/1.13/dark-mode-auto.webm" type="video/webm">
|
|
|
+ <source src="/images/blog/1.13/dark-mode-auto.mp4" type="video/mp4">
|
|
|
+</video>
|
|
|
+
|
|
|
+There are three options available:
|
|
|
+
|
|
|
+- `light` — the default
|
|
|
+- `dark`
|
|
|
+- `auto` — will respect the user’s system settings and switch automatically
|
|
|
+
|
|
|
+```js
|
|
|
+uppy.use(Dashboard, {
|
|
|
+ theme: 'dark'
|
|
|
+})
|
|
|
+```
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+<!--more--->
|
|
|
+
|
|
|
+## Custom meta fields
|
|
|
+
|
|
|
+This is big one! Thanks to @galli-leo, you can now add custom input fields, such as `<input type="telephone">`, `<select>` or `checkbox`, like this:
|
|
|
+
|
|
|
+```js
|
|
|
+.use(Dashboard, {
|
|
|
+ trigger: '#pick-files',
|
|
|
+ metaFields: [
|
|
|
+ { id: 'caption', name: 'Caption', placeholder: 'describe what the image is about' },
|
|
|
+ {
|
|
|
+ id: 'public',
|
|
|
+ name: 'Public',
|
|
|
+ render: ({ value, onChange }, h) => {
|
|
|
+ return h(
|
|
|
+ 'input',
|
|
|
+ {
|
|
|
+ type: 'checkbox',
|
|
|
+ onChange: (ev) => onChange(ev.target.checked ? 'on' : 'off'), defaultChecked: value === 'on'
|
|
|
+ }
|
|
|
+ )
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ]
|
|
|
+})
|
|
|
+```
|
|
|
+
|
|
|
+See [the docs](/docs/dashboard/#metaFields) and [PR #2147](https://github.com/transloadit/uppy/pull/2147) for details.
|
|
|
+
|
|
|
+## Google Docs support in Companion
|
|
|
+
|
|
|
+Companion now automagically converts GSuit documents, such as docs, spreadsheets and presentations, to `.docx`, `.xlsx` and `.ppt` files that can be open in various applications. Full list of type-to-extension mappings:
|
|
|
+
|
|
|
+```js
|
|
|
+{
|
|
|
+ 'application/vnd.google-apps.document': '.docx',
|
|
|
+ 'application/vnd.google-apps.drawing': '.png',
|
|
|
+ 'application/vnd.google-apps.script': '.json',
|
|
|
+ 'application/vnd.google-apps.spreadsheet': '.xlsx',
|
|
|
+ 'application/vnd.google-apps.presentation': '.ppt'
|
|
|
+}
|
|
|
+```
|
|
|
+
|
|
|
+Note that only documents up to 10MB are converted, this is GSuit’s limitation.
|
|
|
+
|
|
|
+## AWS S3
|
|
|
+
|
|
|
+Aws S3 plugin now handles uploads internally, instead of deferring to XHR Upload. This change fixes many bugs with Aws S3. See [PR #2060](https://github.com/transloadit/uppy/pull/2147) for details.
|
|
|
+
|
|
|
+## Locales
|
|
|
+
|
|
|
+Polish, Croatian and Romanian language pack have been added by @alfatv, @dkisic and akizor :tada:
|
|
|
+
|
|
|
+## Misc
|
|
|
+
|
|
|
+- @uppy/tus, @uppy/xhr-upload: emit error when companion returns error during upload creation (#2166 / @ifedapoolarewaju)
|
|
|
+- @uppy/transloadit: fix progress with very different Assembly runtimes (#2143 / @agreene-coursera)
|
|
|
+- @uppy/core: Only _startIfAutoProceed if some files were actually added (#2146 / @arturi)
|
|
|
+- @uppy/companion: emit error to client if download fails (#2139 / @ifedapoolarewaju)
|
|
|
+- @uppy/companion: validate all client provided upload data. (#2160 / @ifedapoolarewaju)
|
|
|
+- @uppy/dashboard: Log warning instead of an error when trigger is not found (#2144 / @arturi)
|
|
|
+- @uppy/robodog: Pass hideUploadButton to Dashboard in Robodog too (#2169 / @arturi)
|
|
|
+- @uppy/aws-s3-multipart: emit upload-error when companion returns error during upload instantiation (#2168 / @ifedapoolarewaju)
|
|
|
+
|
|
|
+As always, you can find the full list of changes and package versions, as well as future plans, in our [changelog](https://github.com/transloadit/uppy/blob/master/CHANGELOG.md).
|