|
@@ -2,7 +2,7 @@
|
|
title: "Uppy 0.22: Preact, Form, Improved Dashboard, Custom Stores"
|
|
title: "Uppy 0.22: Preact, Form, Improved Dashboard, Custom Stores"
|
|
date: 2017-12-23
|
|
date: 2017-12-23
|
|
author: arturi
|
|
author: arturi
|
|
-image: "https://uppy.io/images/blog/0.22/uppy-dashboard-updated.jpg"
|
|
|
|
|
|
+image: "/uppy/images/blog/0.22/uppy-dashboard-updated.jpg"
|
|
published: true
|
|
published: true
|
|
---
|
|
---
|
|
|
|
|
|
@@ -28,7 +28,7 @@ See [#451 PR](https://github.com/transloadit/uppy/pull/451) for details on why w
|
|
- **⚠️ Breaking** Events have been renamed to remove the `core:` prefix. So `core:success` becomes just `success`, and this also results in now having `error`, `upload-started` and so on. Prefixed event names are used for plugin-specific event sometimes, like `dashboard:file-card`.
|
|
- **⚠️ Breaking** Events have been renamed to remove the `core:` prefix. So `core:success` becomes just `success`, and this also results in now having `error`, `upload-started` and so on. Prefixed event names are used for plugin-specific event sometimes, like `dashboard:file-card`.
|
|
- **⚠️ Breaking** CSS class names have been altered to use the `uppy-` namespace, so `.UppyDashboard-files` becomes `.uppy-Dashboard-files` and so on.
|
|
- **⚠️ Breaking** CSS class names have been altered to use the `uppy-` namespace, so `.UppyDashboard-files` becomes `.uppy-Dashboard-files` and so on.
|
|
- **⚠️ Breaking** `getMetaFromForm` was removed in favor of the new `Form` plugin (see below).
|
|
- **⚠️ Breaking** `getMetaFromForm` was removed in favor of the new `Form` plugin (see below).
|
|
-- **⚠️ Breaking** `MetaData` plugin was removed in favor of the `metaFields` option in Dashboard, [see docs](https://uppy.io/docs/dashboard/#metaFields) for more details.
|
|
|
|
|
|
+- **⚠️ Breaking** `MetaData` plugin was removed in favor of the `metaFields` option in Dashboard, [see docs](/uppy/docs/dashboard/#metaFields) for more details.
|
|
- Plugins now use `this.el` to refer to their UI element instead of `this.target`.
|
|
- Plugins now use `this.el` to refer to their UI element instead of `this.target`.
|
|
- `setPluginState` and `getPluginState` are now used in Providers.
|
|
- `setPluginState` and `getPluginState` are now used in Providers.
|
|
|
|
|
|
@@ -39,7 +39,7 @@ See [#451 PR](https://github.com/transloadit/uppy/pull/451) for details on why w
|
|
- File cards are simpler, we’ve removed the excess white backgrounds, improved the remove icon, reduced paddings, added slight shadows.
|
|
- File cards are simpler, we’ve removed the excess white backgrounds, improved the remove icon, reduced paddings, added slight shadows.
|
|
- Cicular upload button in the Dashboard has been moved to the StatusBar. It’s also not circular anymore, and there’s no cloud icon. Plain and simple.
|
|
- Cicular upload button in the Dashboard has been moved to the StatusBar. It’s also not circular anymore, and there’s no cloud icon. Plain and simple.
|
|
- Redesigned “retry” and “add +1 file” buttons.
|
|
- Redesigned “retry” and “add +1 file” buttons.
|
|
-- Added `metaFields` option: an array of settings for UI field objects, which previousely lived in a separate `MetaData` plugin: `{ id: 'caption', name: 'Caption', placeholder: 'describe what the image is about' }`, [see docs](https://uppy.io/docs/dashboard/#metaFields) for more details.
|
|
|
|
|
|
+- Added `metaFields` option: an array of settings for UI field objects, which previousely lived in a separate `MetaData` plugin: `{ id: 'caption', name: 'Caption', placeholder: 'describe what the image is about' }`, [see docs](/uppy/docs/dashboard/#metaFields) for more details.
|
|
|
|
|
|
See [#434 PR](https://github.com/transloadit/uppy/pull/451) for more screenshots and details.
|
|
See [#434 PR](https://github.com/transloadit/uppy/pull/451) for more screenshots and details.
|
|
|
|
|
|
@@ -49,7 +49,7 @@ Thanks to [@sadovnychyi](https://github.com/sadovnychyi), you can now select mul
|
|
|
|
|
|

|
|

|
|
|
|
|
|
-[Check it out →](https://uppy.io/examples/dashboard/)
|
|
|
|
|
|
+[Check it out →](/uppy/examples/dashboard/)
|
|
|
|
|
|
## Stores
|
|
## Stores
|
|
|
|
|
|
@@ -83,7 +83,7 @@ const uppy = Uppy({
|
|
|
|
|
|
Now Uppy will use your app’s Redux store instead of its own, so you have a “single source of truth” 🔮
|
|
Now Uppy will use your app’s Redux store instead of its own, so you have a “single source of truth” 🔮
|
|
|
|
|
|
-Read [more on stores](https://uppy.io/docs/stores/) in docs.
|
|
|
|
|
|
+Read [more on stores](/uppy/docs/stores/) in docs.
|
|
|
|
|
|
## Form
|
|
## Form
|
|
|
|
|
|
@@ -100,11 +100,11 @@ uppy.use(Form, {
|
|
})
|
|
})
|
|
```
|
|
```
|
|
|
|
|
|
-Read [more about the Form plugin](https://uppy.io/docs/form/) in docs.
|
|
|
|
|
|
+Read [more about the Form plugin](/uppy/docs/form/) in docs.
|
|
|
|
|
|
## Encoding support in GoldenRetriever
|
|
## Encoding support in GoldenRetriever
|
|
|
|
|
|
-Our browser crash / page refresh restore plugin `GoldenRetriever` (read [more about it](https://uppy.io/docs/golden-retriever/)) now supports correctly restoring [Transloadit](https://transloadit.com) assemblies!
|
|
|
|
|
|
+Our browser crash / page refresh restore plugin `GoldenRetriever` (read [more about it](/uppy/docs/golden-retriever/)) now supports correctly restoring [Transloadit](https://transloadit.com) assemblies!
|
|
|
|
|
|
Also, we’ve fixed restoring from paused state. Now uploads will remain paused and not get out of sync.
|
|
Also, we’ve fixed restoring from paused state. Now uploads will remain paused and not get out of sync.
|
|
|
|
|