Optimize Head regex (#2781)

MichaelWest22 · web-flow · commit 5b550e5c498d · 2024-10-02T19:20:23.000-06:00
* remove shared tag regex utility function that is no longer really needed

* fix head-support manual test to point to externally hosted extension

* minimize regex
diff --git a/src/htmx.js b/src/htmx.js
@@ -337,22 +337,10 @@ var htmx = (function() {
     return '[hx-' + verb + '], [data-hx-' + verb + ']'
   }).join(', ')
 
-  const HEAD_TAG_REGEX = makeTagRegEx('head')
-
   //= ===================================================================
   // Utilities
   //= ===================================================================
 
-  /**
-   * @param {string} tag
-   * @param {boolean} global
-   * @returns {RegExp}
-   */
-  function makeTagRegEx(tag, global = false) {
-    return new RegExp(`<${tag}(\\s[^>]*>|>)([\\s\\S]*?)<\\/${tag}>`,
-      global ? 'gim' : 'im')
-  }
-
   /**
    * Parses an interval string consistent with the way htmx does. Useful for plugins that have timing-related attributes.
    *
@@ -595,7 +583,7 @@ var htmx = (function() {
    */
   function makeFragment(response) {
     // strip head tag to determine shape of response we are dealing with
-    const responseWithNoHead = response.replace(HEAD_TAG_REGEX, '')
+    const responseWithNoHead = response.replace(/<head(\s[^>]*)?>.*?<\/head>/is, '')
     const startTag = getStartTag(responseWithNoHead)
     /** @type DocumentFragmentWithTitle */
     let fragment
diff --git a/test/manual/hxboost_partial_template_parsing/index.html b/test/manual/hxboost_partial_template_parsing/index.html
@@ -19,7 +19,7 @@
     </style>
 
     <script src="../../../src/htmx.js" hx-preserve="true"></script>
-    <script src="../../../src/ext/head-support.js" hx-preserve="true"></script>
+    <script src="https://unpkg.com/htmx-ext-head-support@2.0.0/head-support.js" hx-preserve="true"></script>
 </head>
 <body hx-ext="head-support" hx-boost="true">
     <header hx-push-url="false" hx-target="main" hx-swap="innerHTML">
@@ -38,4 +38,4 @@ <h1># Index</h1>
         </ul>
     </main>
 </body>
-</html>
+</html>
