Package Health Score

71 / 100

security
No known security issues
popularity
Influential project
maintenance
Sustainable
community
Limited

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

Version				Vulnerabilities	License Risk
4.3.0	\|	04/2024		0 C 0 H 0 M 0 L	0 H 0 M 0 L
4.2.0	\|	12/2019	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L
3.6.1	\|	04/2019		0 C 0 H 0 M 0 L	0 H 0 M 0 L
2.1.2	\|	08/2016		0 C 0 H 0 M 0 L	0 H 0 M 0 L
2.0.0	\|	06/2016		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

Influential project

Weekly Downloads (200,495)

GitHub Stars: 2.58K
Forks: 150
Contributors: 8

Direct Usage Popularity

The npm package loadjs receives a total of 200,495 downloads a week. As such, we scored loadjs popularity level to be Influential project.

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

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

Community

Limited

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

This project has seen only 10 or less contributors.

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

Embed Package Health Score Badge

Maintenance

Sustainable

Commit Frequency

Open Issues: 34
Open PR: 1
Last Release: 8 months ago
Last Commit: 3 months ago

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

We found that loadjs demonstrates a positive version release cadence with at least one new version released in the past 12 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: 10 years
Dependencies: 0 Direct
Versions: 32
Install Size: 955 kB
Dist-tags: 1
# of Files: 57
Maintainers: 1
TS Typings: Yes

loadjs 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

LoadJS

LoadJS is a tiny async loader for modern browsers (961 bytes).

Introduction

LoadJS is a tiny async loading library for modern browsers (IE9+). It has a simple yet powerful dependency management system that lets you fetch JavaScript, CSS and image files in parallel and execute code after the dependencies have been met. The recommended way to use LoadJS is to include the minified source code of loadjs.js in your <html> (possibly in the <head> tag) and then use the loadjs global to manage JavaScript dependencies after pageload.

LoadJS is based on the excellent $script library by Dustin Diaz. We kept the behavior of the library the same but we re-wrote the code from scratch to add support for success/error callbacks and to optimize the library for modern browsers. LoadJS is 961 bytes (minified + gzipped).

Here's an example of what you can do with LoadJS:

You can also use more advanced syntax for more options:

The latest version of LoadJS can be found in the dist/ directory in this repository:

https://cdn.rawgit.com/kubetail-org/loadjs/4.3.0/dist/loadjs.js (for development)
https://cdn.rawgit.com/kubetail-org/loadjs/4.3.0/dist/loadjs.min.js (for production)

It's also available from these public CDNs:

UNPKG
- https://unpkg.com/loadjs@4.3.0/dist/loadjs.js (for development)
- https://unpkg.com/loadjs@4.3.0/dist/loadjs.min.js (for production)
CDNJS
- https://cdnjs.cloudflare.com/ajax/libs/loadjs/4.3.0/loadjs.js (for development)
- https://cdnjs.cloudflare.com/ajax/libs/loadjs/4.3.0/loadjs.min.js (for production)

You can also use it as a CJS or AMD module:

$ npm install --save loadjs

var loadjs = require('loadjs');

loadjs(['/path/to/foo.js', '/path/to/bar.js'], 'foobar');

loadjs.ready('foobar', function() {
  /* foo.js &amp; bar.js loaded */
});

Browser Support

IE9+ (async: false support only works in IE10+)
Opera 12+
Safari 5+
Chrome
Firefox
iOS 6+
Android 4.4+

LoadJS also detects script load failures from AdBlock Plus and Ghostery in:

Safari
Chrome

Note: LoadJS treats empty CSS files as load failures in IE9-11 and uses rel="preload" to load CSS files in Edge (to get around lack of support for onerror events on `` tags)

Documentation

Load a single file

loadjs('/path/to/foo.js', function() {
  /* foo.js loaded */
});

Fetch files in parallel and load them asynchronously

loadjs(['/path/to/foo.js', '/path/to/bar.js'], function() {
  /* foo.js and bar.js loaded */
});

Fetch JavaScript, CSS and image files

loadjs(['/path/to/foo.css', '/path/to/bar.png', 'path/to/thunk.js'], function() {
  /* foo.css, bar.png and thunk.js loaded */
});

Force treat file as CSS stylesheet

loadjs(['css!/path/to/cssfile.custom'], function() {
  /* cssfile.custom loaded as stylesheet */
});

