npm - pjax-max - Versions diffs - 3.0.0 - Mend

pjax-max 3.0.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 (14) hide show

package/LICENSE +21 -0
package/README.md +344 -0
package/dist/pjax-max.cjs +2 -0
package/dist/pjax-max.cjs.map +1 -0
package/dist/pjax-max.global.js +2 -0
package/dist/pjax-max.global.js.map +1 -0
package/dist/pjax-max.js +2 -0
package/dist/pjax-max.js.map +1 -0
package/package.json +70 -0
package/src/core.js +312 -0
package/src/helpers.js +89 -0
package/src/pjax-max.js +6 -0
package/src/renderer.js +36 -0
package/src/transition.js +40 -0

package/LICENSE ADDED Viewed

@@ -0,0 +1,21 @@
+MIT License
+Copyright (c) 2018 pjax-max contributors
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md ADDED Viewed

@@ -0,0 +1,344 @@
+# pjax-max
+A lightweight (~2.3KB gzipped), zero-dependency PJAX library for page transitions. Navigate between pages without full reloads, with full control over transition animations.
+Built on top of the browser's native History API, Fetch API, and EventTarget.
+---
+## Install
+```bash
+npm install pjax-max
+```
+```js
+import { Core, Renderer, Transition } from 'pjax-max';
+```
+Or via CDN:
+```html
+<script src="https://unpkg.com/pjax-max"></script>
+<script>
+  const { Core, Renderer, Transition } = PjaxMax;
+</script>
+```
+## HTML Setup
+pjax-max requires two data attributes in your markup:
+```html
+<body>
+  <nav>
+    <a href="/">Home</a>
+    <a href="/about">About</a>
+  </nav>
+  <main data-router-wrapper>
+    <article data-router-view="home">
+      <!-- page content -->
+    </article>
+  </main>
+</body>
+```
+- `data-router-wrapper` — The container that holds views. Stays in the DOM across navigations.
+- `data-router-view="slug"` — The swappable view element. The slug maps to your renderers and transitions.
+## Quick Start
+```js
+import { Core, Renderer, Transition } from 'pjax-max';
+// 1. Define a transition
+class Fade extends Transition {
+  out({ from, done }) {
+    from.style.opacity = 0;
+    setTimeout(() => {
+      from.remove();
+      done();
+    }, 300);
+  }
+  in({ to, done }) {
+    to.style.opacity = 0;
+    requestAnimationFrame(() => {
+      to.style.transition = 'opacity 0.3s';
+      to.style.opacity = 1;
+      setTimeout(done, 300);
+    });
+  }
+}
+// 2. Initialize
+const core = new Core({
+  transitions: {
+    default: Fade
+  }
+});
+```
+That's it. All internal links will now use PJAX navigation with your fade transition.
+## Core
+### Constructor Options
+```js
+const core = new Core({
+  renderers: { ... },    // Map of slug -> Renderer class
+  transitions: { ... },  // Map of slug -> Transition class (or 'default')
+  onLeave: [ ... ],      // Functions called at the start of every out transition
+  onEnter: [ ... ],      // Functions called at the start of every in transition
+});
+```
+### Properties
+| Property | Type | Description |
+|---|---|---|
+| `core.transitioning` | `boolean` | `true` while a navigation is in progress |
+| `core.namespace` | `string` | The current view's `data-router-view` slug |
+| `core.cache` | `Map` | Page cache (URL -> properties) |
+### Methods
+| Method | Description |
+|---|---|
+| `core.redirect(url, contextual?, trigger?)` | Navigate to a URL programmatically |
+| `core.attach(links)` | Attach click listeners to links |
+| `core.detach(links)` | Remove click listeners from links |
+| `core.prefetch(links)` | Prefetch URLs or link elements into the cache |
+### Events
+Listen to navigation lifecycle events using the native `addEventListener` API:
+```js
+core.addEventListener('NAVIGATE_OUT', (e) => {
+  const { from, trigger, location } = e.detail;
+});
+core.addEventListener('NAVIGATE_IN', (e) => {
+  const { to, trigger, location } = e.detail;
+});
+core.addEventListener('NAVIGATE_END', (e) => {
+  const { from, to, trigger, location } = e.detail;
+});
+```
+### Navigation Lifecycle Hooks
+The `onLeave` and `onEnter` arrays let you run functions on every navigation without repeating logic in each transition. Common uses: closing menus, destroying scroll instances, resetting UI state.
+```js
+const core = new Core({
+  transitions: { default: Fade },
+  onLeave: [
+    () => scroll?.destroy(),
+    () => megaNav.isOpen && megaNav.close(),
+    () => mobileMenu.isOpen && mobileMenu.close(),
+  ],
+  onEnter: [
+    () => console.log('Entering:', core.namespace),
+  ],
+});
+```
+`onLeave` runs before the out transition. `onEnter` runs after the new view is in the DOM but before the in transition plays. `core.namespace` is updated before `onEnter` fires, so it reflects the incoming page.
+## Renderers
+Renderers control page-specific setup and teardown. Extend the base `Renderer` class and override lifecycle hooks:
+```js
+class HomeRenderer extends Renderer {
+  onEnter() {
+    // Called when the view is added to the DOM
+  }
+  onEnterCompleted() {
+    // Called after the in transition completes
+  }
+  onLeave() {
+    // Called before the out transition starts
+  }
+  onLeaveCompleted() {
+    // Called after the view is removed
+  }
+}
+```
+Map renderers to view slugs:
+```js
+const core = new Core({
+  renderers: {
+    home: HomeRenderer,
+    about: AboutRenderer,
+  },
+  transitions: { default: Fade }
+});
+```
+Renderers support dynamic imports for code splitting:
+```js
+const core = new Core({
+  renderers: {
+    home: () => import('./renderers/home.js'),
+  }
+});
+```
+## Transitions
+Transitions control the animation between views. Extend the base `Transition` class and implement `in` and `out`:
+```js
+class Fade extends Transition {
+  out({ from, trigger, done }) {
+    // Animate the old view out, then call done()
+    gsap.to(from, {
+      opacity: 0,
+      duration: 0.4,
+      onComplete: () => {
+        from.remove();
+        done();
+      }
+    });
+  }
+  in({ to, from, trigger, done }) {
+    // Animate the new view in, then call done()
+    gsap.fromTo(to,
+      { opacity: 0 },
+      { opacity: 1, duration: 0.4, onComplete: done }
+    );
+  }
+}
+```
+### Default vs. Contextual Transitions
+A `default` transition applies to all navigations:
+```js
+const core = new Core({
+  transitions: {
+    default: Fade,
+    slideUp: SlideUp,
+  }
+});
+```
+Use contextual transitions on specific links with the `data-transition` attribute:
+```html
+<a href="/gallery" data-transition="slideUp">Gallery</a>
+```
+When this link is clicked, `SlideUp` is used instead of the default `Fade`. Contextual transitions only apply to click navigation, not browser back/forward.
+### Overlapping Transitions
+The old view stays in the DOM until you explicitly remove it. This means you can run both views simultaneously for overlapping transitions:
+```js
+class CrossFade extends Transition {
+  out({ from, done }) {
+    gsap.to(from, { opacity: 0, duration: 0.6, onComplete: done });
+    // Don't call from.remove() here — let the in transition overlap
+  }
+  in({ to, from, trigger, done }) {
+    from.remove(); // Remove old view when ready
+    gsap.fromTo(to,
+      { opacity: 0 },
+      { opacity: 1, duration: 0.6, onComplete: done }
+    );
+  }
+}
+```
+## Scroll Restoration
+By default, pjax-max lets the browser handle scroll position naturally. If you want to always start at the top of the page after navigation, enable `manualScrollRestoration`:
+```js
+const core = new Core({
+  transitions: { default: Fade },
+  manualScrollRestoration: true
+});
+```
+When enabled, this sets `history.scrollRestoration = 'manual'` and scrolls to the top instantly after the old view is removed and the new view is added to the DOM — before the in transition plays.
+Defaults to `false`.
+## Event Mask
+During transitions, user interactions like scrolling, clicking, or swiping can cause visual glitches. pjax-max automatically creates an invisible full-screen overlay that blocks these gestures while a transition is in progress.
+The mask is appended to the `<body>` on initialization with `pointer-events: none`. When a navigation starts it switches to `pointer-events: auto`, capturing and preventing `scroll`, `wheel`, and `touchmove` events. When the transition completes it switches back to `none`.
+No setup required — this is fully automatic.
+## Prefetching
+pjax-max can prefetch pages and store them in the cache for instant navigation.
+### Critical Prefetch
+Fetched immediately on page load. Use for primary navigation links:
+```html
+<a href="/about" data-prefetch="critical">About</a>
+```
+### Hover Prefetch
+Fetched on `mouseenter`. The listener auto-removes after the first hover:
+```html
+<a href="/blog" data-prefetch="hover">Blog</a>
+```
+### Programmatic Prefetch
+For links inside menus or components that open dynamically:
+```js
+// When a mega nav opens, prefetch its links
+function openMegaNav() {
+  megaNav.open();
+  const links = megaNav.querySelectorAll('a');
+  core.prefetch(links);
+}
+```
+`core.prefetch()` accepts an array of link elements or URL strings. It skips URLs already in the cache and deduplicates in-flight requests.
+## Disabling PJAX on Links
+Add `data-router-disabled` to opt out of PJAX navigation:
+```html
+<a href="/external" data-router-disabled>Normal navigation</a>
+```
+Links with a `target` attribute (e.g., `target="_blank"`) are also ignored automatically. Cmd/Ctrl+click opens links in a new tab as expected.
+## Browser Support
+All modern browsers. No IE support.
+- Chrome / Edge
+- Firefox
+- Safari
+## License
+[MIT](LICENSE)

