@taybart/corvid 0.1.27 → 0.1.29

package/dist/index.js

@@ -549,7 +549,7 @@ class request {
                     ...this.opts.headers,
                     ...override.headers
                 },
-                body: JSON.stringify(body)
+                body: body instanceof FormData || body instanceof Blob || body instanceof ArrayBuffer ? body : JSON.stringify(body)
             }
         };
     }
@@ -579,8 +579,10 @@ class request {
                 body
             };
         }
-        this.log.debug(`content type: ${res.headers.get('content-type')}`);
-        if ('application/json' === res.headers.get('content-type')) return await res.json();
+        const ct = res.headers.get('content-type') ?? '';
+        this.log.debug(`content type: ${ct}`);
+        if (ct.includes('application/json')) return await res.json();
+        if (ct.startsWith('image/') || 'application/octet-stream' === ct) return await res.blob();
         return await res.text();
     }
     constructor(opts = {}, verbose = false){
@@ -759,28 +761,51 @@ function set(key, value, broadcast = false) {
 }
 const listeners = new Map();
 function listen(key, cb) {
-    const listener = (ev)=>{
-        if (ev.detail.key === key || '*' === key) {
+    const customListener = (ev)=>{
+        const customEv = ev;
+        if (customEv.detail.key === key || '*' === key) {
             if (cb instanceof dom_el) {
-                if (ev.detail.key === key) cb.content(ev.detail.value);
+                if (customEv.detail.key === key) cb.content(customEv.detail.value);
                 return;
             }
             cb({
-                key: ev.detail.key,
-                value: ev.detail.value
+                key: customEv.detail.key,
+                value: customEv.detail.value
+            });
+        }
+    };
+    const storageListener = (ev)=>{
+        const storageEv = ev;
+        if (storageEv.key === key || '*' === key) {
+            let value = storageEv.newValue;
+            try {
+                value = JSON.parse(value);
+            } catch (e) {}
+            if (cb instanceof dom_el) {
+                if (storageEv.key === key) cb.content(value);
+                return;
+            }
+            cb({
+                key: storageEv.key,
+                value
             });
         }
     };
     if (!listeners.has(key)) listeners.set(key, new Map());
-    listeners.get(key).set(cb, listener);
-    document.addEventListener('@corvid/ls-update', listener);
+    listeners.get(key).set(cb, {
+        custom: customListener,
+        storage: storageListener
+    });
+    document.addEventListener('@corvid/ls-update', customListener);
+    window.addEventListener('storage', storageListener);
 }
 function unlisten(key, cb) {
     const keyListeners = listeners.get(key);
     if (!keyListeners) return;
     const listener = keyListeners.get(cb);
     if (!listener) return;
-    document.removeEventListener('@corvid/ls-update', listener);
+    document.removeEventListener('@corvid/ls-update', listener.custom);
+    window.removeEventListener('storage', listener.storage);
     keyListeners.delete(cb);
     if (0 === keyListeners.size) listeners.delete(key);
 }

package/dist/ls.js

@@ -298,28 +298,51 @@ function set(key, value, broadcast = false) {
 }
 const listeners = new Map();
 function listen(key, cb) {
-    const listener = (ev)=>{
-        if (ev.detail.key === key || '*' === key) {
+    const customListener = (ev)=>{
+        const customEv = ev;
+        if (customEv.detail.key === key || '*' === key) {
             if (cb instanceof dom_el) {
-                if (ev.detail.key === key) cb.content(ev.detail.value);
+                if (customEv.detail.key === key) cb.content(customEv.detail.value);
                 return;
             }
             cb({
-                key: ev.detail.key,
-                value: ev.detail.value
+                key: customEv.detail.key,
+                value: customEv.detail.value
+            });
+        }
+    };
+    const storageListener = (ev)=>{
+        const storageEv = ev;
+        if (storageEv.key === key || '*' === key) {
+            let value = storageEv.newValue;
+            try {
+                value = JSON.parse(value);
+            } catch (e) {}
+            if (cb instanceof dom_el) {
+                if (storageEv.key === key) cb.content(value);
+                return;
+            }
+            cb({
+                key: storageEv.key,
+                value
             });
         }
     };
     if (!listeners.has(key)) listeners.set(key, new Map());
-    listeners.get(key).set(cb, listener);
-    document.addEventListener('@corvid/ls-update', listener);
+    listeners.get(key).set(cb, {
+        custom: customListener,
+        storage: storageListener
+    });
+    document.addEventListener('@corvid/ls-update', customListener);
+    window.addEventListener('storage', storageListener);
 }
 function unlisten(key, cb) {
     const keyListeners = listeners.get(key);
     if (!keyListeners) return;
     const listener = keyListeners.get(cb);
     if (!listener) return;
-    document.removeEventListener('@corvid/ls-update', listener);
+    document.removeEventListener('@corvid/ls-update', listener.custom);
+    window.removeEventListener('storage', listener.storage);
     keyListeners.delete(cb);
     if (0 === keyListeners.size) listeners.delete(key);
 }

package/dist/network.d.ts

@@ -64,7 +64,7 @@ export declare class request {
                 isPrototypeOf(v: Object): boolean;
                 propertyIsEnumerable(v: PropertyKey): boolean;
             };
-            body: string;
+            body: string | ArrayBuffer | FormData | Blob;
         };
     };
     do({ path, params: passedParams, override, _recurselevel, }?: {

package/dist/network.js

@@ -124,7 +124,7 @@ class request {
                     ...this.opts.headers,
                     ...override.headers
                 },
-                body: JSON.stringify(body)
+                body: body instanceof FormData || body instanceof Blob || body instanceof ArrayBuffer ? body : JSON.stringify(body)
             }
         };
     }
@@ -154,8 +154,10 @@ class request {
                 body
             };
         }
-        this.log.debug(`content type: ${res.headers.get('content-type')}`);
-        if ('application/json' === res.headers.get('content-type')) return await res.json();
+        const ct = res.headers.get('content-type') ?? '';
+        this.log.debug(`content type: ${ct}`);
+        if (ct.includes('application/json')) return await res.json();
+        if (ct.startsWith('image/') || 'application/octet-stream' === ct) return await res.blob();
         return await res.text();
     }
     constructor(opts = {}, verbose = false){

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taybart/corvid",
-  "version": "0.1.27",
+  "version": "0.1.29",
   "type": "module",
   "main": "./dist/index.js",
   "exports": {