save

.gitignore

@@ -1 +1,2 @@
+dist/
 node_modules/

README.md

@@ -1,3 +1,17 @@
+---
+title: Macos Sample File Viewer
+emoji: 🌖
+colorFrom: blue
+colorTo: yellow
+sdk: static
+pinned: false
+license: apache-2.0
+app_build_command: npm run build
+app_file: dist/index.html
+---
+
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+
 # 🔍 Backtrace Viewer
 
 A modern web application for viewing and analyzing backtrace files from sampling profilers, built with Svelte.

src/App.svelte

@@ -75,18 +75,10 @@
 
   // Toggle thread visibility
   function toggleThread(threadId) {
-    console.log("🔄 Toggling thread:", threadId);
     // Create a new array with updated thread to trigger Svelte reactivity
     threads = threads.map((thread) => {
       if (thread.id === threadId) {
-        const newThread = { ...thread, expanded: !thread.expanded };
-        console.log(
-          "📊 Thread expanded:",
-          newThread.expanded,
-          "backtrace lines:",
-          newThread.backtrace.length
-        );
-        return newThread;
+        return { ...thread, expanded: !thread.expanded };
       }
       return thread;
     });
@@ -112,7 +104,6 @@
       if (response.ok) {
         backtraceData = await response.text();
         threads = parseBacktraceFile(backtraceData);
-        console.log("✅ Loaded", threads.length, "threads successfully");
       }
     } catch (error) {
       console.error("Could not load sample.txt:", error);
@@ -149,14 +140,32 @@
     return match ? match[1].length : 0;
   }
 
-  // Find the end of a section (lines with greater indentation)
+  // Check if a line starts with a numerical digit (0-9) after any leading + : | characters
+  function startsWithDigit(line) {
+    const trimmedLine = line.trim();
+    const result = /^[\+\!\:\|\s]*[0-9]/.test(trimmedLine);
+    if (
+      trimmedLine.includes("5898 tokio::runtime::scheduler::multi_thread::")
+    ) {
+      console.log(trimmedLine, "\n\n\n", result);
+    }
+    return result;
+  }
+
+  // Find the end of a section for lines starting with digits
   function findSectionEnd(backtrace, startIndex) {
     const startIndentation = getIndentationLevel(backtrace[startIndex]);
 
     for (let i = startIndex + 1; i < backtrace.length; i++) {
-      const currentIndentation = getIndentationLevel(backtrace[i]);
-      // If we find a line with same or lesser indentation, that's where the section ends
-      if (currentIndentation <= startIndentation) {
+      const currentLine = backtrace[i];
+      const currentIndentation = getIndentationLevel(currentLine);
+
+      // If we find a line that starts with a digit at same or lower indentation,
+      // that's where the section ends
+      if (
+        startsWithDigit(currentLine) &&
+        currentIndentation <= startIndentation
+      ) {
         return i - 1; // Return the last line of the section
       }
     }
@@ -168,8 +177,11 @@
   function createCollapsibleBacktrace(backtrace) {
     const result = backtrace.map((line, index) => {
       const indentationLevel = getIndentationLevel(line);
-      const sectionEnd = findSectionEnd(backtrace, index);
-      const hasSection = sectionEnd > index; // This line has child lines with greater indentation
+      const startsWithDigitFlag = startsWithDigit(line);
+      const sectionEnd = startsWithDigitFlag
+        ? findSectionEnd(backtrace, index)
+        : index;
+      const hasSection = startsWithDigitFlag && sectionEnd > index; // Only lines starting with digits can have sections
 
       return {
         id: index,
@@ -178,8 +190,9 @@
         indentationLevel,
         hasSection,
         sectionEnd,
-        sectionCollapsed: false,
+        sectionCollapsed: false, // Initially uncollapsed as requested
         hidden: false, // Will be set based on parent section state
+        startsWithDigit: startsWithDigitFlag,
       };
     });
 
@@ -193,12 +206,6 @@
 
   // Toggle section collapse for a specific line
   function toggleSection(threadId, lineIndex) {
-    console.log(
-      "🔄 Toggling section for thread:",
-      threadId,
-      "line:",
-      lineIndex
-    );
     threads = threads.map((thread) => {
       if (thread.id === threadId && thread.collapsibleBacktrace) {
         const updatedBacktrace = [...thread.collapsibleBacktrace];
@@ -207,21 +214,8 @@
         if (line.hasSection) {
           // Toggle the section collapsed state
           line.sectionCollapsed = !line.sectionCollapsed;
-          console.log(
-            "📊 Section",
-            lineIndex,
-            "collapsed:",
-            line.sectionCollapsed,
-            "affects lines",
-            lineIndex + 1,
-            "to",
-            line.sectionEnd
-          );
-
           // Update hidden state for all lines in this section
           updateSectionVisibility(updatedBacktrace, lineIndex);
-        } else {
-          console.log("⚠️ Line", lineIndex, "has no section to toggle");
         }
 
         return { ...thread, collapsibleBacktrace: updatedBacktrace };
@@ -249,11 +243,12 @@
   function isLineHiddenByParentSection(backtrace, lineIndex) {
     const currentIndentation = backtrace[lineIndex].indentationLevel;
 
-    // Look backwards for any parent sections that are collapsed
+    // Look backwards for any parent sections that are collapsed (must start with digit)
     for (let i = lineIndex - 1; i >= 0; i--) {
       const parentLine = backtrace[i];
       if (
-        parentLine.indentationLevel < currentIndentation &&
+        parentLine.startsWithDigit &&
+        parentLine.indentationLevel <= currentIndentation &&
         parentLine.hasSection &&
         parentLine.sectionCollapsed &&
         i + 1 <= lineIndex &&
@@ -328,7 +323,7 @@
           <div class="backtrace">
             {#each thread.collapsibleBacktrace as backtraceLine (backtraceLine.id)}
               {#if !backtraceLine.hidden}
-                {#if backtraceLine.hasSection}
+                {#if backtraceLine.startsWithDigit && backtraceLine.hasSection}
                   <div
                     class="backtrace-line has-section"
                     class:section-collapsed={backtraceLine.sectionCollapsed}
@@ -350,7 +345,19 @@
                     {/if}
                     <span class="content">{backtraceLine.parsed.content}</span>
                   </div>
+                {:else if backtraceLine.startsWithDigit && !backtraceLine.hasSection}
+                  <!-- Lines starting with digits but no section (e.g., single line entries) -->
+                  <div class="backtrace-line">
+                    <span class="indent">{backtraceLine.parsed.indent}</span>
+                    {#if backtraceLine.parsed.sampleCount}
+                      <span class="sample-count"
+                        >{backtraceLine.parsed.sampleCount}</span
+                      >
+                    {/if}
+                    <span class="content">{backtraceLine.parsed.content}</span>
+                  </div>
                 {:else}
+                  <!-- Lines not starting with digits (continuation lines) -->
                   <div class="backtrace-line">
                     <span class="indent">{backtraceLine.parsed.indent}</span>
                     {#if backtraceLine.parsed.sampleCount}