nitropack-nightly 2.11.4-20250306-162545.4eb905b7 → 2.11.4-20250306-175805.31dde1e4

package/dist/core/index.mjs

@@ -43,9 +43,9 @@ import { walk, parse } from 'ultrahtml';
 import { createError, getRequestURL, getRequestHeader, getResponseHeader, getRequestHeaders, setResponseHeaders, setResponseStatus, send, eventHandler, getRequestIP, toNodeListener, createApp, fromNodeMiddleware } from 'h3';
 import { Worker } from 'node:worker_threads';
 import { createProxyServer } from 'httpxy';
+import nodeCrypto from 'node:crypto';
 import { resolve as resolve$1, dirname as dirname$1 } from 'node:path';
-import { ErrorParser } from 'youch-core';
-import { Youch } from 'youch';
+import * as _youch from 'nitropack/internal/deps/youch';
 import { SourceMapConsumer } from 'source-map';
 import serveStatic from 'serve-static';
 import { listen } from 'listhen';
@@ -2421,7 +2421,7 @@ async function defaultHandler(error, event, opts) {
     }
   }
   await loadStackTrace(error).catch(consola.error);
-  const youch = new Youch();
+  const youch = new _youch.Youch();
   if (isSensitive && !opts?.silent) {
     const tags = [error.unhandled && "[unhandled]", error.fatal && "[fatal]"].filter(Boolean).join(" ");
     const ansiError = await (await youch.toANSI(error)).replaceAll(process.cwd(), ".");
@@ -2447,6 +2447,9 @@ async function defaultHandler(error, event, opts) {
   if (statusCode === 404 || !getResponseHeader(event, "cache-control")) {
     headers["cache-control"] = "no-cache";
   }
+  if (!globalThis.crypto && !useJSON) {
+    globalThis.crypto = nodeCrypto;
+  }
   const body = useJSON ? {
     error: true,
     url,
@@ -2473,7 +2476,7 @@ async function loadStackTrace(error) {
   if (!(error instanceof Error)) {
     return;
   }
-  const parsed = await new ErrorParser().defineSourceLoader(sourceLoader).parse(error);
+  const parsed = await new _youch.ErrorParser().defineSourceLoader(sourceLoader).parse(error);
   const stack = error.message + "\n" + parsed.frames.map((frame) => fmtFrame(frame)).join("\n");
   Object.defineProperty(error, "stack", { value: stack });
   if (error.cause) {

package/dist/deps/youch/public/error_cause/style.css

@@ -0,0 +1,5 @@
+#error-cause {
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  --pre-bg-color: transparent;
+}

package/dist/deps/youch/public/error_info/style.css

@@ -0,0 +1,55 @@
+#error-name {
+  color: var(--danger-fg);
+  font-size: 16px;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+#error-title {
+  color: var(--title-fg);
+  font-size: 32px;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+#error-message {
+  color: var(--danger-fg);
+  font-size: 22px;
+  font-weight: 700;
+  display: flex;
+  align-items: center;
+  align-items: flex-start;
+  gap: 12px;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+#error-message svg {
+  margin-top: 1.5px;
+}
+
+#error-hint {
+  border-top: 1px solid var(--border);
+  padding-top: 15px;
+  margin-top: 15px;
+  font-size: 15px;
+  font-style: italic;
+  display: flex;
+  gap: 12px;
+  align-items: flex-start;
+  padding-left: 1px;
+}
+#error-hint svg {
+  margin-bottom: -2px;
+}
+#error-hint strong {
+  color: var(--title-fg);
+}
+#error-hint a {
+  color: var(--links-fg);
+}
+
+@media (min-width: 1024px) {
+  #error-hint {
+    align-items: center;
+  }
+}

package/dist/deps/youch/public/error_stack/script.js

