change(ui): remove some logs and warnings

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 (
     <div
       className="flex flex-col p-4 gap-4 bg-white overflow-y-scroll"

frontend/app/logger/index.js

@@ -1,40 +1,45 @@
 import { options } from 'App/dev/console';
 
 function log(...args) {
-	if (options.verbose) {
-		console.log(...args);
-	}
+  if (options.verbose) {
+    if (Object.keys(groupTm).length > 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,
+};

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
   }

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);

frontend/app/player/MessageDistributor/managers/DOM/DOMManager.ts

@@ -55,7 +55,6 @@ export default class DOMManager extends ListWalker<Message> {
   ) {
     super()
     this.stylesManager = new StylesManager(screen)
-    logger.log(this.vElements)
   }
 
   append(m: Message): void {
@@ -341,7 +340,7 @@ export default class DOMManager extends ListWalker<Message> {
         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

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