feat: add no trace example

Author: thetutlage

examples/console.ts

@@ -13,6 +13,7 @@ import { run as pg } from './pg.js'
 import { Youch } from '../src/youch.js'
 import { run as axios } from './axios.js'
 import { run as drive } from './flydrive.js'
+import { run as noTrace } from './no_trace.ts'
 
 const argv = process.argv.splice(2)
 const fn = argv[0] ?? 'axios'
@@ -30,6 +31,9 @@ try {
     case 'pg':
       await pg()
       break
+    case 'no_trace':
+      await noTrace()
+      break
     default:
       throw new E_COMMAND_NOT_FOUND()
   }

examples/no_trace.ts

@@ -0,0 +1,17 @@
+/*
+ * youch
+ *
+ * (c) Poppinss
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+export async function run() {
+  try {
+    throw new Error('No trace')
+  } catch (error) {
+    delete error.stack
+    throw error
+  }
+}

examples/web.ts

@@ -14,10 +14,11 @@ import { run as pg } from './pg.js'
 import { Youch } from '../src/youch.js'
 import { run as axios } from './axios.js'
 import { run as drive } from './flydrive.js'
+import { run as noTrace } from './no_trace.ts'
 import { HTTP_STATUSES } from './http_statuses.js'
 
 const E_ROUTE_NOT_FOUND = createError('Route not found', 'E_ROUTE_NOT_FOUND', 404)
-const AVAILABLE_ROUTES = ['/axios', '/drive', '/pg']
+const AVAILABLE_ROUTES = ['/axios', '/drive', '/pg', '/no-trace']
 
 createServer(async (req, res) => {
   try {
@@ -28,6 +29,9 @@ createServer(async (req, res) => {
       case '/drive':
         await drive()
         break
+      case '/no-trace':
+        await noTrace()
+        break
       case '/pg':
         await pg()
         break

src/public/error_stack/script.js

@@ -44,29 +44,29 @@ function toggleAllFrames() {
   }
 }
 
-  document.querySelector('#formatted-frames-toggle')?.addEventListener('click', function () {
-    showFormattedFrames(this)
+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.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-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'))
-    })
+document.querySelectorAll('button[class="stack-frame-toggle-indicator"]').forEach((sfl) => {
+  sfl.addEventListener('click', function (e) {
+    toggleFrameSource(e.target.closest('li'))
   })
+})

src/templates/error_stack/main.ts

@@ -267,6 +267,10 @@ export class ErrorStack extends BaseComponent<ErrorStackProps> {
       })
     )
 
-    return `\n\n${frames.join('\n')}`
+    if (frames.length) {
+      return `\n\n${frames.join('\n')}`
+    }
+
+    return ''
   }
 }