@jsenv/terminal-recorder 1.5.21 → 1.5.23

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

@@ -984,13 +984,17 @@ window.__supervisor__ = (() => {
             const { trace = {} } = cause;
             const preferCause =
               cause.code === "MODULE_NOT_FOUND" ||
-              cause.code === "PROTOCOL_NOT_SUPPORTED";
+              cause.code === "PROTOCOL_NOT_SUPPORTED" ||
+              cause.code === "PARSE_ERROR";
             const dataToRender = preferCause ? cause : exception;
             root.querySelector(".text").innerHTML = stringifyStack({
               codeFrame: trace.codeFrame
                 ? generateClickableText(trace.codeFrame)
                 : "",
-              name: dataToRender.name,
+              name:
+                cause.parseErrorSourceType === "css"
+                  ? "CSSSyntaxError"
+                  : dataToRender.name,
               message: preferCause
                 ? generateClickableText(cause.reason)
                 : dataToRender.message
@@ -1158,81 +1162,85 @@ window.__supervisor__ = (() => {
         customElements.define(JSENV_ERROR_OVERLAY_TAGNAME, JsenvErrorOverlay);
       }
 
-      const overlayCSS = `
-  :host {
-    position: fixed;
-    z-index: 99999;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    overflow-y: scroll;
-    margin: 0;
-    background: rgba(0, 0, 0, 0.66);
-  }
-  
-  .backdrop {
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-  }
-  
-  .overlay {
-    position: relative;
-    background: rgba(0, 0, 0, 0.95);
-    width: 800px;
-    margin: 30px auto;
-    padding: 25px 40px;
-    padding-top: 0;
-    overflow: hidden; /* for h1 margins */
-    border-radius: 4px 8px;
-    box-shadow: 0 20px 40px rgb(0 0 0 / 30%), 0 15px 12px rgb(0 0 0 / 20%);
-    box-sizing: border-box;
-    font-family: monospace;
-    direction: ltr;
-  }
-  
-  h1 {
-    color: red;
-    text-align: center;
-  }
-  
-  pre {
-    overflow: auto;
-    max-width: 100%;
-    /* padding is nice + prevents scrollbar from hiding the text behind it */
-    /* does not work nicely on firefox though https://bugzilla.mozilla.org/show_bug.cgi?id=748518 */
-    padding: 20px; 
-  }
-  
-  .tip {
-    border-top: 1px solid #999;
-    padding-top: 12px;
-  }
-  
-  [data-theme="dark"] {
-    color: #999;
-  }
-  [data-theme="dark"] pre {
-    background: #111;
-    border: 1px solid #333;
-    color: #eee;
-  }
-  
-  [data-theme="light"] {
-    color: #EEEEEE;
-  }
-  [data-theme="light"] pre {
-    background: #1E1E1E;
-    border: 1px solid white;
-    color: #EEEEEE;
-  }
-  
-  pre a {
-    color: inherit;
-  }`;
+      const overlayCSS = /* css */ `
+        :host {
+          position: fixed;
+          z-index: 99999;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          /* overflow-y: scroll; */
+          margin: 0;
+          background: rgba(0, 0, 0, 0.66);
+        }
+
+        .backdrop {
+          position: absolute;
+          left: 0;
+          right: 0;
+          top: 0;
+          bottom: 0;
+        }
+
+        .overlay {
+          position: relative;
+          background: rgba(0, 0, 0, 0.95);
+          width: 800px;
+          max-width: 100vw;
+          margin: 30px auto;
+          padding: 25px 40px;
+          padding-top: 0;
+          overflow: hidden; /* for h1 margins */
+          border-radius: 4px 8px;
+          box-shadow:
+            0 20px 40px rgb(0 0 0 / 30%),
+            0 15px 12px rgb(0 0 0 / 20%);
+          box-sizing: border-box;
+          font-family: monospace;
+          direction: ltr;
+        }
+
+        h1 {
+          color: red;
+          text-align: center;
+        }
+
+        pre {
+          overflow: auto;
+          max-width: 100%;
+          /* padding is nice + prevents scrollbar from hiding the text behind it */
+          /* does not work nicely on firefox though https://bugzilla.mozilla.org/show_bug.cgi?id=748518 */
+          padding: 20px;
+        }
+
+        .tip {
+          border-top: 1px solid #999;
+          padding-top: 12px;
+        }
+
+        [data-theme="dark"] {
+          color: #999;
+        }
+        [data-theme="dark"] pre {
+          background: #111;
+          border: 1px solid #333;
+          color: #eee;
+        }
+
+        [data-theme="light"] {
+          color: #eeeeee;
+        }
+        [data-theme="light"] pre {
+          background: #1e1e1e;
+          border: 1px solid white;
+          color: #eeeeee;
+        }
+
+        pre a {
+          color: inherit;
+        }
+      `;
     }
 
     supervisor.createException = createException;