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