Promise-based Alert, Confirm and Prompt replacement
npm install smalltalkSimple Promise-based replacement of native Alert, Confirm and Prompt.
```
npm i smalltalk
First things first, require smalltalk with:
`js`
import * as smalltalk from 'smalltalk';
You can also use native version with:
`js`
import * as smalltalk from 'smalltalk/native';
When you need a bundled verseion use
`js`
import smalltalk from 'smalltalk/bundle';
In every method of smalltalk last parameter options is optional and could be used
to prevent handling of cancel event and to specify custom button label.
`js`
({
cancel: true, / default /
});
`js`
smalltalk
.alert('Error', 'There was an error!')
.then(() => {
console.log('ok');
});
`js`
smalltalk
.confirm('Question', 'Are you sure?')
.then(() => {
console.log('yes');
})
.catch(() => {
console.log('no');
});
`js`
smalltalk
.prompt('Question', 'How old are you?', '10')
.then((value) => {
console.log(value);
})
.catch(() => {
console.log('cancel');
});
Use type='password' for password fields:
`js`
smalltalk
.prompt('Question', 'How old are you?', '10', {
type: 'password',
})
.then((value) => {
console.log(value);
})
.catch(() => {
console.log('cancel');
});
`js
const progress = smalltalk.progress('Cloud Commander', 'Copy /home/coderaiser -> /home/coderaiser/2');
progress
.setProgress(41)
.catch(() => {
console.log('abort');
});
`
You can use custom label passing into options param the buttons specification. For example :
`js
const {tryToCatch} = require('try-to-catch');
const OK = 2;
const result = await tryToCatch(smalltalk.confirm, 'Question', 'Are you sure?', {
buttons: {
ok: 'Ok Label',
cancel: 'Cancel Label',
},
});
if (result.length === OK)
console.log('yes');
else
console.log('no');
``
MIT
[NPMIMGURL]: https://img.shields.io/npm/v/smalltalk.svg?style=flat&longCache=true
[BuildStatusIMGURL]: https://img.shields.io/travis/coderaiser/smalltalk/master.svg?style=flat&longCache=true
[LicenseIMGURL]: https://img.shields.io/badge/license-MIT-317BF9.svg?style=flat&longCache=true
[NPMURL]: https://npmjs.org/package/smalltalk "npm"
[BuildStatusURL]: https://travis-ci.org/coderaiser/smalltalk "Build Status"
[LicenseURL]: https://tldrlegal.com/license/mit-license "MIT License"
[CoverageURL]: https://coveralls.io/github/coderaiser/smalltalk?branch=master
[CoverageIMGURL]: https://coveralls.io/repos/coderaiser/smalltalk/badge.svg?branch=master&service=github