@jsenv/terminal-recorder 1.5.37 → 1.5.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/terminal-recorder",
-  "version": "1.5.37",
+  "version": "1.5.38",
   "description": "Record terminal output as .svg, .gif, .webm, .mp4",
   "repository": {
     "type": "git",
@@ -35,7 +35,7 @@
   },
   "dependencies": {
     "@jsenv/humanize": "1.7.6",
-    "@jsenv/server": "16.4.0",
+    "@jsenv/server": "17.0.0",
     "@jsenv/terminal-text-size": "0.0.3",
     "@playwright/browser-chromium": "1.58.1",
     "ansi-regex": "6.2.2",

package/src/.jsenv/chrome@145.00/@fs/Users/dmail/Documents/dev/jsenv/core/packages/backend/server/src/plugins/autoreload_on_server_restart/client/autoreload_on_server_restart.js

@@ -0,0 +1,133 @@
+const css = /* css */ `
+  dialog {
+    opacity: 0;
+    transition: all 0.3s allow-discrete;
+  }
+  dialog::backdrop {
+    background-image: linear-gradient(
+      45deg,
+      magenta,
+      rebeccapurple,
+      dodgerblue,
+      green
+    );
+    opacity: 0;
+    transition: all 0.3s allow-discrete;
+  }
+  dialog:open {
+    opacity: 1;
+  }
+  dialog:open::backdrop {
+    opacity: 0.75;
+  }
+`;
+
+const html = /* html */ `<style>
+    ${css}
+  </style>
+  <dialog>
+    <p>Connection with server is lost</p>
+    <button autofocus name="reconnect">Retry</button>
+  </dialog>`;
+
+class JsenvAutoreloadOnServerRestart extends HTMLElement {
+  constructor({ url } = {}) {
+    super();
+    const root = this.attachShadow({ mode: "open" });
+    root.innerHTML = html;
+
+    const dialog = root.querySelector("dialog");
+    const reconnectButton = dialog.querySelector('button[name="reconnect"]');
+
+    (async () => {
+      const connect = () => {
+        const websocket = new WebSocket(url);
+        const connectedPromise = new Promise((resolve) => {
+          websocket.onerror = () => {
+            resolve(null);
+          };
+          websocket.onopen = () => {
+            resolve(websocket);
+          };
+        });
+        return connectedPromise;
+      };
+
+      const initialWebSocket = await connect();
+      if (!initialWebSocket) {
+        return;
+      }
+      initialWebSocket.onclose = async () => {
+        console.info("connection to server lost, trying to reconnect");
+        const retry = async () => {
+          let attemptCount = 0;
+          let timeToWait = 100;
+          const tryToReconnect = async () => {
+            const newWebsocket = await connect();
+            if (newWebsocket) {
+              dialog.close();
+              console.info("reconnected to server, reloading the page...");
+              window.location.reload(true);
+              return;
+            }
+            attemptCount++;
+            if (attemptCount === 10) {
+              dialog.showModal();
+              reconnectButton.onclick = async () => {
+                reconnectButton.disabled = true;
+                const previousContext = reconnectButton.textContent;
+                reconnectButton.textContent = "Retrying...";
+                await retry();
+                reconnectButton.textContent = previousContext;
+                reconnectButton.disabled = false;
+              };
+              return;
+            }
+            timeToWait += 100;
+            await new Promise((resolve) => setTimeout(resolve, timeToWait));
+            await tryToReconnect();
+          };
+          await tryToReconnect();
+        };
+        retry();
+      };
+    })();
+  }
+}
+if (!customElements.get("jsenv-autoreload-on-server-restart")) {
+  customElements.define(
+    "jsenv-autoreload-on-server-restart",
+    JsenvAutoreloadOnServerRestart,
+  );
+}
+
+const websocketEndpoint =
+  document.currentScript.getAttribute("data-ws-endpoint") ||
+  "/.internal/alive.websocket";
+
+const jsenvAutoreloadOnServerRestartElement =
+  new JsenvAutoreloadOnServerRestart({
+    url: (() => {
+      const websocketScheme =
+        self.location.protocol === "https:" ? "wss" : "ws";
+      const websocketUrl = `${websocketScheme}://${self.location.host}${websocketEndpoint}`;
+      return websocketUrl;
+    })(),
+  });
+
+// script is injected into document.body
+if (document.body) {
+  document.currentScript.parentNode.replaceChild(
+    jsenvAutoreloadOnServerRestartElement,
+    document.currentScript,
+  );
+}
+// script injected outisde document.body (likely in head)
+else {
+  document.currentScript.parentNode.removeChild(document.currentScript);
+  document.onreadystatechange = () => {
+    if (document.readyState === "interactive") {
+      document.body.appendChild(jsenvAutoreloadOnServerRestartElement);
+    }
+  };
+}

package/src/.jsenv/chrome@145.00/@fs/Users/dmail/Documents/dev/jsenv/core/packages/internal/plugin-supervisor/src/client/supervisor.js

@@ -1312,9 +1312,9 @@ window.__supervisor__ = (() => {
         console.log('window "error" event received', errorEvent);
       }
       const { error, message, filename, lineno, colno } = errorEvent;
-      if (error && error.__handled__) {
+      if (error && error.__handled_by__) {
         if (logs) {
-          console.log("ignore error event because __handled__ is set");
+          console.log("ignore error event because __handled_by__ is set");
         }
         return;
       }
@@ -1333,6 +1333,14 @@ window.__supervisor__ = (() => {
       if (event.defaultPrevented) {
         return;
       }
+      if (event.reason && event.reason.__handled_by__) {
+        if (logs) {
+          console.log(
+            "ignore unhandledrejection event because __handled_by__ is set",
+          );
+        }
+        return;
+      }
       const exception = supervisor.createException(event.reason, {
         reportedBy: "window_unhandledrejection_event",
       });

package/src/.jsenv/chrome@145.00/xterm.html

@@ -28,7 +28,7 @@
           ]
         });
       </script>
-      <script src="/@fs/Users/dmail/Documents/dev/jsenv/core/packages/backend/server/src/services/autoreload_on_server_restart/client/autoreload_on_server_restart.js" jsenv-injected-by="jsenv:autoreload_on_server_restart" data-ws-endpoint="/.internal/events.websocket"></script>
+      <script src="/@fs/Users/dmail/Documents/dev/jsenv/core/packages/backend/server/src/plugins/autoreload_on_server_restart/client/autoreload_on_server_restart.js" jsenv-injected-by="jsenv:autoreload_on_server_restart" data-ws-endpoint="/.internal/events.websocket"></script>
       <script type="module" jsenv-injected-by="jsenv:drop_to_open" content-indented="">
         import { initDropToOpen } from "/@fs/Users/dmail/Documents/dev/jsenv/core/src/plugins/drop_to_open/client/drop_to_open.js";