itsscb/htmx
1
0
Fork 0
mirror of https://github.com/bigskysoftware/htmx.git synced 2025-09-30 06:21:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

1.4 release prep

Browse Source
This commit is contained in:
carson 2021-05-24 09:34:17 -06:00
parent 2117cd8d64
commit dd8ce0fe7a
10 changed files with 183 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -8,6 +8,7 @@
* The `htmx.config.useTemplateFraments` option was added, allowing you to use HTML template tags for parsing content
from the server. This allows you to use Out of Band content when returning things like table rows, but it is not
IE11 compatible.
* The `defaultSettleDelay` was dropped to 20ms from 100ms
* Introduced a new synthetic event, [intersect](/docs#pecial-events) that allows you to trigger when an item is scrolled into view
as specified by the `IntersectionObserver` API
* Fixed timing issue that caused exceptions in the `reveal` logic when scrolling at incredible speeds - <https://github.com/bigskysoftware/htmx/issues/463>

7
dist/htmx.js vendored
View File

@ -2187,7 +2187,12 @@ return (function () {
triggeringEvent:event
};
if(!triggerEvent(elt, 'htmx:configRequest', requestConfig)) return endRequestLock();
if(!triggerEvent(elt, 'htmx:configRequest', requestConfig)){
maybeCall(resolve);
endRequestLock();
return promise;
}
// copy out in case the object was overwritten
path = requestConfig.path;
verb = requestConfig.verb;

2
dist/htmx.min.js vendored
View File

File diff suppressed because one or more lines are too long

BIN
dist/htmx.min.js.gz vendored
View File

Binary file not shown.

7
src/htmx.js
View File

@ -2187,7 +2187,12 @@ return (function () {
triggeringEvent:event
};
if(!triggerEvent(elt, 'htmx:configRequest', requestConfig)) return endRequestLock();
if(!triggerEvent(elt, 'htmx:configRequest', requestConfig)){
maybeCall(resolve);
endRequestLock();
return promise;
}
// copy out in case the object was overwritten
path = requestConfig.path;
verb = requestConfig.verb;

78
test/core/events.js
View File

@ -366,5 +366,83 @@ describe("Core htmx Events", function() {
}
});
it("adding an error in htmx:configRequest stops the request", function () {
try {
var handler = htmx.on("htmx:configRequest", function (evt) {
evt.detail.errors.push("An error");
});
var request = false;
this.server.respondWith("POST", "/test", function (xhr) {
request = true;
xhr.respond(200, {}, "<button>Bar</button>");
});
var div = make("<button hx-post='/test' hx-swap='outerHTML'>Foo</button>");
div.click();
this.server.respond();
should.equal(request, false);
} finally {
htmx.off("htmx:configRequest", handler);
}
});
it("preventDefault() in htmx:configRequest stops the request", function () {
try {
var handler = htmx.on("htmx:configRequest", function (evt) {
evt.detail.errors.push("An error");
});
var request = false;
this.server.respondWith("POST", "/test", function (xhr) {
request = true;
xhr.respond(200, {}, "<button>Bar</button>");
});
var div = make("<button hx-post='/test' hx-swap='outerHTML'>Foo</button>");
div.click();
this.server.respond();
should.equal(request, false);
} finally {
htmx.off("htmx:configRequest", handler);
}
});
it("preventDefault() in the htmx:beforeRequest event cancels the request", function () {
try {
var handler = htmx.on("htmx:beforeRequest", function (evt) {
evt.preventDefault();
});
var request = false;
this.server.respondWith("POST", "/test", function (xhr) {
request = true;
xhr.respond(200, {}, "<button>Bar</button>");
});
var div = make("<button hx-post='/test' hx-swap='outerHTML'>Foo</button>");
div.click();
this.server.respond();
should.equal(request, false);
} finally {
htmx.off("htmx:beforeRequest", handler);
}
});
it("preventDefault() in the htmx:beforeOnLoad event cancels the swap", function () {
try {
var handler = htmx.on("htmx:beforeOnLoad", function (evt) {
evt.preventDefault();
});
var request = false;
this.server.respondWith("POST", "/test", function (xhr) {
request = true;
xhr.respond(200, {}, "Bar");
});
var div = make("<button hx-post='/test'>Foo</button>");
div.click();
this.server.respond();
should.equal(request, true);
div.innerText.should.equal("Foo");
} finally {
htmx.off("htmx:beforeOnLoad", handler);
}
});
});

