fix: allow console.log to use CSS (gronxb#29)

* fix: fix unable to find * feat: add showing object in devtools * fix: allow css in react-native dev-tools * Update packages/react-native/src/integrations/console.ts Co-authored-by: Sungyu Kang <[email protected]> --------- Co-authored-by: Sungyu Kang <[email protected]>
xingh · Feb 15, 2024 · c2c8091 · c2c8091
1 parent 65a2bc5
commit c2c8091
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/packages/react-native/src/integrations/console.ts b/packages/react-native/src/integrations/console.ts
@@ -33,18 +33,24 @@ export const INJECT_DEBUG = `
 export type LogType = "log" | "error" | "warn";
 
 export const handleLog = (type: LogType, message: string) => {
-  const parsedMessage = JSON.parse(message);
+  const [formatMessage, ...parsedMessage] = JSON.parse(message);
+  const webviewMark = "(WebView) ";
+
+  const webviewMarkedMessage =
+    typeof formatMessage === "string"
+      ? [webviewMark + formatMessage, ...parsedMessage]
+      : [webviewMark, formatMessage, ...parsedMessage];
   switch (type) {
     case "log": {
-      console.log("(WebView)", parsedMessage);
+      console.log(...webviewMarkedMessage);
       break;
     }
     case "error": {
-      console.error("(WebView)", parsedMessage);
+      console.error(...webviewMarkedMessage);
       break;
     }
     case "warn": {
-      console.warn("(WebView)", parsedMessage);
+      console.warn(...webviewMarkedMessage);
       break;
     }
   }

diff --git a/packages/web/package.json b/packages/web/package.json
@@ -38,4 +38,4 @@
   "devDependencies": {
     "esbuild": "^0.19.4"
   }
-}
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -38,4 +38,4 @@ @@
       "devDependencies": {
         "esbuild": "^0.19.4"
       }
-    }
+    }