
Security News
Deno 2.2 Improves Dependency Management and Expands Node.js Compatibility
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
Simply axios and sweetalert2 combined.
npm install axioswal
swalaxios = require('swalaxios');
axioswal(axios[, swal[, config]])
axioswal
takes 3 arguments:
axios
swal
axioswal
config: config
axioswal({
// axios config
url: 'http://example.com/api',
method: 'post'
}, {
// swal config
position: 'top-end',
timer: 1500
}, {
// swalaxios config
check: (data) => (data.myApiStatus === 'success') // considered the request a success if the response data has myApiStatus === 'success' or a failure otherwise.
text: (data) => data.myApiMessage
});
For convenience, if you are not planning to have axios config
, you can use the following methods:
axioswal.get(url[, swal[, config]])
axioswal.delete(url[, swal[, config]])
axioswal.head(url[, swal[, config]])
axioswal.options(url[, swal[, config]])
axioswal.post(url[, data[, swal[, config]]])
axioswal.put(url[, data[, swal[, config]]])
axioswal.patch(url[, data[, swal[, config]]])
config
is the last argument in axioswal()
, which accepts the properties in the table below. Please note that data
refers to axios's response.data
.
options | description | default |
---|---|---|
check | Custom function that takes one argument: data , to consider the response as a success or failure. This should returns either true or false | defaultCheckFunc |
text | Custom function that takes two arguments: data , ok (true or false ) and returns the user-readable text (message). This should returns a string . | defaultTextFunc |
noSwal | Do not show sweetalert2. | false |
By default, defaultCheckFunc
will returns false
(the request is considered a failure) if the response data satisfies any of the conditions below:
response.error
key exists.response.status === 'error'
response.ok === false
response.success === false
Is there any other common response schema? Make a PR!
Request is always considered a failure if it isAxiosError
(such as 4xx
and 5xx
error)
By default, defaultTextFunc
will attempt to read from the following (prioritized from top to bottom):
response.error.message
(in case of failed request)response.error.msg
(in case of failed request)response.error
if it is a string
(in case of failed request)response.message
response.msg
response.text
response
if it is not a JSON
response.'Success!'
or 'An error has occurred.'
depends on whether the request is considered successful.Is there any other common response schema? Make a PR!
axioswal
returns promiseaxioswal()
always returns a promise which resolves to axios's response.data
. (even in isAxiosError
).
// Example of a sign in form in `React` (with Hooks)
const handleSubmit = (event) => {
event.preventDefault();
axioswal
.post("/api/authenticate", {
email,
password
})
.then((data) => {
if (data.status === false) {
// empty password field if incorrect credentials
setPassword('');
}
else {
// redirect if log in is a success
window.location = '/';
}
});
};
Please see my contributing.md.
FAQs
Simply axios and sweetalert2 combined
The npm package axioswal receives a total of 3 weekly downloads. As such, axioswal popularity was classified as not popular.
We found that axioswal demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
Security News
React's CRA deprecation announcement sparked community criticism over framework recommendations, leading to quick updates acknowledging build tools like Vite as valid alternatives.
Security News
Ransomware payment rates hit an all-time low in 2024 as law enforcement crackdowns, stronger defenses, and shifting policies make attacks riskier and less profitable.