Force treat file as image

loadjs(['img!/path/to/image.custom'], function() {
  /* image.custom loaded */
});

Load JavaScript files as modules with non-module fallbacks (in browsers without module support)

loadjs(['module!/path/to/foo.js', 'nomodule!/path/to/bar.js'], function() {
    /* foo.js loaded with type="module" in browsers with module support, skipped silently in browsers without */
    /* bar.js loaded with type="text/javascript" in browsers without module support, skipped silently in browsers with */
});

Add a bundle id

loadjs(['/path/to/foo.js', '/path/to/bar.js'], 'foobar', function() {
  /* foo.js &amp; bar.js loaded */
});

Use .ready() to define bundles and callbacks separately

loadjs(['/path/to/foo.js', '/path/to/bar.js'], 'foobar');

loadjs.ready('foobar', function() {
  /* foo.js &amp; bar.js loaded */
});

Use multiple bundles in .ready() dependency lists

loadjs('/path/to/foo.js', 'foo');
loadjs(['/path/to/bar1.js', '/path/to/bar2.js'], 'bar');

loadjs.ready(['foo', 'bar'], function() {
  /* foo.js &amp; bar1.js &amp; bar2.js loaded */
});

Chain .ready() together

loadjs('/path/to/foo.js', 'foo');
loadjs('/path/to/bar.js', 'bar');

loadjs
  .ready('foo', function() {
    /* foo.js loaded */
  })
  .ready('bar', function() {
    /* bar.js loaded */
  });

Use Promises to register callbacks

loadjs(['/path/to/foo.js', '/path/to/bar.js'], {returnPromise: true})
  .then(function() { /* foo.js &amp; bar.js loaded */ })
  .catch(function(pathsNotFound) { /* at least one didn't load */ });

Check if bundle has already been defined

if (!loadjs.isDefined('foobar')) {
  loadjs(['/path/to/foo.js', '/path/to/bar.js'], 'foobar', function() {
    /* foo.js &amp; bar.js loaded */
  });
}

Fetch files in parallel and load them in series

loadjs(['/path/to/foo.js', '/path/to/bar.js'], {
  success: function() { /* foo.js and bar.js loaded in series */ },
  async: false
});

Add an error callback

loadjs(['/path/to/foo.js', '/path/to/bar.js'], 'foobar', {
  success: function() { /* foo.js &amp; bar.js loaded */ },
  error: function(pathsNotFound) { /* at least one path didn't load */ }
});

Retry files before calling the error callback

loadjs(['/path/to/foo.js', '/path/to/bar.js'], 'foobar', {
  success: function() { /* foo.js &amp; bar.js loaded */ },
  error: function(pathsNotFound) { /* at least one path didn't load */ },
  numRetries: 3
});

// NOTE: Using `numRetries` with `async: false` can cause files to load out-of-sync on retries

Execute a callback before script tags are embedded

loadjs(['/path/to/foo.js', '/path/to/bar.js'], {
  success: function() {},
  error: function(pathsNotFound) {},
  before: function(path, scriptEl) {
    /* called for each script node before being embedded */
    if (path === '/path/to/foo.js') scriptEl.crossOrigin = true;
  }
});

Bypass LoadJS default DOM insertion mechanism (DOM ``)

loadjs(['/path/to/foo.js'], {
  success: function() {},
  error: function(pathsNotFound) {},
  before: function(path, scriptEl) {
    document.body.appendChild(scriptEl);
  
    /* return `false` to bypass default DOM insertion mechanism */
    return false;
  }
});

Use bundle ids in error callback

loadjs('/path/to/foo.js', 'foo');
loadjs('/path/to/bar.js', 'bar');
loadjs(['/path/to/thunkor.js', '/path/to/thunky.js'], 'thunk');

// wait for multiple depdendencies
loadjs.ready(['foo', 'bar', 'thunk'], {
  success: function() {
    // foo.js &amp; bar.js &amp; thunkor.js &amp; thunky.js loaded
  },
  error: function(depsNotFound) {
    if (depsNotFound.indexOf('foo') &gt; -1) {};  // foo failed
    if (depsNotFound.indexOf('bar') &gt; -1) {};  // bar failed
    if (depsNotFound.indexOf('thunk') &gt; -1) {};  // thunk failed
  }
});

