@soleil-se/app-util 5.4.1 → 5.5.0

package/CHANGELOG.md

@@ -5,6 +5,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [5.5.0] - 2023-08-25
+
+- Remove abort controllers in `fetchJson` since it's better to handle this seperatly case by case.
+
 ## [5.4.1] - 2023-08-22
 
 - Add `/edit-app-config` to ignored URI:s in `fetchJson`.

package/README.md

@@ -272,15 +272,23 @@ async function getItems() {
 }
 ```
 
-Handle aborted requests called in rapid succession, for example searching when typing.
+When searching on input you probably want to abort the ongoing request to avoid weird bugs when
+the first request might be completed after the subsequent one.  
+Pass an [AbortController](https://developer.mozilla.org/en-US/docs/Web/API/AbortController) signal
+in options and abort the ongoing call.
 
 ```js
 import { fetchJson } from '@soleil-se/webapp-util/client';
 
+let controller;
+
 async function onInput() {
+  if(controller) controller.abort();
+  controller = new AbortController();
+
   const params = { query: 'foo' };
   try {
-    const result = await fetchJson('/search', { params });
+    const result = await fetchJson('/search', { params, signal: controller.signal });
     console.log(result);
   } catch(e) {
     // Ignore aborts due to new search.

package/client/fetch-json/index.js

@@ -29,12 +29,8 @@ async function handleResponse(response) {
   return json;
 }
 
-const controllers = {};
-
 export default function fetchJson(uri, { params = {}, retries = 0, ...options } = {}) {
-  if (controllers[uri]) controllers[uri].abort();
-  controllers[uri] = new AbortController();
-  return fetch(getUrl(uri, params), { signal: controllers[uri].signal, ...options })
+  return fetch(getUrl(uri, params), options)
     .then(handleResponse)
     .catch((error) => {
       const isTimeout = error.status === 504 || error.status === 408 || error.message.includes('SocketTimeoutException');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soleil-se/app-util",
-  "version": "5.4.1",
+  "version": "5.5.0",
   "description": "Utility and rendering functions for WebApps.",
   "main": "./common/index.js",
   "author": "Soleil AB",
@@ -14,6 +14,6 @@
   "peerDependencies": {
     "@sitevision/api": "*"
   },
-  "gitHead": "e95307bdefd374f4f325b6619430b2135c9334e2",
+  "gitHead": "b70a56edccc70b2af2da994e9fd4a99a7a908003",
   "dependencies": {}
 }