package/dist/pjax-max.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var p=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var m=(r,t)=>{for(var e in t)p(r,e,{get:t[e],enumerable:!0})},w=(r,t,e,i)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let s of u(t))!g.call(r,s)&&s!==e&&p(r,s,{get:()=>t[s],enumerable:!(i=f(t,s))\|\|i.enumerable});return r};var v=r=>w(p({},"__esModule",{value:!0}),r);var y={};m(y,{Core:()=>h,Renderer:()=>a,Transition:()=>c,default:()=>T});module.exports=v(y);var a=class{constructor(t){this.wrap=document.querySelector("[data-router-wrapper]"),this.properties=t,this.Transition=t.transition?new t.transition.class(this.wrap,t.transition.name):null}setup(){var t,e;(t=this.onEnter)==null\|\|t.call(this),(e=this.onEnterCompleted)==null\|\|e.call(this)}add(){this.wrap.insertAdjacentHTML("beforeend",this.properties.view.outerHTML)}update(){document.title=this.properties.page.title}async show(t){var e,i,s;this.update(),(e=this.onEnter)==null\|\|e.call(this),await((i=this.Transition)==null?void 0:i.show(t)),(s=this.onEnterCompleted)==null\|\|s.call(this)}async hide(t){var e,i,s;(e=this.onLeave)==null\|\|e.call(this),await((i=this.Transition)==null?void 0:i.hide(t)),(s=this.onLeaveCompleted)==null\|\|s.call(this)}};var E=new DOMParser,l=class{constructor(t,e){this.renderers=t,this.transitions=e}getDOM(t){return typeof t=="string"?E.parseFromString(t,"text/html"):t}getView(t){return t.querySelector("[data-router-view]")}getSlug(t){return t.getAttribute("data-router-view")}async getRenderer(t){if(!this.renderers\|\|!(t in this.renderers))return a;let e=this.renderers[t];return typeof e=="function"&&!a.isPrototypeOf(e)?(await e()).default:typeof(e==null?void 0:e.then)=="function"?(await e).default:e}getTransition(t){return this.transitions?t in this.transitions?{class:this.transitions[t],name:t}:"default"in this.transitions?{class:this.transitions.default,name:"default"}:null:null}getProperties(t){let e=this.getDOM(t),i=this.getView(e),s=this.getSlug(i),n=this.getRenderer(s),o=this.getTransition(s);return{page:e,view:i,slug:s,renderer:n,transition:o}}getLocation(t){let e=new URL(t);return{href:e.href,anchor:e.hash\|\|null,origin:e.hostname,params:e.search?Object.fromEntries(e.searchParams):null,pathname:e.pathname,scheme:e.protocol.replace(":","")}}};var h=class extends EventTarget{constructor({renderers:t,transitions:e,onLeave:i,onEnter:s,manualScrollRestoration:n=!1}={}){super(),this.Helpers=new l(t,e),this.Transitions=e,this.Contextual=!1,this.location=this.Helpers.getLocation(window.location.href),this.properties=this.Helpers.getProperties(document.cloneNode(!0)),this.popping=!1,this.running=!1,this.trigger=null,this.controller=null,this.onLeave=i\|\|[],this.onEnter=s\|\|[],this.namespace=this.properties.slug,this.manualScrollRestoration=n,n&&(history.scrollRestoration="manual"),this.cache=new Map,this.cache.set(this.location.href,this.properties),this.prefetching=new Set,this.properties.renderer.then(o=>{this.From=new o(this.properties),this.From.setup()}),this._navigate=this.navigate.bind(this),this._prefetchOnHover=this._prefetchOnHover.bind(this),window.addEventListener("popstate",this.popState.bind(this)),this._eventMask=this._createEventMask(),this.links=document.querySelectorAll("a:not([target]):not([data-router-disabled])"),this.attach(this.links),this._initPrefetch()}get transitioning(){return this.running}_createEventMask(){let t=document.createElement("div");t.style.cssText="position:fixed;inset:0;z-index:2147483647;pointer-events:none;";let e=i=>{i.preventDefault(),i.stopPropagation()};return t.addEventListener("scroll",e),t.addEventListener("wheel",e,{passive:!1}),t.addEventListener("touchmove",e,{passive:!1}),document.body.appendChild(t),t}attach(t){for(let e of t)e.addEventListener("click",this._navigate)}detach(t){for(let e of t)e.removeEventListener("click",this._navigate)}prefetch(t){let e=[];for(let i of t){let s=typeof i=="string"?i:i.href;s&&e.push(s)}for(let i of e)this._prefetchURL(i)}_initPrefetch(){let t=document.querySelectorAll('[data-prefetch="critical"]');t.length&&this.prefetch(t);let e=document.querySelectorAll('[data-prefetch="hover"]');for(let i of e)i.addEventListener("mouseenter",this._prefetchOnHover,{once:!0})}_prefetchOnHover(t){let e=t.currentTarget.href;e&&this._prefetchURL(e)}async _prefetchURL(t){if(!(this.cache.has(t)\|\|this.prefetching.has(t))){try{if(new URL(t).origin!==window.location.origin)return}catch{return}this.prefetching.add(t);try{let e=await fetch(t,{mode:"same-origin",method:"GET",headers:{"X-Requested-With":"PjaxMax"},credentials:"same-origin"});if(e.ok){let i=await e.text();this.cache.set(t,this.Helpers.getProperties(i))}}catch{}finally{this.prefetching.delete(t)}}}navigate(t){if(!(t.metaKey\|\|t.ctrlKey)){t.preventDefault();let e=t.currentTarget.hasAttribute("data-transition")?t.currentTarget.dataset.transition:!1;this.redirect(t.currentTarget.href,e,t.currentTarget)}}redirect(t,e=!1,i="script"){if(this.trigger=i,!this.running&&t!==this.location.href){let s=this.Helpers.getLocation(t);this.Contextual=!1,e&&(this.Contextual=this.Transitions[e].prototype,this.Contextual.name=e),s.origin!==this.location.origin\|\|s.scheme!==this.location.scheme\|\|s.anchor&&s.pathname===this.location.pathname?window.location.href=t:(this.location=s,this.beforeFetch())}}popState(){this.trigger="popstate",this.Contextual=!1;let t=this.Helpers.getLocation(window.location.href);this.location.pathname!==t.pathname\|\|!this.location.anchor&&!t.anchor?(this.popping=!0,this.location=t,this.beforeFetch()):this.location=t}pushState(){this.popping\|\|window.history.pushState(this.location,"",this.location.href)}async fetch(){this.controller=new AbortController;let t=await fetch(this.location.href,{mode:"same-origin",method:"GET",headers:{"X-Requested-With":"PjaxMax"},credentials:"same-origin",signal:this.controller.signal});if(t.ok)return t.text();window.location.href=this.location.href}async beforeFetch(){var e;this.pushState(),this.running=!0,this._eventMask.style.pointerEvents="auto",(e=this.controller)==null\|\|e.abort();for(let i of this.onLeave)i();this.dispatchEvent(new CustomEvent("NAVIGATE_OUT",{detail:{from:{page:this.From.properties.page,view:this.From.properties.view},trigger:this.trigger,location:this.location}}));let t={trigger:this.trigger,contextual:this.Contextual};if(this.cache.has(this.location.href))await this.From.hide(t),this.properties=this.cache.get(this.location.href);else{let[i]=await Promise.all([this.fetch(),this.From.hide(t)]);this.properties=this.Helpers.getProperties(i),this.cache.set(this.location.href,this.properties)}this.afterFetch()}async afterFetch(){let t=await this.properties.renderer;this.To=new t(this.properties),this.To.add(),this.manualScrollRestoration&&window.scrollTo(0,0),this.dispatchEvent(new CustomEvent("NAVIGATE_IN",{detail:{to:{page:this.To.properties.page,view:this.To.wrap.lastElementChild},trigger:this.trigger,location:this.location}})),this.namespace=this.To.properties.slug;for(let e of this.onEnter)e();await this.To.show({trigger:this.trigger,contextual:this.Contextual}),this.popping=!1,this.running=!1,this._eventMask.style.pointerEvents="none",this.detach(this.links),this.links=document.querySelectorAll("a:not([target]):not([data-router-disabled])"),this.attach(this.links),this._initPrefetch(),this.dispatchEvent(new CustomEvent("NAVIGATE_END",{detail:{to:{page:this.To.properties.page,view:this.To.wrap.lastElementChild},from:{page:this.From.properties.page,view:this.From.properties.view},trigger:this.trigger,location:this.location}})),this.From=this.To,this.trigger=null}};var c=class{constructor(t,e){this.wrap=t,this.name=e}show({trigger:t,contextual:e}){let i=this.wrap.lastElementChild,s=this.wrap.firstElementChild;return new Promise(n=>{var o,d;e?(i.setAttribute("data-transition-in",e.name),i.removeAttribute("data-transition-out"),(d=e.in)==null\|\|d.call(e,{to:i,from:s,trigger:t,done:n})):(i.setAttribute("data-transition-in",this.name),i.removeAttribute("data-transition-out"),(o=this.in)==null\|\|o.call(this,{to:i,from:s,trigger:t,done:n}))})}hide({trigger:t,contextual:e}){let i=this.wrap.firstElementChild;return new Promise(s=>{var n,o;e?(i.setAttribute("data-transition-out",e.name),i.removeAttribute("data-transition-in"),(o=e.out)==null\|\|o.call(e,{from:i,trigger:t,done:s})):(i.setAttribute("data-transition-out",this.name),i.removeAttribute("data-transition-in"),(n=this.out)==null\|\|n.call(this,{from:i,trigger:t,done:s}))})}};var T={Core:h,Renderer:a,Transition:c};0&&(module.exports={Core,Renderer,Transition});
2	+ //# sourceMappingURL=pjax-max.cjs.map

