safe-stringify package

Author: Dobrunia

package.json

@@ -49,6 +49,7 @@
   "dependencies": {
     "@hawk.so/types": "^0.1.20",
     "error-stack-parser": "^2.1.4",
+    "safe-stringify": "^1.1.1",
     "vite-plugin-dts": "^4.2.4"
   }
 }

src/addons/consoleCatcher.ts

@@ -1,8 +1,8 @@
 /**
  * @file Module for intercepting console logs with stack trace capture
  */
-
-import type { ConsoleLogEvent } from '@hawk.so/types';
+import safeStringify from "safe-stringify";
+import type { ConsoleLogEvent } from "@hawk.so/types";
 
 const createConsoleCatcher = (): {
   initConsoleCatcher: () => void;
@@ -13,41 +13,20 @@ const createConsoleCatcher = (): {
   const consoleOutput: ConsoleLogEvent[] = [];
   let isInitialized = false;
 
-  /**
-   * Safely stringifies objects handling circular references
-   */
-  const safeStringify = (obj: unknown): string => {
-    const seen = new WeakSet();
-
-    return JSON.stringify(obj, (key, value) => {
-
-      if (typeof value === 'object' && value !== null) {
-
-        if (seen.has(value)) {
-          return '[Circular]';
-        }
-        seen.add(value);
-      }
-
-      return value;
-    });
-  };
-
   /**
    * Formats console arguments handling %c directives
    */
   const formatConsoleArgs = (
     args: unknown[]
   ): { message: string; styles: string[] } => {
-    if (args.length === 0) return { message: '', styles: [] };
+    if (args.length === 0) return { message: "", styles: [] };
 
     const firstArg = args[0];
-    if (typeof firstArg !== 'string' || !firstArg.includes('%c')) {
-
+    if (typeof firstArg !== "string" || !firstArg.includes("%c")) {
       return {
         message: args
-          .map((arg) => (typeof arg === 'string' ? arg : safeStringify(arg)))
-          .join(' '),
+          .map((arg) => (typeof arg === "string" ? arg : safeStringify(arg)))
+          .join(" "),
         styles: [],
       };
     }
@@ -62,20 +41,20 @@ const createConsoleCatcher = (): {
     for (let i = 1; i < args.length; i++) {
       const arg = args[i];
 
-      if (typeof arg === 'string' && message.indexOf('%c', styleIndex) !== -1) {
+      if (typeof arg === "string" && message.indexOf("%c", styleIndex) !== -1) {
         styles.push(arg);
-        styleIndex = message.indexOf('%c', styleIndex) + 2;
+        styleIndex = message.indexOf("%c", styleIndex) + 2;
       }
     }
 
     // Add remaining arguments that aren't styles
     const remainingArgs = args
       .slice(styles.length + 1)
-      .map((arg) => (typeof arg === 'string' ? arg : safeStringify(arg)))
-      .join(' ');
+      .map((arg) => (typeof arg === "string" ? arg : safeStringify(arg)))
+      .join(" ");
 
     return {
-      message: message + (remainingArgs ? ' ' + remainingArgs : ''),
+      message: message + (remainingArgs ? " " + remainingArgs : ""),
       styles,
     };
   };
@@ -90,28 +69,26 @@ const createConsoleCatcher = (): {
   const createConsoleEventFromError = (
     event: ErrorEvent | PromiseRejectionEvent
   ): ConsoleLogEvent => {
-
     if (event instanceof ErrorEvent) {
-
       return {
-        method: 'error',
+        method: "error",
         timestamp: new Date(),
-        type: event.error?.name || 'Error',
+        type: event.error?.name || "Error",
         message: event.error?.message || event.message,
-        stack: event.error?.stack || '',
+        stack: event.error?.stack || "",
         fileLine: event.filename
           ? `${event.filename}:${event.lineno}:${event.colno}`
-          : '',
+          : "",
       };
     }
 
     return {
-      method: 'error',
+      method: "error",
       timestamp: new Date(),
-      type: 'UnhandledRejection',
+      type: "UnhandledRejection",
       message: event.reason?.message || String(event.reason),
-      stack: event.reason?.stack || '',
-      fileLine: '',
+      stack: event.reason?.stack || "",
+      fileLine: "",
     };
   };
 
@@ -123,24 +100,23 @@ const createConsoleCatcher = (): {
 
       isInitialized = true;
       const consoleMethods: string[] = [
-        'log',
-        'warn',
-        'error',
-        'info',
-        'debug',
+        "log",
+        "warn",
+        "error",
+        "info",
+        "debug",
       ];
 
       consoleMethods.forEach((method) => {
-        if (typeof window.console[method] !== 'function') {
+        if (typeof window.console[method] !== "function") {
           return;
         }
 
         const oldFunction = window.console[method].bind(window.console);
 
         window.console[method] = function (...args: unknown[]): void {
           const stack =
-            new Error().stack?.split('\n').slice(2)
-            .join('\n') || '';
+            new Error().stack?.split("\n").slice(2).join("\n") || "";
           const { message, styles } = formatConsoleArgs(args);
 
           const logEvent: ConsoleLogEvent = {
@@ -149,7 +125,7 @@ const createConsoleCatcher = (): {
             type: method,
             message,
             stack,
-            fileLine: stack.split('\n')[0]?.trim(),
+            fileLine: stack.split("\n")[0]?.trim(),
             styles,
           };
 
@@ -166,8 +142,7 @@ const createConsoleCatcher = (): {
     },
 
     getConsoleLogStack(): ConsoleLogEvent[] {
-
-      return [ ...consoleOutput ];
+      return [...consoleOutput];
     },
   };
 };

yarn.lock

@@ -2619,6 +2619,11 @@ safe-regex-test@^1.0.3:
     es-errors "^1.3.0"
     is-regex "^1.1.4"
 
+safe-stringify@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/safe-stringify/-/safe-stringify-1.1.1.tgz#f4240f506d041f58374d6106e2a5850f6b1ce576"
+  integrity sha512-YSzQLuwp06fuvJD1h6+vVNFYZoXmDs5UUNPUbTvQK7Ap+L0qD4Vp+sN434C+pdS3prVVlUfQdNeiEIgxox/kUQ==
+
 semver@^6.3.1:
   version "6.3.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"