JSPM

@dwmt/loader

1.1.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • 0
  • Score
    100M100P100Q28780F
  • License MIT

Simple loader component for your SPAs

Package Exports

  • @dwmt/loader

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@dwmt/loader) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@dwmt/loader

Build Status Codacy Badge codecov js-standard-style license standard-readme compliant

Loader is a simple library for easier and more reliable way to handle loading animations. You can easily define loaders globally and handle individual loaders inside front end components or backend signaling.

Table of Contents

Install

npm i @dwmt/loader

Usage

You can define loaders inside a global singleton container and retrieve it from anywhere inside your application

const LC = require('@dwmt/loader')

const globalLoader = LC.registerLoader('globalLoader')
globalLoader.reset()

// API.js

const LC = require('@dwmt/loader')

const loader = LC.getLoader('globalLoader')

const workId = loader.work()

// API slow logic

loader.terminate(workId)

You can also initiate loaders manually withoud the container

const Loader = require('@dwmt/loader/lib/Loader')

const buttonLoader = new Loader()
buttonLoader.onActivation(() => {
  // show loader
})

buttonLoader.onTermination(() => {
  // hide loader
})

const workId = buttonLoader.work()

buttonLoader.terminate(workId)

API

Contributing

See the contributing file!

PRs accepted.

Small note: If editing the Readme, please conform to the standard-readme specification.

License

MIT © dwmt.