@very-simple/ajax 0.5.1 → 0.5.3

package/dist/index.d.ts

@@ -5,12 +5,14 @@ interface VisitOptions {
     merge?: MergeStrategy;
     morphHeads?: boolean;
     autoFocus?: boolean;
+    loadingDelay?: number;
 }
 type MergeStrategy = 'replace' | 'morph' | 'before' | 'after' | 'prepend' | 'append' | 'update';
 interface Config {
     watchHistory?: boolean;
     merge?: MergeStrategy;
     morphHeads?: boolean;
+    loadingDelay?: number;
 }
 type EventMap = {
     visit: {
@@ -36,8 +38,8 @@ declare global {
 }
 
 declare const _default: {
-    start: ({ watchHistory, merge, morphHeads, }?: Config) => void;
-    visit: (url: string, { action, emitEvents, isBackForward, morphHeads, merge: mergeStrategy, autoFocus, }?: VisitOptions) => Promise<void>;
+    start: ({ watchHistory, merge, morphHeads, loadingDelay, }?: Config) => void;
+    visit: (url: string, { action, emitEvents, isBackForward, morphHeads, merge: mergeStrategy, loadingDelay, autoFocus, }?: VisitOptions) => Promise<void>;
 };
 
 export { _default as default };

package/dist/index.js

@@ -2,19 +2,23 @@
 var globalConfig = {
   watchHistory: true,
   morphHeads: true,
-  merge: "replace"
+  merge: "replace",
+  loadingDelay: 500
 };
 
 // src/load.ts
 var parser = new DOMParser();
 var currentLoadController;
-var load = async (url, regionIds) => {
+var load = async (url, regionIds, options) => {
   let progressDelayTimeout;
   try {
-    currentLoadController?.abort("cancel");
+    currentLoadController?.abort();
     currentLoadController = new AbortController();
     setProgress(0);
-    progressDelayTimeout = window.setTimeout(() => toggleLoading(true), 500);
+    progressDelayTimeout = window.setTimeout(
+      () => toggleLoading(true),
+      options.loadingDelay
+    );
     const response = await fetch(url, {
       headers: {
         "X-Very-Simple-Request": "true",
@@ -56,7 +60,8 @@ var load = async (url, regionIds) => {
     return parser.parseFromString(html, "text/html");
   } catch (e) {
     setProgress(0);
-    if (e !== "cancel") {
+    const isAbortError = e instanceof DOMException && e.name === "AbortError";
+    if (!isAbortError) {
       window.location.reload();
     }
   } finally {
@@ -149,6 +154,7 @@ var visit = async (url, {
   isBackForward = false,
   morphHeads = globalConfig.morphHeads,
   merge: mergeStrategy = globalConfig.merge,
+  loadingDelay = globalConfig.loadingDelay,
   autoFocus = true
 } = {}) => {
   prevUrl = currentUrl;
@@ -159,7 +165,7 @@ var visit = async (url, {
     newDocument = cache.get(url)?.cloneNode(true);
   }
   const regions = findRegions(document);
-  newDocument ??= await load(url, Array.from(regions.keys()));
+  newDocument ??= await load(url, Array.from(regions.keys()), { loadingDelay });
   if (!newDocument) return;
   if (emitEvents) emit("before-render", { url, prevUrl, newDocument });
   if (!isBackForward) {
@@ -207,11 +213,13 @@ var findRegions = (doc) => {
 var start = ({
   watchHistory = true,
   merge: merge2 = "replace",
-  morphHeads = true
+  morphHeads = true,
+  loadingDelay = 500
 } = {}) => {
   globalConfig.merge = merge2;
   globalConfig.watchHistory = watchHistory;
   globalConfig.morphHeads = morphHeads;
+  globalConfig.loadingDelay = loadingDelay;
   if (watchHistory) {
     window.addEventListener("popstate", () => {
       visit(window.location.pathname + window.location.search, {

package/package.json

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