Security News
Introducing the Socket Python SDK
The initial version of the Socket Python SDK is now on PyPI, enabling developers to more easily interact with the Socket REST API in Python projects.
@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.
const Uppy = require('@uppy/core')
const Informer = require('@uppy/informer')
const uppy = Uppy()
uppy.use(Informer, {
target: '#mount-point'
})
$ npm install @uppy/informer --save
We recommend installing from npm and then using a module bundler such as Webpack, Browserify or Rollup.js.
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.
0.30.5
Released: 2019-04-19
| Package | Version | Package | Version | |-|-|-|-| | @uppy/aws-s3-multipart | 0.30.5 | @uppy/progress-bar | 0.30.5 | | @uppy/aws-s3 | 0.30.5 | @uppy/provider-views | 0.30.5 | | @uppy/companion-client | 0.28.5 | @uppy/react-native | 0.0.3 | | @uppy/companion | 0.17.5 | @uppy/react | 0.30.5 | | @uppy/core | 0.30.5 | @uppy/redux-dev-tools | 0.30.5 | | @uppy/dashboard | 0.30.5 | @uppy/robodog | 0.30.5 | | @uppy/drag-drop | 0.30.5 | @uppy/status-bar | 0.30.5 | | @uppy/dropbox | 0.30.5 | @uppy/thumbnail-generator | 0.30.5 | | @uppy/file-input | 0.30.5 | @uppy/transloadit | 0.30.5 | | @uppy/form | 0.30.5 | @uppy/tus | 0.30.5 | | @uppy/golden-retriever | 0.30.5 | @uppy/url | 0.30.5 | | @uppy/google-drive | 0.30.5 | @uppy/utils | 0.30.5 | | @uppy/informer | 0.30.5 | @uppy/webcam | 0.30.5 | | @uppy/instagram | 0.30.5 | @uppy/xhr-upload | 0.30.5 | | @uppy/locales | 0.30.5 | uppy | 0.30.5 |
serverUrl
or serverPattern
option is used (#1459 / @arturi)restriction-failed
event when restriction-failed (#1436 / @allenfantasy)getDroppedFiles
module that is an improvement over drag-drop
we’ve been using (#1440 / @lakesare)FAQs
A notification and error pop-up bar for Uppy.
The npm package @uppy/informer receives a total of 150,803 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
The initial version of the Socket Python SDK is now on PyPI, enabling developers to more easily interact with the Socket REST API in Python projects.
Security News
Floating dependency ranges in npm can introduce instability and security risks into your project by allowing unverified or incompatible versions to be installed automatically, leading to unpredictable behavior and potential conflicts.
Security News
A new Rust RFC proposes "Trusted Publishing" for Crates.io, introducing short-lived access tokens via OIDC to improve security and reduce risks associated with long-lived API tokens.