prep v1.9.12

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## [1.9.12] - 2024-04-17
+
+* [IE Fixes](https://github.com/bigskysoftware/htmx/commit/e64238dba3113c2eabe26b1e9e9ba7fe29ba3010)
+
 ## [1.9.11] - 2024-03-15
 
 * Fix for new issue w/ web sockets & SSE on iOS 17.4 (thanks apple!)

README.md

@@ -33,7 +33,7 @@ By removing these arbitrary constraints htmx completes HTML as a
 ## quick start
 
 ```html
- <script src="https://unpkg.com/[email protected].11"></script>
+ <script src="https://unpkg.com/[email protected].12"></script>
  <!-- have a button POST a click via AJAX -->
  <button hx-post="/clicked" hx-swap="outerHTML">
  Click Me

dist/htmx.js

@@ -89,7 +89,7 @@ return (function () {
  sock.binaryType = htmx.config.wsBinaryType;
  return sock;
  },
- version: "1.9.11"
+ version: "1.9.12"
  };
 
  /** @type {import("./htmx").HtmxInternalApi} */
@@ -138,12 +138,12 @@ return (function () {
 
  /**
  * @param {string} tag
- * @param {boolean} global
+ * @param {boolean} [global]
  * @returns {RegExp}
  */
- function makeTagRegEx(tag, global = false) {
-  return new RegExp(`<${tag}(\\s[^>]*>|>)([\\s\\S]*?)<\\/${tag}>`,
-  global ? 'gim' : 'im');
+ function makeTagRegEx(tag, global) {
+ return new RegExp('<' + tag + '(\\s[^>]*>|>)([\\s\\S]*?)<\\/' + tag + '>',
+ !!global ? 'gim' : 'im')
  }
 
  function parseInterval(str) {
@@ -1945,6 +1945,9 @@ return (function () {
 
  function shouldProcessHxOn(elt) {
  var attributes = elt.attributes
+ if (!attributes) {
+ return false
+ }
  for (var j = 0; j < attributes.length; j++) {
  var attrName = attributes[j].name
  if (startsWith(attrName, "hx-on:") || startsWith(attrName, "data-hx-on:") ||
@@ -1967,11 +1970,11 @@ return (function () {
  var iter = document.evaluate('.//*[@*[ starts-with(name(), "hx-on:") or starts-with(name(), "data-hx-on:") or' +
  ' starts-with(name(), "hx-on-") or starts-with(name(), "data-hx-on-") ]]', elt)
  while (node = iter.iterateNext()) elements.push(node)
- } else {
+ } else if (typeof elt.getElementsByTagName === "function") {
  var allElements = elt.getElementsByTagName("*")
  for (var i = 0; i < allElements.length; i++) {
-  if (shouldProcessHxOn(allElements[i])) {
-  elements.push(allElements[i])
+ if (shouldProcessHxOn(allElements[i])) {
+ elements.push(allElements[i])
  }
  }
  }

package.json

@@ -5,7 +5,7 @@
  "AJAX",
  "HTML"
  ],
- "version": "1.9.11",
+ "version": "1.9.12",
  "homepage": "https://htmx.org/",
  "bugs": {
  "url": "https://github.com/bigskysoftware/htmx/issues"

src/htmx.js

@@ -89,7 +89,7 @@ return (function () {
  sock.binaryType = htmx.config.wsBinaryType;
  return sock;
  },
- version: "1.9.11"
+ version: "1.9.12"
  };
 
  /** @type {import("./htmx").HtmxInternalApi} */
@@ -138,12 +138,12 @@ return (function () {
 
  /**
  * @param {string} tag
- * @param {boolean} global
+ * @param {boolean} [global]
  * @returns {RegExp}
  */
- function makeTagRegEx(tag, global = false) {
-  return new RegExp(`<${tag}(\\s[^>]*>|>)([\\s\\S]*?)<\\/${tag}>`,
-  global ? 'gim' : 'im');
+ function makeTagRegEx(tag, global) {
+ return new RegExp('<' + tag + '(\\s[^>]*>|>)([\\s\\S]*?)<\\/' + tag + '>',
+ !!global ? 'gim' : 'im')
  }
 
  function parseInterval(str) {
@@ -1945,6 +1945,9 @@ return (function () {
 
  function shouldProcessHxOn(elt) {
  var attributes = elt.attributes
+ if (!attributes) {
+ return false
+ }
  for (var j = 0; j < attributes.length; j++) {
  var attrName = attributes[j].name
  if (startsWith(attrName, "hx-on:") || startsWith(attrName, "data-hx-on:") ||
@@ -1967,11 +1970,11 @@ return (function () {
  var iter = document.evaluate('.//*[@*[ starts-with(name(), "hx-on:") or starts-with(name(), "data-hx-on:") or' +
  ' starts-with(name(), "hx-on-") or starts-with(name(), "data-hx-on-") ]]', elt)
  while (node = iter.iterateNext()) elements.push(node)
- } else {
+ } else if (typeof elt.getElementsByTagName === "function") {
  var allElements = elt.getElementsByTagName("*")
  for (var i = 0; i < allElements.length; i++) {
-  if (shouldProcessHxOn(allElements[i])) {
-  elements.push(allElements[i])
+ if (shouldProcessHxOn(allElements[i])) {
+ elements.push(allElements[i])
  }
  }
  }

test/core/ajax.js

@@ -1237,6 +1237,11 @@ describe("Core htmx AJAX Tests", function(){
  })
 
  it('properly handles inputs external to form', function () {
+ if (!supportsFormAttribute()) {
+ this._runnable.title += " - Skipped as IE11 doesn't support form attribute"
+ this.skip()
+ return
+ }
  var values;
  this.server.respondWith("Post", "/test", function (xhr) {
  values = getParameters(xhr);
@@ -1287,6 +1292,11 @@ describe("Core htmx AJAX Tests", function(){
  })
 
  it("can associate submit buttons from outside a form with the current version of the form after swap", function(){
+ if (!supportsFormAttribute()) {
+ this._runnable.title += " - Skipped as IE11 doesn't support form attribute"
+ this.skip()
+ return
+ }
  const template = '<form ' +
  'id="hello" ' +
  'hx-target="#hello" ' +

test/core/regressions.js

@@ -246,6 +246,11 @@ describe("Core htmx Regression Tests", function(){
  })
 
  it("script tags only execute once using templates", function(done) {
+ if (!supportsTemplates()) {
+ this._runnable.title += " - Skipped as IE11 doesn't support templates"
+ this.skip()
+ return
+ }
  var oldUseTemplateFragmentsValue = htmx.config.useTemplateFragments
  htmx.config.useTemplateFragments = true
 
@@ -267,6 +272,11 @@ describe("Core htmx Regression Tests", function(){
  })
 
  it("script tags only execute once when nested using templates", function(done) {
+ if (!supportsTemplates()) {
+ this._runnable.title += " - Skipped as IE11 doesn't support templates"
+ this.skip()
+ return
+ }
  var oldUseTemplateFragmentsValue = htmx.config.useTemplateFragments
  htmx.config.useTemplateFragments = true
 

www/config.toml

@@ -1,4 +1,4 @@
-base_url = "https://htmx.org"
+base_url = "https://v1.htmx.org"
 title = "</> htmx - high power tools for html"
 theme = "htmx-theme"
 

www/content/_index.md

@@ -37,7 +37,7 @@ By removing these constraints, htmx completes HTML as a [hypertext](https://en.w
 <h2>quick start</h2>
 
 ```html
- <script src="https://unpkg.com/[email protected].11"></script>
+ <script src="https://unpkg.com/[email protected].12"></script>
  <!-- have a button POST a click via AJAX -->
  <button hx-post="/clicked" hx-swap="outerHTML">
  Click Me

www/content/docs.md

@@ -114,7 +114,7 @@ The fastest way to get going with htmx is to load it via a CDN. You can simply a
 and get going:
 
 ```html
-<script src="https://unpkg.com/[email protected].11" integrity="sha384-0gxUXCCR8yv9FM2b+U3FDbsKthCI66oH5IA9fHppQq9DDMHuMauqq1ZHBpJxQ0J0" crossorigin="anonymous"></script>
+<script src="https://unpkg.com/[email protected].12" integrity="sha384-ujb1lZYygJmzgSwoxRggbCHcjc0rB2XoQrxeTUQyRjrOnlCoYta87iKBWq3EsdM2" crossorigin="anonymous"></script>
 ```
 
 While the CDN approach is extremely simple, you may want to consider [not using CDNs in production](https://blog.wesleyac.com/posts/why-not-javascript-cdn).

www/content/extensions/_index.md

@@ -50,7 +50,7 @@ against `htmx` in each distribution.
 
 ### Installing Extensions {#installing}
 
-You can find the source for the bundled extensions at `https://unpkg.com/browse/[email protected].11/dist/ext/`. You will need
+You can find the source for the bundled extensions at `https://unpkg.com/browse/[email protected].12/dist/ext/`. You will need
 to include the javascript file for the extension and then install it using the [hx-ext](@/attributes/hx-ext.md) attributes.
 
 See the individual extension documentation for more details.

www/content/extensions/ajax-header.md

@@ -9,7 +9,7 @@ This header is commonly used by javascript frameworks to differentiate ajax requ
 ## Install
 
 ```html
-<script src="https://unpkg.com/[email protected].11/dist/ext/ajax-header.js"></script>
+<script src="https://unpkg.com/[email protected].12/dist/ext/ajax-header.js"></script>
 ```
 
 ## Usage

www/content/extensions/alpine-morph.md

@@ -7,7 +7,7 @@ Alpine.js now has a lightweight [morph plugin](https://alpinejs.dev/plugins/morp
 ## Install
 
 ```html
-<script src="https://unpkg.com/[email protected].11/dist/ext/alpine-morph.js"></script>
+<script src="https://unpkg.com/[email protected].12/dist/ext/alpine-morph.js"></script>
 ```
 
 ## Usage

www/content/extensions/class-tools.md

@@ -18,7 +18,7 @@ optionally followed by a colon `:` and a time delay.
 ## Install
 
 ```html
-<script src="https://unpkg.com/[email protected].11/dist/ext/class-tools.js"></script>
+<script src="https://unpkg.com/[email protected].12/dist/ext/class-tools.js"></script>
 ```
 
 ## Usage

www/content/extensions/client-side-templates.md

@@ -26,7 +26,7 @@ A second "array" version of each template is now offered, which is particularly
 ## Install
 
 ```html
-<script src="https://unpkg.com/[email protected].11/dist/ext/client-side-templates.js"></script>
+<script src="https://unpkg.com/[email protected].12/dist/ext/client-side-templates.js"></script>
 ```
 
 ## Usage
@@ -66,7 +66,7 @@ a [`<template>` tag](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/t
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <script src="https://unpkg.com/htmx.org"></script>
- <script src="https://unpkg.com/[email protected].11/dist/ext/client-side-templates.js"></script>
+ <script src="https://unpkg.com/[email protected].12/dist/ext/client-side-templates.js"></script>
  <script src="https://unpkg.com/mustache@latest"></script>
 </head>
 <body>
@@ -99,7 +99,7 @@ Here's a working example using the `mustache-array-template` working against an
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <script src="https://unpkg.com/htmx.org"></script>
- <script src="https://unpkg.com/[email protected].11/dist/ext/client-side-templates.js"></script>
+ <script src="https://unpkg.com/[email protected].12/dist/ext/client-side-templates.js"></script>
  <script src="https://unpkg.com/mustache@latest"></script>
 </head>
 <body>
@@ -140,7 +140,7 @@ Some styling is needed to keep the object visible while not taking any space.
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <script src="https://unpkg.com/htmx.org"></script>
- <script src="https://unpkg.com/[email protected].11/dist/ext/client-side-templates.js"></script>
+ <script src="https://unpkg.com/[email protected].12/dist/ext/client-side-templates.js"></script>
 </head>
 <body>
  <div hx-ext="client-side-templates">

www/content/extensions/debug.md

@@ -8,7 +8,7 @@ or through the `console.log` function with a `DEBUG:` prefix.
 ## Install
 
 ```html
-<script src="https://unpkg.com/[email protected].11/dist/ext/debug.js"></script>
+<script src="https://unpkg.com/[email protected].12/dist/ext/debug.js"></script>
 ```
 
 ## Usage

www/content/extensions/disable-element.md

@@ -9,7 +9,7 @@ This extension disables an element during an htmx request, when configured on th
 ## Install
 
 ```html
-<script src="https://unpkg.com/[email protected].11/dist/ext/disable-element.js"></script>
+<script src="https://unpkg.com/[email protected].12/dist/ext/disable-element.js"></script>
 ```
 
 ## Usage

www/content/extensions/event-header.md

@@ -9,7 +9,7 @@ request.
 ## Install
 
 ```html
-<script src="https://unpkg.com/[email protected].11/dist/ext/event-header.js"></script>
+<script src="https://unpkg.com/[email protected].12/dist/ext/event-header.js"></script>
 ```
 
 ## Usage

www/content/extensions/head-support.md

@@ -18,7 +18,7 @@ This extension addresses that shortcoming & will likely be integrated into htmx
 ## Install
 
 ```html
-<script src="https://unpkg.com/[email protected].11/dist/ext/head-support.js"></script>
+<script src="https://unpkg.com/[email protected].12/dist/ext/head-support.js"></script>
 ```
 
 ## Usage

www/content/extensions/include-vals.md

@@ -9,7 +9,7 @@ will be evaluated as the fields in a javascript object literal.
 ## Install
 
 ```html
-<script src="https://unpkg.com/[email protected].11/dist/ext/include-vals.js"></script>
+<script src="https://unpkg.com/[email protected].12/dist/ext/include-vals.js"></script>
 ```
 
 ## Usage

www/content/extensions/json-enc.md

@@ -7,7 +7,7 @@ This extension encodes parameters in JSON format instead of url format.
 ## Install
 
 ```html
-<script src="https://unpkg.com/[email protected].11/dist/ext/json-enc.js"></script>
+<script src="https://unpkg.com/[email protected].12/dist/ext/json-enc.js"></script>
 ```
 
 ## Usage

www/content/extensions/loading-states.md

@@ -7,7 +7,7 @@ This extension allows you to easily manage loading states while a request is in
 ## Install
 
 ```html
-<script src="https://unpkg.com/[email protected].11/dist/ext/loading-states.js"></script>
+<script src="https://unpkg.com/[email protected].12/dist/ext/loading-states.js"></script>
 ```
 
 ## Usage

www/content/extensions/method-override.md

@@ -8,7 +8,7 @@ actual HTTP method. This is necessary when dealing with some firewall or proxy
 ## Install
 
 ```html
-<script src="https://unpkg.com/[email protected].11/dist/ext/method-override.js"></script>
+<script src="https://unpkg.com/[email protected].12/dist/ext/method-override.js"></script>
 ```
 
 ### Usage

www/content/extensions/morphdom-swap.md

@@ -10,7 +10,7 @@ The `morphdom` library does not support morph element to multiple elements. If t
 ## Install
 
 ```html
-<script src="https://unpkg.com/[email protected].11/dist/ext/morphdom-swap.js"></script>
+<script src="https://unpkg.com/[email protected].12/dist/ext/morphdom-swap.js"></script>
 ```
 
 ### Usage

www/content/extensions/multi-swap.md

@@ -11,7 +11,7 @@ It is a very powerful tool in conjunction with `hx-boost` and `preload` extensio
 ## Install
 
 ```html
-<script src="https://unpkg.com/[email protected].11/dist/ext/multi-swap.js"></script>
+<script src="https://unpkg.com/[email protected].12/dist/ext/multi-swap.js"></script>
 ```
 
 ## Usage

www/content/extensions/path-deps.md

@@ -27,7 +27,7 @@ You can use a `*` to match any path component:
 ## Install
 
 ```html
-<script src="https://unpkg.com/[email protected].11/dist/ext/path-deps.js"></script>
+<script src="https://unpkg.com/[email protected].12/dist/ext/path-deps.js"></script>
 ```
 
 ## Usage

www/content/extensions/path-params.md

@@ -7,7 +7,7 @@ This extension uses request parameters to populate path variables. Used paramete
 ## Install
 
 ```html
-<script src="https://unpkg.com/[email protected].11/dist/ext/path-params.js">
+<script src="https://unpkg.com/[email protected].12/dist/ext/path-params.js">
 ```
 
 ## Usage

www/content/extensions/preload.md

@@ -9,7 +9,7 @@ The `preload` extension allows you to load HTML fragments into your browser's ca
 ## Install
 
 ```html
-<script src="https://unpkg.com/[email protected].11/dist/ext/preload.js"></script>
+<script src="https://unpkg.com/[email protected].12/dist/ext/preload.js"></script>
 ```
 
 ## Usage

www/content/extensions/remove-me.md

@@ -7,7 +7,7 @@ The `remove-me` extension allows you to remove an element after a specified inte
 ## Install
 
 ```html
-<script src="https://unpkg.com/[email protected].11/dist/ext/remove-me.js"></script>
+<script src="https://unpkg.com/[email protected].12/dist/ext/remove-me.js"></script>
 ```
 
 ## Usage