@@ -0,0 +1,74 @@
+function showFormattedFrames(button) {
+  document.querySelector('#all-frames-toggle input[type="checkbox"]').disabled = false
+  const parent = button.closest('section')
+
+  const formattedFrames = parent.querySelector('#stack-frames-formatted')
+  formattedFrames.classList.add('visible')
+
+  const rawFrames = parent.querySelector('#stack-frames-raw')
+  rawFrames.classList.remove('visible')
+
+  button.parentElement.querySelectorAll('button').forEach((btn) => btn.classList.remove('active'))
+  button.classList.add('active')
+}
+
+function showRawFrames(button) {
+  document.querySelector('#all-frames-toggle input[type="checkbox"]').disabled = true
+  const parent = button.closest('section')
+
+  const formattedFrames = parent.querySelector('#stack-frames-formatted')
+  formattedFrames.classList.remove('visible')
+
+  const rawFrames = parent.querySelector('#stack-frames-raw')
+  rawFrames.classList.add('visible')
+
+  button.parentElement.querySelectorAll('button').forEach((btn) => btn.classList.remove('active'))
+  button.classList.add('active')
+}
+
+function toggleFrameSource(parent) {
+  if (parent.classList.contains('expanded')) {
+    parent.classList.remove('expanded')
+  } else {
+    parent.classList.add('expanded')
+  }
+}
+
+function toggleAllFrames() {
+  const wrapper = document.querySelector('#stack-frames-wrapper')
+  const indicator = document.querySelector('#all-frames-toggle input[type="checkbox"]')
+  if (indicator.checked) {
+    wrapper.classList.add('display-all')
+  } else {
+    wrapper.classList.remove('display-all')
+  }
+}
+
+window.addEventListener('DOMContentLoaded', () => {
+  document.querySelector('#formatted-frames-toggle').addEventListener('click', function () {
+    showFormattedFrames(this)
+  })
+  document.querySelector('#raw-frames-toggle').addEventListener('click', function () {
+    showRawFrames(this)
+  })
+  document
+    .querySelector('#all-frames-toggle input[type="checkbox"]')
+    .addEventListener('change', function () {
+      toggleAllFrames()
+    })
+
+  document.querySelectorAll('button[class="stack-frame-location"]').forEach((sfl) => {
+    sfl.addEventListener('click', function (e) {
+      if (e.target.tagName === 'A') {
+        return
+      }
+      toggleFrameSource(e.target.closest('li'))
+    })
+  })
+
+  document.querySelectorAll('button[class="stack-frame-toggle-indicator"]').forEach((sfl) => {
+    sfl.addEventListener('click', function (e) {
+      toggleFrameSource(e.target.closest('li'))
+    })
+  })
+})

package/dist/deps/youch/public/error_stack/style.css

