This PR was opened by the [Changesets release](https://github.com/changesets/action) GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated. # Releases ## @uppy/audio@3.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/aws-s3@5.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes -ac12f35: Fix: Move completed uploads exclusion logic into uploaders. This fixes the problem where postprocessors would not run for already uploaded files. - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/box@4.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [e661348] - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/provider-views@5.2.0 - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/compressor@3.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/core@5.2.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes -ac12f35: Fix: Move completed uploads exclusion logic into uploaders. This fixes the problem where postprocessors would not run for already uploaded files. -4817585: added icon to webdav provider, add css to truncate large file names - Updated dependencies [ac12f35] - @uppy/utils@7.1.4 ## @uppy/dashboard@5.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes -cc3ff31: Move golden retriever clear files logic to the restore function. This prevents race condition bugs when storing state. - Updated dependencies [e661348] - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/provider-views@5.2.0 - @uppy/thumbnail-generator@5.1.0 - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/drag-drop@5.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/drop-target@4.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/dropbox@5.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [e661348] - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/provider-views@5.2.0 - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/facebook@5.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [e661348] - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/provider-views@5.2.0 - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/form@5.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/golden-retriever@5.2.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes -cc3ff31: Move golden retriever clear files logic to the restore function. This prevents race condition bugs when storing state. - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/google-drive@5.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [e661348] - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/provider-views@5.2.0 - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/google-drive-picker@1.1.0 ### Minor Changes -e661348: Allow selecting folders with Google Drive Picker. They will be recursively resolved. -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [e661348] - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/provider-views@5.2.0 - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/google-photos-picker@1.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [e661348] - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/provider-views@5.2.0 - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/image-editor@4.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/instagram@5.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [e661348] - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/provider-views@5.2.0 - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/onedrive@5.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [e661348] - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/provider-views@5.2.0 - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/provider-views@5.2.0 ### Minor Changes -e661348: Allow selecting folders with Google Drive Picker. They will be recursively resolved. -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes -4817585: added icon to webdav provider, add css to truncate large file names - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/remote-sources@3.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [cc3ff31] - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/dashboard@5.1.0 - @uppy/google-drive@5.1.0 - @uppy/instagram@5.1.0 - @uppy/facebook@5.1.0 - @uppy/onedrive@5.1.0 - @uppy/unsplash@5.1.0 - @uppy/dropbox@5.1.0 - @uppy/core@5.2.0 - @uppy/zoom@4.1.0 - @uppy/box@4.1.0 - @uppy/url@5.1.0 ## @uppy/screen-capture@5.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/status-bar@5.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/thumbnail-generator@5.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/transloadit@5.3.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/core@5.2.0 - @uppy/tus@5.1.0 - @uppy/utils@7.1.4 ## @uppy/tus@5.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes -ac12f35: Fix: Move completed uploads exclusion logic into uploaders. This fixes the problem where postprocessors would not run for already uploaded files. - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/unsplash@5.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [e661348] - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/provider-views@5.2.0 - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/url@5.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/webcam@5.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/webdav@1.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [e661348] - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/provider-views@5.2.0 - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/xhr-upload@5.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes -ac12f35: Fix: Move completed uploads exclusion logic into uploaders. This fixes the problem where postprocessors would not run for already uploaded files. - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/zoom@4.1.0 ### Minor Changes -79e6460: - Add PluginTypeRegistry and typed getPlugin overload in @uppy/core - Register plugin ids across packages so uppy.getPlugin('Dashboard' | 'Webcam') returns the concrete plugin type and removes the need to pass generics in getPlugin() ### Patch Changes - Updated dependencies [e661348] - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/provider-views@5.2.0 - @uppy/core@5.2.0 - @uppy/utils@7.1.4 ## @uppy/companion@6.2.1 ### Patch Changes -4817585: added icon to webdav provider, add css to truncate large file names ## @uppy/locales@5.0.1 ### Patch Changes -c3c16ae: Improve zh-CN and zh-TW locale -8744c4d: Improve Dutch locale - Updated dependencies [ac12f35] - @uppy/utils@7.1.4 ## @uppy/utils@7.1.4 ### Patch Changes -ac12f35: Fix: Move completed uploads exclusion logic into uploaders. This fixes the problem where postprocessors would not run for already uploaded files. ## uppy@5.1.12 ### Patch Changes - Updated dependencies [cc3ff31] - Updated dependencies [c3c16ae] - Updated dependencies [8744c4d] - Updated dependencies [e661348] - Updated dependencies [79e6460] - Updated dependencies [ac12f35] - Updated dependencies [4817585] - @uppy/dashboard@5.1.0 - @uppy/golden-retriever@5.2.0 - @uppy/locales@5.0.1 - @uppy/provider-views@5.2.0 - @uppy/google-drive-picker@1.1.0 - @uppy/google-photos-picker@1.1.0 - @uppy/thumbnail-generator@5.1.0 - @uppy/remote-sources@3.1.0 - @uppy/screen-capture@5.1.0 - @uppy/google-drive@5.1.0 - @uppy/image-editor@4.1.0 - @uppy/drop-target@4.1.0 - @uppy/transloadit@5.3.0 - @uppy/compressor@3.1.0 - @uppy/status-bar@5.1.0 - @uppy/xhr-upload@5.1.0 - @uppy/drag-drop@5.1.0 - @uppy/instagram@5.1.0 - @uppy/facebook@5.1.0 - @uppy/onedrive@5.1.0 - @uppy/unsplash@5.1.0 - @uppy/dropbox@5.1.0 - @uppy/aws-s3@5.1.0 - @uppy/webcam@5.1.0 - @uppy/webdav@1.1.0 - @uppy/audio@3.1.0 - @uppy/core@5.2.0 - @uppy/form@5.1.0 - @uppy/zoom@4.1.0 - @uppy/box@4.1.0 - @uppy/tus@5.1.0 - @uppy/url@5.1.0 Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
3.3 KiB
Uppy
Hi, thanks for trying out the bundled version of the Uppy File Uploader. You can
use this from a CDN
(<script src="https://releases.transloadit.com/uppy/v5.1.12/uppy.min.js"></script>)
or bundle it with your webapp.
Note that the recommended way to use Uppy is to install it with yarn/npm and use a bundler like Webpack so that you can create a smaller custom build with only the things that you need. More info on https://uppy.io/docs/#With-a-module-bundler.
How to use this bundle
You can extract the contents of this zip to a directory, such as ./js/uppy.
Now you can create an HTML file, for example ./upload.html, with the following
contents:
<html>
<head>
<link rel="stylesheet" href="./js/uppy/uppy.min.css" />
</head>
<body>
<div class="DashboardContainer"></div>
<button class="UppyModalOpenerBtn">Upload</button>
<div class="uploaded-files">
<h5>Uploaded files:</h5>
<ol></ol>
</div>
</body>
<script type="module">
import { Uppy, Dashboard, Tus } from './js/uppy/uppy.min.mjs'
var uppy = new Uppy({
debug: true,
autoProceed: false,
})
.use(Dashboard, {
browserBackButtonClose: false,
height: 470,
inline: false,
replaceTargetContent: true,
showProgressDetails: true,
target: '.DashboardContainer',
trigger: '.UppyModalOpenerBtn',
metaFields: [
{ id: 'name', name: 'Name', placeholder: 'file name' },
{
id: 'caption',
name: 'Caption',
placeholder: 'describe what the image is about',
},
],
})
.use(Tus, { endpoint: 'https://tusd.tusdemo.net/files/' })
.on('upload-success', function (file, response) {
var url = response.uploadURL
var fileName = file.name
document.querySelector('.uploaded-files ol').innerHTML +=
'<li><a href="' + url + '" target="_blank">' + fileName + '</a></li>'
})
</script>
</html>
Now open upload.html in your browser, and the Uppy Dashboard will appear.
Next steps
In the example you built, Uppy uploads to a demo server where files will be
deleted shortly after uploading. You’ll want to target your own tusd server, S3
bucket, or Nginx/Apache server. For the latter, use the Xhr plugin:
https://uppy.io/docs/xhr-upload/ which uploads using regular multipart form
posts, that you’ll existing Ruby or PHP backend will be able to make sense of,
as if a <input type="file"> had been used.
The Dashboard now opens when clicking the button, but you can also draw it inline into the page. This, and many more configuration options can be found here: https://uppy.io/docs/dashboard/.
Uppy has many more Plugins besides Xhr and the Dashboard. For example, you can enable Webcam, Instagram, or video encoding support. Note that for some Plugins, you will need to run a server side component called: Companion. Those plugins are marked with a (c) symbol. Alternatively, you can sign up for a free Transloadit account. Transloadit runs Companion for you, tusd servers to handle resumable file uploads, and can post-process files to scan for viruses, recognize faces, etc. Check: https://transloadit.com.
Getting help
Stuck with anything? We’re welcoming all your questions and feedback over at https://community.transloadit.com/c/uppy/5.