chore: improve debugging experience (#3944)

framework/core/js/src/common/Application.tsx

@@ -604,7 +604,9 @@ export default class Application {
         console.groupEnd();
       }
 
-      if (e.alert) {
+      if (e.status === 500 && isDebug) {
+        app.modal.show(RequestErrorModal, { error: e, formattedError: formattedErrors });
+      } else if (e.alert) {
         this.requestErrorAlert = this.alerts.show(e.alert, e.alert.content);
       }
     } else {

framework/core/js/src/common/components/RequestErrorModal.tsx

@@ -30,6 +30,19 @@ export default class RequestErrorModal<CustomAttrs extends IRequestErrorModalAtt
       responseText = error.responseText;
     }
 
+    if (responseText?.includes('<script> Sfdump = window.Sfdump')) {
+      responseText = (
+        <iframe
+          srcdoc={responseText}
+          className="RequestErrorModal-iframe"
+          onload={(e: Event) => {
+            const iframe = e.target as HTMLIFrameElement;
+            iframe.style.height = (iframe.contentWindow?.document.body.offsetHeight || 0) + 50 + 'px';
+          }}
+        />
+      );
+    }
+
     return (
       <div className="Modal-body">
         <pre>

framework/core/less/common/scaffolding.less

@@ -137,6 +137,12 @@ blockquote ol:last-child {
     white-space: pre-wrap;
     margin: 0;
   }
+
+  &-iframe {
+    width: 100%;
+    max-height: 90vh;
+    border: 0;
+  }
 }
 
 #flarum-loading {