react-usespinner 1.0.2 → 1.0.4

package/README.md

@@ -72,4 +72,8 @@ start("genericname", { delay: 20000})
 start("genericname", { delay: 30000})
 
 end("genericname"); // will mark all three actions as complete as they have the same name
-```
+```
+
+## Custom fetch
+
+useSpinner also exports it's own fetch method. This method is compatible with a normal browser fetch but creates a unique action id that is tracked by the useSpinner actions

package/dist/{index.ts → index.js}

@@ -1,5 +1,2 @@
-import useSpinner from "./usespinner";
-
-export {
-    useSpinner
-}
+import useSpinner from "./usespinner";
+export { useSpinner };

package/dist/usespinner.tsx

@@ -47,6 +47,31 @@ const useSpinner = (globalOptions?: Options) => {
       return actions && actions.length > 0
   }
 
+  const createUUID = () => {
+    // https://www.arungudelli.com/tutorial/javascript/how-to-create-uuid-guid-in-javascript-with-examples/
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+      var r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);
+      return v.toString(16);
+    });
+  }
+  const fetch = (...params: any) => {
+    const id = createUUID();
+    start(id)
+    return new Promise((resolve, reject) => {
+      let config = params[1] || {};
+      fetch(params[0], config)
+        .then((res) => {
+          resolve(res);
+        })
+        .catch((err) => {
+          reject(err);
+        })
+        .finally(()=>{
+          end(id);
+        });
+    });
+  };
+
   // JSX component used to wrap spinner of choice
   const SpinnerContainer = ({ children }: SpinnerProps) => {
     // If no active Actions then dont display anything
@@ -58,7 +83,7 @@ const useSpinner = (globalOptions?: Options) => {
   };
 
   // return hook values
-  return { start, end, clear, busy, SpinnerContainer };
+  return { start, end, clear, busy, fetch, SpinnerContainer };
 };
 
 export default useSpinner;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-usespinner",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "track actions in progress to know if a spinner should be display. Actions expire within 10 seconds if not expired in code",
   "private": false,
   "license": "MIT",