@jsenv/core 27.0.0-alpha.82 → 27.0.0-alpha.85

package/dist/js/event_source_client.js

@@ -1,6 +1,210 @@
-import { createEventSourceConnection } from "@jsenv/utils/event_source/event_source.js";
 import { urlHotMetas } from "./import_meta_hot.js";
-import { htmlAttributeSrcSet } from "@jsenv/utils/html_ast/html_attribute_src_set.js";
+import { parseSrcSet, stringifySrcSet } from "@jsenv/ast/src/html/html_src_set.js";
+
+/* eslint-env browser */
+const createEventSourceConnection = (eventSourceUrl, events = {}, {
+  retryMaxAttempt = Infinity,
+  retryAllocatedMs = Infinity,
+  lastEventId
+} = {}) => {
+  const {
+    EventSource
+  } = window;
+
+  if (typeof EventSource !== "function") {
+    return () => {};
+  }
+
+  const eventSourceOrigin = new URL(eventSourceUrl).origin;
+  Object.keys(events).forEach(eventName => {
+    const eventCallback = events[eventName];
+
+    events[eventName] = e => {
+      if (e.origin === eventSourceOrigin) {
+        if (e.lastEventId) {
+          lastEventId = e.lastEventId;
+        }
+
+        eventCallback(e);
+      }
+    };
+  });
+  const status = {
+    value: "default",
+    goTo: value => {
+      if (value === status.value) {
+        return;
+      }
+
+      status.value = value;
+      status.onchange();
+    },
+    onchange: () => {}
+  };
+
+  let _disconnect = () => {};
+
+  const attemptConnection = url => {
+    const eventSource = new EventSource(url, {
+      withCredentials: true
+    });
+
+    _disconnect = () => {
+      if (status.value !== "connecting" && status.value !== "connected") {
+        console.warn(`disconnect() ignored because connection is ${status.value}`);
+        return;
+      }
+
+      eventSource.onerror = undefined;
+      eventSource.close();
+      Object.keys(events).forEach(eventName => {
+        eventSource.removeEventListener(eventName, events[eventName]);
+      });
+      status.goTo("disconnected");
+    };
+
+    let retryCount = 0;
+    let firstRetryMs = Date.now();
+
+    eventSource.onerror = errorEvent => {
+      if (errorEvent.target.readyState === EventSource.CONNECTING) {
+        if (retryCount > retryMaxAttempt) {
+          console.info(`could not connect after ${retryMaxAttempt} attempt`);
+
+          _disconnect();
+
+          return;
+        }
+
+        if (retryCount === 0) {
+          firstRetryMs = Date.now();
+        } else {
+          const allRetryDuration = Date.now() - firstRetryMs;
+
+          if (retryAllocatedMs && allRetryDuration > retryAllocatedMs) {
+            console.info(`could not connect in less than ${retryAllocatedMs} ms`);
+
+            _disconnect();
+
+            return;
+          }
+        }
+
+        retryCount++;
+        status.goTo("connecting");
+        return;
+      }
+
+      if (errorEvent.target.readyState === EventSource.CLOSED) {
+        _disconnect();
+
+        return;
+      }
+    };
+
+    eventSource.onopen = () => {
+      status.goTo("connected");
+    };
+
+    Object.keys(events).forEach(eventName => {
+      eventSource.addEventListener(eventName, events[eventName]);
+    });
+
+    if (!events.hasOwnProperty("welcome")) {
+      eventSource.addEventListener("welcome", e => {
+        if (e.origin === eventSourceOrigin && e.lastEventId) {
+          lastEventId = e.lastEventId;
+        }
+      });
+    }
+
+    status.goTo("connecting");
+  };
+
+  let connect = () => {
+    attemptConnection(eventSourceUrl);
+
+    connect = () => {
+      attemptConnection(lastEventId ? addLastEventIdIntoUrlSearchParams(eventSourceUrl, lastEventId) : eventSourceUrl);
+    };
+  };
+
+  const removePageUnloadListener = listenPageUnload(() => {
+    if (status.value === "connecting" || status.value === "connected") {
+      _disconnect();
+    }
+  });
+
+  const destroy = () => {
+    removePageUnloadListener();
+
+    _disconnect();
+  };
+
+  return {
+    status,
+    connect,
+    disconnect: () => _disconnect(),
+    destroy
+  };
+};
+
+const addLastEventIdIntoUrlSearchParams = (url, lastEventId) => {
+  if (url.indexOf("?") === -1) {
+    url += "?";
+  } else {
+    url += "&";
+  }
+
+  return `${url}last-event-id=${encodeURIComponent(lastEventId)}`;
+}; // const listenPageMightFreeze = (callback) => {
+//   const removePageHideListener = listenEvent(window, "pagehide", (pageHideEvent) => {
+//     if (pageHideEvent.persisted === true) {
+//       callback(pageHideEvent)
+//     }
+//   })
+//   return removePageHideListener
+// }
+// const listenPageFreeze = (callback) => {
+//   const removeFreezeListener = listenEvent(document, "freeze", (freezeEvent) => {
+//     callback(freezeEvent)
+//   })
+//   return removeFreezeListener
+// }
+// const listenPageIsRestored = (callback) => {
+//   const removeResumeListener = listenEvent(document, "resume", (resumeEvent) => {
+//     removePageshowListener()
+//     callback(resumeEvent)
+//   })
+//   const removePageshowListener = listenEvent(window, "pageshow", (pageshowEvent) => {
+//     if (pageshowEvent.persisted === true) {
+//       removePageshowListener()
+//       removeResumeListener()
+//       callback(pageshowEvent)
+//     }
+//   })
+//   return () => {
+//     removeResumeListener()
+//     removePageshowListener()
+//   }
+// }
+
+
+const listenPageUnload = callback => {
+  const removePageHideListener = listenEvent(window, "pagehide", pageHideEvent => {
+    if (pageHideEvent.persisted !== true) {
+      callback(pageHideEvent);
+    }
+  });
+  return removePageHideListener;
+};
+
+const listenEvent = (emitter, event, callback) => {
+  emitter.addEventListener(event, callback);
+  return () => {
+    emitter.removeEventListener(event, callback);
+  };
+};
 
 const isAutoreloadEnabled = () => {
   const value = window.localStorage.getItem("autoreload");
@@ -97,7 +301,7 @@ const reloadDOMNodesUsingUrl = urlToReload => {
     const srcset = img.srcset;
 
     if (srcset) {
-      const srcCandidates = htmlAttributeSrcSet.parse(srcset);
+      const srcCandidates = parseSrcSet(srcset);
       srcCandidates.forEach(srcCandidate => {
         const url = new URL(srcCandidate.specifier, `${window.location.href}`);
 
@@ -108,7 +312,7 @@ const reloadDOMNodesUsingUrl = urlToReload => {
         }
       });
       mutations.push(() => {
-        img.srcset = htmlAttributeSrcSet.stringify(srcCandidates);
+        img.srcset = stringifySrcSet(srcCandidates);
       });
     }
   });

package/dist/js/s.js

@@ -43,7 +43,7 @@
     }
     System.register = (deps, declare) => {
       if (!document.currentScript) {
-        throw new Error("unexpected call")
+        throw new Error("unexpected call to System.register (document.currentScript is undefined)")
       }
       if (document.currentScript.__s__) {
         registerRegistry[document.currentScript.src] = [deps, declare]
@@ -169,7 +169,7 @@
 
     System.register = async (deps, declare) => {
       System.register = () => {
-        throw new Error("unexpected call")
+        throw new Error("unexpected call to System.register (called outside url instantiation)")
       }
       const url = self.location.href
       registerRegistry[url] = [deps, declare]