✨ Add bug report utility when DEBUG is open and application crashed.

MarkChenYutian · Jul 25, 2022 · dce4972 · dce4972
1 parent feebc60
commit dce4972
Showing 1 changed file with 52 additions and 1 deletion.
diff --git a/src/application.tsx b/src/application.tsx
@@ -27,7 +27,7 @@ export default class C0VMApplication extends React.Component<{}, C0VMApplication
     }
 
     render() {
-        if (this.state.crashed) {
+        if (this.state.crashed && !globalThis.DEBUG) {
             return <Result
                 status="error"
                 title="Application Crashed"
@@ -44,6 +44,57 @@ export default class C0VMApplication extends React.Component<{}, C0VMApplication
                     </button>
                 }
             />
+        } else if (this.state.crashed && globalThis.DEBUG) {
+            return <Result
+                status="error"
+                title="Application Crashed (Debug Mode)"
+                subTitle={<p>Please report this problem to our GitHub Repo!</p>}
+                extra={
+                    <>
+                        <button
+                            className="base-btn main-btn"
+                            onClick={() => {
+                                globalThis.EDITOR_HIGHLIGHT_LINENUM = 0;
+                                this.setState({crashed: false, C0Runtime: undefined, PrintoutValue: ""});
+                            }}
+                        >
+                            Restore Editor Content
+                        </button>
+                        <div style={{textAlign: "left"}}>
+                        <h3>How to report?</h3>
+                        <h4>Step 1</h4>
+                        <p>Copy the application status dump below: </p>
+                        <pre id={globalThis.UI_PRINTOUT_ID}>{
+                            JSON.stringify(
+                                {
+                                    ReactState: this.state,
+                                    GlobalState: {
+                                        exec_line: globalThis.EDITOR_HIGHLIGHT_LINENUM,
+                                        breakpoints: Array.from(globalThis.EDITOR_BREAKPOINTS),
+                                        configuration: {
+                                            DEBUG: globalThis.DEBUG,
+                                            DEBUG_DUMP_MEM: globalThis.DEBUG_DUMP_MEM,
+                                            DEBUG_DUMP_STEP: globalThis.DEBUG_DUMP_STEP,
+                                            MEM_POOL_SIZE: globalThis.MEM_POOL_SIZE,
+                                        }
+                                    }
+                                }, undefined, 4
+                            )
+                        }</pre>
+
+                        <h4>Step 2</h4>
+                        <p>
+                            Open a new issue and paste the state dump above into issue description.
+                        </p>
+                        <a href="https://github.com/MarkChenYutian/C0VM-ts/issues" target="_blank" rel="noreferrer">
+                            <button className="base-btn main-btn">
+                                Open a New Issue
+                            </button>
+                        </a>
+                        </div>
+                    </>
+                }
+            />
         }
         return (
             <div className="page-framework">