135 lines
4.6 KiB
JavaScript
135 lines
4.6 KiB
JavaScript
(function(){
|
|
|
|
if (htmx.version && !htmx.version.startsWith("1.")) {
|
|
console.warn("WARNING: You are using an htmx 1 extension with htmx " + htmx.version +
|
|
". It is recommended that you move to the version of this extension found on https://htmx.org/extensions")
|
|
}
|
|
|
|
/** @type {import("../htmx").HtmxInternalApi} */
|
|
var api;
|
|
|
|
var attrPrefix = 'hx-target-';
|
|
|
|
// IE11 doesn't support string.startsWith
|
|
function startsWith(str, prefix) {
|
|
return str.substring(0, prefix.length) === prefix
|
|
}
|
|
|
|
/**
|
|
* @param {HTMLElement} elt
|
|
* @param {number} respCode
|
|
* @returns {HTMLElement | null}
|
|
*/
|
|
function getRespCodeTarget(elt, respCodeNumber) {
|
|
if (!elt || !respCodeNumber) return null;
|
|
|
|
var respCode = respCodeNumber.toString();
|
|
|
|
// '*' is the original syntax, as the obvious character for a wildcard.
|
|
// The 'x' alternative was added for maximum compatibility with HTML
|
|
// templating engines, due to ambiguity around which characters are
|
|
// supported in HTML attributes.
|
|
//
|
|
// Start with the most specific possible attribute and generalize from
|
|
// there.
|
|
var attrPossibilities = [
|
|
respCode,
|
|
|
|
respCode.substr(0, 2) + '*',
|
|
respCode.substr(0, 2) + 'x',
|
|
|
|
respCode.substr(0, 1) + '*',
|
|
respCode.substr(0, 1) + 'x',
|
|
respCode.substr(0, 1) + '**',
|
|
respCode.substr(0, 1) + 'xx',
|
|
|
|
'*',
|
|
'x',
|
|
'***',
|
|
'xxx',
|
|
];
|
|
if (startsWith(respCode, '4') || startsWith(respCode, '5')) {
|
|
attrPossibilities.push('error');
|
|
}
|
|
|
|
for (var i = 0; i < attrPossibilities.length; i++) {
|
|
var attr = attrPrefix + attrPossibilities[i];
|
|
var attrValue = api.getClosestAttributeValue(elt, attr);
|
|
if (attrValue) {
|
|
if (attrValue === "this") {
|
|
return api.findThisElement(elt, attr);
|
|
} else {
|
|
return api.querySelectorExt(elt, attrValue);
|
|
}
|
|
}
|
|
}
|
|
|
|
return null;
|
|
}
|
|
|
|
/** @param {Event} evt */
|
|
function handleErrorFlag(evt) {
|
|
if (evt.detail.isError) {
|
|
if (htmx.config.responseTargetUnsetsError) {
|
|
evt.detail.isError = false;
|
|
}
|
|
} else if (htmx.config.responseTargetSetsError) {
|
|
evt.detail.isError = true;
|
|
}
|
|
}
|
|
|
|
htmx.defineExtension('response-targets', {
|
|
|
|
/** @param {import("../htmx").HtmxInternalApi} apiRef */
|
|
init: function (apiRef) {
|
|
api = apiRef;
|
|
|
|
if (htmx.config.responseTargetUnsetsError === undefined) {
|
|
htmx.config.responseTargetUnsetsError = true;
|
|
}
|
|
if (htmx.config.responseTargetSetsError === undefined) {
|
|
htmx.config.responseTargetSetsError = false;
|
|
}
|
|
if (htmx.config.responseTargetPrefersExisting === undefined) {
|
|
htmx.config.responseTargetPrefersExisting = false;
|
|
}
|
|
if (htmx.config.responseTargetPrefersRetargetHeader === undefined) {
|
|
htmx.config.responseTargetPrefersRetargetHeader = true;
|
|
}
|
|
},
|
|
|
|
/**
|
|
* @param {string} name
|
|
* @param {Event} evt
|
|
*/
|
|
onEvent: function (name, evt) {
|
|
if (name === "htmx:beforeSwap" &&
|
|
evt.detail.xhr &&
|
|
evt.detail.xhr.status !== 200) {
|
|
if (evt.detail.target) {
|
|
if (htmx.config.responseTargetPrefersExisting) {
|
|
evt.detail.shouldSwap = true;
|
|
handleErrorFlag(evt);
|
|
return true;
|
|
}
|
|
if (htmx.config.responseTargetPrefersRetargetHeader &&
|
|
evt.detail.xhr.getAllResponseHeaders().match(/HX-Retarget:/i)) {
|
|
evt.detail.shouldSwap = true;
|
|
handleErrorFlag(evt);
|
|
return true;
|
|
}
|
|
}
|
|
if (!evt.detail.requestConfig) {
|
|
return true;
|
|
}
|
|
var target = getRespCodeTarget(evt.detail.requestConfig.elt, evt.detail.xhr.status);
|
|
if (target) {
|
|
handleErrorFlag(evt);
|
|
evt.detail.shouldSwap = true;
|
|
evt.detail.target = target;
|
|
}
|
|
return true;
|
|
}
|
|
}
|
|
});
|
|
})();
|