@selkirk-systems/fetch 1.1.0 → 1.2.0

package/dist/Fetch.js

@@ -50,6 +50,9 @@ export function OnOKResponse(fn) {
     return fn([network, isAbort]);
   };
 }
+function isServiceWorker() {
+  return self;
+}
 
 /**
 * Make the fetch request with the given configuration options.
@@ -111,9 +114,11 @@ function Fetch(url, options = {}) {
       // For form data posts, we want the browser to build the Content-
       // Type for us so that it puts in both the "multipart/form-data" plus the
       // correct, auto-generated field delimiter.
-      delete finalHeaders["content-type"];
-      finalMethod = "POST";
-      finalBody = buildFormData(config.form);
+      //delete ( finalHeaders["content-type"] );
+
+      //finalMethod = "POST";
+      //finalBody = buildFormData( config.form );
+      finalBody = config.form;
     } else if (config.json) {
       finalHeaders["content-type"] = config.contentType || "application/x-json";
       finalBody = JSON.stringify(config.json);
@@ -122,7 +127,7 @@ function Fetch(url, options = {}) {
     } else {
       finalHeaders["content-type"] = config.contentType;
     }
-    request = new window.Request(finalUrl, {
+    request = new Request(finalUrl, {
       headers: finalHeaders,
       method: finalMethod,
       body: finalBody,
@@ -136,7 +141,7 @@ function Fetch(url, options = {}) {
 
     //Cache requests abort signal by url
     cacheRequestSignal(finalUrl, finalSignal);
-    config._promiseChain = Promise.resolve(window.fetch(request)).then(async response => {
+    config._promiseChain = Promise.resolve(fetch(request)).then(async response => {
       deleteCachedRequestSignal(finalUrl);
       const data = await unwrapResponseData(response);
       if (response.ok) {
@@ -294,7 +299,12 @@ function buildFormData(form) {
 function buildURL(url, templateData, params) {
   if (url.href) return url;
   const formattedUrl = buildURLTemplate(url, templateData);
-  const finalUrl = new URL(formattedUrl, `${window.location.origin}${window.baseUrl || ""}`);
+  let finalUrl;
+  if (self) {
+    finalUrl = new URL(formattedUrl);
+  } else {
+    finalUrl = new URL(formattedUrl, `${window.location.origin}${window.baseUrl || ""}`);
+  }
   const searchParams = new URLSearchParams();
   Object.entries(params).forEach(([key, value]) => {
     if (Array.isArray(value)) {
@@ -435,7 +445,10 @@ const DATA_METHODS = {
   "POST": null,
   "PUT": null
 };
-const fetch = (url, options = {}) => {
+const _fetch = (url, options = {}) => {
+  if (self) {
+    return Fetch(url, options);
+  }
   function cacheResponse([response, isAbort]) {
     const status = response.status.code;
     const headers = response.request.headers;
@@ -513,4 +526,4 @@ function expiredCache(timeCached) {
   const now = new Date().getTime();
   return Math.abs(now - timeCached) >= CACHED_EXPIRY_TIMESTAMP;
 }
-export default fetch;
+export default _fetch;

package/dist/middleware/FetchErrorHandler.js

@@ -8,30 +8,33 @@ const handler = err => response => options => next => {
   return next(null, response);
 };
 
-// NOTE: event name is all lower case as per DOM convention
-window.addEventListener("unhandledrejection", function (e) {
-  // NOTE: e.preventDefault() must be manually called to prevent the default
-  // action which is currently to log the stack trace to console.warn
-  e.preventDefault();
-  // NOTE: parameters are properties of the event detail property
-  var reason = e.reason || e.detail.reason;
-  //var promise = e.detail.promise;
-  // See Promise.onPossiblyUnhandledRejection for parameter documentation
-  console.groupEnd();
-  console.groupEnd();
-  console.groupEnd();
-  throw reason;
-});
+//HANDLE: Not being called from a service worker
+if (!self) {
+  // NOTE: event name is all lower case as per DOM convention
+  window.addEventListener("unhandledrejection", function (e) {
+    // NOTE: e.preventDefault() must be manually called to prevent the default
+    // action which is currently to log the stack trace to console.warn
+    e.preventDefault();
+    // NOTE: parameters are properties of the event detail property
+    var reason = e.reason || e.detail.reason;
+    //var promise = e.detail.promise;
+    // See Promise.onPossiblyUnhandledRejection for parameter documentation
+    console.groupEnd();
+    console.groupEnd();
+    console.groupEnd();
+    throw reason;
+  });
 
-// NOTE: event name is all lower case as per DOM convention
-window.addEventListener("rejectionhandled", function (e) {
-  // NOTE: e.preventDefault() must be manually called prevent the default
-  // action which is currently unset (but might be set to something in the future)
-  e.preventDefault();
-  // NOTE: parameters are properties of the event detail property
-  var promise = e.reason || e.detail.promise;
-  // See Promise.onUnhandledRejectionHandled for parameter documentation
-  console.groupEnd();
-  console.log("REJECTION HANDLED", promise);
-});
+  // NOTE: event name is all lower case as per DOM convention
+  window.addEventListener("rejectionhandled", function (e) {
+    // NOTE: e.preventDefault() must be manually called prevent the default
+    // action which is currently unset (but might be set to something in the future)
+    e.preventDefault();
+    // NOTE: parameters are properties of the event detail property
+    var promise = e.reason || e.detail.promise;
+    // See Promise.onUnhandledRejectionHandled for parameter documentation
+    console.groupEnd();
+    console.log("REJECTION HANDLED", promise);
+  });
+}
 export default handler;

package/lib/Fetch.js

@@ -17,7 +17,6 @@ const CONTENT_TYPE_DOWNLOADS = {
     'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': true
 }
 
-
 //30 minutes
 const CACHED_EXPIRY_TIMESTAMP = 30 * 60000;
 
@@ -59,6 +58,10 @@ export function OnOKResponse( fn ) {
     }
 }
 
+function isServiceWorker() {
+    return self;
+}
+
 
 /**
 * Make the fetch request with the given configuration options.
@@ -130,10 +133,11 @@ function Fetch( url, options = {} ) {
             // For form data posts, we want the browser to build the Content-
             // Type for us so that it puts in both the "multipart/form-data" plus the
             // correct, auto-generated field delimiter.
-            delete ( finalHeaders["content-type"] );
+            //delete ( finalHeaders["content-type"] );
 
-            finalMethod = "POST";
-            finalBody = buildFormData( config.form );
+            //finalMethod = "POST";
+            //finalBody = buildFormData( config.form );
+            finalBody = config.form;
 
         } else if ( config.json ) {
 
@@ -149,7 +153,7 @@ function Fetch( url, options = {} ) {
             finalHeaders["content-type"] = config.contentType;
         }
 
-        request = new window.Request(
+        request = new Request(
             finalUrl,
             {
                 headers: finalHeaders,
@@ -167,7 +171,7 @@ function Fetch( url, options = {} ) {
         //Cache requests abort signal by url
         cacheRequestSignal( finalUrl, finalSignal );
 
-        config._promiseChain = Promise.resolve( window.fetch( request ) )
+        config._promiseChain = Promise.resolve( fetch( request ) )
             .then( async ( response ) => {
 
                 deleteCachedRequestSignal( finalUrl );
@@ -390,8 +394,14 @@ function buildURL( url, templateData, params ) {
     if ( url.href ) return url;
 
     const formattedUrl = buildURLTemplate( url, templateData );
+    let finalUrl;
 
-    const finalUrl = new URL( formattedUrl, `${window.location.origin}${window.baseUrl || ""}` );
+    if ( self ) {
+        finalUrl = new URL( formattedUrl );
+    }
+    else {
+        finalUrl = new URL( formattedUrl, `${window.location.origin}${window.baseUrl || ""}` );
+    }
 
     const searchParams = new URLSearchParams();
 
@@ -572,8 +582,11 @@ const DATA_METHODS = {
     "PUT": null
 }
 
-const fetch = ( url, options = {} ) => {
+const _fetch = ( url, options = {} ) => {
 
+    if ( self ) {
+        return Fetch( url, options );
+    }
 
     function cacheResponse( [response, isAbort] ) {
 
@@ -690,4 +703,4 @@ function expiredCache( timeCached ) {
     return Math.abs( now - timeCached ) >= CACHED_EXPIRY_TIMESTAMP;
 }
 
-export default fetch;
+export default _fetch;

package/lib/middleware/FetchErrorHandler.js

@@ -11,32 +11,35 @@ const handler = ( err ) => ( response ) => ( options ) => ( next ) => {
     return next( null, response );
 };
 
-// NOTE: event name is all lower case as per DOM convention
-window.addEventListener( "unhandledrejection", function ( e ) {
-    // NOTE: e.preventDefault() must be manually called to prevent the default
-    // action which is currently to log the stack trace to console.warn
-    e.preventDefault();
-    // NOTE: parameters are properties of the event detail property
-    var reason = e.reason || e.detail.reason;
-    //var promise = e.detail.promise;
-    // See Promise.onPossiblyUnhandledRejection for parameter documentation
-    console.groupEnd();
-    console.groupEnd();
-    console.groupEnd();
-    throw reason;
-} );
+//HANDLE: Not being called from a service worker
+if ( !self ) {
+    // NOTE: event name is all lower case as per DOM convention
+    window.addEventListener( "unhandledrejection", function ( e ) {
+        // NOTE: e.preventDefault() must be manually called to prevent the default
+        // action which is currently to log the stack trace to console.warn
+        e.preventDefault();
+        // NOTE: parameters are properties of the event detail property
+        var reason = e.reason || e.detail.reason;
+        //var promise = e.detail.promise;
+        // See Promise.onPossiblyUnhandledRejection for parameter documentation
+        console.groupEnd();
+        console.groupEnd();
+        console.groupEnd();
+        throw reason;
+    } );
 
-// NOTE: event name is all lower case as per DOM convention
-window.addEventListener( "rejectionhandled", function ( e ) {
-    // NOTE: e.preventDefault() must be manually called prevent the default
-    // action which is currently unset (but might be set to something in the future)
-    e.preventDefault();
-    // NOTE: parameters are properties of the event detail property
-    var promise = e.reason || e.detail.promise;
-    // See Promise.onUnhandledRejectionHandled for parameter documentation
-    console.groupEnd();
-    console.log( "REJECTION HANDLED", promise );
-} );
+    // NOTE: event name is all lower case as per DOM convention
+    window.addEventListener( "rejectionhandled", function ( e ) {
+        // NOTE: e.preventDefault() must be manually called prevent the default
+        // action which is currently unset (but might be set to something in the future)
+        e.preventDefault();
+        // NOTE: parameters are properties of the event detail property
+        var promise = e.reason || e.detail.promise;
+        // See Promise.onUnhandledRejectionHandled for parameter documentation
+        console.groupEnd();
+        console.log( "REJECTION HANDLED", promise );
+    } );
+}
 
 export default handler;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selkirk-systems/fetch",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Abortable fetch library",
   "keywords": [],
   "author": "Marcos Bernal <mbernal@selkirksystems.com>",
@@ -36,5 +36,5 @@
   "peerDependencies": {
     "@selkirk-systems/state-management": ">=1.0.0"
   },
-  "gitHead": "4f7bf2bed7794dfe4651752033317e80386bb782"
+  "gitHead": "5898e1276808bd3fe25d44f3935befe00c54513e"
 }