@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.

What are @uppy/informer's main functionalities?

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);
});

Other packages similar to @uppy/informer

@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.

Example

const Uppy = require('@uppy/core')
const Informer = require('@uppy/informer')

const uppy = Uppy()
uppy.use(Informer, {
  target: '#mount-point'
})

Installation

$ 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

Documentation for this plugin can be found on the Uppy website.

License

The MIT License.

1.0.1

Released: 2019-05-08

| Package | Version | Package | Version | |-|-|-|-| | @uppy/aws-s3-multipart | 1.0.1 | @uppy/progress-bar | 1.0.1 | | @uppy/aws-s3 | 1.0.1 | @uppy/provider-views | 1.0.1 | | @uppy/companion-client | 1.0.1 | @uppy/react-native | 0.1.1 | | @uppy/companion | 1.0.1 | @uppy/react | 1.0.1 | | @uppy/core | 1.0.1 | @uppy/redux-dev-tools | 1.0.1 | | @uppy/dashboard | 1.0.1 | @uppy/robodog | 1.0.1 | | @uppy/drag-drop | 1.0.1 | @uppy/status-bar | 1.0.1 | | @uppy/dropbox | 1.0.1 | @uppy/thumbnail-generator | 1.0.1 | | @uppy/file-input | 1.0.1 | @uppy/transloadit | 1.0.1 | | @uppy/form | 1.0.1 | @uppy/tus | 1.0.1 | | @uppy/golden-retriever | 1.0.1 | @uppy/url | 1.0.1 | | @uppy/google-drive | 1.0.1 | @uppy/utils | 0.30.6 | | @uppy/informer | 1.0.1 | @uppy/webcam | 1.0.1 | | @uppy/instagram | 1.0.1 | @uppy/xhr-upload | 1.0.1 | | @uppy/locales | 1.1.0 | uppy | 1.0.1 |

⚠️ @uppy/companion@1.0.1 from this release has been deprecated, because it accidentally broke backwards-compatibility with Uppy Client ^1.0.0. It is now fixed in @uppy/companion@1.0.2, please update. See https://github.com/transloadit/uppy/pull/1564 for details. Sorry about the trouble!

This includes some important fixes for webpack, create-react-app, and Internet Explorer support, as well as a bunch of new languages! :sparkles:

pin preact to v8.2.9, fixes build problems with webpack and create-react-app (#1513 / @goto-bus-stop)
@uppy/companion, @uppy/companion-client: pass token through postMessage as JSON, fixes #1424 (@serverdevil, @goto-bus-stop)
@uppy/react: add thumbnailWidth prop type for Dashboard components, fixes #1524 (@goto-bus-stop)
@uppy/status-bar: hide seconds if ETA more than 1 hour (#1501 / @Tiarhai)
@uppy/locales: Add es_ES translation (#1502 / @jorgeepc)
@uppy/locales: Add zh_CN translation (#1503 / @Quorafind)
@uppy/locales: Add fa_IR translation (#1514 / @hrsh)
@uppy/locales: Add it_IT translation (#1516 / @tinny77)

Keywords

FAQs

What is @uppy/informer?

Is @uppy/informer popular?

Is @uppy/informer well maintained?

Package last updated on 08 May 2019

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.

Install