Waitasecond

Waitasecond is a javascript library that makes managing async code and Promises simple and elegant. It provides an await-like API that can be used in the browser, worker, and node environment, making it a powerful tool for any project. Additionally, the library is fully typed, allowing developers to have complete confidence in the reliability of their code. With Waitasecond, developers can easily and reliably handle any asynchronous task with ease.

Install

Install from NPM

npm i waitasecond

Await forTime (setTimeout equivalent)

In JavaScript, there is an elegant way how to write asynchronous code with async/await syntax construct. Every internal function and library is heading forward to be compatible with Promises and deprecating its old callback type. But there are some relicts from callback hell like setTimeout, requestAnimationFrame,.... Waitasecond has motivation to turn this into elegant syntax:

import { forTime } from 'waitasecond';

console.log(` This is logged immediately.`);
await forTime(500);
console.log(` And this after 500 milliseconds.`);
await forTime(666);
console.log(` Wow, I have escaped from callback hell`);

Documentation Code

Await forImmediate (setImmediate equivalent)

import { forImmediate } from 'waitasecond';

async function doSomething() {
    console.log(` foo`);
    await forImmediate();
    console.log(` bar`);
}

doSomething();
doSomething();

//  foo
//  foo
//  bar
//  bar

await doSomething();
await doSomething();

//  foo
//  bar
//  foo
//  bar

Note: Despite window.setImmediate is a non-standard feature and it is not working in node, function forImmediate is working in all environments Note: If you want to use an equivalent of setInterval, see RxJS interval.

Documentation Code

Await forAnimationFrame (requestAnimationFrame equivalent)

With forAnimationFrame you can write nice looking render/update/whatever loops.

import { forAnimationFrame } from 'waitasecond';

while (
    true /*  Normally, this would be  code, but with forAnimationFrame it is a nicer syntax version of requestAnimationFrame*/
) {
    const now = await forAnimationFrame();

    updateScene(now);
    renderScene(now);
}

Note: This is working only in a browser environment.

Documentation Code

Await forEver

forEver function returns a promise which never resolves or rejects. It is an elegant way to test what happened if some part of asynchronous code stuck (for example, fetch call).

import { forEver } from 'waitasecond';

await forEver();
console.log(` This will never ever happen.`);

Documentation Code

Await forTimeSynced

forTimeSynced is an ideal way how to do periodical ticking in an unstable environment. For example, if you want to run a process every 10 minutes on a server, but PM2 is restarting a server unexpectedly.

import { forTimeSynced } from 'waitasecond';

while (true) {
    await forTimeSynced(10 /* Minutes */ * 60 * 1000);
    console.log(
        ` This will be logged every 10 minutes according to computer time. So it fires for example on 12:00, 12:10, 12:20,...`,
    );
}

Documentation Code

Await forValueDefined

import { forValueDefined } from 'waitasecond';

const firstName = forValueDefined(() => data.firstName);

Note: This is not definitely the ideal way how to wait for things. But it can be helpful if you want to "observe" some mutating object which do not support it natively.

Documentation Code

Await forImage

import { forImage } from 'waitasecond';

await forImage(document.querySelector('.logo'));
console.log(` Now I can be sure that the logo is loaded.`);

// ...
await renderToPdf(document.body);
// ...

Documentation Code

Await forAllImagesInElement

import { forAllImagesInElement } from 'waitasecond';

await forAllImagesInElement(document.body);
console.log(` Now I can be sure that all images in body are loaded.`);

// ...
await renderToPdf(document.body);
// ...

Documentation Code