package/dist/pjax-max.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/pjax-max.js","../src/renderer.js","../src/helpers.js","../src/core.js","../src/transition.js"],"sourcesContent":["import Core from './core';\nimport Renderer from './renderer';\nimport Transition from './transition';\n\nexport { Core, Renderer, Transition };\nexport default { Core, Renderer, Transition };\n","export default class Renderer {\n\n constructor(properties) {\n this.wrap = document.querySelector('[data-router-wrapper]');\n this.properties = properties;\n this.Transition = properties.transition\n ? new properties.transition.class(this.wrap, properties.transition.name)\n : null;\n }\n\n setup() {\n this.onEnter?.();\n this.onEnterCompleted?.();\n }\n\n add() {\n this.wrap.insertAdjacentHTML('beforeend', this.properties.view.outerHTML);\n }\n\n update() {\n document.title = this.properties.page.title;\n }\n\n async show(data) {\n this.update();\n this.onEnter?.();\n await this.Transition?.show(data);\n this.onEnterCompleted?.();\n }\n\n async hide(data) {\n this.onLeave?.();\n await this.Transition?.hide(data);\n this.onLeaveCompleted?.();\n }\n}\n","import Renderer from './renderer';\n\nconst PARSER = new DOMParser();\n\nexport default class Helpers {\n\n constructor(renderers, transitions) {\n this.renderers = renderers;\n this.transitions = transitions;\n }\n\n getDOM(page) {\n return typeof page === 'string' ? PARSER.parseFromString(page, 'text/html') : page;\n }\n\n getView(page) {\n return page.querySelector('[data-router-view]');\n }\n\n getSlug(view) {\n return view.getAttribute('data-router-view');\n }\n\n async getRenderer(slug) {\n if (!this.renderers || !(slug in this.renderers)) {\n return Renderer;\n }\n\n const renderer = this.renderers[slug];\n\n // Dynamic import factory function\n if (typeof renderer === 'function' && !Renderer.isPrototypeOf(renderer)) {\n const mod = await renderer();\n return mod.default;\n }\n\n // Already a promise (e.g., top-level import())\n if (typeof renderer?.then === 'function') {\n const mod = await renderer;\n return mod.default;\n }\n\n return renderer;\n }\n\n getTransition(slug) {\n if (!this.transitions) {\n return null;\n }\n\n if (slug in this.transitions) {\n return { class: this.transitions[slug], name: slug };\n }\n\n if ('default' in this.transitions) {\n return { class: this.transitions['default'], name: 'default' };\n }\n\n return null;\n }\n\n getProperties(context) {\n const page = this.getDOM(context);\n const view = this.getView(page);\n const slug = this.getSlug(view);\n const renderer = this.getRenderer(slug);\n const transition = this.getTransition(slug);\n\n return {\n page,\n view,\n slug,\n renderer,\n transition\n };\n }\n\n getLocation(url) {\n const u = new URL(url);\n return {\n href: u.href,\n anchor: u.hash || null,\n origin: u.hostname,\n params: u.search ? Object.fromEntries(u.searchParams) : null,\n pathname: u.pathname,\n scheme: u.protocol.replace(':', '')\n };\n }\n}\n","import Helpers from './helpers';\n\nexport default class Core extends EventTarget {\n\n constructor({ renderers, transitions, onLeave, onEnter, manualScrollRestoration = false } = {}) {\n super();\n\n this.Helpers = new Helpers(renderers, transitions);\n this.Transitions = transitions;\n this.Contextual = false;\n\n this.location = this.Helpers.getLocation(window.location.href);\n this.properties = this.Helpers.getProperties(document.cloneNode(true));\n\n this.popping = false;\n this.running = false;\n this.trigger = null;\n this.controller = null;\n\n this.onLeave = onLeave || [];\n this.onEnter = onEnter || [];\n this.namespace = this.properties.slug;\n this.manualScrollRestoration = manualScrollRestoration;\n\n if (manualScrollRestoration) {\n history.scrollRestoration = 'manual';\n }\n\n this.cache = new Map();\n this.cache.set(this.location.href, this.properties);\n this.prefetching = new Set();\n\n this.properties.renderer.then(Renderer => {\n this.From = new Renderer(this.properties);\n this.From.setup();\n });\n\n this._navigate = this.navigate.bind(this);\n this._prefetchOnHover = this._prefetchOnHover.bind(this);\n window.addEventListener('popstate', this.popState.bind(this));\n\n this._eventMask = this._createEventMask();\n\n this.links = document.querySelectorAll('a:not([target]):not([data-router-disabled])');\n this.attach(this.links);\n\n this._initPrefetch();\n }\n\n get transitioning() {\n return this.running;\n }\n\n _createEventMask() {\n const el = document.createElement('div');\n el.style.cssText = 'position:fixed;inset:0;z-index:2147483647;pointer-events:none;';\n const prevent = (e) => { e.preventDefault(); e.stopPropagation(); };\n el.addEventListener('scroll', prevent);\n el.addEventListener('wheel', prevent, { passive: false });\n el.addEventListener('touchmove', prevent, { passive: false });\n document.body.appendChild(el);\n return el;\n }\n\n attach(links) {\n for (const link of links) {\n link.addEventListener('click', this._navigate);\n }\n }\n\n detach(links) {\n for (const link of links) {\n link.removeEventListener('click', this._navigate);\n }\n }\n\n /**\n * Prefetch URLs and store results in the cache.\n * Accepts an array of links (elements or URL strings).\n */\n prefetch(links) {\n const urls = [];\n\n for (const link of links) {\n const href = typeof link === 'string' ? link : link.href;\n if (href) urls.push(href);\n }\n\n for (const url of urls) {\n this._prefetchURL(url);\n }\n }\n\n _initPrefetch() {\n // Prefetch critical links immediately\n const critical = document.querySelectorAll('[data-prefetch=\"critical\"]');\n if (critical.length) this.prefetch(critical);\n\n // Attach hover listeners to hover-prefetch links\n const hover = document.querySelectorAll('[data-prefetch=\"hover\"]');\n for (const link of hover) {\n link.addEventListener('mouseenter', this._prefetchOnHover, { once: true });\n }\n }\n\n _prefetchOnHover(e) {\n const href = e.currentTarget.href;\n if (href) this._prefetchURL(href);\n }\n\n async _prefetchURL(url) {\n if (this.cache.has(url) || this.prefetching.has(url)) return;\n\n // Normalize against current origin\n try {\n const parsed = new URL(url);\n if (parsed.origin !== window.location.origin) return;\n } catch {\n return;\n }\n\n this.prefetching.add(url);\n\n try {\n const response = await fetch(url, {\n mode: 'same-origin',\n method: 'GET',\n headers: { 'X-Requested-With': 'PjaxMax' },\n credentials: 'same-origin'\n });\n\n if (response.ok) {\n const html = await response.text();\n this.cache.set(url, this.Helpers.getProperties(html));\n }\n } catch {\n // Prefetch is best-effort — silently ignore failures\n } finally {\n this.prefetching.delete(url);\n }\n }\n\n navigate(e) {\n if (!(e.metaKey || e.ctrlKey)) {\n e.preventDefault();\n\n const contextual = e.currentTarget.hasAttribute('data-transition')\n ? e.currentTarget.dataset.transition\n : false;\n\n this.redirect(e.currentTarget.href, contextual, e.currentTarget);\n }\n }\n\n redirect(href, contextual = false, trigger = 'script') {\n this.trigger = trigger;\n\n if (!this.running && href !== this.location.href) {\n const location = this.Helpers.getLocation(href);\n\n this.Contextual = false;\n\n if (contextual) {\n this.Contextual = this.Transitions[contextual].prototype;\n this.Contextual.name = contextual;\n }\n\n if (location.origin !== this.location.origin || location.scheme !== this.location.scheme || location.anchor && location.pathname === this.location.pathname) {\n window.location.href = href;\n } else {\n this.location = location;\n this.beforeFetch();\n }\n }\n }\n\n popState() {\n this.trigger = 'popstate';\n this.Contextual = false;\n\n const location = this.Helpers.getLocation(window.location.href);\n\n if (this.location.pathname !== location.pathname || !this.location.anchor && !location.anchor) {\n this.popping = true;\n this.location = location;\n this.beforeFetch();\n } else {\n this.location = location;\n }\n }\n\n pushState() {\n if (!this.popping) {\n window.history.pushState(this.location, '', this.location.href);\n }\n }\n\n async fetch() {\n this.controller = new AbortController();\n\n const response = await fetch(this.location.href, {\n mode: 'same-origin',\n method: 'GET',\n headers: { 'X-Requested-With': 'PjaxMax' },\n credentials: 'same-origin',\n signal: this.controller.signal\n });\n\n if (response.ok) {\n return response.text();\n }\n\n window.location.href = this.location.href;\n }\n\n async beforeFetch() {\n this.pushState();\n this.running = true;\n this._eventMask.style.pointerEvents = 'auto';\n\n // Abort any in-flight fetch from a previous navigation\n this.controller?.abort();\n\n for (const fn of this.onLeave) fn();\n\n this.dispatchEvent(new CustomEvent('NAVIGATE_OUT', {\n detail: {\n from: {\n page: this.From.properties.page,\n view: this.From.properties.view\n },\n trigger: this.trigger,\n location: this.location\n }\n }));\n\n const data = {\n trigger: this.trigger,\n contextual: this.Contextual\n };\n\n if (this.cache.has(this.location.href)) {\n await this.From.hide(data);\n this.properties = this.cache.get(this.location.href);\n } else {\n const [html] = await Promise.all([\n this.fetch(),\n this.From.hide(data)\n ]);\n\n this.properties = this.Helpers.getProperties(html);\n this.cache.set(this.location.href, this.properties);\n }\n\n this.afterFetch();\n }\n\n async afterFetch() {\n const Renderer = await this.properties.renderer;\n\n this.To = new Renderer(this.properties);\n this.To.add();\n\n if (this.manualScrollRestoration) window.scrollTo(0, 0);\n\n this.dispatchEvent(new CustomEvent('NAVIGATE_IN', {\n detail: {\n to: {\n page: this.To.properties.page,\n view: this.To.wrap.lastElementChild\n },\n trigger: this.trigger,\n location: this.location\n }\n }));\n\n this.namespace = this.To.properties.slug;\n for (const fn of this.onEnter) fn();\n\n await this.To.show({\n trigger: this.trigger,\n contextual: this.Contextual\n });\n\n this.popping = false;\n this.running = false;\n this._eventMask.style.pointerEvents = 'none';\n\n this.detach(this.links);\n this.links = document.querySelectorAll('a:not([target]):not([data-router-disabled])');\n this.attach(this.links);\n this._initPrefetch();\n\n this.dispatchEvent(new CustomEvent('NAVIGATE_END', {\n detail: {\n to: {\n page: this.To.properties.page,\n view: this.To.wrap.lastElementChild\n },\n from: {\n page: this.From.properties.page,\n view: this.From.properties.view\n },\n trigger: this.trigger,\n location: this.location\n }\n }));\n\n this.From = this.To;\n this.trigger = null;\n }\n}\n","export default class Transition {\n\n constructor(wrap, name) {\n this.wrap = wrap;\n this.name = name;\n }\n\n show({ trigger, contextual }) {\n const to = this.wrap.lastElementChild;\n const from = this.wrap.firstElementChild;\n\n return new Promise(resolve => {\n if (!contextual) {\n to.setAttribute('data-transition-in', this.name);\n to.removeAttribute('data-transition-out');\n this.in?.({ to, from, trigger, done: resolve });\n } else {\n to.setAttribute('data-transition-in', contextual.name);\n to.removeAttribute('data-transition-out');\n contextual.in?.({ to, from, trigger, done: resolve });\n }\n });\n }\n\n hide({ trigger, contextual }) {\n const from = this.wrap.firstElementChild;\n\n return new Promise(resolve => {\n if (!contextual) {\n from.setAttribute('data-transition-out', this.name);\n from.removeAttribute('data-transition-in');\n this.out?.({ from, trigger, done: resolve });\n } else {\n from.setAttribute('data-transition-out', contextual.name);\n from.removeAttribute('data-transition-in');\n contextual.out?.({ from, trigger, done: resolve });\n }\n });\n }\n}\n"],"mappings":"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","names":["pjax_max_exports","__export","Core","Renderer","Transition","pjax_max_default","__toCommonJS","Renderer","properties","_a","_b","data","_c","PARSER","Helpers","renderers","transitions","page","view","slug","Renderer","renderer","context","transition","url","u","Core","renderers","transitions","onLeave","onEnter","manualScrollRestoration","Helpers","Renderer","el","prevent","e","links","link","urls","href","url","critical","hover","response","html","contextual","trigger","location","_a","fn","data","Transition","wrap","name","trigger","contextual","to","from","resolve","_a","_b","pjax_max_default","Core","Renderer","Transition"]}

package/dist/pjax-max.global.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var PjaxMax=(()=>{var p=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var m=(r,t)=>{for(var e in t)p(r,e,{get:t[e],enumerable:!0})},w=(r,t,e,i)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let s of u(t))!g.call(r,s)&&s!==e&&p(r,s,{get:()=>t[s],enumerable:!(i=f(t,s))\|\|i.enumerable});return r};var v=r=>w(p({},"__esModule",{value:!0}),r);var y={};m(y,{Core:()=>h,Renderer:()=>a,Transition:()=>c,default:()=>T});var a=class{constructor(t){this.wrap=document.querySelector("[data-router-wrapper]"),this.properties=t,this.Transition=t.transition?new t.transition.class(this.wrap,t.transition.name):null}setup(){var t,e;(t=this.onEnter)==null\|\|t.call(this),(e=this.onEnterCompleted)==null\|\|e.call(this)}add(){this.wrap.insertAdjacentHTML("beforeend",this.properties.view.outerHTML)}update(){document.title=this.properties.page.title}async show(t){var e,i,s;this.update(),(e=this.onEnter)==null\|\|e.call(this),await((i=this.Transition)==null?void 0:i.show(t)),(s=this.onEnterCompleted)==null\|\|s.call(this)}async hide(t){var e,i,s;(e=this.onLeave)==null\|\|e.call(this),await((i=this.Transition)==null?void 0:i.hide(t)),(s=this.onLeaveCompleted)==null\|\|s.call(this)}};var E=new DOMParser,l=class{constructor(t,e){this.renderers=t,this.transitions=e}getDOM(t){return typeof t=="string"?E.parseFromString(t,"text/html"):t}getView(t){return t.querySelector("[data-router-view]")}getSlug(t){return t.getAttribute("data-router-view")}async getRenderer(t){if(!this.renderers\|\|!(t in this.renderers))return a;let e=this.renderers[t];return typeof e=="function"&&!a.isPrototypeOf(e)?(await e()).default:typeof(e==null?void 0:e.then)=="function"?(await e).default:e}getTransition(t){return this.transitions?t in this.transitions?{class:this.transitions[t],name:t}:"default"in this.transitions?{class:this.transitions.default,name:"default"}:null:null}getProperties(t){let e=this.getDOM(t),i=this.getView(e),s=this.getSlug(i),n=this.getRenderer(s),o=this.getTransition(s);return{page:e,view:i,slug:s,renderer:n,transition:o}}getLocation(t){let e=new URL(t);return{href:e.href,anchor:e.hash\|\|null,origin:e.hostname,params:e.search?Object.fromEntries(e.searchParams):null,pathname:e.pathname,scheme:e.protocol.replace(":","")}}};var h=class extends EventTarget{constructor({renderers:t,transitions:e,onLeave:i,onEnter:s,manualScrollRestoration:n=!1}={}){super(),this.Helpers=new l(t,e),this.Transitions=e,this.Contextual=!1,this.location=this.Helpers.getLocation(window.location.href),this.properties=this.Helpers.getProperties(document.cloneNode(!0)),this.popping=!1,this.running=!1,this.trigger=null,this.controller=null,this.onLeave=i\|\|[],this.onEnter=s\|\|[],this.namespace=this.properties.slug,this.manualScrollRestoration=n,n&&(history.scrollRestoration="manual"),this.cache=new Map,this.cache.set(this.location.href,this.properties),this.prefetching=new Set,this.properties.renderer.then(o=>{this.From=new o(this.properties),this.From.setup()}),this._navigate=this.navigate.bind(this),this._prefetchOnHover=this._prefetchOnHover.bind(this),window.addEventListener("popstate",this.popState.bind(this)),this._eventMask=this._createEventMask(),this.links=document.querySelectorAll("a:not([target]):not([data-router-disabled])"),this.attach(this.links),this._initPrefetch()}get transitioning(){return this.running}_createEventMask(){let t=document.createElement("div");t.style.cssText="position:fixed;inset:0;z-index:2147483647;pointer-events:none;";let e=i=>{i.preventDefault(),i.stopPropagation()};return t.addEventListener("scroll",e),t.addEventListener("wheel",e,{passive:!1}),t.addEventListener("touchmove",e,{passive:!1}),document.body.appendChild(t),t}attach(t){for(let e of t)e.addEventListener("click",this._navigate)}detach(t){for(let e of t)e.removeEventListener("click",this._navigate)}prefetch(t){let e=[];for(let i of t){let s=typeof i=="string"?i:i.href;s&&e.push(s)}for(let i of e)this._prefetchURL(i)}_initPrefetch(){let t=document.querySelectorAll('[data-prefetch="critical"]');t.length&&this.prefetch(t);let e=document.querySelectorAll('[data-prefetch="hover"]');for(let i of e)i.addEventListener("mouseenter",this._prefetchOnHover,{once:!0})}_prefetchOnHover(t){let e=t.currentTarget.href;e&&this._prefetchURL(e)}async _prefetchURL(t){if(!(this.cache.has(t)\|\|this.prefetching.has(t))){try{if(new URL(t).origin!==window.location.origin)return}catch{return}this.prefetching.add(t);try{let e=await fetch(t,{mode:"same-origin",method:"GET",headers:{"X-Requested-With":"PjaxMax"},credentials:"same-origin"});if(e.ok){let i=await e.text();this.cache.set(t,this.Helpers.getProperties(i))}}catch{}finally{this.prefetching.delete(t)}}}navigate(t){if(!(t.metaKey\|\|t.ctrlKey)){t.preventDefault();let e=t.currentTarget.hasAttribute("data-transition")?t.currentTarget.dataset.transition:!1;this.redirect(t.currentTarget.href,e,t.currentTarget)}}redirect(t,e=!1,i="script"){if(this.trigger=i,!this.running&&t!==this.location.href){let s=this.Helpers.getLocation(t);this.Contextual=!1,e&&(this.Contextual=this.Transitions[e].prototype,this.Contextual.name=e),s.origin!==this.location.origin\|\|s.scheme!==this.location.scheme\|\|s.anchor&&s.pathname===this.location.pathname?window.location.href=t:(this.location=s,this.beforeFetch())}}popState(){this.trigger="popstate",this.Contextual=!1;let t=this.Helpers.getLocation(window.location.href);this.location.pathname!==t.pathname\|\|!this.location.anchor&&!t.anchor?(this.popping=!0,this.location=t,this.beforeFetch()):this.location=t}pushState(){this.popping\|\|window.history.pushState(this.location,"",this.location.href)}async fetch(){this.controller=new AbortController;let t=await fetch(this.location.href,{mode:"same-origin",method:"GET",headers:{"X-Requested-With":"PjaxMax"},credentials:"same-origin",signal:this.controller.signal});if(t.ok)return t.text();window.location.href=this.location.href}async beforeFetch(){var e;this.pushState(),this.running=!0,this._eventMask.style.pointerEvents="auto",(e=this.controller)==null\|\|e.abort();for(let i of this.onLeave)i();this.dispatchEvent(new CustomEvent("NAVIGATE_OUT",{detail:{from:{page:this.From.properties.page,view:this.From.properties.view},trigger:this.trigger,location:this.location}}));let t={trigger:this.trigger,contextual:this.Contextual};if(this.cache.has(this.location.href))await this.From.hide(t),this.properties=this.cache.get(this.location.href);else{let[i]=await Promise.all([this.fetch(),this.From.hide(t)]);this.properties=this.Helpers.getProperties(i),this.cache.set(this.location.href,this.properties)}this.afterFetch()}async afterFetch(){let t=await this.properties.renderer;this.To=new t(this.properties),this.To.add(),this.manualScrollRestoration&&window.scrollTo(0,0),this.dispatchEvent(new CustomEvent("NAVIGATE_IN",{detail:{to:{page:this.To.properties.page,view:this.To.wrap.lastElementChild},trigger:this.trigger,location:this.location}})),this.namespace=this.To.properties.slug;for(let e of this.onEnter)e();await this.To.show({trigger:this.trigger,contextual:this.Contextual}),this.popping=!1,this.running=!1,this._eventMask.style.pointerEvents="none",this.detach(this.links),this.links=document.querySelectorAll("a:not([target]):not([data-router-disabled])"),this.attach(this.links),this._initPrefetch(),this.dispatchEvent(new CustomEvent("NAVIGATE_END",{detail:{to:{page:this.To.properties.page,view:this.To.wrap.lastElementChild},from:{page:this.From.properties.page,view:this.From.properties.view},trigger:this.trigger,location:this.location}})),this.From=this.To,this.trigger=null}};var c=class{constructor(t,e){this.wrap=t,this.name=e}show({trigger:t,contextual:e}){let i=this.wrap.lastElementChild,s=this.wrap.firstElementChild;return new Promise(n=>{var o,d;e?(i.setAttribute("data-transition-in",e.name),i.removeAttribute("data-transition-out"),(d=e.in)==null\|\|d.call(e,{to:i,from:s,trigger:t,done:n})):(i.setAttribute("data-transition-in",this.name),i.removeAttribute("data-transition-out"),(o=this.in)==null\|\|o.call(this,{to:i,from:s,trigger:t,done:n}))})}hide({trigger:t,contextual:e}){let i=this.wrap.firstElementChild;return new Promise(s=>{var n,o;e?(i.setAttribute("data-transition-out",e.name),i.removeAttribute("data-transition-in"),(o=e.out)==null\|\|o.call(e,{from:i,trigger:t,done:s})):(i.setAttribute("data-transition-out",this.name),i.removeAttribute("data-transition-in"),(n=this.out)==null\|\|n.call(this,{from:i,trigger:t,done:s}))})}};var T={Core:h,Renderer:a,Transition:c};return v(y);})();
2	+ //# sourceMappingURL=pjax-max.global.js.map

