npm - @digicreon/mujs - Versions diffs - 1.2.0 → 1.4.0 - Mend

@digicreon/mujs 1.2.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/README.md CHANGED Viewed

@@ -28,7 +28,7 @@ Inspired by [pjax](https://github.com/defunkt/jquery-pjax), [Turbo](https://turb
 - [HTTP methods](#http-methods)
 - [Triggers](#triggers)
 - [Server-Sent Events (SSE)](#server-sent-events-sse)
-- [Ghost mode](#ghost-mode)
+- [History & Scroll](#history--scroll)
 - [Scroll restoration](#scroll-restoration)
 - [Prefetch](#prefetch)
 - [DOM morphing](#dom-morphing)
@@ -46,9 +46,14 @@ Inspired by [pjax](https://github.com/defunkt/jquery-pjax), [Turbo](https://turb
 ### Via `<script>` tag (recommended)
+Place the scripts at the end of `<body>`, after all your HTML content. This ensures the DOM is ready when µJS initializes.
 ```html
-<script src="/path/to/mu.min.js"></script>
-<script>mu.init();</script>
+<body>
+    <!-- your content -->
+    <script src="/path/to/mu.min.js"></script>
+    <script>mu.init();</script>
+</body>
 ```
 ### Via CDN
@@ -59,6 +64,8 @@ Inspired by [pjax](https://github.com/defunkt/jquery-pjax), [Turbo](https://turb
 <!-- jsDelivr -->
 <script src="https://cdn.jsdelivr.net/npm/@digicreon/mujs/dist/mu.min.js"></script>
+<script>mu.init();</script>
 ```
 ### Via npm
@@ -77,8 +84,6 @@ After calling `mu.init()`, all internal links (URLs starting with `/`) are autom
 <html>
 <head>
     <title>My site</title>
-    <script src="/path/to/mu.min.js"></script>
-    <script>mu.init();</script>
 </head>
 <body>
     <!-- These links are automatically handled by µJS -->
@@ -97,6 +102,9 @@ After calling `mu.init()`, all internal links (URLs starting with `/`) are autom
     <!-- This link is NOT handled (explicitly disabled) -->
     <a href="/file.pdf" mu-disabled>Download PDF</a>
+    <script src="/path/to/mu.min.js"></script>
+    <script>mu.init();</script>
 </body>
 </html>
 ```
@@ -180,7 +188,7 @@ The `mu-patch-mode` attribute accepts the same values as `mu-mode` (except `patc
 By default, patch mode does not modify browser history. To add the URL to history:
 ```html
-<a href="/products?cat=3" mu-mode="patch" mu-patch-ghost="false">Filter</a>
+<a href="/products?cat=3" mu-mode="patch" mu-patch-history="true">Filter</a>
 ```
@@ -201,7 +209,7 @@ Data is serialized as a 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 the browser back button).
+Data is sent as `FormData`. History is disabled by default (POST responses should not be replayed via the browser back button).
 ```html
 <form action="/comment/create" method="post">
@@ -292,8 +300,6 @@ Supported values: `get`, `post`, `put`, `patch`, `delete`, `sse`.
 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
@@ -375,7 +381,7 @@ Use `mu-debounce` to delay the fetch until the user stops interacting:
        mu-url="/search" mu-target="#results" mu-mode="update">
 ```
-> **Note:** Triggers other than `click` and `submit` default to ghost mode (no browser history entry).
+> **Note:** Triggers other than `click` and `submit` default to no browser history entry and no scroll (`mu-history="false"`, `mu-scroll="false"`).
 ## Server-Sent Events (SSE)
@@ -407,19 +413,34 @@ data: <span mu-patch-target="#online-count">42</span>
 - **Automatic cleanup**: SSE connections are closed when the element is removed from the DOM (e.g. when the page changes).
-## Ghost mode
+## History & Scroll
-Ghost mode prevents a navigation from being added to browser history and disables automatic scroll-to-top.
+`mu-history` controls whether the URL is added to browser history. `mu-scroll` controls whether the page scrolls to top after rendering. Both attributes are independent.
 ```html
-<!-- Ghost mode on a single link -->
-<a href="/panel" mu-ghost>Open panel</a>
+<!-- Skip history on a link -->
+<a href="/panel" mu-history="false">Open panel</a>
-<!-- Ghost mode globally -->
-<script>mu.init({ ghost: true });</script>
+<!-- Skip history globally -->
+<script>mu.init({ history: false });</script>
+<!-- Scroll to top without adding history -->
+<a href="/page" mu-history="false" mu-scroll="true">Link</a>
 ```
-In patch mode, ghost is enabled by default. Use `mu-patch-ghost="false"` to add the URL to history.
+Defaults for `mu-history` and `mu-scroll` depend on the mode and context:
+| Mode | Context | `mu-history` | `mu-scroll` |
+|---|---|---|---|
+| `replace`, `update` | Links (GET) | `true` | `true` |
+| `replace`, `update` | Forms (GET) | `true` | `true` |
+| `replace`, `update` | Forms (POST/PUT/PATCH/DELETE) | `false` | `true` |
+| `replace`, `update` | Triggers (change, blur, focus, load) | `false` | `false` |
+| `replace`, `update` | SSE | `false` | `false` |
+| `append`, `prepend`, `before`, `after`, `remove`, `none` | Any | `false` | `false` |
+| `patch` | Any | `false` | `false` |
+Redirections always add the URL to browser history, regardless of the `mu-history` setting. In patch mode, use `mu-patch-history="true"` to add the URL to history.
 ## Scroll restoration
@@ -429,9 +450,9 @@ When the user navigates with the browser's back/forward buttons, µJS automatica
 ## Prefetch
-When enabled (default), µJS fetches the target page when the user hovers over a link, before they click. This saves ~100-300ms of perceived loading time.
+When enabled (default), µJS fetches the target page when the user hovers over a link, before they click. A 50ms delay filters accidental hover-throughs (mouse passing over a link without intent to click). This saves ~100-300ms of perceived loading time.
-The prefetch cache stores one entry per URL and is consumed on click.
+The prefetch cache stores one entry per URL and is consumed on click. Prefetch only applies to GET requests — elements with `mu-method="post"`, `put`, `patch`, `delete` or `sse` are never prefetched.
 ```html
 <!-- Disable prefetch on a specific link -->
@@ -574,9 +595,8 @@ All attributes support both `mu-*` and `data-mu-*` syntax.
 | `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. |
-| `mu-ghost` | Skip browser history and scroll-to-top. |
-| `mu-ghost-redirect` | Skip history for HTTP redirections. |
-| `mu-scroll-to-top` | Force (`true`) or prevent (`false`) scrolling to top. |
+| `mu-history` | Add URL to browser history (`true`/`false`). Default depends on mode and context. |
+| `mu-scroll` | Force (`true`) or prevent (`false`) scrolling to top. Default depends on mode and context. |
 | `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`). |
@@ -584,13 +604,12 @@ All attributes support both `mu-*` and `data-mu-*` syntax.
 | `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`. |
 | `mu-patch-target` | *(Patch fragments)* CSS selector of the target node. |
 | `mu-patch-mode` | *(Patch fragments)* Injection mode for this fragment. |
-| `mu-patch-ghost` | Set to `false` to add the URL to browser history in patch mode. |
+| `mu-patch-history` | Set to `true` to add the URL to browser history in patch mode. Default: `false`. |
 ## Configuration reference
@@ -599,7 +618,7 @@ Pass an object to `mu.init()` to override defaults:
 ```javascript
 mu.init({
-    ghost: true,
+    history: false,
     processForms: false,
     morph: false,
     progress: true
@@ -610,13 +629,12 @@ mu.init({
 |---|---|---|---|
 | `processLinks` | bool | `true` | Intercept `<a>` tags. |
 | `processForms` | bool | `true` | Intercept `<form>` tags. |
-| `ghost` | bool | `false` | Ghost mode for all navigations. |
-| `ghostRedirect` | bool | `false` | Ghost mode for HTTP redirections. |
+| `history` | bool | `true` | Add URL to browser history. |
 | `mode` | string | `"replace"` | Default injection mode. |
 | `target` | string | `"body"` | Default target CSS selector. |
 | `source` | string | `"body"` | Default source CSS selector. |
 | `title` | string | `"title"` | Title selector (`"selector"` or `"selector/attribute"`). |
-| `scrollToTop` | bool\|null | `null` | Scroll behavior. `null` = auto (scroll unless ghost). |
+| `scroll` | bool\|null | `null` | Scroll behavior. `null` = auto (depends on mode and context). |
 | `urlPrefix` | string\|null | `null` | Prefix added to fetched URLs. |
 | `progress` | bool | `true` | Show progress bar during fetch. |
 | `prefetch` | bool | `true` | Prefetch pages on link hover. |
@@ -629,7 +647,7 @@ mu.init({
 ```javascript
 // Load a page programmatically
-mu.load("/page", { ghost: true, target: "#content" });
+mu.load("/page", { history: false, target: "#content" });
 // Get the last URL loaded by µJS
 mu.getLastUrl();    // "/about" or null

package/dist/mu.min.js CHANGED Viewed

@@ -1,482 +1,2 @@
-/**
- * µ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)}};
+/* µJS (muJS) - mujs.org */
+var mu=mu||new function(){this._VERSION="1.4.0",this._defaults={processLinks:!0,processForms:!0,history:!0,mode:"replace",target:"body",source:"body",title:"title",scroll: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._prefetchTimer=null,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},""),document.body&&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.history=mu._attrBool(t,"history",r.history),r.scroll=mu._attrBool(t,"scroll",r.scroll),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.confirm=mu._attr(t,"confirm"),r.patchHistory=mu._attrBool(t,"patch-history",!1),"replace"!==r.mode&&"update"!==r.mode&&"patch"!==r.mode&&(t.hasAttribute("mu-history")||t.hasAttribute("data-mu-history")||(r.history=!1),t.hasAttribute("mu-scroll")||t.hasAttribute("data-mu-scroll")||null!==r.scroll||(r.scroll=!1)),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-history")||e.hasAttribute("data-mu-history")||(u.history=!1),null===u.scroll&&"patch"!==u.mode&&(u.scroll=!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)&&"click"===mu._getTrigger(e)){var r=mu._attr(e,"method");if((!r||"get"===r.toLowerCase())&&!1!==mu._attrBool(e,"prefetch",!0)){var u=mu._attr(e,"url")||e.getAttribute("href");if(u){var o=mu._prefetchCache.get(u);o&&Date.now()-o.ts<mu._cfg.prefetchTtl||u!==location.pathname+location.search&&(clearTimeout(mu._prefetchTimer),mu._prefetchTimer=setTimeout(function(){mu._prefetchTimer=null;var t=mu._prefetchCache.get(u);if(!(t&&Date.now()-t.ts<mu._cfg.prefetchTtl)){var e=mu._cfg.urlPrefix?mu._cfg.urlPrefix+u:u,r=fetch(e,{headers:{"X-Requested-With":"mujs","X-Mu-Prefetch":"1"},priority:"low"}).then(function(t){return t.ok?t.text():null}).catch(function(){return null});mu._prefetchCache.set(u,{promise:r,ts:Date.now()})}},50))}}}}},this._onMouseOut=function(t){mu._prefetchTimer&&(clearTimeout(mu._prefetchTimer),mu._prefetchTimer=null)},this._onPopState=function(t){var e=t.state;if(e&&e.mu){var r=Object.assign({},mu._cfg);r.history=!1,r.scroll=!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._trigger=!0,e.transition=!1,e.method||(e.method="get"),t.hasAttribute("mu-history")||t.hasAttribute("data-mu-history")||(e.history=!1),t.hasAttribute("mu-scroll")||t.hasAttribute("data-mu-scroll")||null!==e.scroll||(e.scroll=!1),"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(e._trigger||mu._saveScroll(),mu._emit("mu:before-fetch",{url:t,fetchUrl:r,config:e,sourceElement:e._sourceElement||null})){var u;e._trigger?u=new AbortController:(mu._abortCtrl&&mu._abortCtrl.abort(),u=mu._abortCtrl=new AbortController),e._trigger||mu._showProgress();try{var o=null,i=null,n=t,a=mu._prefetchCache.get(t);if(a&&a.promise&&Date.now()-a.ts<mu._cfg.prefetchTtl&&(o=await a.promise,u.signal.aborted))return;if(!o){var s={signal:u.signal,headers:{"X-Requested-With":"mujs","X-Mu-Mode":e.mode}},l=(e.method||"get").toUpperCase();if("GET"!==l&&(s.method=l,s.headers["X-Mu-Method"]=l,e.postData&&(s.body=e.postData)),!(i=await fetch(r,s)).ok)return void mu._emit("mu:fetch-error",{url:t,fetchUrl:r,status:i.status,response:i});i.redirected&&(n=new URL(i.url).pathname+new URL(i.url).search),o=await i.text()}e._trigger||mu._prefetchCache.set(t,{promise:Promise.resolve(o),ts:Date.now()});var m,c={url:t,finalUrl:n,html:o,config:e};if(!mu._emit("mu:before-render",c))return;if("patch"===e.mode?e._addHistory=e.patchHistory:(e._addHistory=e.history,i&&i.redirected&&(e._addHistory=!0)),m="patch"===e.mode?function(){mu._renderPatch(c.html,e)}:function(){mu._renderPage(c.html,e)},e.transition&&document.startViewTransition?document.startViewTransition(m):m(),mu._previousUrl=mu._lastUrl,mu._lastUrl=n,e._addHistory&&window.history.pushState({mu:!0,url:n},"",n),"patch"!==e.mode)if(e._restoreScroll)window.scrollTo(e._restoreScroll.x,e._restoreScroll.y);else if(null===e.scroll||e.scroll){var h=t.indexOf("#");if(-1!==h){var _=document.getElementById(t.substring(h+1));_&&_.scrollIntoView({behavior:"smooth"})}else window.scrollTo(0,0)}mu.setConfirmQuit(!1),mu._emit("mu:after-render",{url:t,finalUrl:n,mode:e.mode})}catch(e){if("AbortError"===e.name)return;mu._emit("mu:fetch-error",{url:t,fetchUrl:r,error:e})}finally{e._trigger||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._addHistory&&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 CHANGED Viewed

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