New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
uppy - npm Package Compare versions
Comparing version 4.0.0-beta.4 to 4.0.0-beta.5
@@ -14,4 +14,6 @@ # uppy | ||
| - uppy: add a decoy `Core` export to warn users about the renaming (Antoine du Hamel / #4085) | ||
| - uppy: remove all remaining occurrences of `Uppy.Core` (Antoine du Hamel / #4082) | ||
| - uppy: add a decoy `Core` export to warn users about the renaming (Antoine du | ||
| Hamel / #4085) | ||
| - uppy: remove all remaining occurrences of `Uppy.Core` (Antoine du Hamel / | ||
| #4082) | ||
@@ -18,0 +20,0 @@ ## 3.0.0 |
| # 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/v4.0.0-beta.4/uppy.min.js"></script>`) or bundle it with your webapp. | ||
| 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/v4.0.0-beta.5/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>. | ||
| 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>. | ||
@@ -14,47 +17,53 @@ ## How to use this bundle | ||
| Now you can create an HTML file, for example `./upload.html`, with the following contents: | ||
| Now you can create an HTML file, for example `./upload.html`, with the following | ||
| contents: | ||
| ```html | ||
| <html> | ||
| <head> | ||
| <link rel="stylesheet" href="./js/uppy/uppy.min.css"> | ||
| </head> | ||
| <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> | ||
| <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' } | ||
| ] | ||
| <script type="module"> | ||
| import { Uppy, Dashboard, Tus } from './js/uppy/uppy.min.mjs' | ||
| var uppy = new Uppy({ | ||
| debug: true, | ||
| autoProceed: false, | ||
| }) | ||
| .use(Tus, { endpoint: 'https://tusd.tusdemo.net/files/' }) | ||
| .on('upload-success', function (file, response) { | ||
| var url = response.uploadURL | ||
| var fileName = file.name | ||
| .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> | ||
| document.querySelector('.uploaded-files ol').innerHTML += | ||
| '<li><a href="' + url + '" target="_blank">' + fileName + '</a></li>' | ||
| }) | ||
| </script> | ||
| </html> | ||
| ``` | ||
@@ -66,13 +75,26 @@ | ||
| 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. | ||
| 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/>. | ||
| 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. For a full list of Plugins check here: <https://uppy.io/docs/plugins/>. | ||
| Uppy has many more Plugins besides Xhr and the Dashboard. For example, you can | ||
| enable Webcam, Instagram, or video encoding support. For a full list of Plugins | ||
| check here: <https://uppy.io/docs/plugins/>. | ||
| 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>. | ||
| 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>. | ||
| Stuck with anything? We’re welcoming all your questions and feedback over at | ||
| <https://community.transloadit.com/c/uppy/5>. |
| { | ||
| "name": "uppy", | ||
| "description": "Extensible JavaScript file upload widget with support for drag&drop, resumable uploads, previews, restrictions, file processing/encoding, remote providers like Instagram, Dropbox, Google Drive, S3 and more :dog:", | ||
| "version": "4.0.0-beta.4", | ||
| "version": "4.0.0-beta.5", | ||
| "license": "MIT", | ||
@@ -33,40 +33,40 @@ "main": "index.mjs", | ||
| "dependencies": { | ||
| "@uppy/audio": "^2.0.0-beta.4", | ||
| "@uppy/aws-s3": "^4.0.0-beta.2", | ||
| "@uppy/aws-s3-multipart": "^4.0.0-beta.4", | ||
| "@uppy/box": "^3.0.0-beta.4", | ||
| "@uppy/companion-client": "^4.0.0-beta.4", | ||
| "@uppy/compressor": "^2.0.0-beta.4", | ||
| "@uppy/core": "^4.0.0-beta.4", | ||
| "@uppy/dashboard": "^4.0.0-beta.4", | ||
| "@uppy/drag-drop": "^4.0.0-beta.3", | ||
| "@uppy/audio": "^2.0.0-beta.5", | ||
| "@uppy/aws-s3": "^4.0.0-beta.3", | ||
| "@uppy/aws-s3-multipart": "^4.0.0-beta.5", | ||
| "@uppy/box": "^3.0.0-beta.5", | ||
| "@uppy/companion-client": "^4.0.0-beta.5", | ||
| "@uppy/compressor": "^2.0.0-beta.5", | ||
| "@uppy/core": "^4.0.0-beta.5", | ||
| "@uppy/dashboard": "^4.0.0-beta.5", | ||
| "@uppy/drag-drop": "^4.0.0-beta.4", | ||
| "@uppy/drop-target": "^3.0.0-beta.4", | ||
| "@uppy/dropbox": "^4.0.0-beta.4", | ||
| "@uppy/facebook": "^4.0.0-beta.4", | ||
| "@uppy/file-input": "^4.0.0-beta.4", | ||
| "@uppy/form": "^4.0.0-beta.2", | ||
| "@uppy/golden-retriever": "^4.0.0-beta.3", | ||
| "@uppy/google-drive": "^4.0.0-beta.4", | ||
| "@uppy/image-editor": "^3.0.0-beta.2", | ||
| "@uppy/informer": "^4.0.0-beta.1", | ||
| "@uppy/instagram": "^4.0.0-beta.4", | ||
| "@uppy/onedrive": "^4.0.0-beta.4", | ||
| "@uppy/progress-bar": "^4.0.0-beta.3", | ||
| "@uppy/provider-views": "^4.0.0-beta.4", | ||
| "@uppy/redux-dev-tools": "^4.0.0-beta.1", | ||
| "@uppy/remote-sources": "^2.0.0-beta.3", | ||
| "@uppy/screen-capture": "^4.0.0-beta.3", | ||
| "@uppy/status-bar": "^4.0.0-beta.4", | ||
| "@uppy/store-default": "^4.0.0-beta.1", | ||
| "@uppy/store-redux": "^4.0.0-beta.2", | ||
| "@uppy/thumbnail-generator": "^4.0.0-beta.3", | ||
| "@uppy/transloadit": "^4.0.0-beta.4", | ||
| "@uppy/tus": "^4.0.0-beta.3", | ||
| "@uppy/unsplash": "^4.0.0-beta.4", | ||
| "@uppy/url": "^4.0.0-beta.4", | ||
| "@uppy/webcam": "^4.0.0-beta.4", | ||
| "@uppy/xhr-upload": "^4.0.0-beta.2", | ||
| "@uppy/zoom": "^3.0.0-beta.4" | ||
| "@uppy/dropbox": "^4.0.0-beta.5", | ||
| "@uppy/facebook": "^4.0.0-beta.5", | ||
| "@uppy/file-input": "^4.0.0-beta.5", | ||
| "@uppy/form": "^4.0.0-beta.3", | ||
| "@uppy/golden-retriever": "^4.0.0-beta.4", | ||
| "@uppy/google-drive": "^4.0.0-beta.5", | ||
| "@uppy/image-editor": "^3.0.0-beta.3", | ||
| "@uppy/informer": "^4.0.0-beta.2", | ||
| "@uppy/instagram": "^4.0.0-beta.5", | ||
| "@uppy/onedrive": "^4.0.0-beta.5", | ||
| "@uppy/progress-bar": "^4.0.0-beta.4", | ||
| "@uppy/provider-views": "^4.0.0-beta.5", | ||
| "@uppy/redux-dev-tools": "^4.0.0-beta.2", | ||
| "@uppy/remote-sources": "^2.0.0-beta.4", | ||
| "@uppy/screen-capture": "^4.0.0-beta.4", | ||
| "@uppy/status-bar": "^4.0.0-beta.5", | ||
| "@uppy/store-default": "^4.0.0-beta.2", | ||
| "@uppy/store-redux": "^4.0.0-beta.3", | ||
| "@uppy/thumbnail-generator": "^4.0.0-beta.4", | ||
| "@uppy/transloadit": "^4.0.0-beta.5", | ||
| "@uppy/tus": "^4.0.0-beta.4", | ||
| "@uppy/unsplash": "^4.0.0-beta.5", | ||
| "@uppy/url": "^4.0.0-beta.5", | ||
| "@uppy/webcam": "^4.0.0-beta.5", | ||
| "@uppy/xhr-upload": "^4.0.0-beta.3", | ||
| "@uppy/zoom": "^3.0.0-beta.5" | ||
| }, | ||
| "stableVersion": "3.24.0" | ||
| } |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
No alert changes
Worsened metrics
- Total package byte prevSize
- decreased by-0.25%
5368842
- Lines of code
- decreased by-0.02%
9057
- Number of lines in readme file
- decreased by-22.53%
368
Dependency changes
Updated@uppy/audio@^2.0.0-beta.5
Updated@uppy/aws-s3@^4.0.0-beta.3
Updated@uppy/box@^3.0.0-beta.5
Updated@uppy/core@^4.0.0-beta.5
Updated@uppy/dropbox@^4.0.0-beta.5
Updated@uppy/facebook@^4.0.0-beta.5
Updated@uppy/form@^4.0.0-beta.3
Updated@uppy/informer@^4.0.0-beta.2
Updated@uppy/onedrive@^4.0.0-beta.5
Updated@uppy/tus@^4.0.0-beta.4
Updated@uppy/unsplash@^4.0.0-beta.5
Updated@uppy/url@^4.0.0-beta.5
Updated@uppy/webcam@^4.0.0-beta.5
Updated@uppy/zoom@^3.0.0-beta.5