package/dist/pjax-max.global.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/pjax-max.js","../src/renderer.js","../src/helpers.js","../src/core.js","../src/transition.js"],"sourcesContent":["import Core from './core';\nimport Renderer from './renderer';\nimport Transition from './transition';\n\nexport { Core, Renderer, Transition };\nexport default { Core, Renderer, Transition };\n","export default class Renderer {\n\n constructor(properties) {\n this.wrap = document.querySelector('[data-router-wrapper]');\n this.properties = properties;\n this.Transition = properties.transition\n ? new properties.transition.class(this.wrap, properties.transition.name)\n : null;\n }\n\n setup() {\n this.onEnter?.();\n this.onEnterCompleted?.();\n }\n\n add() {\n this.wrap.insertAdjacentHTML('beforeend', this.properties.view.outerHTML);\n }\n\n update() {\n document.title = this.properties.page.title;\n }\n\n async show(data) {\n this.update();\n this.onEnter?.();\n await this.Transition?.show(data);\n this.onEnterCompleted?.();\n }\n\n async hide(data) {\n this.onLeave?.();\n await this.Transition?.hide(data);\n this.onLeaveCompleted?.();\n }\n}\n","import Renderer from './renderer';\n\nconst PARSER = new DOMParser();\n\nexport default class Helpers {\n\n constructor(renderers, transitions) {\n this.renderers = renderers;\n this.transitions = transitions;\n }\n\n getDOM(page) {\n return typeof page === 'string' ? PARSER.parseFromString(page, 'text/html') : page;\n }\n\n getView(page) {\n return page.querySelector('[data-router-view]');\n }\n\n getSlug(view) {\n return view.getAttribute('data-router-view');\n }\n\n async getRenderer(slug) {\n if (!this.renderers || !(slug in this.renderers)) {\n return Renderer;\n }\n\n const renderer = this.renderers[slug];\n\n // Dynamic import factory function\n if (typeof renderer === 'function' && !Renderer.isPrototypeOf(renderer)) {\n const mod = await renderer();\n return mod.default;\n }\n\n // Already a promise (e.g., top-level import())\n if (typeof renderer?.then === 'function') {\n const mod = await renderer;\n return mod.default;\n }\n\n return renderer;\n }\n\n getTransition(slug) {\n if (!this.transitions) {\n return null;\n }\n\n if (slug in this.transitions) {\n return { class: this.transitions[slug], name: slug };\n }\n\n if ('default' in this.transitions) {\n return { class: this.transitions['default'], name: 'default' };\n }\n\n return null;\n }\n\n getProperties(context) {\n const page = this.getDOM(context);\n const view = this.getView(page);\n const slug = this.getSlug(view);\n const renderer = this.getRenderer(slug);\n const transition = this.getTransition(slug);\n\n return {\n page,\n view,\n slug,\n renderer,\n transition\n };\n }\n\n getLocation(url) {\n const u = new URL(url);\n return {\n href: u.href,\n anchor: u.hash || null,\n origin: u.hostname,\n params: u.search ? Object.fromEntries(u.searchParams) : null,\n pathname: u.pathname,\n scheme: u.protocol.replace(':', '')\n };\n }\n}\n","import Helpers from './helpers';\n\nexport default class Core extends EventTarget {\n\n constructor({ renderers, transitions, onLeave, onEnter, manualScrollRestoration = false } = {}) {\n super();\n\n this.Helpers = new Helpers(renderers, transitions);\n this.Transitions = transitions;\n this.Contextual = false;\n\n this.location = this.Helpers.getLocation(window.location.href);\n this.properties = this.Helpers.getProperties(document.cloneNode(true));\n\n this.popping = false;\n this.running = false;\n this.trigger = null;\n this.controller = null;\n\n this.onLeave = onLeave || [];\n this.onEnter = onEnter || [];\n this.namespace = this.properties.slug;\n this.manualScrollRestoration = manualScrollRestoration;\n\n if (manualScrollRestoration) {\n history.scrollRestoration = 'manual';\n }\n\n this.cache = new Map();\n this.cache.set(this.location.href, this.properties);\n this.prefetching = new Set();\n\n this.properties.renderer.then(Renderer => {\n this.From = new Renderer(this.properties);\n this.From.setup();\n });\n\n this._navigate = this.navigate.bind(this);\n this._prefetchOnHover = this._prefetchOnHover.bind(this);\n window.addEventListener('popstate', this.popState.bind(this));\n\n this._eventMask = this._createEventMask();\n\n this.links = document.querySelectorAll('a:not([target]):not([data-router-disabled])');\n this.attach(this.links);\n\n this._initPrefetch();\n }\n\n get transitioning() {\n return this.running;\n }\n\n _createEventMask() {\n const el = document.createElement('div');\n el.style.cssText = 'position:fixed;inset:0;z-index:2147483647;pointer-events:none;';\n const prevent = (e) => { e.preventDefault(); e.stopPropagation(); };\n el.addEventListener('scroll', prevent);\n el.addEventListener('wheel', prevent, { passive: false });\n el.addEventListener('touchmove', prevent, { passive: false });\n document.body.appendChild(el);\n return el;\n }\n\n attach(links) {\n for (const link of links) {\n link.addEventListener('click', this._navigate);\n }\n }\n\n detach(links) {\n for (const link of links) {\n link.removeEventListener('click', this._navigate);\n }\n }\n\n /**\n * Prefetch URLs and store results in the cache.\n * Accepts an array of links (elements or URL strings).\n */\n prefetch(links) {\n const urls = [];\n\n for (const link of links) {\n const href = typeof link === 'string' ? link : link.href;\n if (href) urls.push(href);\n }\n\n for (const url of urls) {\n this._prefetchURL(url);\n }\n }\n\n _initPrefetch() {\n // Prefetch critical links immediately\n const critical = document.querySelectorAll('[data-prefetch=\"critical\"]');\n if (critical.length) this.prefetch(critical);\n\n // Attach hover listeners to hover-prefetch links\n const hover = document.querySelectorAll('[data-prefetch=\"hover\"]');\n for (const link of hover) {\n link.addEventListener('mouseenter', this._prefetchOnHover, { once: true });\n }\n }\n\n _prefetchOnHover(e) {\n const href = e.currentTarget.href;\n if (href) this._prefetchURL(href);\n }\n\n async _prefetchURL(url) {\n if (this.cache.has(url) || this.prefetching.has(url)) return;\n\n // Normalize against current origin\n try {\n const parsed = new URL(url);\n if (parsed.origin !== window.location.origin) return;\n } catch {\n return;\n }\n\n this.prefetching.add(url);\n\n try {\n const response = await fetch(url, {\n mode: 'same-origin',\n method: 'GET',\n headers: { 'X-Requested-With': 'PjaxMax' },\n credentials: 'same-origin'\n });\n\n if (response.ok) {\n const html = await response.text();\n this.cache.set(url, this.Helpers.getProperties(html));\n }\n } catch {\n // Prefetch is best-effort — silently ignore failures\n } finally {\n this.prefetching.delete(url);\n }\n }\n\n navigate(e) {\n if (!(e.metaKey || e.ctrlKey)) {\n e.preventDefault();\n\n const contextual = e.currentTarget.hasAttribute('data-transition')\n ? e.currentTarget.dataset.transition\n : false;\n\n this.redirect(e.currentTarget.href, contextual, e.currentTarget);\n }\n }\n\n redirect(href, contextual = false, trigger = 'script') {\n this.trigger = trigger;\n\n if (!this.running && href !== this.location.href) {\n const location = this.Helpers.getLocation(href);\n\n this.Contextual = false;\n\n if (contextual) {\n this.Contextual = this.Transitions[contextual].prototype;\n this.Contextual.name = contextual;\n }\n\n if (location.origin !== this.location.origin || location.scheme !== this.location.scheme || location.anchor && location.pathname === this.location.pathname) {\n window.location.href = href;\n } else {\n this.location = location;\n this.beforeFetch();\n }\n }\n }\n\n popState() {\n this.trigger = 'popstate';\n this.Contextual = false;\n\n const location = this.Helpers.getLocation(window.location.href);\n\n if (this.location.pathname !== location.pathname || !this.location.anchor && !location.anchor) {\n this.popping = true;\n this.location = location;\n this.beforeFetch();\n } else {\n this.location = location;\n }\n }\n\n pushState() {\n if (!this.popping) {\n window.history.pushState(this.location, '', this.location.href);\n }\n }\n\n async fetch() {\n this.controller = new AbortController();\n\n const response = await fetch(this.location.href, {\n mode: 'same-origin',\n method: 'GET',\n headers: { 'X-Requested-With': 'PjaxMax' },\n credentials: 'same-origin',\n signal: this.controller.signal\n });\n\n if (response.ok) {\n return response.text();\n }\n\n window.location.href = this.location.href;\n }\n\n async beforeFetch() {\n this.pushState();\n this.running = true;\n this._eventMask.style.pointerEvents = 'auto';\n\n // Abort any in-flight fetch from a previous navigation\n this.controller?.abort();\n\n for (const fn of this.onLeave) fn();\n\n this.dispatchEvent(new CustomEvent('NAVIGATE_OUT', {\n detail: {\n from: {\n page: this.From.properties.page,\n view: this.From.properties.view\n },\n trigger: this.trigger,\n location: this.location\n }\n }));\n\n const data = {\n trigger: this.trigger,\n contextual: this.Contextual\n };\n\n if (this.cache.has(this.location.href)) {\n await this.From.hide(data);\n this.properties = this.cache.get(this.location.href);\n } else {\n const [html] = await Promise.all([\n this.fetch(),\n this.From.hide(data)\n ]);\n\n this.properties = this.Helpers.getProperties(html);\n this.cache.set(this.location.href, this.properties);\n }\n\n this.afterFetch();\n }\n\n async afterFetch() {\n const Renderer = await this.properties.renderer;\n\n this.To = new Renderer(this.properties);\n this.To.add();\n\n if (this.manualScrollRestoration) window.scrollTo(0, 0);\n\n this.dispatchEvent(new CustomEvent('NAVIGATE_IN', {\n detail: {\n to: {\n page: this.To.properties.page,\n view: this.To.wrap.lastElementChild\n },\n trigger: this.trigger,\n location: this.location\n }\n }));\n\n this.namespace = this.To.properties.slug;\n for (const fn of this.onEnter) fn();\n\n await this.To.show({\n trigger: this.trigger,\n contextual: this.Contextual\n });\n\n this.popping = false;\n this.running = false;\n this._eventMask.style.pointerEvents = 'none';\n\n this.detach(this.links);\n this.links = document.querySelectorAll('a:not([target]):not([data-router-disabled])');\n this.attach(this.links);\n this._initPrefetch();\n\n this.dispatchEvent(new CustomEvent('NAVIGATE_END', {\n detail: {\n to: {\n page: this.To.properties.page,\n view: this.To.wrap.lastElementChild\n },\n from: {\n page: this.From.properties.page,\n view: this.From.properties.view\n },\n trigger: this.trigger,\n location: this.location\n }\n }));\n\n this.From = this.To;\n this.trigger = null;\n }\n}\n","export default class Transition {\n\n constructor(wrap, name) {\n this.wrap = wrap;\n this.name = name;\n }\n\n show({ trigger, contextual }) {\n const to = this.wrap.lastElementChild;\n const from = this.wrap.firstElementChild;\n\n return new Promise(resolve => {\n if (!contextual) {\n to.setAttribute('data-transition-in', this.name);\n to.removeAttribute('data-transition-out');\n this.in?.({ to, from, trigger, done: resolve });\n } else {\n to.setAttribute('data-transition-in', contextual.name);\n to.removeAttribute('data-transition-out');\n contextual.in?.({ to, from, trigger, done: resolve });\n }\n });\n }\n\n hide({ trigger, contextual }) {\n const from = this.wrap.firstElementChild;\n\n return new Promise(resolve => {\n if (!contextual) {\n from.setAttribute('data-transition-out', this.name);\n from.removeAttribute('data-transition-in');\n this.out?.({ from, trigger, done: resolve });\n } else {\n from.setAttribute('data-transition-out', contextual.name);\n from.removeAttribute('data-transition-in');\n contextual.out?.({ from, trigger, done: resolve });\n }\n });\n }\n}\n"],"mappings":"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","names":["pjax_max_exports","__export","Core","Renderer","Transition","pjax_max_default","Renderer","properties","_a","_b","data","_c","PARSER","Helpers","renderers","transitions","page","view","slug","Renderer","renderer","context","transition","url","u","Core","renderers","transitions","onLeave","onEnter","manualScrollRestoration","Helpers","Renderer","el","prevent","e","links","link","urls","href","url","critical","hover","response","html","contextual","trigger","location","_a","fn","data","Transition","wrap","name","trigger","contextual","to","from","resolve","_a","_b","pjax_max_default","Core","Renderer","Transition"]}

package/dist/pjax-max.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var o=class{constructor(t){this.wrap=document.querySelector("[data-router-wrapper]"),this.properties=t,this.Transition=t.transition?new t.transition.class(this.wrap,t.transition.name):null}setup(){var t,e;(t=this.onEnter)==null\|\|t.call(this),(e=this.onEnterCompleted)==null\|\|e.call(this)}add(){this.wrap.insertAdjacentHTML("beforeend",this.properties.view.outerHTML)}update(){document.title=this.properties.page.title}async show(t){var e,i,s;this.update(),(e=this.onEnter)==null\|\|e.call(this),await((i=this.Transition)==null?void 0:i.show(t)),(s=this.onEnterCompleted)==null\|\|s.call(this)}async hide(t){var e,i,s;(e=this.onLeave)==null\|\|e.call(this),await((i=this.Transition)==null?void 0:i.hide(t)),(s=this.onLeaveCompleted)==null\|\|s.call(this)}};var d=new DOMParser,a=class{constructor(t,e){this.renderers=t,this.transitions=e}getDOM(t){return typeof t=="string"?d.parseFromString(t,"text/html"):t}getView(t){return t.querySelector("[data-router-view]")}getSlug(t){return t.getAttribute("data-router-view")}async getRenderer(t){if(!this.renderers\|\|!(t in this.renderers))return o;let e=this.renderers[t];return typeof e=="function"&&!o.isPrototypeOf(e)?(await e()).default:typeof(e==null?void 0:e.then)=="function"?(await e).default:e}getTransition(t){return this.transitions?t in this.transitions?{class:this.transitions[t],name:t}:"default"in this.transitions?{class:this.transitions.default,name:"default"}:null:null}getProperties(t){let e=this.getDOM(t),i=this.getView(e),s=this.getSlug(i),r=this.getRenderer(s),n=this.getTransition(s);return{page:e,view:i,slug:s,renderer:r,transition:n}}getLocation(t){let e=new URL(t);return{href:e.href,anchor:e.hash\|\|null,origin:e.hostname,params:e.search?Object.fromEntries(e.searchParams):null,pathname:e.pathname,scheme:e.protocol.replace(":","")}}};var h=class extends EventTarget{constructor({renderers:t,transitions:e,onLeave:i,onEnter:s,manualScrollRestoration:r=!1}={}){super(),this.Helpers=new a(t,e),this.Transitions=e,this.Contextual=!1,this.location=this.Helpers.getLocation(window.location.href),this.properties=this.Helpers.getProperties(document.cloneNode(!0)),this.popping=!1,this.running=!1,this.trigger=null,this.controller=null,this.onLeave=i\|\|[],this.onEnter=s\|\|[],this.namespace=this.properties.slug,this.manualScrollRestoration=r,r&&(history.scrollRestoration="manual"),this.cache=new Map,this.cache.set(this.location.href,this.properties),this.prefetching=new Set,this.properties.renderer.then(n=>{this.From=new n(this.properties),this.From.setup()}),this._navigate=this.navigate.bind(this),this._prefetchOnHover=this._prefetchOnHover.bind(this),window.addEventListener("popstate",this.popState.bind(this)),this._eventMask=this._createEventMask(),this.links=document.querySelectorAll("a:not([target]):not([data-router-disabled])"),this.attach(this.links),this._initPrefetch()}get transitioning(){return this.running}_createEventMask(){let t=document.createElement("div");t.style.cssText="position:fixed;inset:0;z-index:2147483647;pointer-events:none;";let e=i=>{i.preventDefault(),i.stopPropagation()};return t.addEventListener("scroll",e),t.addEventListener("wheel",e,{passive:!1}),t.addEventListener("touchmove",e,{passive:!1}),document.body.appendChild(t),t}attach(t){for(let e of t)e.addEventListener("click",this._navigate)}detach(t){for(let e of t)e.removeEventListener("click",this._navigate)}prefetch(t){let e=[];for(let i of t){let s=typeof i=="string"?i:i.href;s&&e.push(s)}for(let i of e)this._prefetchURL(i)}_initPrefetch(){let t=document.querySelectorAll('[data-prefetch="critical"]');t.length&&this.prefetch(t);let e=document.querySelectorAll('[data-prefetch="hover"]');for(let i of e)i.addEventListener("mouseenter",this._prefetchOnHover,{once:!0})}_prefetchOnHover(t){let e=t.currentTarget.href;e&&this._prefetchURL(e)}async _prefetchURL(t){if(!(this.cache.has(t)\|\|this.prefetching.has(t))){try{if(new URL(t).origin!==window.location.origin)return}catch{return}this.prefetching.add(t);try{let e=await fetch(t,{mode:"same-origin",method:"GET",headers:{"X-Requested-With":"PjaxMax"},credentials:"same-origin"});if(e.ok){let i=await e.text();this.cache.set(t,this.Helpers.getProperties(i))}}catch{}finally{this.prefetching.delete(t)}}}navigate(t){if(!(t.metaKey\|\|t.ctrlKey)){t.preventDefault();let e=t.currentTarget.hasAttribute("data-transition")?t.currentTarget.dataset.transition:!1;this.redirect(t.currentTarget.href,e,t.currentTarget)}}redirect(t,e=!1,i="script"){if(this.trigger=i,!this.running&&t!==this.location.href){let s=this.Helpers.getLocation(t);this.Contextual=!1,e&&(this.Contextual=this.Transitions[e].prototype,this.Contextual.name=e),s.origin!==this.location.origin\|\|s.scheme!==this.location.scheme\|\|s.anchor&&s.pathname===this.location.pathname?window.location.href=t:(this.location=s,this.beforeFetch())}}popState(){this.trigger="popstate",this.Contextual=!1;let t=this.Helpers.getLocation(window.location.href);this.location.pathname!==t.pathname\|\|!this.location.anchor&&!t.anchor?(this.popping=!0,this.location=t,this.beforeFetch()):this.location=t}pushState(){this.popping\|\|window.history.pushState(this.location,"",this.location.href)}async fetch(){this.controller=new AbortController;let t=await fetch(this.location.href,{mode:"same-origin",method:"GET",headers:{"X-Requested-With":"PjaxMax"},credentials:"same-origin",signal:this.controller.signal});if(t.ok)return t.text();window.location.href=this.location.href}async beforeFetch(){var e;this.pushState(),this.running=!0,this._eventMask.style.pointerEvents="auto",(e=this.controller)==null\|\|e.abort();for(let i of this.onLeave)i();this.dispatchEvent(new CustomEvent("NAVIGATE_OUT",{detail:{from:{page:this.From.properties.page,view:this.From.properties.view},trigger:this.trigger,location:this.location}}));let t={trigger:this.trigger,contextual:this.Contextual};if(this.cache.has(this.location.href))await this.From.hide(t),this.properties=this.cache.get(this.location.href);else{let[i]=await Promise.all([this.fetch(),this.From.hide(t)]);this.properties=this.Helpers.getProperties(i),this.cache.set(this.location.href,this.properties)}this.afterFetch()}async afterFetch(){let t=await this.properties.renderer;this.To=new t(this.properties),this.To.add(),this.manualScrollRestoration&&window.scrollTo(0,0),this.dispatchEvent(new CustomEvent("NAVIGATE_IN",{detail:{to:{page:this.To.properties.page,view:this.To.wrap.lastElementChild},trigger:this.trigger,location:this.location}})),this.namespace=this.To.properties.slug;for(let e of this.onEnter)e();await this.To.show({trigger:this.trigger,contextual:this.Contextual}),this.popping=!1,this.running=!1,this._eventMask.style.pointerEvents="none",this.detach(this.links),this.links=document.querySelectorAll("a:not([target]):not([data-router-disabled])"),this.attach(this.links),this._initPrefetch(),this.dispatchEvent(new CustomEvent("NAVIGATE_END",{detail:{to:{page:this.To.properties.page,view:this.To.wrap.lastElementChild},from:{page:this.From.properties.page,view:this.From.properties.view},trigger:this.trigger,location:this.location}})),this.From=this.To,this.trigger=null}};var c=class{constructor(t,e){this.wrap=t,this.name=e}show({trigger:t,contextual:e}){let i=this.wrap.lastElementChild,s=this.wrap.firstElementChild;return new Promise(r=>{var n,p;e?(i.setAttribute("data-transition-in",e.name),i.removeAttribute("data-transition-out"),(p=e.in)==null\|\|p.call(e,{to:i,from:s,trigger:t,done:r})):(i.setAttribute("data-transition-in",this.name),i.removeAttribute("data-transition-out"),(n=this.in)==null\|\|n.call(this,{to:i,from:s,trigger:t,done:r}))})}hide({trigger:t,contextual:e}){let i=this.wrap.firstElementChild;return new Promise(s=>{var r,n;e?(i.setAttribute("data-transition-out",e.name),i.removeAttribute("data-transition-in"),(n=e.out)==null\|\|n.call(e,{from:i,trigger:t,done:s})):(i.setAttribute("data-transition-out",this.name),i.removeAttribute("data-transition-in"),(r=this.out)==null\|\|r.call(this,{from:i,trigger:t,done:s}))})}};var b={Core:h,Renderer:o,Transition:c};export{h as Core,o as Renderer,c as Transition,b as default};
2	+ //# sourceMappingURL=pjax-max.js.map

package/dist/pjax-max.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/renderer.js","../src/helpers.js","../src/core.js","../src/transition.js","../src/pjax-max.js"],"sourcesContent":["export default class Renderer {\n\n constructor(properties) {\n this.wrap = document.querySelector('[data-router-wrapper]');\n this.properties = properties;\n this.Transition = properties.transition\n ? new properties.transition.class(this.wrap, properties.transition.name)\n : null;\n }\n\n setup() {\n this.onEnter?.();\n this.onEnterCompleted?.();\n }\n\n add() {\n this.wrap.insertAdjacentHTML('beforeend', this.properties.view.outerHTML);\n }\n\n update() {\n document.title = this.properties.page.title;\n }\n\n async show(data) {\n this.update();\n this.onEnter?.();\n await this.Transition?.show(data);\n this.onEnterCompleted?.();\n }\n\n async hide(data) {\n this.onLeave?.();\n await this.Transition?.hide(data);\n this.onLeaveCompleted?.();\n }\n}\n","import Renderer from './renderer';\n\nconst PARSER = new DOMParser();\n\nexport default class Helpers {\n\n constructor(renderers, transitions) {\n this.renderers = renderers;\n this.transitions = transitions;\n }\n\n getDOM(page) {\n return typeof page === 'string' ? PARSER.parseFromString(page, 'text/html') : page;\n }\n\n getView(page) {\n return page.querySelector('[data-router-view]');\n }\n\n getSlug(view) {\n return view.getAttribute('data-router-view');\n }\n\n async getRenderer(slug) {\n if (!this.renderers || !(slug in this.renderers)) {\n return Renderer;\n }\n\n const renderer = this.renderers[slug];\n\n // Dynamic import factory function\n if (typeof renderer === 'function' && !Renderer.isPrototypeOf(renderer)) {\n const mod = await renderer();\n return mod.default;\n }\n\n // Already a promise (e.g., top-level import())\n if (typeof renderer?.then === 'function') {\n const mod = await renderer;\n return mod.default;\n }\n\n return renderer;\n }\n\n getTransition(slug) {\n if (!this.transitions) {\n return null;\n }\n\n if (slug in this.transitions) {\n return { class: this.transitions[slug], name: slug };\n }\n\n if ('default' in this.transitions) {\n return { class: this.transitions['default'], name: 'default' };\n }\n\n return null;\n }\n\n getProperties(context) {\n const page = this.getDOM(context);\n const view = this.getView(page);\n const slug = this.getSlug(view);\n const renderer = this.getRenderer(slug);\n const transition = this.getTransition(slug);\n\n return {\n page,\n view,\n slug,\n renderer,\n transition\n };\n }\n\n getLocation(url) {\n const u = new URL(url);\n return {\n href: u.href,\n anchor: u.hash || null,\n origin: u.hostname,\n params: u.search ? Object.fromEntries(u.searchParams) : null,\n pathname: u.pathname,\n scheme: u.protocol.replace(':', '')\n };\n }\n}\n","import Helpers from './helpers';\n\nexport default class Core extends EventTarget {\n\n constructor({ renderers, transitions, onLeave, onEnter, manualScrollRestoration = false } = {}) {\n super();\n\n this.Helpers = new Helpers(renderers, transitions);\n this.Transitions = transitions;\n this.Contextual = false;\n\n this.location = this.Helpers.getLocation(window.location.href);\n this.properties = this.Helpers.getProperties(document.cloneNode(true));\n\n this.popping = false;\n this.running = false;\n this.trigger = null;\n this.controller = null;\n\n this.onLeave = onLeave || [];\n this.onEnter = onEnter || [];\n this.namespace = this.properties.slug;\n this.manualScrollRestoration = manualScrollRestoration;\n\n if (manualScrollRestoration) {\n history.scrollRestoration = 'manual';\n }\n\n this.cache = new Map();\n this.cache.set(this.location.href, this.properties);\n this.prefetching = new Set();\n\n this.properties.renderer.then(Renderer => {\n this.From = new Renderer(this.properties);\n this.From.setup();\n });\n\n this._navigate = this.navigate.bind(this);\n this._prefetchOnHover = this._prefetchOnHover.bind(this);\n window.addEventListener('popstate', this.popState.bind(this));\n\n this._eventMask = this._createEventMask();\n\n this.links = document.querySelectorAll('a:not([target]):not([data-router-disabled])');\n this.attach(this.links);\n\n this._initPrefetch();\n }\n\n get transitioning() {\n return this.running;\n }\n\n _createEventMask() {\n const el = document.createElement('div');\n el.style.cssText = 'position:fixed;inset:0;z-index:2147483647;pointer-events:none;';\n const prevent = (e) => { e.preventDefault(); e.stopPropagation(); };\n el.addEventListener('scroll', prevent);\n el.addEventListener('wheel', prevent, { passive: false });\n el.addEventListener('touchmove', prevent, { passive: false });\n document.body.appendChild(el);\n return el;\n }\n\n attach(links) {\n for (const link of links) {\n link.addEventListener('click', this._navigate);\n }\n }\n\n detach(links) {\n for (const link of links) {\n link.removeEventListener('click', this._navigate);\n }\n }\n\n /**\n * Prefetch URLs and store results in the cache.\n * Accepts an array of links (elements or URL strings).\n */\n prefetch(links) {\n const urls = [];\n\n for (const link of links) {\n const href = typeof link === 'string' ? link : link.href;\n if (href) urls.push(href);\n }\n\n for (const url of urls) {\n this._prefetchURL(url);\n }\n }\n\n _initPrefetch() {\n // Prefetch critical links immediately\n const critical = document.querySelectorAll('[data-prefetch=\"critical\"]');\n if (critical.length) this.prefetch(critical);\n\n // Attach hover listeners to hover-prefetch links\n const hover = document.querySelectorAll('[data-prefetch=\"hover\"]');\n for (const link of hover) {\n link.addEventListener('mouseenter', this._prefetchOnHover, { once: true });\n }\n }\n\n _prefetchOnHover(e) {\n const href = e.currentTarget.href;\n if (href) this._prefetchURL(href);\n }\n\n async _prefetchURL(url) {\n if (this.cache.has(url) || this.prefetching.has(url)) return;\n\n // Normalize against current origin\n try {\n const parsed = new URL(url);\n if (parsed.origin !== window.location.origin) return;\n } catch {\n return;\n }\n\n this.prefetching.add(url);\n\n try {\n const response = await fetch(url, {\n mode: 'same-origin',\n method: 'GET',\n headers: { 'X-Requested-With': 'PjaxMax' },\n credentials: 'same-origin'\n });\n\n if (response.ok) {\n const html = await response.text();\n this.cache.set(url, this.Helpers.getProperties(html));\n }\n } catch {\n // Prefetch is best-effort — silently ignore failures\n } finally {\n this.prefetching.delete(url);\n }\n }\n\n navigate(e) {\n if (!(e.metaKey || e.ctrlKey)) {\n e.preventDefault();\n\n const contextual = e.currentTarget.hasAttribute('data-transition')\n ? e.currentTarget.dataset.transition\n : false;\n\n this.redirect(e.currentTarget.href, contextual, e.currentTarget);\n }\n }\n\n redirect(href, contextual = false, trigger = 'script') {\n this.trigger = trigger;\n\n if (!this.running && href !== this.location.href) {\n const location = this.Helpers.getLocation(href);\n\n this.Contextual = false;\n\n if (contextual) {\n this.Contextual = this.Transitions[contextual].prototype;\n this.Contextual.name = contextual;\n }\n\n if (location.origin !== this.location.origin || location.scheme !== this.location.scheme || location.anchor && location.pathname === this.location.pathname) {\n window.location.href = href;\n } else {\n this.location = location;\n this.beforeFetch();\n }\n }\n }\n\n popState() {\n this.trigger = 'popstate';\n this.Contextual = false;\n\n const location = this.Helpers.getLocation(window.location.href);\n\n if (this.location.pathname !== location.pathname || !this.location.anchor && !location.anchor) {\n this.popping = true;\n this.location = location;\n this.beforeFetch();\n } else {\n this.location = location;\n }\n }\n\n pushState() {\n if (!this.popping) {\n window.history.pushState(this.location, '', this.location.href);\n }\n }\n\n async fetch() {\n this.controller = new AbortController();\n\n const response = await fetch(this.location.href, {\n mode: 'same-origin',\n method: 'GET',\n headers: { 'X-Requested-With': 'PjaxMax' },\n credentials: 'same-origin',\n signal: this.controller.signal\n });\n\n if (response.ok) {\n return response.text();\n }\n\n window.location.href = this.location.href;\n }\n\n async beforeFetch() {\n this.pushState();\n this.running = true;\n this._eventMask.style.pointerEvents = 'auto';\n\n // Abort any in-flight fetch from a previous navigation\n this.controller?.abort();\n\n for (const fn of this.onLeave) fn();\n\n this.dispatchEvent(new CustomEvent('NAVIGATE_OUT', {\n detail: {\n from: {\n page: this.From.properties.page,\n view: this.From.properties.view\n },\n trigger: this.trigger,\n location: this.location\n }\n }));\n\n const data = {\n trigger: this.trigger,\n contextual: this.Contextual\n };\n\n if (this.cache.has(this.location.href)) {\n await this.From.hide(data);\n this.properties = this.cache.get(this.location.href);\n } else {\n const [html] = await Promise.all([\n this.fetch(),\n this.From.hide(data)\n ]);\n\n this.properties = this.Helpers.getProperties(html);\n this.cache.set(this.location.href, this.properties);\n }\n\n this.afterFetch();\n }\n\n async afterFetch() {\n const Renderer = await this.properties.renderer;\n\n this.To = new Renderer(this.properties);\n this.To.add();\n\n if (this.manualScrollRestoration) window.scrollTo(0, 0);\n\n this.dispatchEvent(new CustomEvent('NAVIGATE_IN', {\n detail: {\n to: {\n page: this.To.properties.page,\n view: this.To.wrap.lastElementChild\n },\n trigger: this.trigger,\n location: this.location\n }\n }));\n\n this.namespace = this.To.properties.slug;\n for (const fn of this.onEnter) fn();\n\n await this.To.show({\n trigger: this.trigger,\n contextual: this.Contextual\n });\n\n this.popping = false;\n this.running = false;\n this._eventMask.style.pointerEvents = 'none';\n\n this.detach(this.links);\n this.links = document.querySelectorAll('a:not([target]):not([data-router-disabled])');\n this.attach(this.links);\n this._initPrefetch();\n\n this.dispatchEvent(new CustomEvent('NAVIGATE_END', {\n detail: {\n to: {\n page: this.To.properties.page,\n view: this.To.wrap.lastElementChild\n },\n from: {\n page: this.From.properties.page,\n view: this.From.properties.view\n },\n trigger: this.trigger,\n location: this.location\n }\n }));\n\n this.From = this.To;\n this.trigger = null;\n }\n}\n","export default class Transition {\n\n constructor(wrap, name) {\n this.wrap = wrap;\n this.name = name;\n }\n\n show({ trigger, contextual }) {\n const to = this.wrap.lastElementChild;\n const from = this.wrap.firstElementChild;\n\n return new Promise(resolve => {\n if (!contextual) {\n to.setAttribute('data-transition-in', this.name);\n to.removeAttribute('data-transition-out');\n this.in?.({ to, from, trigger, done: resolve });\n } else {\n to.setAttribute('data-transition-in', contextual.name);\n to.removeAttribute('data-transition-out');\n contextual.in?.({ to, from, trigger, done: resolve });\n }\n });\n }\n\n hide({ trigger, contextual }) {\n const from = this.wrap.firstElementChild;\n\n return new Promise(resolve => {\n if (!contextual) {\n from.setAttribute('data-transition-out', this.name);\n from.removeAttribute('data-transition-in');\n this.out?.({ from, trigger, done: resolve });\n } else {\n from.setAttribute('data-transition-out', contextual.name);\n from.removeAttribute('data-transition-in');\n contextual.out?.({ from, trigger, done: resolve });\n }\n });\n }\n}\n","import Core from './core';\nimport Renderer from './renderer';\nimport Transition from './transition';\n\nexport { Core, Renderer, Transition };\nexport default { Core, Renderer, Transition };\n"],"mappings":"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","names":["Renderer","properties","_a","_b","data","_c","PARSER","Helpers","renderers","transitions","page","view","slug","Renderer","renderer","context","transition","url","u","Core","renderers","transitions","onLeave","onEnter","manualScrollRestoration","Helpers","Renderer","el","prevent","e","links","link","urls","href","url","critical","hover","response","html","contextual","trigger","location","_a","fn","data","Transition","wrap","name","trigger","contextual","to","from","resolve","_a","_b","pjax_max_default","Core","Renderer","Transition"]}

package/package.json ADDED Viewed

@@ -0,0 +1,70 @@
+{
+  "name": "pjax-max",
+  "version": "3.0.0",
+  "license": "MIT",
+  "type": "module",
+  "description": "Lightweight PJAX library for page transitions",
+  "source": "src/pjax-max.js",
+  "main": "./dist/pjax-max.cjs",
+  "module": "./dist/pjax-max.js",
+  "unpkg": "./dist/pjax-max.global.js",
+  "exports": {
+    ".": {
+      "import": "./dist/pjax-max.js",
+      "require": "./dist/pjax-max.cjs",
+      "default": "./dist/pjax-max.js"
+    }
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "contributors": [
+    {
+      "name": "Anthony Du Pont",
+      "url": "https://twitter.com/Anthodpnt"
+    },
+    {
+      "name": "Thao Delefortrie",
+      "url": "https://twitter.com/ThaoD5"
+    },
+    {
+      "name": "Josh Kirk",
+      "email": "josh@zero.nyc",
+      "url": "https://twitter.com/joshgkirk"
+    },
+    {
+      "name": "Mike Wagz",
+      "email": "mike@selfaware.studio",
+      "url": "https://twitter.com/mike_wagz"
+    }
+  ],
+  "scripts": {
+    "clean": "rm -rf dist",
+    "build": "tsup",
+    "watch": "tsup --watch"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/joshgkirk/pjax-max.git"
+  },
+  "keywords": [
+    "pjax",
+    "transitions",
+    "spa",
+    "navigation",
+    "ajax",
+    "javascript",
+    "library"
+  ],
+  "bugs": {
+    "url": "https://github.com/joshgkirk/pjax-max/issues"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "devDependencies": {
+    "tsup": "^8.0.0",
+    "typescript": "^6.0.2"
+  }
+}

package/src/core.js ADDED Viewed

@@ -0,0 +1,312 @@
+import Helpers from './helpers';
+export default class Core extends EventTarget {
+  constructor({ renderers, transitions, onLeave, onEnter, manualScrollRestoration = false } = {}) {
+    super();
+    this.Helpers = new Helpers(renderers, transitions);
+    this.Transitions = transitions;
+    this.Contextual = false;
+    this.location = this.Helpers.getLocation(window.location.href);
+    this.properties = this.Helpers.getProperties(document.cloneNode(true));
+    this.popping = false;
+    this.running = false;
+    this.trigger = null;
+    this.controller = null;
+    this.onLeave = onLeave || [];
+    this.onEnter = onEnter || [];
+    this.namespace = this.properties.slug;
+    this.manualScrollRestoration = manualScrollRestoration;
+    if (manualScrollRestoration) {
+      history.scrollRestoration = 'manual';
+    }
+    this.cache = new Map();
+    this.cache.set(this.location.href, this.properties);
+    this.prefetching = new Set();
+    this.properties.renderer.then(Renderer => {
+      this.From = new Renderer(this.properties);
+      this.From.setup();
+    });
+    this._navigate = this.navigate.bind(this);
+    this._prefetchOnHover = this._prefetchOnHover.bind(this);
+    window.addEventListener('popstate', this.popState.bind(this));
+    this._eventMask = this._createEventMask();
+    this.links = document.querySelectorAll('a:not([target]):not([data-router-disabled])');
+    this.attach(this.links);
+    this._initPrefetch();
+  }
+  get transitioning() {
+    return this.running;
+  }
+  _createEventMask() {
+    const el = document.createElement('div');
+    el.style.cssText = 'position:fixed;inset:0;z-index:2147483647;pointer-events:none;';
+    const prevent = (e) => { e.preventDefault(); e.stopPropagation(); };
+    el.addEventListener('scroll', prevent);
+    el.addEventListener('wheel', prevent, { passive: false });
+    el.addEventListener('touchmove', prevent, { passive: false });
+    document.body.appendChild(el);
+    return el;
+  }
+  attach(links) {
+    for (const link of links) {
+      link.addEventListener('click', this._navigate);
+    }
+  }
+  detach(links) {
+    for (const link of links) {
+      link.removeEventListener('click', this._navigate);
+    }
+  }
+  /**
+   * Prefetch URLs and store results in the cache.
+   * Accepts an array of links (elements or URL strings).
+   */
+  prefetch(links) {
+    const urls = [];
+    for (const link of links) {
+      const href = typeof link === 'string' ? link : link.href;
+      if (href) urls.push(href);
+    }
+    for (const url of urls) {
+      this._prefetchURL(url);
+    }
+  }
+  _initPrefetch() {
+    // Prefetch critical links immediately
+    const critical = document.querySelectorAll('[data-prefetch="critical"]');
+    if (critical.length) this.prefetch(critical);
+    // Attach hover listeners to hover-prefetch links
+    const hover = document.querySelectorAll('[data-prefetch="hover"]');
+    for (const link of hover) {
+      link.addEventListener('mouseenter', this._prefetchOnHover, { once: true });
+    }
+  }
+  _prefetchOnHover(e) {
+    const href = e.currentTarget.href;
+    if (href) this._prefetchURL(href);
+  }
+  async _prefetchURL(url) {
+    if (this.cache.has(url) || this.prefetching.has(url)) return;
+    // Normalize against current origin
+    try {
+      const parsed = new URL(url);
+      if (parsed.origin !== window.location.origin) return;
+    } catch {
+      return;
+    }
+    this.prefetching.add(url);
+    try {
+      const response = await fetch(url, {
+        mode: 'same-origin',
+        method: 'GET',
+        headers: { 'X-Requested-With': 'PjaxMax' },
+        credentials: 'same-origin'
+      });
+      if (response.ok) {
+        const html = await response.text();
+        this.cache.set(url, this.Helpers.getProperties(html));
+      }
+    } catch {
+      // Prefetch is best-effort — silently ignore failures
+    } finally {
+      this.prefetching.delete(url);
+    }
+  }
+  navigate(e) {
+    if (!(e.metaKey || e.ctrlKey)) {
+      e.preventDefault();
+      const contextual = e.currentTarget.hasAttribute('data-transition')
+        ? e.currentTarget.dataset.transition
+        : false;
+      this.redirect(e.currentTarget.href, contextual, e.currentTarget);
+    }
+  }
+  redirect(href, contextual = false, trigger = 'script') {
+    this.trigger = trigger;
+    if (!this.running && href !== this.location.href) {
+      const location = this.Helpers.getLocation(href);
+      this.Contextual = false;
+      if (contextual) {
+        this.Contextual = this.Transitions[contextual].prototype;
+        this.Contextual.name = contextual;
+      }
+      if (location.origin !== this.location.origin || location.scheme !== this.location.scheme || location.anchor && location.pathname === this.location.pathname) {
+        window.location.href = href;
+      } else {
+        this.location = location;
+        this.beforeFetch();
+      }
+    }
+  }
+  popState() {
+    this.trigger = 'popstate';
+    this.Contextual = false;
+    const location = this.Helpers.getLocation(window.location.href);
+    if (this.location.pathname !== location.pathname || !this.location.anchor && !location.anchor) {
+      this.popping = true;
+      this.location = location;
+      this.beforeFetch();
+    } else {
+      this.location = location;
+    }
+  }
+  pushState() {
+    if (!this.popping) {
+      window.history.pushState(this.location, '', this.location.href);
+    }
+  }
+  async fetch() {
+    this.controller = new AbortController();
+    const response = await fetch(this.location.href, {
+      mode: 'same-origin',
+      method: 'GET',
+      headers: { 'X-Requested-With': 'PjaxMax' },
+      credentials: 'same-origin',
+      signal: this.controller.signal
+    });
+    if (response.ok) {
+      return response.text();
+    }
+    window.location.href = this.location.href;
+  }
+  async beforeFetch() {
+    this.pushState();
+    this.running = true;
+    this._eventMask.style.pointerEvents = 'auto';
+    // Abort any in-flight fetch from a previous navigation
+    this.controller?.abort();
+    for (const fn of this.onLeave) fn();
+    this.dispatchEvent(new CustomEvent('NAVIGATE_OUT', {
+      detail: {
+        from: {
+          page: this.From.properties.page,
+          view: this.From.properties.view
+        },
+        trigger: this.trigger,
+        location: this.location
+      }
+    }));
+    const data = {
+      trigger: this.trigger,
+      contextual: this.Contextual
+    };
+    if (this.cache.has(this.location.href)) {
+      await this.From.hide(data);
+      this.properties = this.cache.get(this.location.href);
+    } else {
+      const [html] = await Promise.all([
+        this.fetch(),
+        this.From.hide(data)
+      ]);
+      this.properties = this.Helpers.getProperties(html);
+      this.cache.set(this.location.href, this.properties);
+    }
+    this.afterFetch();
+  }
+  async afterFetch() {
+    const Renderer = await this.properties.renderer;
+    this.To = new Renderer(this.properties);
+    this.To.add();
+    if (this.manualScrollRestoration) window.scrollTo(0, 0);
+    this.dispatchEvent(new CustomEvent('NAVIGATE_IN', {
+      detail: {
+        to: {
+          page: this.To.properties.page,
+          view: this.To.wrap.lastElementChild
+        },
+        trigger: this.trigger,
+        location: this.location
+      }
+    }));
+    this.namespace = this.To.properties.slug;
+    for (const fn of this.onEnter) fn();
+    await this.To.show({
+      trigger: this.trigger,
+      contextual: this.Contextual
+    });
+    this.popping = false;
+    this.running = false;
+    this._eventMask.style.pointerEvents = 'none';
+    this.detach(this.links);
+    this.links = document.querySelectorAll('a:not([target]):not([data-router-disabled])');
+    this.attach(this.links);
+    this._initPrefetch();
+    this.dispatchEvent(new CustomEvent('NAVIGATE_END', {
+      detail: {
+        to: {
+          page: this.To.properties.page,
+          view: this.To.wrap.lastElementChild
+        },
+        from: {
+          page: this.From.properties.page,
+          view: this.From.properties.view
+        },
+        trigger: this.trigger,
+        location: this.location
+      }
+    }));
+    this.From = this.To;
+    this.trigger = null;
+  }
+}

package/src/helpers.js ADDED Viewed

@@ -0,0 +1,89 @@
+import Renderer from './renderer';
+const PARSER = new DOMParser();
+export default class Helpers {
+  constructor(renderers, transitions) {
+    this.renderers = renderers;
+    this.transitions = transitions;
+  }
+  getDOM(page) {
+    return typeof page === 'string' ? PARSER.parseFromString(page, 'text/html') : page;
+  }
+  getView(page) {
+    return page.querySelector('[data-router-view]');
+  }
+  getSlug(view) {
+    return view.getAttribute('data-router-view');
+  }
+  async getRenderer(slug) {
+    if (!this.renderers || !(slug in this.renderers)) {
+      return Renderer;
+    }
+    const renderer = this.renderers[slug];
+    // Dynamic import factory function
+    if (typeof renderer === 'function' && !Renderer.isPrototypeOf(renderer)) {
+      const mod = await renderer();
+      return mod.default;
+    }
+    // Already a promise (e.g., top-level import())
+    if (typeof renderer?.then === 'function') {
+      const mod = await renderer;
+      return mod.default;
+    }
+    return renderer;
+  }
+  getTransition(slug) {
+    if (!this.transitions) {
+      return null;
+    }
+    if (slug in this.transitions) {
+      return { class: this.transitions[slug], name: slug };
+    }
+    if ('default' in this.transitions) {
+      return { class: this.transitions['default'], name: 'default' };
+    }
+    return null;
+  }
+  getProperties(context) {
+    const page = this.getDOM(context);
+    const view = this.getView(page);
+    const slug = this.getSlug(view);
+    const renderer = this.getRenderer(slug);
+    const transition = this.getTransition(slug);
+    return {
+      page,
+      view,
+      slug,
+      renderer,
+      transition
+    };
+  }
+  getLocation(url) {
+    const u = new URL(url);
+    return {
+      href: u.href,
+      anchor: u.hash || null,
+      origin: u.hostname,
+      params: u.search ? Object.fromEntries(u.searchParams) : null,
+      pathname: u.pathname,
+      scheme: u.protocol.replace(':', '')
+    };
+  }
+}

package/src/pjax-max.js ADDED Viewed

@@ -0,0 +1,6 @@
+import Core from './core';
+import Renderer from './renderer';
+import Transition from './transition';
+export { Core, Renderer, Transition };
+export default { Core, Renderer, Transition };

package/src/renderer.js ADDED Viewed

@@ -0,0 +1,36 @@
+export default class Renderer {
+  constructor(properties) {
+    this.wrap = document.querySelector('[data-router-wrapper]');
+    this.properties = properties;
+    this.Transition = properties.transition
+      ? new properties.transition.class(this.wrap, properties.transition.name)
+      : null;
+  }
+  setup() {
+    this.onEnter?.();
+    this.onEnterCompleted?.();
+  }
+  add() {
+    this.wrap.insertAdjacentHTML('beforeend', this.properties.view.outerHTML);
+  }
+  update() {
+    document.title = this.properties.page.title;
+  }
+  async show(data) {
+    this.update();
+    this.onEnter?.();
+    await this.Transition?.show(data);
+    this.onEnterCompleted?.();
+  }
+  async hide(data) {
+    this.onLeave?.();
+    await this.Transition?.hide(data);
+    this.onLeaveCompleted?.();
+  }
+}

package/src/transition.js ADDED Viewed

@@ -0,0 +1,40 @@
+export default class Transition {
+  constructor(wrap, name) {
+    this.wrap = wrap;
+    this.name = name;
+  }
+  show({ trigger, contextual }) {
+    const to = this.wrap.lastElementChild;
+    const from = this.wrap.firstElementChild;
+    return new Promise(resolve => {
+      if (!contextual) {
+        to.setAttribute('data-transition-in', this.name);
+        to.removeAttribute('data-transition-out');
+        this.in?.({ to, from, trigger, done: resolve });
+      } else {
+        to.setAttribute('data-transition-in', contextual.name);
+        to.removeAttribute('data-transition-out');
+        contextual.in?.({ to, from, trigger, done: resolve });
+      }
+    });
+  }
+  hide({ trigger, contextual }) {
+    const from = this.wrap.firstElementChild;
+    return new Promise(resolve => {
+      if (!contextual) {
+        from.setAttribute('data-transition-out', this.name);
+        from.removeAttribute('data-transition-in');
+        this.out?.({ from, trigger, done: resolve });
+      } else {
+        from.setAttribute('data-transition-out', contextual.name);
+        from.removeAttribute('data-transition-in');
+        contextual.out?.({ from, trigger, done: resolve });
+      }
+    });
+  }
+}