@very-simple/ajax 0.5.4 → 0.7.0

package/dist/index.d.ts

@@ -7,6 +7,8 @@ interface VisitOptions {
     autoFocus?: boolean;
     loadingDelay?: number;
     progressHideDelay?: number;
+    request?: RequestInit;
+    regions?: string[];
 }
 type MergeStrategy = 'replace' | 'morph' | 'before' | 'after' | 'prepend' | 'append' | 'update';
 interface Config {
@@ -41,7 +43,7 @@ declare global {
 
 declare const _default: {
     start: ({ watchHistory, merge, morphHeads, loadingDelay, }?: Config) => void;
-    visit: (url: string, { action, emitEvents, isBackForward, morphHeads, merge: mergeStrategy, loadingDelay, progressHideDelay, autoFocus, }?: VisitOptions) => Promise<void>;
+    visit: (url: string, { action, emitEvents, isBackForward, morphHeads, merge: mergeStrategy, loadingDelay, progressHideDelay, autoFocus, request, regions, }?: VisitOptions) => Promise<void>;
 };
 
 export { _default as default };

package/dist/index.js

@@ -12,7 +12,7 @@ var parser = new DOMParser();
 var currentLoadController;
 var progress = 0;
 var trickleInterval;
-var load = async (url, regionIds, options) => {
+var load = async (url, regions, options) => {
   let progressDelayTimeout;
   try {
     currentLoadController?.abort();
@@ -24,9 +24,11 @@ var load = async (url, regionIds, options) => {
       startTrickle();
     }, options.loadingDelay);
     const response = await fetch(url, {
+      ...options.request,
       headers: {
+        ...options.request?.headers,
         "X-Very-Simple-Request": "true",
-        "X-Very-Simple-Regions": regionIds.join(" ")
+        "X-Very-Simple-Regions": regions.join(" ")
       },
       signal: currentLoadController.signal
     });
@@ -144,7 +146,9 @@ var visit = async (url, {
   merge: mergeStrategy = globalConfig.merge,
   loadingDelay = globalConfig.loadingDelay,
   progressHideDelay = globalConfig.progressHideDelay,
-  autoFocus = true
+  autoFocus = true,
+  request,
+  regions = []
 } = {}) => {
   prevUrl = currentUrl;
   currentUrl = url;
@@ -153,10 +157,9 @@ var visit = async (url, {
   if (isBackForward) {
     newDocument = cache.get(url)?.cloneNode(true);
   }
-  const regions = findRegions(document);
   if (!newDocument) {
-    const options = { loadingDelay, progressHideDelay };
-    const result = await load(url, Array.from(regions.keys()), options);
+    const options = { loadingDelay, progressHideDelay, request };
+    const result = await load(url, regions, options);
     if (result) ({ url, document: newDocument } = result);
   }
   if (!newDocument) return;
@@ -166,17 +169,16 @@ var visit = async (url, {
     cache.set(cacheId, document.cloneNode(true));
   }
   if (morphHeads) Idiomorph2.morph(document.head, newDocument.head);
-  const getMergeStrategy = (oldEl, newEl) => newEl.dataset.simpleAjax || oldEl.dataset.simpleAjax || mergeStrategy;
+  const getMergeStrategy = (oldEl, newEl) => newEl.dataset.simpleMerge || oldEl.dataset.simpleMerge || mergeStrategy;
   let autoFocusEl;
-  const newRegions = findRegions(newDocument);
-  const regionKeys = new Set(regions.keys());
-  const newRegionKeys = new Set(newRegions.keys());
-  const commonRegionKeys = regionKeys.intersection(newRegionKeys);
-  const hasCommonRegions = commonRegionKeys.size > 0;
-  if (hasCommonRegions) {
-    for (const id of commonRegionKeys) {
-      const region = regions.get(id);
-      const newRegion = newRegions.get(id);
+  const hasMatchingRegions = regions?.some(
+    (selector) => document.querySelector(selector) && newDocument.querySelector(selector)
+  );
+  if (hasMatchingRegions) {
+    for (const id of regions) {
+      const region = document.querySelector(id);
+      const newRegion = newDocument.querySelector(id);
+      if (!region || !newRegion) continue;
       const strategy = getMergeStrategy(region, newRegion);
       const result = merge(region, newRegion, strategy);
       autoFocusEl ??= result.autoFocusEl;
@@ -193,14 +195,6 @@ var visit = async (url, {
   else if (action === "push") history.pushState(null, "", url);
   if (emitEvents) emit("visit", { url, prevUrl });
 };
-var findRegions = (doc) => {
-  let regions = /* @__PURE__ */ new Map();
-  doc.querySelectorAll("[data-simple-ajax]").forEach((el) => {
-    if (!el.id) console.warn(`Ajax region is missing an id:`, el);
-    else regions.set(el.id, el);
-  });
-  return regions;
-};
 
 // src/start.ts
 var start = ({

package/package.json

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