loadsync

Load and execute javascript code in web browser synchronously

Installation

(Your web fronend project should use npm to manage libraries)

$ npm install --save loadsync

Usage

Include loadsync library:

var Loadsync = require('loadsync');

Declare States and timeout:

var loadsync = new Loadsync([{
    name: 'TIMEOUT',
    cards: ['STATE1', 'STATE2', 'STATE3'],
    timeout: 500
}, {
    name: 'NO_TIMEOUT',
    cards: ['STATE3', 'STATE4', 'STATE5']
}]);

Or reset it:

// create empty loadsync instance
// var loadsync = new Loadsync();

// reset steps and begin a new flow
loadsync.reset([{
    name: 'TIMEOUT',
    cards: ['STATE1', 'STATE2', 'STATE3'],
    timeout: 500
}, {
    name: 'NO_TIMEOUT',
    cards: ['STATE3', 'STATE4', 'STATE5']
}]);

Define the ready callback function after all of states have been checked:

loadsync.ready(function(info) {
    // will be run after STATE1, STATE2, STATE3 have been checked
    // or there are some cards not be checked (timeout)
    // info.isTimeout: true/false
    // info.unchecked: list of unchecked cards
}, 'TIMEOUT');

Check each state that has been done (STATE1 for example):

loadsync.check('STATE1', 'TIMEOUT');

(the same with others: STATE2, STATE3):

loadsync.check('STATE2', 'TIMEOUT');

loadsync.check('STATE3', 'TIMEOUT');