jgrowl

v1.5.0

jGrowl is a jQuery plugin that raises unobtrusive messages within the browser, similar to the way that OS X's Growl Framework works. The idea is simple, deliver notifications to the end user in a noticeable way that doesn't obstruct the work flow and yet For more information about how to use this package see README

Latest version published 1 month ago

License: MIT

NPM

GitHub

Package Health Score

75 / 100

security
No known security issues
popularity
Small
maintenance
Healthy
community
Sustainable

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

All Versions

Version				Vulnerabilities	License Risk
1.4.10	\|	11/2024		0 C 0 H 0 M 0 L	0 H 0 M 0 L
1.5.0	\|	11/2024		0 C 0 H 0 M 0 L	0 H 0 M 0 L
1.4.9	\|	02/2023	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L
1.3.0	\|	04/2014		0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Small

Weekly Downloads (1,140)

GitHub Stars: 571
Forks: 169
Contributors: 20

Direct Usage Popularity

The npm package jgrowl receives a total of 1,140 downloads a week. As such, we scored jgrowl popularity level to be Small.

Based on project statistics from the GitHub repository for the npm package jgrowl, we found that it has been starred 571 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Sustainable

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 20
Funding: No

With more than 10 contributors for the jgrowl repository, this is possibly a sign for a growing and inviting community.

We found a way for you to contribute to the project! Looks like jgrowl is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Healthy

Commit Frequency

Open Issues: 1
Open PR: 0
Last Release: 1 month ago
Last Commit: 1 month ago

Further analysis of the maintenance status of jgrowl based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Healthy.

We found that jgrowl demonstrates a positive version release cadence with at least one new version released in the past 3 months.

In the past month we didn't find any pull request activity or change in issues status has been detected for the GitHub repository.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 11 years
Dependencies: 0 Direct
Versions: 14
Install Size: 58.1 kB
Dist-tags: 1
# of Files: 18
Maintainers: 1
TS Typings: No

jgrowl has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

jGrowl

jGrowl is a jQuery plugin that raises unobtrusive messages within the browser, similar to the way that OS X's Growl Framework works. The idea is simple, deliver notifications to the end user in a noticeable way that doesn't obstruct the work flow and yet keeps the user informed.

Installation

jGrowl can be added to your project using package managers like bower and npm or directly into your html using cdnjs, as well as the good old fashioned copy-paste into your project directory.

Use cdnjs:

Install with npm

npm install jgrowl

// Sample 1
$.jGrowl("Hello world!");
// Sample 2
$.jGrowl("Stick this!", { sticky: true });
// Sample 3
$.jGrowl("A message with a header", { header: 'Important' });
// Sample 4
$.jGrowl("A message that will live a little longer.", { life: 10000 });
// Sample 5
$.jGrowl("A message with a beforeOpen callback and a different opening animation.", {
	beforeClose: function(e,m) {
		alert('About to close this notification!');
	},
	animateOpen: {
		height: 'show'
	}
});

Configuration Options

Option	Default	Description
pool	0	Limit the number of messages appearing at a given time to the number in the pool.
header	empty	Optional header to prefix the message, this is often helpful for associating messages to each other.
group	empty	A css class to be applied to notifications when they are created, useful for 'grouping' notifications by a css selector.
sticky	false	When set to true a message will stick to the screen until it is intentionally closed by the user.
position	top-right	Designates a class which is applied to the jGrowl container and controls its position on the screen. By Default there are five options available, top-left, top-right, bottom-left, bottom-right, center. This must be changed in the defaults before the startup method is called.
appendTo	body	The element where our jGrowl messages are appended to. The default is `body` but feel free to define another one.
glue	after	Designates whether a jGrowl notification should be appended to the container after all notifications, or whether it should be prepended to the container before all notifications. Options are after or before.
theme	default	A CSS class designating custom styling for this particular message, intended for use with jQuery UI.
themeState	highlight	A CSS class designating custom styling for this particular message and its state, intended for use with jQuery UI.
corners	10px	If the corners jQuery plugin is include this option specifies the curvature radius to be used for the notifications as they are created.
check	250	The frequency that jGrowl should check for messages to be scrubbed from the screen.This must be changed in the defaults before the startup method is called.
life	3000	The lifespan of a non-sticky message on the screen.
closeDuration	normal	The animation speed used to close a notification.
openDuration	normal	The animation speed used to open a notification.
easing	swing	The easing method to be used with the animation for opening and closing a notification.
closer	true	Whether or not the close-all button should be used when more then one notification appears on the screen. Optionally this property can be set to a function which will be used as a callback when the close all button is clicked. This must be changed in the defaults before the startup method is called.
closeTemplate	×	This content is used for the individual notification close links that are added to the corner of a notification. This must be changed in the defaults before the startup method is called.
closerTemplate	<div>[ close all ]</div>	This content is used for the close-all link that is added to the bottom of a jGrowl container when it contains more than one notification. This must be changed in the defaults before the startup method is called.
log	function(e,m,o) {}	Callback to be used before anything is done with the notification. This is intended to be used if the user would like to have some type of logging mechanism for all notifications passed to jGrowl. This callback receives the notification's DOM context, the notification's message and its option object.
beforeOpen	function(e,m,o) {}	Callback to be used before a new notification is opened. This callback receives the notification's DOM context, the notification's message and its option object.
afterOpen	function(e,m,o) {}	Callback to be used after a new notification is opened. This callback receives the notification's DOM context, the notification's message and its option object.
open	function(e,m,o) {}	Callback to be used when a new notification is opened. This callback receives the notification's DOM context, the notifications message and its option object.
beforeClose	function(e,m,o) {}	Callback to be used before a new notification is closed. This callback receives the notification's DOM context, the notification's message and its option object.
close	function(e,m,o) {}	Callback to be used when a new notification is closed. This callback receives the notification's DOM context, the notification's message and its option object.
click	function(e,m,o) {}	Callback to be used when a notification is clicked. This callback receives the notification's DOM context, the notification's message and its option object.
animateOpen	{ opacity: 'show' }	The animation properties to use when opening a new notification (default to fadeOut).
animateClose	{ opacity: 'hide' }	The animation properties to use when closing a new notification (defaults to fadeIn).

jgrowl development dependencies

grunt grunt-cli grunt-contrib-cssmin grunt-contrib-jshint grunt-contrib-less grunt-contrib-uglify grunt-contrib-watch jquery

FAQs

What is jgrowl?

jGrowl is a jQuery plugin that raises unobtrusive messages within the browser, similar to the way that OS X's Growl Fra... Visit Snyk Advisor to see a full health score report for jgrowl, including popularity, security, maintenance & community analysis.

Is jgrowl popular?

The npm package jgrowl receives a total of 1,140 weekly downloads. As such, jgrowl popularity was classified as small. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is jgrowl well maintained?

We found that jgrowl demonstrated a healthy version release cadence and project activity. It has a community of 20 open source contributors collaborating on the project. See the full package health analysis to learn more about the package maintenance status.

Is jgrowl safe to use?

The npm package jgrowl was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 16 December-2024, at 13:12 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP