@uppy/informer
Advanced tools
@uppy/informer is a plugin for the Uppy file uploader that provides a way to display notifications and messages to users. It is used to inform users about the status of their file uploads, such as success, failure, or progress updates.
Display Success Message
This feature allows you to display a success message when a file upload is successful. The message will be shown for 5 seconds.
const Uppy = require('@uppy/core');
const Informer = require('@uppy/informer');
const uppy = Uppy();
uppy.use(Informer, {
target: 'body',
timeout: 5000
});
uppy.on('upload-success', (file, response) => {
uppy.info('Upload successful!', 'success', 5000);
});Display Error Message
This feature allows you to display an error message when a file upload fails. The error message will be shown for 5 seconds.
const Uppy = require('@uppy/core');
const Informer = require('@uppy/informer');
const uppy = Uppy();
uppy.use(Informer, {
target: 'body',
timeout: 5000
});
uppy.on('upload-error', (file, error, response) => {
uppy.info('Upload failed: ' + error.message, 'error', 5000);
});Display Informational Message
This feature allows you to display an informational message when a file upload starts. The message will be shown for 5 seconds.
const Uppy = require('@uppy/core');
const Informer = require('@uppy/informer');
const uppy = Uppy();
uppy.use(Informer, {
target: 'body',
timeout: 5000
});
uppy.on('upload-started', (file) => {
uppy.info('Upload started for ' + file.name, 'info', 5000);
});Notyf is a minimalistic, responsive, and customizable JavaScript notification library. It provides similar functionality to @uppy/informer by allowing you to display success, error, and informational messages. Notyf is more general-purpose and can be used outside of file upload contexts.
Toastr is a JavaScript library for non-blocking notifications. It provides a simple API to display success, error, warning, and info messages. Toastr is highly customizable and can be used in a variety of applications, not just for file uploads.
SweetAlert2 is a beautiful, responsive, customizable, and accessible replacement for JavaScript's popup boxes. It can be used to display alerts, including success, error, and informational messages. SweetAlert2 offers more advanced features like modals and user input forms, making it more versatile than @uppy/informer.
The Informer is a pop-up bar for showing notifications. When other plugins have some exciting news (or error) to share, they can show a notification here.
Uppy is being developed by the folks at Transloadit, a versatile file encoding service.
import Uppy from '@uppy/core'
import Informer from '@uppy/informer'
const uppy = new Uppy()
uppy.use(Informer, {
target: '#mount-point',
})
$ npm install @uppy/informer
Alternatively, you can also use this plugin in a pre-built bundle from Transloadit’s CDN: Edgly. In that case Uppy will attach itself to the global window.Uppy object. See the main Uppy documentation for instructions.
Documentation for this plugin can be found on the Uppy website.
3.1.0
Released: 2022-09-25
| Package | Version | Package | Version | | ------------------------- | ------- | ------------------------- | ------- | | @uppy/angular | 0.4.2 | @uppy/onedrive | 3.0.1 | | @uppy/audio | 1.0.2 | @uppy/progress-bar | 3.0.1 | | @uppy/aws-s3 | 3.0.2 | @uppy/provider-views | 3.0.1 | | @uppy/aws-s3-multipart | 3.0.2 | @uppy/react | 3.0.2 | | @uppy/box | 2.0.1 | @uppy/redux-dev-tools | 3.0.1 | | @uppy/companion | 4.0.2 | @uppy/remote-sources | 1.0.2 | | @uppy/companion-client | 3.0.2 | @uppy/screen-capture | 3.0.1 | | @uppy/compressor | 1.0.1 | @uppy/status-bar | 3.0.1 | | @uppy/core | 3.0.2 | @uppy/store-default | 3.0.2 | | @uppy/dashboard | 3.1.0 | @uppy/store-redux | 3.0.2 | | @uppy/drag-drop | 3.0.1 | @uppy/svelte | 3.0.1 | | @uppy/drop-target | 2.0.1 | @uppy/thumbnail-generator | 3.0.2 | | @uppy/dropbox | 3.0.1 | @uppy/transloadit | 3.0.2 | | @uppy/facebook | 3.0.1 | @uppy/tus | 3.0.2 | | @uppy/file-input | 3.0.1 | @uppy/unsplash | 3.0.1 | | @uppy/form | 3.0.1 | @uppy/url | 3.0.1 | | @uppy/golden-retriever | 3.0.1 | @uppy/utils | 5.0.2 | | @uppy/google-drive | 3.0.1 | @uppy/vue | 1.0.1 | | @uppy/image-editor | 2.0.1 | @uppy/webcam | 3.2.0 | | @uppy/informer | 3.0.1 | @uppy/xhr-upload | 3.0.2 | | @uppy/instagram | 3.0.1 | @uppy/zoom | 2.0.1 | | @uppy/locales | 3.0.1 | uppy | 3.1.0 |
disc.html page (Antoine du Hamel / #4119)Restrictor counts ghost files against maxNumberOfFiles (Andrew McIntee / #4078)Core export to warn users about the renaming (Antoine du Hamel / #4085)Uppy.Core (Antoine du Hamel / #4082)e2e.yml (Antoine du Hamel)Known issues section on Migration Guide (Antoine du Hamel / #4066)metaFields option (Antoine du Hamel / #4073)FAQs
A notification and error pop-up bar for Uppy.
The npm package @uppy/informer receives a total of 126,998 weekly downloads. As such, @uppy/informer popularity was classified as popular.
We found that @uppy/informer demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 5 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
The Socket Research Team uncovered a malicious Python package typosquatting the popular 'fabric' SSH library, silently exfiltrating AWS credentials from unsuspecting developers.
Security News
At its inaugural meeting, the JSR Working Group outlined plans for an open governance model and a roadmap to enhance JavaScript package management.
Security News
Research
An advanced npm supply chain attack is leveraging Ethereum smart contracts for decentralized, persistent malware control, evading traditional defenses.