@very-simple/ajax 1.0.0-beta.2 → 1.0.0-beta.4

package/README.md

@@ -74,6 +74,9 @@ start({
   progressHideDelay: 500,
   // Prefix used for the `data-ajax-*` attributes.
   prefix: 'data-ajax-',
+  // Default selectors to swap instead of the whole `<body>`, used for visits
+  // that don't specify their own `regions` (e.g. via `data-ajax-regions`).
+  regions: [],
   // Custom scroll handling, e.g. restoring position on back/forward visits.
   scrollBehavior: ({ isBackForward, savedPosition }) =>
     isBackForward ? savedPosition : { top: 0 },

package/dist/index.d.ts

@@ -36,6 +36,8 @@ interface Config {
     progressHideDelay?: number;
     /** Prefix used for the `data-ajax-*` attributes. */
     prefix?: string;
+    /** Default regions used for visits that don't specify their own. */
+    regions?: string[];
     /** Called after an element is added to the DOM by a merge. */
     mount?: (el: Element) => void;
     /** Called before an element is removed from the DOM by a merge. */

package/dist/index.js

@@ -6,7 +6,8 @@ var config = {
   viewTransitions: false,
   loadingDelay: 500,
   progressHideDelay: 500,
-  prefix: "data-ajax-"
+  prefix: "data-ajax-",
+  regions: []
 };
 
 // src/load.ts
@@ -222,7 +223,7 @@ var visit = async (url, {
   autoFocus = true,
   request,
   state,
-  regions = [],
+  regions = config.regions,
   morphHeads = config.morphHeads,
   merge: mergeStrategy = config.merge,
   executeScripts: shouldExecuteScripts = config.executeScripts,
@@ -267,7 +268,6 @@ var visit = async (url, {
   const to = { url, state, document: newDocument };
   await emit("before-swap", { from, to, isBackForward, signal });
   if (signal.aborted) return;
-  if (morphHeads) Idiomorph2.morph(document.head, newDocument.head);
   const getMergeStrategy = (oldEl, newEl) => newEl.getAttribute(`${config.prefix}merge`) || oldEl.getAttribute(`${config.prefix}merge`) || mergeStrategy;
   let autoFocusEl;
   const hasMatchingRegions = regions?.some(
@@ -313,14 +313,17 @@ var visit = async (url, {
     if (position) window.scrollTo(position);
   };
   if (config.render) {
+    if (morphHeads) Idiomorph2.morph(document.head, newDocument.head);
     await config.render(newDocument);
   } else if (viewTransitions && document.startViewTransition) {
     await document.startViewTransition(async () => {
+      if (morphHeads) Idiomorph2.morph(document.head, newDocument.head);
       await mergeRegions();
       await emit("after-swap", { from, to, isBackForward, signal });
       applyScrollBehavior();
     }).ready;
   } else {
+    if (morphHeads) Idiomorph2.morph(document.head, newDocument.head);
     await mergeRegions();
     await emit("after-swap", { from, to, isBackForward, signal });
     applyScrollBehavior();
@@ -377,7 +380,7 @@ var interceptHistory = () => {
     visit(window.location.href, {
       history: "none",
       isBackForward: true,
-      regions: currentState?.regions ?? [],
+      regions: currentState?.regions ?? config.regions,
       state: event.state
     });
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@very-simple/ajax",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.4",
   "description": "A very simple turbolinks inspired ajax library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",