feat: add no body request

Author: dewanakl

js/app/guest/video.js

@@ -67,61 +67,50 @@ export const video = (() => {
             const bar = document.getElementById('progress-bar-video-love-stroy');
             const inf = document.getElementById('progress-info-video-love-stroy');
 
-            return request(HTTP_GET, src)
-                .withCancel(new Promise((re) => vid.addEventListener('undangan.video.prefetch', re, { once: true })))
-                .default({ 'Range': 'bytes=0-1' })
-                .then((res) => {
-                    vid.dispatchEvent(new Event('undangan.video.prefetch'));
+            return request(HTTP_GET, src).withNoBody().default({ 'Range': 'bytes=0-1' }).then((res) => {
 
-                    if (res.status === HTTP_STATUS_OK) {
-                        vid.preload = 'none';
-                        vid.src = util.escapeHtml(src);
-                        wrap.appendChild(vid);
+                if (res.status === HTTP_STATUS_OK) {
+                    vid.preload = 'none';
+                    vid.src = util.escapeHtml(src);
+                    wrap.appendChild(vid);
 
-                        return Promise.resolve();
-                    }
+                    return Promise.resolve();
+                }
 
-                    if (res.status !== HTTP_STATUS_PARTIAL_CONTENT) {
-                        throw new Error('failed to fetch video');
-                    }
+                if (res.status !== HTTP_STATUS_PARTIAL_CONTENT) {
+                    throw new Error('failed to fetch video');
+                }
 
-                    const loaded = new Promise((r) => vid.addEventListener('loadedmetadata', r, { once: true }));
+                const loaded = new Promise((r) => vid.addEventListener('loadedmetadata', r, { once: true }));
 
-                    vid.src = util.escapeHtml(src);
-                    wrap.appendChild(vid);
+                vid.src = util.escapeHtml(src);
+                wrap.appendChild(vid);
+
+                return loaded;
+            }).then(() => {
+                vid.pause();
+                progress.complete('video');
+
+                return request(HTTP_GET, src).withRetry().withProgressFunc((a, b) => {
+                    const result = Number((a / b) * 100).toFixed(0) + '%';
+
+                    bar.style.width = result;
+                    inf.innerText = result;
+                }).default().then(resToVideo);
+            }).then((res) => {
+                vid.controls = true;
+                vid.disableRemotePlayback = true;
+                vid.disablePictureInPicture = true;
+                vid.controlsList = 'noremoteplayback nodownload noplaybackrate';
 
-                    return loaded;
-                })
-                .then(() => {
-                    vid.pause();
-                    progress.complete('video');
-
-                    return request(HTTP_GET, src)
-                        .withProgressFunc((a, b) => {
-                            const result = Number((a / b) * 100).toFixed(0) + '%';
-
-                            bar.style.width = result;
-                            inf.innerText = result;
-                        })
-                        .withRetry()
-                        .default()
-                        .then(resToVideo)
-                        .then((v) => {
-                            vid.controls = true;
-                            vid.disableRemotePlayback = true;
-                            vid.disablePictureInPicture = true;
-                            vid.controlsList = 'noremoteplayback nodownload noplaybackrate';
-
-                            vid.load();
-                            observer.observe(vid);
-                            return v;
-                        })
-                        .catch((err) => {
-                            bar.style.backgroundColor = 'red';
-                            inf.innerText = `Error loading video`;
-                            console.error(err);
-                        });
-                });
+                vid.load();
+                observer.observe(vid);
+                return res;
+            }).catch((err) => {
+                bar.style.backgroundColor = 'red';
+                inf.innerText = `Error loading video`;
+                console.error(err);
+            });
         };
 
         if (!window.isSecureContext) {

js/connection/request.js

@@ -136,6 +136,7 @@ export const request = (method, path) => {
     let reqRetry = 0;
     let reqDelay = 0;
     let reqAttempts = 0;
+    let reqNoBody = false;
     let reqForceCache = false;
 
     /**
@@ -168,6 +169,15 @@ export const request = (method, path) => {
              * @returns {Promise<Response>}
              */
             const wrapperFetch = () => window.fetch(input, req).then(async (res) => {
+                if (reqNoBody) {
+                    ac.abort();
+                    return new Response(null, {
+                        status: res.status,
+                        statusText: res.statusText,
+                        headers: new Headers(res.headers),
+                    });
+                }
+
                 if (!res.ok || !callbackFunc) {
                     return res;
                 }
@@ -201,7 +211,7 @@ export const request = (method, path) => {
                 });
             });
 
-            if (reqTtl === 0 || !window.isSecureContext) {
+            if (reqTtl === 0 || !window.isSecureContext || reqNoBody) {
                 return wrapperFetch();
             }
 
@@ -219,7 +229,7 @@ export const request = (method, path) => {
             }));
         };
 
-        if (reqRetry === 0 && reqDelay === 0) {
+        if (reqRetry === 0 || reqDelay === 0) {
             return abstractFetch();
         }
 
@@ -343,10 +353,22 @@ export const request = (method, path) => {
             return this;
         },
         /**
+         * @param {number} [ttl=21600000]
          * @returns {ReturnType<typeof request>}
          */
-        withForceCache() {
+        withForceCache(ttl = 1000 * 60 * 60 * 6) {
             reqForceCache = true;
+            if (reqTtl === 0) {
+                reqTtl = ttl;
+            }
+
+            return this;
+        },
+        /**
+         * @returns {ReturnType<typeof request>}
+         */
+        withNoBody() {
+            reqNoBody = true;
 
             return this;
         },