diff --git a/frontend/app/components/Session_/BugReport/BugReportModal.tsx b/frontend/app/components/Session_/BugReport/BugReportModal.tsx index adb7ca39c..c649f46cd 100644 --- a/frontend/app/components/Session_/BugReport/BugReportModal.tsx +++ b/frontend/app/components/Session_/BugReport/BugReportModal.tsx @@ -70,6 +70,10 @@ function BugReportModal({ hideModal, session, width, height, account, xrayProps bugReportStore.updateReportDefaults(defaults) bugReportStore.setDefaultSteps(mapEvents(events)) + + React.useEffect(() => { + return () => bugReportStore.clearStore() + }, []) return (
0) { + console.groupEnd(); + } + console.log(...args); + } } function warn(...args) { - if (!window.env.PRODUCTION || options.verbose) { - console.warn(...args); - } + if (!window.env.PRODUCTION || options.verbose) { + console.warn(...args); + } } function error(...args) { - if (!window.env.PRODUCTION || options.verbose) { - console.error(...args); - } + if (!window.env.PRODUCTION || options.verbose) { + console.error(...args); + } } -let groupTm = null; +let groupTm = {}; - function group(...args) { - if (!window.env.PRODUCTION || options.verbose) { - if (!groupTm) { - groupTm = setTimeout(() => console.groupEnd(), 500) - console.groupCollapsed('Openreplay: Skipping session messages') - } - console.log(...args); - } +function group(groupName, ...args) { + if (!window.env.PRODUCTION || options.verbose) { + if (!groupTm[groupName]) { + groupTm[groupName] = setTimeout(() => { + console.groupEnd() + delete groupTm[groupName] + }, 500); + console.groupCollapsed(groupName); + } + console.log(...args); + } } - export default { - info: log, - log, - warn, - error, - group, -} + info: log, + log, + warn, + error, + group, +}; diff --git a/frontend/app/mstore/bugReportStore.ts b/frontend/app/mstore/bugReportStore.ts index bd5e560c9..0b555becf 100644 --- a/frontend/app/mstore/bugReportStore.ts +++ b/frontend/app/mstore/bugReportStore.ts @@ -23,6 +23,19 @@ export default class BugReportStore { makeAutoObservable(this) } + clearStore() { + this.reportTitle = 'Untitled Report' + this.comment = '' + this.severity = SeverityLevels.High + + this.isCommentEdit = false + this.isTitleEdit = false + + this.bugReport = undefined + this.sessionEventSteps = [] + this.chosenEventSteps = [] + } + toggleTitleEdit(isEdit: boolean) { this.isTitleEdit = isEdit } diff --git a/frontend/app/player/MessageDistributor/MessageDistributor.ts b/frontend/app/player/MessageDistributor/MessageDistributor.ts index 1efa1ce00..85b01e6a3 100644 --- a/frontend/app/player/MessageDistributor/MessageDistributor.ts +++ b/frontend/app/player/MessageDistributor/MessageDistributor.ts @@ -467,34 +467,34 @@ export default class MessageDistributor extends StatedScreen { break; case "redux": decoded = this.decodeStateMessage(msg, ["state", "action"]); - logger.log(decoded) + logger.log('redux', decoded) if (decoded != null) { this.lists.redux.append(decoded); } break; case "ng_rx": decoded = this.decodeStateMessage(msg, ["state", "action"]); - logger.log(decoded) + logger.log('ngrx', decoded) if (decoded != null) { this.lists.ngrx.append(decoded); } break; case "vuex": decoded = this.decodeStateMessage(msg, ["state", "mutation"]); - logger.log(decoded) + logger.log('vuex', decoded) if (decoded != null) { this.lists.vuex.append(decoded); } break; case "zustand": decoded = this.decodeStateMessage(msg, ["state", "mutation"]) - logger.log(decoded) + logger.log('zustand', decoded) if (decoded != null) { this.lists.zustand.append(decoded) } case "mob_x": decoded = this.decodeStateMessage(msg, ["payload"]); - logger.log(decoded) + logger.log('mobx', decoded) if (decoded != null) { this.lists.mobx.append(decoded); diff --git a/frontend/app/player/MessageDistributor/managers/DOM/DOMManager.ts b/frontend/app/player/MessageDistributor/managers/DOM/DOMManager.ts index 7dc7c4261..6215b837a 100644 --- a/frontend/app/player/MessageDistributor/managers/DOM/DOMManager.ts +++ b/frontend/app/player/MessageDistributor/managers/DOM/DOMManager.ts @@ -55,7 +55,6 @@ export default class DOMManager extends ListWalker { ) { super() this.stylesManager = new StylesManager(screen) - logger.log(this.vElements) } append(m: Message): void { @@ -341,7 +340,7 @@ export default class DOMManager extends ListWalker { if (!vn) { // non-constructed case vn = this.vElements.get(msg.id) - if (!vn) { logger.error("Node not found", msg); return } + if (!vn) { logger.error("Node not found", msg); return } if (!(vn instanceof VStyleElement)) { logger.error("Non-style owner", msg); return } this.ppStyleSheets.set(msg.sheetID, new PostponedStyleSheet(vn.node)) return diff --git a/frontend/app/player/MessageDistributor/messages/MFileReader.ts b/frontend/app/player/MessageDistributor/messages/MFileReader.ts index 1c49f4018..1b4bb5751 100644 --- a/frontend/app/player/MessageDistributor/messages/MFileReader.ts +++ b/frontend/app/player/MessageDistributor/messages/MFileReader.ts @@ -57,7 +57,7 @@ export default class MFileReader extends RawMessageReader { if (!skippedMessage) { return null } - logger.group("Skipping message: ", skippedMessage) + logger.group("Openreplay: Skipping messages ", skippedMessage) } this.pLastMessageID = this.p