Get a stack trace from debug panel

hubol · Jan 5, 2024 · 4eb9764 · 4eb9764
1 parent 72060fe
commit 4eb9764
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/public/index.css b/public/index.css
@@ -410,7 +410,8 @@ noscript {
 
 .debug_panel .buttons {
     margin-left: 1em;
-    display: inline-block;
+    display: inline-flex;
+    gap: 0.8em;
     visibility: hidden;
 }
 

diff --git a/src/lib/game-engine/debug/debug-panel.ts b/src/lib/game-engine/debug/debug-panel.ts
@@ -22,13 +22,23 @@ class DisplayObjectComponent {
     constructor(readonly obj: DisplayObject) {
         this._nameEl.textContent = getTypeName(obj);
         this._propertiesEl.textContent = getExtendedPropertyKeysString(obj);
+
         const toggleExpand = this.dom("button", undefined, this._buttonsEl);
         toggleExpand.textContent = "Expand";
         toggleExpand.onclick = () => {
             this.expanded = !this.expanded;
             toggleExpand.textContent = this.expanded ? "Collapse" : "Expand";
             this.update();
         }
+
+        if (obj['Throwable']) {
+            const getStack = this.dom("button", undefined, this._buttonsEl);
+            getStack.textContent = "Stack";
+            getStack.onclick = () => {
+                throw obj['Throwable'];   
+            }
+        }
+
         this.update();
     }
 

diff --git a/src/lib/pixi/dev-assign-displayobject-identifiers.ts b/src/lib/pixi/dev-assign-displayobject-identifiers.ts
@@ -5,6 +5,7 @@ export function devAssignDisplayObjectIdentifiers(constructed: DisplayObject) {
     const [ name, stack ] = getDisplayObjectStack(error);
     constructed['Name'] = name;
     constructed['Stack'] = stack;
+    constructed['Throwable'] = error;
 }
 
 const regex = new RegExp(/(?:Error)?\s+at\s(?:Object\.)?((?:new\s)?[a-zA-Z0-9_\.]*)\s\(.*\)/gm);