2
www/events.md
View File

@ -32,7 +32,7 @@ This event is triggered after htmx has initialized a DOM node. It can be useful
This event is triggered after an AJAX request has finished either in the case of a successful request (although
one that may have returned a remote error code such as a `404`) or in a network error situation. This event
can be paried with [`htmx:beforeRequest`](#htmx:beforeRequest) to wrap behavior around a request cycle.
can be paired with [`htmx:beforeRequest`](#htmx:beforeRequest) to wrap behavior around a request cycle.
##### Details

7
www/js/htmx.js
View File

@ -2187,7 +2187,12 @@ return (function () {
triggeringEvent:event
};
if(!triggerEvent(elt, 'htmx:configRequest', requestConfig)) return endRequestLock();
if(!triggerEvent(elt, 'htmx:configRequest', requestConfig)){
maybeCall(resolve);
endRequestLock();
return promise;
}
// copy out in case the object was overwritten
path = requestConfig.path;
verb = requestConfig.verb;

7
www/test/1.4.0/src/htmx.js
View File

@ -2187,7 +2187,12 @@ return (function () {
triggeringEvent:event
};
if(!triggerEvent(elt, 'htmx:configRequest', requestConfig)) return endRequestLock();
if(!triggerEvent(elt, 'htmx:configRequest', requestConfig)){
maybeCall(resolve);
endRequestLock();
return promise;
}
// copy out in case the object was overwritten
path = requestConfig.path;
verb = requestConfig.verb;

78
www/test/1.4.0/test/core/events.js
View File

@ -366,5 +366,83 @@ describe("Core htmx Events", function() {
}
});
it("adding an error in htmx:configRequest stops the request", function () {
try {
var handler = htmx.on("htmx:configRequest", function (evt) {
evt.detail.errors.push("An error");
});
var request = false;
this.server.respondWith("POST", "/test", function (xhr) {
request = true;
xhr.respond(200, {}, "<button>Bar</button>");
});
var div = make("<button hx-post='/test' hx-swap='outerHTML'>Foo</button>");
div.click();
this.server.respond();
should.equal(request, false);
} finally {
htmx.off("htmx:configRequest", handler);
}
});
it("preventDefault() in htmx:configRequest stops the request", function () {
try {
var handler = htmx.on("htmx:configRequest", function (evt) {
evt.detail.errors.push("An error");
});
var request = false;
this.server.respondWith("POST", "/test", function (xhr) {
request = true;
xhr.respond(200, {}, "<button>Bar</button>");
});
var div = make("<button hx-post='/test' hx-swap='outerHTML'>Foo</button>");
div.click();
this.server.respond();
should.equal(request, false);
} finally {
htmx.off("htmx:configRequest", handler);
}
});
it("preventDefault() in the htmx:beforeRequest event cancels the request", function () {
try {
var handler = htmx.on("htmx:beforeRequest", function (evt) {
evt.preventDefault();
});
var request = false;
this.server.respondWith("POST", "/test", function (xhr) {
request = true;
xhr.respond(200, {}, "<button>Bar</button>");
});
var div = make("<button hx-post='/test' hx-swap='outerHTML'>Foo</button>");
div.click();
this.server.respond();
should.equal(request, false);
} finally {
htmx.off("htmx:beforeRequest", handler);
}
});
it("preventDefault() in the htmx:beforeOnLoad event cancels the swap", function () {
try {
var handler = htmx.on("htmx:beforeOnLoad", function (evt) {
evt.preventDefault();
});
var request = false;
this.server.respondWith("POST", "/test", function (xhr) {
request = true;
xhr.respond(200, {}, "Bar");
});
var div = make("<button hx-post='/test'>Foo</button>");
div.click();
this.server.respond();
should.equal(request, true);
div.innerText.should.equal("Foo");
} finally {
htmx.off("htmx:beforeOnLoad", handler);
}
});
});