22 lines
539 B
TypeScript
22 lines
539 B
TypeScript
|
import htmx from "htmx.org";
|
||
|
|
|
||
|
|
htmx.defineExtension("mutation-error", {
|
||
|
|
// @ts-ignore
|
||
|
|
onEvent: (name, evt) => {
|
||
|
|
if (!(evt instanceof CustomEvent)) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
if (name === "htmx:afterRequest") {
|
||
|
|
if (!evt.detail || !evt.detail.xhr) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
const status = evt.detail.xhr.status;
|
||
|
|
if (status >= 400) {
|
||
|
|
htmx.findAll("[hx-on\\:\\:mutation-error]").forEach((element) => {
|
||
|
|
htmx.trigger(element, "htmx:mutation-error", { status });
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
});
|