optimise trace

+ strip /^<anonymous>/ from trace
+ strip name if same as link

Author: zendive

src/api-monitor-cs-main.ts

@@ -50,7 +50,7 @@ const tick = new Timer(
   function apiMonitorPostMetric() {
     meanExecutionTime.add(tick.executionTime);
     // adaptive update-frequency
-    if (tick.executionTime < 3) {
+    if (0 < tick.executionTime && tick.executionTime < 3) {
       tick.options.animation = true;
     } else {
       tick.options.animation = false;

src/api/wrappers.ts

@@ -16,7 +16,7 @@ import type { TPanelVisibilityMap } from '@/api/settings.ts';
 import { sha256 } from 'js-sha256';
 
 export type TCallstack = {
-  name: string;
+  name: string | 0;
   link: string;
 }[];
 export enum ETimeType {
@@ -78,17 +78,25 @@ function createCallstack(e: Error): TCallstack {
   // loop from the end, excluding error name and self trace
   for (let n = arr.length - 1; n > 1; n--) {
     let v = arr[n];
+
+    if (v.indexOf(selfCallLink) >= 0) {
+      continue;
+    }
+
     v = v.replace(REGEX_STACKTRACE_PREFIX, '');
     const link = v.replace(REGEX_STACKTRACE_LINK, '$1').trim();
 
-    if (link.indexOf(selfCallLink) >= 0) {
+    if (link.startsWith('<anonymous>')) {
       continue;
     }
 
-    rv.push({
-      name: v.replace(REGEX_STACKTRACE_NAME, '$1').trim(),
-      link,
-    });
+    let name: string | 0 = v.replace(REGEX_STACKTRACE_NAME, '$1').trim();
+
+    if (name === link) {
+      name = 0;
+    }
+
+    rv.push({ name, link });
   }
 
   if (!rv.length) {

src/view/components/CallstackLink.svelte

@@ -7,8 +7,8 @@
   } from '@/api/const.ts';
 
   export let href: string = '';
-  export let name: string = '';
-  let beenClicked = false;
+  export let name: string | 0 = 0;
+  let isSeen = false;
 
   $: lineNumber = parseInt(
     href?.replace(REGEX_STACKTRACE_LINE_NUMBER, '$1'),
@@ -18,10 +18,7 @@
     href.replace(REGEX_STACKTRACE_COLUMN_NUMBER, '$1'),
     10
   );
-  $: isSourceLess =
-    !isFinite(lineNumber) ||
-    href.startsWith('<anonymous>') ||
-    TAG_INVALID_CALLSTACK === href;
+  $: isSourceLess = !isFinite(lineNumber) || TAG_INVALID_CALLSTACK === href;
 
   function showStackTraceResource(e: MouseEvent) {
     e.preventDefault();
@@ -34,18 +31,18 @@
       columnNumber - 1
     );
 
-    beenClicked = true;
+    isSeen = true;
   }
 </script>
 
 {#if isSourceLess}
-  <i class="no-link">{`${name} ${href === name ? '' : href}`}</i>
+  <i class="no-link">{`${name ? name : ''} ${href}`}</i>
 {:else}
   <a
     {href}
     title={`${lineNumber}:${columnNumber}`}
-    class:beenClicked
-    on:click={showStackTraceResource}>{name}</a
+    class:isSeen
+    on:click={showStackTraceResource}>{name || href}</a
   >
 {/if}
 
@@ -64,7 +61,7 @@
     text-overflow: ellipsis;
     max-width: 25rem;
 
-    &.beenClicked {
+    &.isSeen {
       color: var(--link-visited-text);
       background-color: var(--link-visited-bg);
     }