@digicreon/mujs 1.0.0 → 1.2.0

package/README.md

@@ -9,9 +9,12 @@ No build step required. No dependencies. No framework. Just a single `<script>`
 Inspired by [pjax](https://github.com/defunkt/jquery-pjax), [Turbo](https://turbo.hotwired.dev/) and [HTMX](https://htmx.org/), µJS aims to be simpler and lighter while covering the most common use cases.
 
 - 🚀 **Fast** — Prefetch on hover, no full page reload, progress bar
-- 🪶 **Lightweight** — Single file, ~3 KB gzipped, zero dependencies
+- 🪶 **Lightweight** — Single file, ~10 KB gzipped, zero dependencies
 - 🔌 **Drop-in** — Works with any backend (PHP, Python, Ruby, Go…), no server-side changes needed
 - 🧩 **Patch mode** — Update multiple page fragments in a single request
+- 🎯 **Triggers** — Any element, any event: live search, polling, focus actions
+- 🔄 **HTTP verbs** — GET, POST, PUT, PATCH, DELETE on links, buttons, and forms
+- 📡 **SSE** — Real-time updates via Server-Sent Events
 - ✨ **Modern** — View Transitions, DOM morphing (via idiomorph), `fetch` API, event delegation
 
 
@@ -22,6 +25,9 @@ Inspired by [pjax](https://github.com/defunkt/jquery-pjax), [Turbo](https://turb
 - [Modes](#modes)
 - [Patch mode](#patch-mode)
 - [Forms](#forms)
+- [HTTP methods](#http-methods)
+- [Triggers](#triggers)
+- [Server-Sent Events (SSE)](#server-sent-events-sse)
 - [Ghost mode](#ghost-mode)
 - [Scroll restoration](#scroll-restoration)
 - [Prefetch](#prefetch)
@@ -49,16 +55,16 @@ Inspired by [pjax](https://github.com/defunkt/jquery-pjax), [Turbo](https://turb
 
 ```html
 <!-- unpkg -->
-<script src="https://unpkg.com/mujs/dist/mu.min.js"></script>
+<script src="https://unpkg.com/@digicreon/mujs/dist/mu.min.js"></script>
 
 <!-- jsDelivr -->
-<script src="https://cdn.jsdelivr.net/npm/mujs/dist/mu.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@digicreon/mujs/dist/mu.min.js"></script>
 ```
 
 ### Via npm
 
 ```bash
-npm install mujs
+npm install @digicreon/mujs
 ```
 
 
@@ -204,6 +210,23 @@ Data is sent as `FormData`. Ghost mode is enabled by default (POST responses sho
 </form>
 ```
 
+### PUT / PATCH / DELETE forms
+
+Use `mu-method` to override the HTTP method. The form data is sent as `FormData`, like POST.
+
+```html
+<!-- PUT form -->
+<form action="/api/user/1" mu-method="put">
+    <input type="text" name="name">
+    <button type="submit">Update</button>
+</form>
+
+<!-- DELETE form (no data needed) -->
+<form action="/api/user/1" mu-method="delete">
+    <button type="submit">Delete</button>
+</form>
+```
+
 ### POST form with patch response
 
 ```html
@@ -251,6 +274,139 @@ Add `mu-confirm-quit` to a form. If any input is modified, the user is prompted
 ```
 
 
+## HTTP methods
+
+By default, links use GET and forms use their `method` attribute. The `mu-method` attribute overrides the HTTP method for any element.
+
+Supported values: `get`, `post`, `put`, `patch`, `delete`, `sse`.
+
+```html
+<!-- DELETE button -->
+<button mu-url="/api/item/42" mu-method="delete" mu-mode="remove" mu-target="#item-42">
+    Delete
+</button>
+
+<!-- PUT link -->
+<a href="/api/publish/5" mu-method="put" mu-mode="none">Publish</a>
+```
+
+Non-GET requests send an `X-Mu-Method` header with the HTTP method, allowing the server to distinguish between standard and µJS-initiated requests.
+
+> **Note:** `mu-post` is deprecated. Use `mu-method="post"` instead.
+
+
+## Triggers
+
+µJS supports custom event triggers via the `mu-trigger` attribute. This allows any element with a `mu-url` to initiate a fetch on events other than click or submit.
+
+### Default triggers
+
+When `mu-trigger` is absent, the trigger depends on the element type:
+
+| Element | Default trigger |
+|---|---|
+| `<a>` | `click` |
+| `<form>` | `submit` |
+| `<input>`, `<textarea>`, `<select>` | `change` |
+| Any other element | `click` |
+
+### Available triggers
+
+| Trigger | Browser event(s) | Typical elements |
+|---|---|---|
+| `click` | `click` | Any element (default for `<a>`, `<button>`, `<div>`...) |
+| `submit` | `submit` | `<form>` |
+| `change` | `input` | `<input>`, `<textarea>`, `<select>` |
+| `blur` | `change` + `blur` (deduplicated) | `<input>`, `<textarea>`, `<select>` |
+| `focus` | `focus` | `<input>`, `<textarea>`, `<select>` |
+| `load` | *(fires immediately when rendered)* | Any element |
+
+### Examples
+
+**Live search with debounce:**
+
+```html
+<input type="text" name="q"
+       mu-trigger="change" mu-debounce="500"
+       mu-url="/search" mu-target="#results" mu-source="#results"
+       mu-mode="update">
+```
+
+**Action on focus (e.g. load suggestions):**
+
+```html
+<input type="text" mu-trigger="focus"
+       mu-url="/suggestions" mu-target="#suggestions" mu-mode="update">
+```
+
+**Action on blur (save on field exit):**
+
+```html
+<input type="text" name="title" mu-trigger="blur"
+       mu-url="/api/save" mu-method="put" mu-target="#status" mu-mode="update">
+```
+
+**Load content immediately:**
+
+```html
+<div mu-trigger="load"
+     mu-url="/sidebar" mu-target="#sidebar" mu-mode="update">
+</div>
+```
+
+### Polling
+
+Combine `mu-trigger="load"` with `mu-repeat` to poll a URL at regular intervals:
+
+```html
+<div mu-trigger="load" mu-repeat="5000"
+     mu-url="/notifications" mu-target="#notifs" mu-mode="update">
+</div>
+```
+
+The first fetch fires immediately, then every 5 seconds. Polling intervals are automatically cleaned up when the element is removed from the DOM.
+
+### Debounce
+
+Use `mu-debounce` to delay the fetch until the user stops interacting:
+
+```html
+<input type="text" name="q" mu-debounce="300"
+       mu-url="/search" mu-target="#results" mu-mode="update">
+```
+
+> **Note:** Triggers other than `click` and `submit` default to ghost mode (no browser history entry).
+
+
+## Server-Sent Events (SSE)
+
+µJS supports real-time updates via Server-Sent Events. Set `mu-method="sse"` to open an `EventSource` connection instead of a one-shot fetch.
+
+```html
+<div mu-trigger="load" mu-url="/chat/stream"
+     mu-mode="patch" mu-method="sse">
+</div>
+```
+
+Each incoming SSE message is treated as HTML and rendered according to the element's `mu-mode`. In patch mode, the server sends HTML fragments with `mu-patch-target` attributes, just like a regular patch response.
+
+### Server-side example
+
+```
+event: message
+data: <div mu-patch-target="#messages" mu-patch-mode="append"><p>New message!</p></div>
+
+event: message
+data: <span mu-patch-target="#online-count">42</span>
+```
+
+### Limitations
+
+- **No custom headers**: `EventSource` does not support custom HTTP headers. Use query parameters for authentication (e.g. `mu-url="/stream?token=abc"`).
+- **Connection limit**: Browsers allow ~6 SSE connections per domain in HTTP/1.1. Use HTTP/2 to avoid this limit.
+- **Automatic cleanup**: SSE connections are closed when the element is removed from the DOM (e.g. when the page changes).
+
+
 ## Ghost mode
 
 Ghost mode prevents a navigation from being added to browser history and disables automatic scroll-to-top.
@@ -424,7 +580,11 @@ All attributes support both `mu-*` and `data-mu-*` syntax.
 | `mu-morph` | Disable morphing on this element (`false`). |
 | `mu-transition` | Disable view transitions on this element (`false`). |
 | `mu-prefetch` | Disable prefetch on hover for this link (`false`). |
-| `mu-post` | Force POST method on a link. |
+| `mu-method` | HTTP method: `get`, `post`, `put`, `patch`, `delete`, or `sse`. |
+| `mu-trigger` | Event trigger: `click`, `submit`, `change`, `blur`, `focus`, `load`. |
+| `mu-debounce` | Debounce delay in milliseconds (e.g. `"500"`). |
+| `mu-repeat` | Polling interval in milliseconds (e.g. `"5000"`). |
+| `mu-post` | *(Deprecated)* Use `mu-method="post"` instead. |
 | `mu-confirm` | Show a confirmation dialog before loading. |
 | `mu-confirm-quit` | *(Forms)* Prompt before leaving if the form has been modified. |
 | `mu-validate` | *(Forms)* Name of a JS validation function. Must return `true`/`false`. |

package/dist/mu.min.js

@@ -1,2 +1,482 @@
-/* µJS (muJS) v1.0 - mujs.org */
-var mu=new function(){this._VERSION="1.0",this._defaults={processLinks:!0,processForms:!0,ghost:!1,ghostRedirect:!1,mode:"replace",target:"body",source:"body",title:"title",scrollToTop:null,urlPrefix:null,progress:!0,prefetch:!0,morph:!0,transition:!0,confirmQuitText:"Are you sure you want to leave this page?"},this._cfg={},this._lastUrl=null,this._previousUrl=null,this._abortCtrl=null,this._progressEl=null,this._prefetchCache=new Map,this._confirmQuit=!1,this._jsIncludes={},this._morph=null,this.init=function(t){if(mu._cfg=Object.assign({},mu._defaults,t||{}),mu._cfg._titleAttr=null,mu._cfg.title){var e=mu._cfg.title.lastIndexOf("/");-1!==e&&(mu._cfg._titleAttr=mu._cfg.title.substring(e+1),mu._cfg.title=mu._cfg.title.substring(0,e))}mu._morph||void 0===window.Idiomorph||"function"!=typeof window.Idiomorph.morph||(mu._morph=function(t,e,r){window.Idiomorph.morph(t,e,r)}),document.addEventListener("click",mu._onClick),document.addEventListener("submit",mu._onSubmit),document.addEventListener("mouseover",mu._onMouseOver),document.addEventListener("input",mu._onInput),window.addEventListener("popstate",mu._onPopState),window.addEventListener("beforeunload",mu._onBeforeUnload),window.history.replaceState({mu:!0,url:location.pathname+location.search},""),mu._emit("mu:init",{url:location.pathname+location.search})},this.load=function(t,e){var r=Object.assign({},mu._cfg,e||{});mu._loadExec(t,r)},this.getLastUrl=function(){return mu._lastUrl},this.getPreviousUrl=function(){return mu._previousUrl},this.setConfirmQuit=function(t){mu._confirmQuit=!!t},this.setMorph=function(t){mu._morph=t},this._attr=function(t,e){return t.hasAttribute("mu-"+e)?t.getAttribute("mu-"+e):t.hasAttribute("data-mu-"+e)?t.getAttribute("data-mu-"+e):null},this._attrBool=function(t,e,r){var o=mu._attr(t,e);return null===o?r:""===o||"true"===o||"false"!==o&&r},this._shouldProcess=function(t){if("true"===mu._attr(t,"disabled")||""===mu._attr(t,"disabled"))return!1;if("false"===t.getAttribute("mu")||"false"===t.getAttribute("data-mu"))return!1;if(t.hasAttribute("target"))return!1;if("A"===t.tagName&&t.hasAttribute("onclick"))return!1;if("FORM"===t.tagName&&t.hasAttribute("onsubmit"))return!1;if("true"===t.getAttribute("mu")||"true"===t.getAttribute("data-mu"))return!0;var e=t.getAttribute("href")||t.getAttribute("action")||"";return!(!e.startsWith("/")||e.startsWith("//"))},this._elemCfg=function(t){var e,r=Object.assign({},mu._cfg);if(null!==(e=mu._attr(t,"mode"))&&(r.mode=e),null!==(e=mu._attr(t,"target"))&&(r.target=e),null!==(e=mu._attr(t,"source"))&&(r.source=e),null!==(e=mu._attr(t,"title"))){r.title=e,r._titleAttr=null;var o=e.lastIndexOf("/");-1!==o&&(r._titleAttr=e.substring(o+1),r.title=e.substring(0,o))}return null!==(e=mu._attr(t,"url"))&&(r._url=e),null!==(e=mu._attr(t,"prefix"))&&(r.urlPrefix=e),r.ghost=mu._attrBool(t,"ghost",r.ghost),r.ghostRedirect=mu._attrBool(t,"ghost-redirect",r.ghostRedirect),r.scrollToTop=mu._attrBool(t,"scroll-to-top",r.scrollToTop),r.morph=mu._attrBool(t,"morph",r.morph),r.transition=mu._attrBool(t,"transition",r.transition),r.post=mu._attrBool(t,"post",!1),r.confirm=mu._attr(t,"confirm"),r.patchGhost=mu._attrBool(t,"patch-ghost",!0),r},this._onClick=function(t){var e=t.target.closest("a");if(e&&mu._cfg.processLinks&&mu._shouldProcess(e)&&!(t.ctrlKey||t.metaKey||t.shiftKey||t.altKey)){t.preventDefault();var r=mu._elemCfg(e),o=r._url||e.getAttribute("href");if(r._sourceElement=e,!r.confirm||window.confirm(r.confirm)){if(mu._confirmQuit){if(!window.confirm(r.confirmQuitText))return;mu.setConfirmQuit(!1)}mu._loadExec(o,r)}}},this._onSubmit=function(t){var e=t.target.closest("form");if(e&&mu._cfg.processForms&&mu._shouldProcess(e)&&e.reportValidity()){var r=mu._attr(e,"validate");if(!r||"function"!=typeof window[r]||window[r](e)){var o=(e.getAttribute("method")||"get").toLowerCase(),u=mu._elemCfg(e),i=u._url||e.getAttribute("action");if(u._sourceElement=e,"post"===o)t.preventDefault(),u.postData=new FormData(e),e.hasAttribute("mu-ghost")||e.hasAttribute("data-mu-ghost")||(u.ghost=!0),null===u.scrollToTop&&"patch"!==u.mode&&(u.scrollToTop=!0);else{t.preventDefault();var n=new FormData(e);i=i+"?"+new URLSearchParams(n).toString()}mu.setConfirmQuit(!1),mu._loadExec(i,u)}}},this._onInput=function(t){t.target.closest("form[mu-confirm-quit], form[data-mu-confirm-quit]")&&mu.setConfirmQuit(!0)},this._onMouseOver=function(t){if(mu._cfg.prefetch){var e=t.target.closest("a");if(e&&mu._shouldProcess(e)&&!1!==mu._attrBool(e,"prefetch",!0)){var r=mu._attr(e,"url")||e.getAttribute("href");if(r&&!mu._prefetchCache.has(r)){mu._prefetchCache.set(r,null);var o=mu._cfg.urlPrefix?mu._cfg.urlPrefix+r:r;fetch(o,{headers:{"X-Requested-With":"mujs","X-Mu-Prefetch":"1"},priority:"low"}).then(function(t){return t.ok?t.text():null}).then(function(t){t?mu._prefetchCache.set(r,t):mu._prefetchCache.delete(r)}).catch(function(){mu._prefetchCache.delete(r)})}}}},this._onPopState=function(t){var e=t.state;if(e&&e.mu){var r=Object.assign({},mu._cfg);r.ghost=!0,r.scrollToTop=!1,r._restoreScroll=void 0!==e.scrollX?{x:e.scrollX,y:e.scrollY}:null,mu._loadExec(e.url,r)}else window.location.href=document.location},this._onBeforeUnload=function(t){mu._confirmQuit&&(t.preventDefault(),t.returnValue=mu._cfg.confirmQuitText)},this._loadExec=async function(t,e){var r=e.urlPrefix?e.urlPrefix+t:t;if(mu._saveScroll(),mu._emit("mu:before-fetch",{url:t,fetchUrl:r,config:e,sourceElement:e._sourceElement||null})){mu._abortCtrl&&mu._abortCtrl.abort(),mu._abortCtrl=new AbortController,mu._showProgress();try{var o=null,u=null,i=t;if(mu._prefetchCache.has(t)&&null!==mu._prefetchCache.get(t))o=mu._prefetchCache.get(t),mu._prefetchCache.delete(t);else{var n={signal:mu._abortCtrl.signal,headers:{"X-Requested-With":"mujs","X-Mu-Mode":e.mode}};if(e.postData?(n.method="POST",n.body=e.postData):e.post&&(n.method="POST"),!(u=await fetch(r,n)).ok)return void mu._emit("mu:fetch-error",{url:t,fetchUrl:r,status:u.status,response:u});u.redirected&&(i=new URL(u.url).pathname+new URL(u.url).search),o=await u.text()}var s,a={url:t,finalUrl:i,html:o,config:e};if(!mu._emit("mu:before-render",a))return;if(s="patch"===e.mode?function(){mu._renderPatch(a.html,e)}:function(){mu._renderPage(a.html,e)},e.transition&&document.startViewTransition?document.startViewTransition(s):s(),"patch"===e.mode)e.patchGhost||(mu._previousUrl=mu._lastUrl,mu._lastUrl=i,window.history.pushState({mu:!0,url:i},"",i));else e.ghost||u&&u.redirected&&e.ghostRedirect||e.postData?u&&u.redirected&&!e.ghostRedirect?(mu._previousUrl=mu._lastUrl,mu._lastUrl=i,window.history.pushState({mu:!0,url:i},"",i)):(mu._previousUrl=mu._lastUrl,mu._lastUrl=i):(mu._previousUrl=mu._lastUrl,mu._lastUrl=i,window.history.pushState({mu:!0,url:i},"",i));if("patch"!==e.mode)if(e._restoreScroll)window.scrollTo(e._restoreScroll.x,e._restoreScroll.y);else{var l=e.ghost||u&&u.redirected&&e.ghostRedirect;if(null!==e.scrollToTop?e.scrollToTop:!l){var m=t.indexOf("#");if(-1!==m){var c=document.getElementById(t.substring(m+1));c&&c.scrollIntoView({behavior:"smooth"})}else window.scrollTo(0,0)}}mu.setConfirmQuit(!1),mu._emit("mu:after-render",{url:t,finalUrl:i,mode:e.mode})}catch(e){if("AbortError"===e.name)return;mu._emit("mu:fetch-error",{url:t,fetchUrl:r,error:e})}finally{mu._hideProgress()}}},this._renderPage=function(t,e){var r=(new DOMParser).parseFromString(t,"text/html"),o=null;e.source&&(o=r.querySelector(e.source)),o||(o=r.body);var u=document.querySelector(e.target);if(u){mu._applyMode(e.mode,u,o,e),mu._updateTitle(r,e),mu._mergeHead(r);var i=document.querySelector(e.target)||document.body;mu._runScripts(i)}else console.warn("[µJS] Target element '"+e.target+"' not found.")},this._renderPatch=function(t,e){for(var r=(new DOMParser).parseFromString(t,"text/html").querySelectorAll("[mu-patch-target], [data-mu-patch-target]"),o=0;o<r.length;o++){var u=r[o],i=u.getAttribute("mu-patch-target")||u.getAttribute("data-mu-patch-target"),n=u.getAttribute("mu-patch-mode")||u.getAttribute("data-mu-patch-mode")||"replace",s=document.querySelector(i);s?(mu._applyMode(n,s,u,e),"remove"!==n&&mu._runScripts(u)):console.warn("[µJS] Patch target '"+i+"' not found.")}},this._applyMode=function(t,e,r,o){var u=o.morph&&mu._morph;switch(t){case"update":u?mu._morph(e,r.innerHTML,{morphStyle:"innerHTML"}):e.innerHTML=r.innerHTML;break;case"prepend":e.prepend(r);break;case"append":e.append(r);break;case"before":e.before(r);break;case"after":e.after(r);break;case"remove":e.remove();break;case"none":break;default:"BODY"===e.tagName&&"BODY"===r.tagName?u?mu._morph(e,r.innerHTML,{morphStyle:"innerHTML"}):e.innerHTML=r.innerHTML:u?mu._morph(e,r.outerHTML,{morphStyle:"outerHTML"}):e.replaceWith(r)}},this._updateTitle=function(t,e){if(e.title){var r=t.querySelector(e.title);if(r){var o=e._titleAttr?r.getAttribute(e._titleAttr):r.textContent;o&&(document.title=o)}}},this._mergeHead=function(t){for(var e="link[rel='stylesheet'], style, meta[name], meta[property]",r=document.head.querySelectorAll(e),o=t.head.querySelectorAll(e),u=new Map,i=0;i<r.length;i++)u.set(mu._elKey(r[i]),r[i]);var n=new Set;for(i=0;i<o.length;i++){var s=mu._elKey(o[i]);n.add(s),u.has(s)||document.head.appendChild(o[i].cloneNode(!0))}u.forEach(function(t,e){n.has(e)||t.remove()})},this._elKey=function(t){return"LINK"===t.tagName?"link:"+t.getAttribute("href"):"STYLE"===t.tagName?"style:"+t.textContent.substring(0,100):"META"===t.tagName?"meta:"+(t.getAttribute("name")||t.getAttribute("property")):t.outerHTML},this._runScripts=function(t){for(var e=t.querySelectorAll("script"),r=0;r<e.length;r++){var o=e[r];if("true"!==mu._attr(o,"disabled")&&""!==mu._attr(o,"disabled")){if(o.hasAttribute("src")){var u=o.getAttribute("src");if(mu._jsIncludes[u])continue;mu._jsIncludes[u]=!0}for(var i=document.createElement("script"),n=0;n<o.attributes.length;n++)i.setAttribute(o.attributes[n].name,o.attributes[n].value);i.textContent=o.textContent,o.parentNode.replaceChild(i,o)}}},this._showProgress=function(){if(mu._cfg.progress){if(!mu._progressEl){mu._progressEl=document.createElement("div"),mu._progressEl.id="mu-progress";var t=mu._progressEl.style;t.position="fixed",t.top="0",t.left="0",t.height="3px",t.background="#29d",t.zIndex="99999",t.transition="width .3s ease",t.width="0"}document.body.appendChild(mu._progressEl),mu._progressEl.offsetWidth,mu._progressEl.style.width="70%"}},this._hideProgress=function(){mu._progressEl&&(mu._progressEl.style.width="100%",setTimeout(function(){mu._progressEl&&(mu._progressEl.style.transition="none",mu._progressEl.style.width="0",mu._progressEl.offsetWidth,mu._progressEl.style.transition="width .3s ease",mu._progressEl.remove())},200))},this._saveScroll=function(){var t=window.history.state;t&&t.mu&&(t.scrollX=window.scrollX,t.scrollY=window.scrollY,window.history.replaceState(t,""))},this._emit=function(t,e){(e=e||{}).lastUrl=mu._lastUrl,e.previousUrl=mu._previousUrl;var r=new CustomEvent(t,{bubbles:!0,cancelable:!0,detail:e});return document.dispatchEvent(r)}};
+/**
+ * µJS (muJS) - Lightweight AJAX navigation library
+ * https://mujs.org
+ * MIT License
+ *
+ * @file		mu.js
+ * @version		1.2
+ * @license		MIT
+ * @see			https://mujs.org
+ *
+ *
+ * ============================================================================
+ * TABLE OF CONTENTS
+ * ============================================================================
+ *
+ * 1. Overview
+ * 2. Installation
+ * 3. Basic usage
+ * 4. Modes
+ * 5. Patch mode
+ * 6. Attributes reference
+ * 7. Configuration reference
+ * 8. Events
+ * 9. Morphing (idiomorph)
+ * 10. View Transitions
+ * 11. Forms
+ * 12. Ghost mode
+ * 13. Prefetch
+ * 14. Progress bar
+ * 15. Triggers
+ * 16. Server-Sent Events (SSE)
+ * 17. Programmatic usage
+ *
+ *
+ * ============================================================================
+ * 1. OVERVIEW
+ * ============================================================================
+ *
+ * µJS intercepts clicks on links and form submissions to load pages via AJAX
+ * instead of full browser navigation. The fetched content replaces part (or
+ * all) of the current page, making navigation faster and smoother.
+ *
+ * It is inspired by pjax, Turbo (Hotwire), and HTMX, but aims to be simpler
+ * and lighter, with zero dependencies.
+ *
+ *
+ * ============================================================================
+ * 2. INSTALLATION
+ * ============================================================================
+ *
+ * Include the script in your HTML page:
+ *
+ *   <script src="/path/to/mu.js"><\/script>
+ *   <script>mu.init();</script>
+ *
+ * Optionally, load idiomorph before mu.js for DOM morphing support:
+ *
+ *   <script src="/path/to/idiomorph.js"></script>
+ *   <script src="/path/to/mu.js"></script>
+ *   <script>mu.init();</script>
+ *
+ * µJS auto-detects idiomorph. If present, morphing is enabled by default.
+ *
+ * Or use as an ES module:
+ *
+ *   import mu from './mu.js';
+ *   mu.init();
+ *
+ *
+ * ============================================================================
+ * 3. BASIC USAGE
+ * ============================================================================
+ *
+ * After calling mu.init(), all internal links (href starting with "/") are
+ * automatically intercepted. Clicking a link fetches the page via AJAX and
+ * replaces the current <body> with the fetched <body>.
+ *
+ * No modification of your HTML is needed for basic usage.
+ *
+ * Example — default behavior (full page replacement):
+ *
+ *   <a href="/about">About</a>
+ *
+ * Example — replace only a fragment:
+ *
+ *   <a href="/about" mu-target="#content" mu-source="#main">About</a>
+ *
+ * Example — disable µJS on a specific link:
+ *
+ *   <a href="/file.pdf" mu-disabled>Download</a>
+ *
+ *
+ * ============================================================================
+ * 4. MODES
+ * ============================================================================
+ *
+ * The "mu-mode" attribute controls how fetched content is injected into the
+ * current page. Default mode is "replace".
+ *
+ *   replace   Replace the target node with the source node (default).
+ *   update    Replace the inner content of the target with the source's
+ *             inner content.
+ *   prepend   Insert the source node at the beginning of the target.
+ *   append    Insert the source node at the end of the target.
+ *   before    Insert the source node before the target.
+ *   after     Insert the source node after the target.
+ *   remove    Remove the target node (source content is ignored).
+ *   none      Do nothing to the DOM (events are still fired).
+ *   patch     Process multiple targeted fragments (see section 5).
+ *
+ * Example:
+ *
+ *   <a href="/notifications" mu-mode="update" mu-target="#notifs">
+ *       Refresh notifications
+ *   </a>
+ *
+ *
+ * ============================================================================
+ * 5. PATCH MODE
+ * ============================================================================
+ *
+ * In patch mode, the fetched HTML contains multiple fragments, each targeting
+ * a different part of the current page. Fragments are identified by the
+ * "mu-patch-target" attribute.
+ *
+ * Link triggering a patch:
+ *
+ *   <a href="/api/comments/new" mu-mode="patch">Add comment</a>
+ *
+ * Server response (plain HTML):
+ *
+ *   <!-- Replaces #comment-42 (default mode: replace) -->
+ *   <div mu-patch-target="#comment-42" class="comment">
+ *       Updated comment
+ *   </div>
+ *
+ *   <!-- Appends to #comments -->
+ *   <div class="comment" mu-patch-target="#comments" mu-patch-mode="append">
+ *       New comment
+ *   </div>
+ *
+ *   <!-- Updates the page title -->
+ *   <title mu-patch-target="title">New title</title>
+ *
+ *   <!-- Removes an element -->
+ *   <div mu-patch-target="#old-banner" mu-patch-mode="remove"></div>
+ *
+ *   <!-- Adds a stylesheet -->
+ *   <link rel="stylesheet" href="/css/gallery.css"
+ *         mu-patch-target="head" mu-patch-mode="append">
+ *
+ * Patch fragments are standard HTML elements. No special tags needed.
+ * The mu-patch-* attributes are kept on injected nodes for debugging.
+ *
+ * By default, patch mode does not modify browser history. To enable it:
+ *
+ *   <a href="/products?cat=3" mu-mode="patch" mu-patch-ghost="false">
+ *       Filter
+ *   </a>
+ *
+ *
+ * ============================================================================
+ * 6. ATTRIBUTES REFERENCE
+ * ============================================================================
+ *
+ * All attributes support both "mu-*" and "data-mu-*" syntax.
+ *
+ *   mu-disabled           Disable µJS on this element.
+ *   mu-mode               Injection mode (see section 4).
+ *   mu-target             CSS selector for the target node in the current page.
+ *   mu-source             CSS selector for the source node in the fetched page.
+ *   mu-url                Override the URL to fetch (instead of href/action).
+ *   mu-prefix             URL prefix for the fetch request.
+ *   mu-title              Selector for the title node. Supports
+ *                         "selector/attribute" syntax. Empty string to disable
+ *                         title update.
+ *   mu-ghost              "true" to skip browser history and scroll-to-top.
+ *   mu-ghost-redirect     "true" to skip history for redirected responses.
+ *   mu-scroll-to-top      "true"/"false" to force or prevent scrolling.
+ *   mu-morph              "false" to disable morphing on this element.
+ *   mu-transition         "false" to disable view transitions on this element.
+ *   mu-prefetch           "false" to disable prefetch on hover for this link.
+ *   mu-method             HTTP method: "get", "post", "put", "patch",
+ *                         "delete", or "sse". Default: "get" for links,
+ *                         form's method attribute for forms.
+ *   mu-trigger            Event trigger: "click", "submit", "change",
+ *                         "blur", "focus", "load". Default depends on
+ *                         element type (see section 15).
+ *   mu-debounce           Debounce delay in milliseconds (e.g. "500").
+ *   mu-repeat             Repeat interval in ms for polling (e.g. "5000").
+ *   mu-post               (Deprecated) Use mu-method="post" instead.
+ *   mu-confirm            Confirmation message shown before loading.
+ *   mu-confirm-quit       (Forms) Enable quit-page confirmation when the form
+ *                         has been modified.
+ *   mu-validate           Name of a JS function for form validation. Receives
+ *                         the form element. Must return true/false.
+ *   mu-patch-target       (Patch fragments) CSS selector of the target node.
+ *   mu-patch-mode         (Patch fragments) Injection mode for this fragment.
+ *   mu-patch-ghost        "false" to add the URL to browser history in patch
+ *                         mode (default: "true", no history).
+ *
+ *
+ * ============================================================================
+ * 7. CONFIGURATION REFERENCE
+ * ============================================================================
+ *
+ * Pass an object to mu.init() to override defaults:
+ *
+ *   mu.init({
+ *       ghost: true,
+ *       processForms: false,
+ *       morph: false
+ *   });
+ *
+ *   processLinks      (bool)    Process <a> tags. Default: true.
+ *   processForms      (bool)    Process <form> tags. Default: true.
+ *   ghost             (bool)    Ghost mode for all links. Default: false.
+ *   ghostRedirect     (bool)    Ghost mode for redirections. Default: false.
+ *   mode              (string)  Default injection mode. Default: "replace".
+ *   target            (string)  Default target selector. Default: "body".
+ *   source            (string)  Default source selector. Default: "body".
+ *   title             (string)  Title selector. Default: "title".
+ *   scrollToTop       (bool)    Force scroll behavior. Default: null (auto).
+ *   urlPrefix         (string)  Prefix added to fetched URLs. Default: null.
+ *   progress          (bool)    Show progress bar. Default: true.
+ *   prefetch          (bool)    Prefetch on hover. Default: true.
+ *   morph             (bool)    Enable DOM morphing. Default: true.
+ *   transition        (bool)    Enable View Transitions. Default: true.
+ *   confirmQuitText   (string)  Quit-page confirmation message.
+ *
+ *
+ * ============================================================================
+ * 8. EVENTS
+ * ============================================================================
+ *
+ * µJS dispatches CustomEvents on `document`. All events carry a `detail`
+ * object with `lastUrl` and `previousUrl`.
+ *
+ *   mu:init           Fired after initialization.
+ *                     detail: {url}
+ *
+ *   mu:before-fetch   Fired before fetching. Cancelable (preventDefault()
+ *                     aborts the load).
+ *                     detail: {url, fetchUrl, config, sourceElement}
+ *
+ *   mu:before-render  Fired after fetch, before DOM injection. Cancelable.
+ *                     detail.html can be modified to alter injected content.
+ *                     detail: {url, finalUrl, html, config}
+ *
+ *   mu:after-render   Fired after DOM injection.
+ *                     detail: {url, finalUrl, mode}
+ *
+ *   mu:fetch-error    Fired on fetch failure or HTTP error.
+ *                     detail: {url, fetchUrl, status, response, error}
+ *
+ * Example:
+ *
+ *   document.addEventListener("mu:after-render", function(e) {
+ *       console.log("Loaded: " + e.detail.url);
+ *       myApp.initWidgets();
+ *   });
+ *
+ *
+ * ============================================================================
+ * 9. MORPHING (IDIOMORPH)
+ * ============================================================================
+ *
+ * When a morph library is available, µJS uses it for "replace" and "update"
+ * modes to preserve DOM state (focus, scroll position, video playback, etc.).
+ *
+ * µJS auto-detects idiomorph (https://github.com/bigskysoftware/idiomorph):
+ *
+ *   <script src="/path/to/idiomorph.js"></script>
+ *   <script src="/path/to/mu.js"></script>
+ *
+ * To use a different morph library:
+ *
+ *   mu.init();
+ *   mu.setMorph(function(target, html, opts) {
+ *       myMorphLib.morph(target, html, opts);
+ *   });
+ *
+ * Morphing can be disabled globally (morph: false in config) or per-element
+ * (mu-morph="false").
+ *
+ *
+ * ============================================================================
+ * 10. VIEW TRANSITIONS
+ * ============================================================================
+ *
+ * µJS uses the View Transitions API (document.startViewTransition) when
+ * supported by the browser. This provides smooth animated transitions between
+ * page states.
+ *
+ * Enabled by default. Falls back silently on unsupported browsers.
+ *
+ * Disable globally:
+ *
+ *   mu.init({ transition: false });
+ *
+ * Disable per-element:
+ *
+ *   <a href="/page" mu-transition="false">Link</a>
+ *
+ *
+ * ============================================================================
+ * 11. FORMS
+ * ============================================================================
+ *
+ * µJS intercepts form submissions. HTML5 validation (reportValidity) is
+ * checked before any fetch.
+ *
+ * GET forms: data is serialized as query string, behaves like a link.
+ * POST forms: data is sent as FormData. Ghost mode is enabled by default
+ * (POST responses should not be replayed via browser back button).
+ *
+ * Example — POST form in patch mode:
+ *
+ *   <form action="/comment/create" method="post" mu-mode="patch">
+ *       <textarea name="body"></textarea>
+ *       <button type="submit">Send</button>
+ *   </form>
+ *
+ * Quit-page confirmation: add mu-confirm-quit to a form. If any input is
+ * modified, the user will be prompted before navigating away.
+ *
+ *   <form action="/save" method="post" mu-confirm-quit>...</form>
+ *
+ * Custom validation via mu-validate attribute:
+ *
+ *   <form action="/save" method="post" mu-validate="myValidator">...</form>
+ *   <script>
+ *       function myValidator(form) {
+ *           return form.querySelector('#name').value.length > 0;
+ *       }
+ *   </script>
+ *
+ *
+ * ============================================================================
+ * 12. GHOST MODE
+ * ============================================================================
+ *
+ * Ghost mode prevents a navigation from being added to browser history and
+ * disables automatic scroll-to-top.
+ *
+ *   <a href="/panel" mu-ghost>Open panel</a>
+ *
+ * Global ghost mode:
+ *
+ *   mu.init({ ghost: true });
+ *
+ * In patch mode, ghost is enabled by default (mu-patch-ghost="true").
+ * Use mu-patch-ghost="false" to add the URL to history.
+ *
+ *
+ * ============================================================================
+ * 13. PREFETCH
+ * ============================================================================
+ *
+ * When enabled (default), µJS fetches the page on mouse hover, before the
+ * user clicks. This saves ~100-300ms of perceived loading time.
+ *
+ * The prefetch cache stores one entry per URL. It is consumed and cleared
+ * when the link is clicked.
+ *
+ * Disable globally:
+ *
+ *   mu.init({ prefetch: false });
+ *
+ * Disable per-link:
+ *
+ *   <a href="/heavy-page" mu-prefetch="false">Link</a>
+ *
+ *
+ * ============================================================================
+ * 14. PROGRESS BAR
+ * ============================================================================
+ *
+ * A thin progress bar is displayed at the top of the page during fetch.
+ * It is styled with inline CSS (no external stylesheet needed).
+ *
+ * The bar element has id="mu-progress" and can be styled via CSS:
+ *
+ *   #mu-progress { background: red !important; height: 5px !important; }
+ *
+ * Disable globally:
+ *
+ *   mu.init({ progress: false });
+ *
+ *
+ * ============================================================================
+ * 15. TRIGGERS
+ * ============================================================================
+ *
+ * µJS supports custom event triggers via the mu-trigger attribute. This
+ * allows any element with a mu-url to initiate a fetch on events other
+ * than click or submit.
+ *
+ * Default triggers (when mu-trigger is absent):
+ *   <a>                          click
+ *   <form>                       submit
+ *   <input>, <textarea>, <select>  change
+ *   Any other element            click
+ *
+ * Trigger mapping to browser events:
+ *   click   → click (handled by event delegation)
+ *   submit  → submit (handled by event delegation)
+ *   change  → input (browser event)
+ *   blur    → change + blur (deduplicated)
+ *   focus   → focus
+ *   load    → fires immediately when rendered
+ *
+ * Example — live search with debounce:
+ *
+ *   <input type="text" name="q"
+ *          mu-trigger="change" mu-debounce="500"
+ *          mu-url="/search" mu-target="#results" mu-source="#results"
+ *          mu-mode="update">
+ *
+ * Example — polling every 5 seconds:
+ *
+ *   <div mu-trigger="load" mu-repeat="5000"
+ *        mu-url="/notifications" mu-target="#notifs" mu-mode="update">
+ *   </div>
+ *
+ * Example — action on focus:
+ *
+ *   <input type="text" mu-trigger="focus"
+ *          mu-url="/suggestions" mu-target="#suggestions"
+ *          mu-mode="update">
+ *
+ * Triggers other than click/submit default to ghost mode (no history).
+ *
+ *
+ * ============================================================================
+ * 16. SERVER-SENT EVENTS (SSE)
+ * ============================================================================
+ *
+ * µJS supports Server-Sent Events via mu-method="sse". This opens an
+ * EventSource connection to the given URL. Each incoming message is
+ * treated as HTML and rendered according to the element's mode.
+ *
+ * Example — real-time chat with patch mode:
+ *
+ *   <div mu-trigger="load" mu-url="/chat/stream"
+ *        mu-mode="patch" mu-method="sse">
+ *   </div>
+ *
+ * The server sends SSE messages where each data payload is HTML containing
+ * patch fragments (with mu-patch-target attributes).
+ *
+ * Limitations:
+ *   - EventSource does not support custom HTTP headers. Use query
+ *     parameters for authentication or identification.
+ *   - Browser limit: ~6 SSE connections per domain in HTTP/1.1.
+ *     Use HTTP/2 to avoid this limit.
+ *   - SSE connections are automatically closed when the element is
+ *     removed from the DOM (via _cleanupTriggers).
+ *
+ *
+ * ============================================================================
+ * 17. PROGRAMMATIC USAGE
+ * ============================================================================
+ *
+ *   // Load a page
+ *   mu.load("/page", { ghost: true, target: "#content" });
+ *
+ *   // Get last loaded URL
+ *   mu.getLastUrl();
+ *
+ *   // Get previous URL
+ *   mu.getPreviousUrl();
+ *
+ *   // Enable/disable quit-page confirmation
+ *   mu.setConfirmQuit(true);
+ *   mu.setConfirmQuit(false);
+ *
+ *   // Register a custom morph function
+ *   mu.setMorph(myMorphFunction);
+ *
+ */
+var mu=mu||new function(){this._VERSION="1.2",this._defaults={processLinks:!0,processForms:!0,ghost:!1,ghostRedirect:!1,mode:"replace",target:"body",source:"body",title:"title",scrollToTop:null,urlPrefix:null,progress:!0,prefetch:!0,prefetchTtl:3e3,morph:!0,transition:!0,confirmQuitText:"Are you sure you want to leave this page?"},this._cfg={},this._lastUrl=null,this._previousUrl=null,this._abortCtrl=null,this._progressEl=null,this._prefetchCache=new Map,this._confirmQuit=!1,this._jsIncludes={},this._morph=null,this._initialized=!1,this.init=function(t){if(mu._cfg=Object.assign({},mu._defaults,t||{}),mu._cfg._titleAttr=null,mu._cfg.title){var e=mu._cfg.title.lastIndexOf("/");-1!==e&&(mu._cfg._titleAttr=mu._cfg.title.substring(e+1),mu._cfg.title=mu._cfg.title.substring(0,e))}mu._morph||void 0===window.Idiomorph||"function"!=typeof window.Idiomorph.morph||(mu._morph=function(t,e,r){window.Idiomorph.morph(t,e,r)});for(var r=document.querySelectorAll("script[src]"),u=0;u<r.length;u++)mu._jsIncludes[r[u].getAttribute("src")]=!0;mu._initialized||(document.addEventListener("click",mu._onClick),document.addEventListener("submit",mu._onSubmit),document.addEventListener("mouseover",mu._onMouseOver),document.addEventListener("mouseout",mu._onMouseOut),document.addEventListener("input",mu._onInput),window.addEventListener("popstate",mu._onPopState),window.addEventListener("beforeunload",mu._onBeforeUnload),mu._initialized=!0),window.history.replaceState({mu:!0,url:location.pathname+location.search},""),mu._initTriggers(document.body),mu._emit("mu:init",{url:location.pathname+location.search})},this.load=function(t,e){var r=Object.assign({},mu._cfg,e||{});mu._loadExec(t,r)},this.getLastUrl=function(){return mu._lastUrl},this.getPreviousUrl=function(){return mu._previousUrl},this.setConfirmQuit=function(t){mu._confirmQuit=!!t},this.setMorph=function(t){mu._morph=t},this._attr=function(t,e){return t.hasAttribute("mu-"+e)?t.getAttribute("mu-"+e):t.hasAttribute("data-mu-"+e)?t.getAttribute("data-mu-"+e):null},this._attrBool=function(t,e,r){var u=mu._attr(t,e);return null===u?r:""===u||"true"===u||"false"!==u&&r},this._shouldProcess=function(t){if("true"===mu._attr(t,"disabled")||""===mu._attr(t,"disabled"))return!1;if("false"===t.getAttribute("mu")||"false"===t.getAttribute("data-mu"))return!1;if(t.hasAttribute("target"))return!1;if("A"===t.tagName&&t.hasAttribute("onclick"))return!1;if("FORM"===t.tagName&&t.hasAttribute("onsubmit"))return!1;if("true"===t.getAttribute("mu")||"true"===t.getAttribute("data-mu"))return!0;var e=mu._attr(t,"url");if(null!==e)return!(!e.startsWith("/")||e.startsWith("//"));var r=t.getAttribute("href")||t.getAttribute("action")||"";return!(!r.startsWith("/")||r.startsWith("//"))},this._elemCfg=function(t){var e,r=Object.assign({},mu._cfg);if(null!==(e=mu._attr(t,"mode"))&&(r.mode=e),null!==(e=mu._attr(t,"target"))&&(r.target=e),null!==(e=mu._attr(t,"source"))&&(r.source=e),null!==(e=mu._attr(t,"title"))){r.title=e,r._titleAttr=null;var u=e.lastIndexOf("/");-1!==u&&(r._titleAttr=e.substring(u+1),r.title=e.substring(0,u))}return null!==(e=mu._attr(t,"url"))&&(r._url=e),null!==(e=mu._attr(t,"prefix"))&&(r.urlPrefix=e),r.ghost=mu._attrBool(t,"ghost",r.ghost),r.ghostRedirect=mu._attrBool(t,"ghost-redirect",r.ghostRedirect),r.scrollToTop=mu._attrBool(t,"scroll-to-top",r.scrollToTop),r.morph=mu._attrBool(t,"morph",r.morph),r.transition=mu._attrBool(t,"transition",r.transition),null!==(e=mu._attr(t,"method"))&&(r.method=e.toLowerCase()),!r.method&&mu._attrBool(t,"post",!1)&&(r.method="post"),r.confirm=mu._attr(t,"confirm"),r.patchGhost=mu._attrBool(t,"patch-ghost",!0),r},this._onClick=function(t){var e=t.target.closest("[mu-url], [data-mu-url], a");if(e&&mu._shouldProcess(e)&&"click"===mu._getTrigger(e)&&("A"!==e.tagName||mu._cfg.processLinks)&&!(t.ctrlKey||t.metaKey||t.shiftKey||t.altKey)){t.preventDefault();var r=mu._elemCfg(e),u=r._url||e.getAttribute("href");if(r._sourceElement=e,r.method||(r.method="get"),!r.confirm||window.confirm(r.confirm)){if(mu._confirmQuit){if(!window.confirm(r.confirmQuitText))return;mu.setConfirmQuit(!1)}"sse"!==r.method?mu._loadExec(u,r):mu._openSSE(u,e,r)}}},this._onSubmit=function(t){var e=t.target.closest("form");if(e&&mu._cfg.processForms&&mu._shouldProcess(e)&&"submit"===mu._getTrigger(e)&&e.reportValidity()){var r=mu._attr(e,"validate");if(!r||"function"!=typeof window[r]||window[r](e)){var u=mu._elemCfg(e),o=u.method||(e.getAttribute("method")||"get").toLowerCase();u.method=o;var i=u._url||e.getAttribute("action");if(u._sourceElement=e,"get"!==o)t.preventDefault(),u.postData=new FormData(e),e.hasAttribute("mu-ghost")||e.hasAttribute("data-mu-ghost")||(u.ghost=!0),null===u.scrollToTop&&"patch"!==u.mode&&(u.scrollToTop=!0);else{t.preventDefault();var n=new FormData(e);i=i+"?"+new URLSearchParams(n).toString()}mu.setConfirmQuit(!1),mu._loadExec(i,u)}}},this._onInput=function(t){t.target.closest("form[mu-confirm-quit], form[data-mu-confirm-quit]")&&mu.setConfirmQuit(!0)},this._onMouseOver=function(t){if(mu._cfg.prefetch){var e=t.target.closest("[mu-url], [data-mu-url], a");if(e&&mu._shouldProcess(e)&&!1!==mu._attrBool(e,"prefetch",!0)){var r=mu._attr(e,"url")||e.getAttribute("href");if(r&&!mu._prefetchCache.has(r)&&r!==location.pathname+location.search){mu._prefetchCache.set(r,null);var u=mu._cfg.urlPrefix?mu._cfg.urlPrefix+r:r;fetch(u,{headers:{"X-Requested-With":"mujs","X-Mu-Prefetch":"1"},priority:"low"}).then(function(t){return t.ok?t.text():null}).then(function(t){t?mu._prefetchCache.set(r,{html:t,ts:Date.now()}):mu._prefetchCache.delete(r)}).catch(function(){mu._prefetchCache.delete(r)})}}}},this._onMouseOut=function(t){if(mu._cfg.prefetch){var e=t.target.closest("[mu-url], [data-mu-url], a");if(e){var r=mu._attr(e,"url")||e.getAttribute("href");r&&mu._prefetchCache.delete(r)}}},this._onPopState=function(t){var e=t.state;if(e&&e.mu){var r=Object.assign({},mu._cfg);r.ghost=!0,r.scrollToTop=!1,r._restoreScroll=void 0!==e.scrollX?{x:e.scrollX,y:e.scrollY}:null,mu._loadExec(e.url,r)}else window.location.href=document.location},this._onBeforeUnload=function(t){mu._confirmQuit&&(t.preventDefault(),t.returnValue=mu._cfg.confirmQuitText)},this._getTrigger=function(t){var e=mu._attr(t,"trigger");if(e)return e;var r=t.tagName;return"FORM"===r?"submit":"INPUT"===r||"TEXTAREA"===r||"SELECT"===r?"change":"click"},this._debounce=function(t,e){var r=null;return function(){clearTimeout(r),r=setTimeout(t,e)}},this._triggerAction=function(t){if(mu._shouldProcess(t)){var e=mu._elemCfg(t),r=e._url||t.getAttribute("href")||t.getAttribute("action");if(r){if(e._sourceElement=t,e.method||(e.method="get"),t.hasAttribute("mu-ghost")||t.hasAttribute("data-mu-ghost")||(e.ghost=!0),"INPUT"===t.tagName||"TEXTAREA"===t.tagName||"SELECT"===t.tagName){var u=t.closest("form");if(u)if("get"===e.method){var o=new FormData(u),i=new URLSearchParams(o).toString();r=r.split("?")[0]+"?"+i}else e.postData=new FormData(u);else t.name&&"get"===e.method&&(r=r.split("?")[0]+"?"+encodeURIComponent(t.name)+"="+encodeURIComponent(t.value))}"sse"!==e.method?mu._loadExec(r,e):mu._openSSE(r,t,e)}}},this._initTriggers=function(t){for(var e=t.querySelectorAll("[mu-url], [data-mu-url], [mu-trigger], [data-mu-trigger]"),r=0;r<e.length;r++){var u=e[r];if(!u._mu_bound){var o=mu._getTrigger(u);if("click"!==o&&"submit"!==o)if(mu._attr(u,"url")||u.getAttribute("href")||u.getAttribute("action")){u._mu_bound=!0;var i=parseInt(mu._attr(u,"debounce"),10)||0,n=parseInt(mu._attr(u,"repeat"),10)||0,a=function(t){return function(){mu._triggerAction(t)}}(u);if(i>0&&(a=mu._debounce(a,i)),n>0&&(a=function(t,e,r){var u=!1;return function(){e(),u||(u=!0,t._mu_interval=setInterval(e,r))}}(u,a,n)),"change"===o)u.addEventListener("input",a);else if("blur"===o){var s=function(t){var e=0;return function(){var r=Date.now();r-e<50||(e=r,t())}}(a);u.addEventListener("change",s),u.addEventListener("blur",s)}else"focus"===o?u.addEventListener("focus",a):"load"===o&&a()}}}},this._cleanupTriggers=function(t){for(var e=t.querySelectorAll?t.querySelectorAll("*"):[],r=0;r<e.length;r++)e[r]._mu_interval&&(clearInterval(e[r]._mu_interval),e[r]._mu_interval=null),e[r]._mu_sse&&(e[r]._mu_sse.close(),e[r]._mu_sse=null);t._mu_interval&&(clearInterval(t._mu_interval),t._mu_interval=null),t._mu_sse&&(t._mu_sse.close(),t._mu_sse=null)},this._openSSE=function(t,e,r){e._mu_sse&&e._mu_sse.close();var u=r.urlPrefix?r.urlPrefix+t:t,o=new EventSource(u);e._mu_sse=o,o.onmessage=function(e){var u={url:t,html:e.data,config:r};mu._emit("mu:before-render",u)&&("patch"===r.mode?mu._renderPatch(u.html,r):mu._renderPage(u.html,r),mu._emit("mu:after-render",{url:t,finalUrl:t,mode:r.mode}))},o.onerror=function(){mu._emit("mu:fetch-error",{url:t,fetchUrl:u,error:new Error("SSE connection error")})}},this._loadExec=async function(t,e){var r=e.urlPrefix?e.urlPrefix+t:t;if(mu._saveScroll(),mu._emit("mu:before-fetch",{url:t,fetchUrl:r,config:e,sourceElement:e._sourceElement||null})){mu._abortCtrl&&mu._abortCtrl.abort(),mu._abortCtrl=new AbortController,mu._showProgress();try{var u=null,o=null,i=t,n=mu._prefetchCache.get(t);if(n&&n.html&&Date.now()-n.ts<mu._cfg.prefetchTtl)u=n.html,mu._prefetchCache.delete(t);else{var a={signal:mu._abortCtrl.signal,headers:{"X-Requested-With":"mujs","X-Mu-Mode":e.mode}},s=(e.method||"get").toUpperCase();if("GET"!==s&&(a.method=s,a.headers["X-Mu-Method"]=s,e.postData&&(a.body=e.postData)),!(o=await fetch(r,a)).ok)return void mu._emit("mu:fetch-error",{url:t,fetchUrl:r,status:o.status,response:o});o.redirected&&(i=new URL(o.url).pathname+new URL(o.url).search),u=await o.text()}var l,m={url:t,finalUrl:i,html:u,config:e};if(!mu._emit("mu:before-render",m))return;if(l="patch"===e.mode?function(){mu._renderPatch(m.html,e)}:function(){mu._renderPage(m.html,e)},e.transition&&document.startViewTransition?document.startViewTransition(l):l(),"patch"===e.mode)e.patchGhost||(mu._previousUrl=mu._lastUrl,mu._lastUrl=i,window.history.pushState({mu:!0,url:i},"",i));else e.ghost||o&&o.redirected&&e.ghostRedirect||e.postData?o&&o.redirected&&!e.ghostRedirect?(mu._previousUrl=mu._lastUrl,mu._lastUrl=i,window.history.pushState({mu:!0,url:i},"",i)):(mu._previousUrl=mu._lastUrl,mu._lastUrl=i):(mu._previousUrl=mu._lastUrl,mu._lastUrl=i,window.history.pushState({mu:!0,url:i},"",i));if("patch"!==e.mode)if(e._restoreScroll)window.scrollTo(e._restoreScroll.x,e._restoreScroll.y);else{var c=e.ghost||o&&o.redirected&&e.ghostRedirect;if(null!==e.scrollToTop?e.scrollToTop:!c){var h=t.indexOf("#");if(-1!==h){var d=document.getElementById(t.substring(h+1));d&&d.scrollIntoView({behavior:"smooth"})}else window.scrollTo(0,0)}}mu.setConfirmQuit(!1),mu._emit("mu:after-render",{url:t,finalUrl:i,mode:e.mode})}catch(e){if("AbortError"===e.name)return;mu._emit("mu:fetch-error",{url:t,fetchUrl:r,error:e})}finally{mu._hideProgress()}}},this._renderPage=function(t,e){var r=(new DOMParser).parseFromString(t,"text/html"),u=null;e.source&&(u=r.querySelector(e.source)),u||(u=r.body);var o=document.querySelector(e.target);if(o){mu._cleanupTriggers(o),mu._applyMode(e.mode,o,u,e),e.ghost||mu._updateTitle(r,e),mu._mergeHead(r);var i=document.querySelector(e.target)||document.body;mu._runScripts(i),mu._initTriggers(i)}else console.warn("[µJS] Target element '"+e.target+"' not found.")},this._renderPatch=function(t,e){for(var r=(new DOMParser).parseFromString(t,"text/html").querySelectorAll("[mu-patch-target], [data-mu-patch-target]"),u=[],o=0;o<r.length;o++){var i=r[o],n=i.getAttribute("mu-patch-target")||i.getAttribute("data-mu-patch-target"),a=i.getAttribute("mu-patch-mode")||i.getAttribute("data-mu-patch-mode")||"replace",s=document.querySelector(n);s?(mu._cleanupTriggers(s),mu._applyMode(a,s,i,e),"remove"!==a&&(mu._runScripts(i),u.push(n))):console.warn("[µJS] Patch target '"+n+"' not found.")}for(var l=0;l<u.length;l++){var m=document.querySelector(u[l]);m&&mu._initTriggers(m)}},this._applyMode=function(t,e,r,u){var o=u.morph&&mu._morph;switch(t){case"update":o?mu._morph(e,r.innerHTML,{morphStyle:"innerHTML"}):e.innerHTML=r.innerHTML;break;case"prepend":e.prepend(r);break;case"append":e.append(r);break;case"before":e.before(r);break;case"after":e.after(r);break;case"remove":e.remove();break;case"none":break;default:"BODY"===e.tagName&&"BODY"===r.tagName?o?mu._morph(e,r.innerHTML,{morphStyle:"innerHTML"}):e.innerHTML=r.innerHTML:o?mu._morph(e,r.outerHTML,{morphStyle:"outerHTML"}):e.replaceWith(r)}},this._updateTitle=function(t,e){if(e.title){var r=t.querySelector(e.title);if(r){var u=e._titleAttr?r.getAttribute(e._titleAttr):r.textContent;u&&(document.title=u)}}},this._mergeHead=function(t){for(var e="link[rel='stylesheet'], style, script",r=document.head.querySelectorAll(e),u=t.head.querySelectorAll(e),o=new Set,i=0;i<r.length;i++)o.add(mu._elKey(r[i]));for(i=0;i<u.length;i++)if(!o.has(mu._elKey(u[i])))if("SCRIPT"===u[i].tagName){for(var n=document.createElement("script"),a=0;a<u[i].attributes.length;a++)n.setAttribute(u[i].attributes[a].name,u[i].attributes[a].value);n.textContent=u[i].textContent,n.hasAttribute("src")&&(mu._jsIncludes[n.getAttribute("src")]=!0),document.head.appendChild(n)}else document.head.appendChild(u[i].cloneNode(!0))},this._elKey=function(t){return"LINK"===t.tagName?"link:"+t.getAttribute("href"):"STYLE"===t.tagName?"style:"+t.textContent.substring(0,100):"SCRIPT"===t.tagName?"script:"+(t.getAttribute("src")||t.textContent.substring(0,100)):t.outerHTML},this._runScripts=function(t){for(var e=t.querySelectorAll("script"),r=0;r<e.length;r++){var u=e[r];if("true"!==mu._attr(u,"disabled")&&""!==mu._attr(u,"disabled")){if(u.hasAttribute("src")){var o=u.getAttribute("src");if(mu._jsIncludes[o])continue;mu._jsIncludes[o]=!0}for(var i=document.createElement("script"),n=0;n<u.attributes.length;n++)i.setAttribute(u.attributes[n].name,u.attributes[n].value);i.textContent=u.textContent,u.parentNode.replaceChild(i,u)}}},this._showProgress=function(){if(mu._cfg.progress){if(!mu._progressEl){mu._progressEl=document.createElement("div"),mu._progressEl.id="mu-progress";var t=mu._progressEl.style;t.position="fixed",t.top="0",t.left="0",t.height="3px",t.background="#29d",t.zIndex="99999",t.transition="width .3s ease",t.width="0"}document.body.appendChild(mu._progressEl),mu._progressEl.offsetWidth,mu._progressEl.style.width="70%"}},this._hideProgress=function(){mu._progressEl&&(mu._progressEl.style.width="100%",setTimeout(function(){mu._progressEl&&(mu._progressEl.style.transition="none",mu._progressEl.style.width="0",mu._progressEl.offsetWidth,mu._progressEl.style.transition="width .3s ease",mu._progressEl.remove())},200))},this._saveScroll=function(){var t=window.history.state;t&&t.mu&&(t.scrollX=window.scrollX,t.scrollY=window.scrollY,window.history.replaceState(t,""))},this._emit=function(t,e){(e=e||{}).lastUrl=mu._lastUrl,e.previousUrl=mu._previousUrl;var r=new CustomEvent(t,{bubbles:!0,cancelable:!0,detail:e});return document.dispatchEvent(r)}};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@digicreon/mujs",
-	"version": "1.0.0",
+	"version": "1.2.0",
 	"description": "Lightweight AJAX navigation library",
 	"main": "dist/mu.min.js",
 	"files": [