@@ -0,0 +1,206 @@
+:root {
+  --frame-bg: var(--slate-2);
+  --label-bg: var(--green-5);
+  --label-fg: var(--green-12);
+  --switch-bg: var(--slate-3);
+  --switch-active-bg: var(--slate-a4);
+  --switch-border: var(--slate-7);
+}
+html.dark {
+  --frame-bg: var(--slate-2);
+  --label-bg: var(--green-3);
+  --label-fg: var(--green-11);
+  --switch-bg: var(--slate-3);
+  --switch-active-bg: var(--slate-a4);
+  --switch-border: var(--slate-7);
+}
+
+#stack-frames-wrapper {
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+}
+
+#stack-frames-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 16px;
+  border-radius: var(--radius) var(--radius) 0 0;
+}
+
+#all-frames-toggle {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 13px;
+  font-weight: 500;
+  user-select: none;
+}
+
+#stack-frames {
+  list-style: none;
+}
+
+.stack-frame {
+  border-top: 1px solid var(--border);
+  font-size: 14px;
+}
+.stack-frame.stack-frame-native {
+  display: none;
+  font-style: italic;
+}
+.stack-frame.stack-frame-native a,
+.stack-frame.stack-frame-native code {
+  color: var(--muted-fg);
+}
+
+#stack-frames-wrapper.display-all .stack-frame.stack-frame-native {
+  display: block;
+}
+
+.stack-frame-contents {
+  background: var(--frame-bg);
+  display: flex;
+  padding: 0 12px;
+  align-items: center;
+  justify-content: space-between;
+}
+.stack-frame:not(.stack-frame-native) .stack-frame-contents:hover {
+  background: var(--card-bg);
+}
+.stack-frame:last-child:not(.expanded) .stack-frame-contents {
+  border-radius: 0 0 var(--radius) var(--radius);
+}
+
+.stack-frame-location {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  gap: 7px;
+  border: none;
+  background: none;
+  flex: 1;
+  color: inherit;
+  font: inherit;
+  padding: 9px 0;
+}
+
+.stack-frame-location a {
+  text-decoration: none;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.stack-frame-location span {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.stack-frame-location code {
+  font-family: var(--font-sans);
+}
+
+.stack-frame-extras {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+}
+
+.stack-frame-toggle-indicator {
+  border: none;
+  border-radius: var(--radius);
+  height: 22px;
+  width: 22px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: none;
+  color: inherit;
+  font: inherit;
+}
+.stack-frame-toggle-indicator:hover {
+  border: 1px solid var(--switch-border);
+}
+
+.stack-frame-toggle-indicator svg {
+  width: 16px;
+  display: block;
+}
+
+.stack-frame.expanded .stack-frame-toggle-indicator svg {
+  transform: rotate(180deg);
+}
+
+.frame-label {
+  padding: 0px 8px;
+  border-radius: 20px;
+  align-items: center;
+  height: 20px;
+  background: var(--label-bg);
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--label-fg);
+  display: none;
+}
+.stack-frame-source {
+  display: none;
+}
+.stack-frame.expanded .stack-frame-source {
+  display: block;
+}
+
+#stack-frames-raw {
+  --pre-bg-color: transparent;
+  border-top: 1px solid var(--border);
+}
+#stack-frames-formatted,
+#stack-frames-raw {
+  display: none;
+}
+#stack-frames-formatted.visible,
+#stack-frames-raw.visible {
+  display: block;
+}
+
+.toggle-switch {
+  display: flex;
+  background: var(--switch-bg);
+  border: 1px solid var(--switch-border);
+  border-radius: var(--radius);
+}
+
+.toggle-switch button {
+  background: none;
+  border: none;
+  font-family: inherit;
+  color: inherit;
+  font-size: 13px;
+  font-weight: 500;
+  padding: 4px 8px;
+  border-right: 1px solid var(--switch-border);
+}
+
+.toggle-switch button:first-child {
+  border-radius: var(--radius) 0 0 var(--radius);
+}
+.toggle-switch button:last-child {
+  border-radius: 0 var(--radius) var(--radius) 0;
+  border: none;
+}
+
+.toggle-switch button.active {
+  background: var(--switch-active-bg);
+  color: var(--title-fg);
+}
+
+@media (min-width: 768px) {
+  .stack-frame-location {
+    flex-direction: row;
+  }
+}
+
+@media (min-width: 1024px) {
+  .frame-label {
+    display: inline-flex;
+  }
+}

package/dist/deps/youch/public/error_stack_source/style.css