Use .done() for more control

loadjs.ready(['dependency1', 'dependency2'], function() {
  /* run code after dependencies have been met */
});

function fn1() {
  loadjs.done('dependency1');
}

function fn2() {
  loadjs.done('dependency2');
}

Reset dependency trackers
```
loadjs.reset();
```

Implement a require-like dependency manager

var bundles = {
  'bundleA': ['/file1.js', '/file2.js'],
  'bundleB': ['/file3.js', '/file4.js']
};

function require(bundleIds, callbackFn) {
  bundleIds.forEach(function(bundleId) {
    if (!loadjs.isDefined(bundleId)) loadjs(bundles[bundleId], bundleId);
  });
  loadjs.ready(bundleIds, callbackFn);
}

require(['bundleA'], function() { /* bundleA loaded */ });
require(['bundleB'], function() { /* bundleB loaded */ });
require(['bundleA', 'bundleB'], function() { /* bundleA and bundleB loaded */ });

Directory structure

loadjs/
├── dist
│   ├── loadjs.js
│   ├── loadjs.min.js
│   └── loadjs.umd.js
├── examples
├── gulpfile.js
├── LICENSE.txt
├── package.json
├── README.md
├── src
│   └── loadjs.js
├── test
└── umd-templates

Development Quickstart

Install dependencies
- nodejs
- npm
- http-server (via npm)

Clone repository

$ git clone git@github.com:kubetail-org/loadjs.git
$ cd loadjs

Install node dependencies using npm
```
$ npm install
```
Build examples
```
$ npm run build-examples
```
To view the examples you can use any static file server. To use the nodejs http-server module:
```
$ npm install http-server
$ npm run http-server -- -p 3000
```
Then visit https://localhost:3000/examples
Build distribution files
```
$ npm run build-dist
```
The files will be located in the dist directory.
Run tests

To run the browser tests first build the loadjs library:
```
$ npm run build-tests
```
Then visit https://localhost:3000/test
Build all files
```
$ npm run build-all
```

loadjs development dependencies

del gulp gulp-jshint gulp-rename gulp-uglify gulp-umd jshint

FAQs

What is loadjs?

Tiny async loader for modern browsers. Visit Snyk Advisor to see a full health score report for loadjs, including popularity, security, maintenance & community analysis.

Is loadjs popular?

The npm package loadjs receives a total of 200,495 weekly downloads. As such, loadjs popularity was classified as an influential project. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is loadjs well maintained?

We found indications that loadjs maintenance is sustainable demonstrating some project activity. We saw a total of 8 open source contributors collaborating on the project. See the full package health analysis to learn more about the package maintenance status.

Is loadjs safe to use?

The npm package loadjs 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 21 December-2024, at 03:52 (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

loadjs

Tiny async loader for modern browsers For more information about how to use this package see README

Ensure you're using the healthiest npm packages

Package Health Score

Explore Similar Packages

Security

Security and license risk for significant versions

Is your project affected by vulnerabilities?

Popularity

Weekly Downloads (200,495)

Direct Usage Popularity

Community

Embed Package Health Score Badge

Maintenance

Commit Frequency

Keep your project healthy

Check your package.json

Snyk Vulnerability Scanner

Package

Readme

LoadJS

Introduction

Browser Support

Documentation

Directory structure

Development Quickstart

loadjs development dependencies

FAQs

What is loadjs?

Is loadjs popular?

Is loadjs well maintained?

Is loadjs safe to use?

Build a secure application checklist

Select a recommended open source package

Scan your app for vulnerabilities

Fix identified vulnerabilities

Monitor for new issues

Package Health Score

Explore Similar Packages

Security and license risk for significant versions

Is your project affected by vulnerabilities?

Weekly Downloads (200,495)

Direct Usage Popularity

Embed Package Health Score Badge

Commit Frequency

Keep your project healthy

Check your package.json

Snyk Vulnerability Scanner

Readme

LoadJS

Introduction

Browser Support

Documentation

Directory structure

Development Quickstart

loadjs development dependencies

FAQs

What is loadjs?

Is loadjs popular?

Is loadjs well maintained?

Is loadjs safe to use?

Build a secure application checklist

Select a recommended open source package

Scan your app for vulnerabilities

Source Code

Open Source

Container

Config

Fix identified vulnerabilities

Monitor for new issues