@@ -0,0 +1,122 @@
+:root {
+  --error-bg: #ff000632;
+  --pre-selection-bg: var(--slate-a5);
+  --line-numbers-fg: var(--slate-a11);
+}
+html.dark {
+  --error-bg: #ff173f2d;
+  --pre-selection-bg: var(--slate-a5);
+  --line-numbers-fg: var(--slate-a11);
+}
+
+.line-highlight {
+  position: absolute;
+  left: 0;
+  right: 0;
+  background: var(--error-bg);
+  height: 24px;
+  pointer-events: none;
+}
+
+[class*='shj-lang-'] {
+  white-space: pre;
+  border-top: 1px solid var(--border);
+  background: var(--pre-bg-color);
+  color: var(--pre-fg-color);
+  line-height: 24px;
+  box-sizing: border-box;
+  max-width: min(100%, 100vw);
+  display: block;
+  font-size: 12px;
+  font-family: var(--font-mono);
+  position: relative;
+  padding: 10px 12px 12px 12px;
+}
+[class*='shj-lang-'] * {
+  -webkit-font-smoothing: initial;
+  -moz-osx-font-smoothing: initial;
+}
+
+.shj-inline {
+  margin: 0;
+  padding: 2px 5px;
+  display: inline-block;
+  border-radius: 5px;
+}
+[class*='shj-lang-']::selection,
+[class*='shj-lang-'] ::selection {
+  background: var(--pre-selection-bg);
+}
+[class*='shj-lang-'] > div {
+  display: flex;
+  overflow: auto;
+}
+[class*='shj-lang-'] > div :last-child {
+  flex: 1;
+  outline: none;
+}
+.shj-numbers {
+  padding-left: 5px;
+  counter-reset: line;
+}
+.shj-numbers div {
+  padding-right: 5px;
+}
+.shj-numbers div:before {
+  color: var(--line-numbers-fg);
+  display: block;
+  content: counter(line);
+  opacity: 0.5;
+  text-align: right;
+  margin-right: 5px;
+  counter-increment: line;
+}
+.shj-syn-cmnt {
+  font-style: italic;
+}
+.shj-syn-err,
+.shj-syn-kwd {
+  color: var(--dt-symbol-fg-color);
+}
+.shj-syn-num {
+  color: var(--dt-number-fg-color);
+}
+.shj-syn-class {
+  color: var(--class-label-fg-color);
+}
+
+.shj-numbers,
+.shj-syn-cmnt {
+  color: var(--dt-undefined-fg-color);
+}
+.shj-syn-insert,
+.shj-syn-str {
+  color: var(--dt-string-fg-color);
+}
+.shj-syn-bool {
+  color: var(--dt-boolean-fg-color);
+}
+.shj-syn-type,
+.shj-syn-oper {
+  color: var(--braces-fg-color);
+}
+.shj-syn-section,
+.shj-syn-func {
+  color: var(--pre-fg-color);
+}
+.shj-syn-deleted,
+.shj-syn-var {
+  color: var(--brackets-fg-color);
+}
+.shj-oneline {
+  padding: 12px 10px;
+}
+.shj-multiline.shj-mode-header {
+  padding: 20px;
+}
+
+@media (min-width: 768px) {
+  [class*='shj-lang-'] {
+    border-top: none;
+  }
+}

package/dist/deps/youch/public/header/script.js

@@ -0,0 +1,16 @@
+function toggleTheme(input) {
+  if (input.checked) {
+    document.documentElement.classList.add('dark')
+    localStorage.setItem('youch-theme', 'dark')
+  } else {
+    document.documentElement.classList.remove('dark')
+    localStorage.setItem('youch-theme', 'light')
+  }
+}
+
+window.addEventListener('DOMContentLoaded', () => {
+  document.querySelector('#toggle-theme-checkbox').checked = usesDarkMode()
+  document.querySelector('#toggle-theme-checkbox').addEventListener('change', function () {
+    toggleTheme(this)
+  })
+})

package/dist/deps/youch/public/header/style.css

@@ -0,0 +1,55 @@
+#header-actions {
+  display: flex;
+  flex-direction: row-reverse;
+}
+
+#toggle-theme-container {
+  position: relative;
+  display: inline-block;
+  padding-right: 10px;
+}
+
+#toggle-theme-container input[type='checkbox'] {
+  opacity: 0;
+  position: absolute;
+}
+
+#toggle-theme-label {
+  position: relative;
+  cursor: pointer;
+  border-radius: 50px;
+  display: inline-flex;
+}
+
+#toggle-theme-checkbox:focus + #toggle-theme-label {
+  outline: 2px solid var(--slate-a6);
+  outline-offset: 4px;
+}
+
+#light-theme-indicator,
+#dark-theme-indicator {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+#toggle-theme-label svg {
+  width: 30px;
+  height: 30px;
+}
+
+#toggle-theme-container #dark-theme-indicator {
+  display: none;
+}
+
+#toggle-theme-container
+  input[type='checkbox']:checked
+  + #toggle-theme-label
+  #light-theme-indicator {
+  display: none;
+}
+#toggle-theme-container input[type='checkbox']:checked + #toggle-theme-label #dark-theme-indicator {
+  display: flex;
+}

package/dist/deps/youch/public/layout/script.js

@@ -0,0 +1,11 @@
+function usesDarkMode() {
+  let youchTheme = localStorage.getItem('youch-theme')
+  let hasDarkMode = false
+  if (youchTheme === null) {
+    hasDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches
+  } else if (youchTheme === 'dark') {
+    hasDarkMode = true
+  }
+  return hasDarkMode
+}
+document.documentElement.classList.add(usesDarkMode() ? 'dark' : 'light')