Add trackGlobalLogs plugin

Author: jyoes

lib/reactotron-react-native/src/plugins/trackGlobalErrors.ts

@@ -57,6 +57,9 @@ const objectifyError = (error: Error) => {
 
 // const reactNativeFrameFinder = frame => contains('/node_modules/react-native/', frame.fileName)
 
+/**
+ * Track global errors and send them to Reactotron logger.
+ */
 const trackGlobalErrors = (options?: TrackGlobalErrorsOptions) => (reactotron: ReactotronCore) => {
   // make sure we have the logger plugin
   assertHasLoggerPlugin(reactotron)

lib/reactotron-react-native/src/plugins/trackGlobalLogs.ts

@@ -0,0 +1,41 @@
+import {
+  InferFeatures,
+  LoggerPlugin,
+  ReactotronCore,
+  assertHasLoggerPlugin,
+  Plugin,
+} from "reactotron-core-client"
+
+/**
+ * Track calls to console.log, console.warn, and console.debug and send them to Reactotron logger
+ */
+const trackGlobalLogs = () => (reactotron: ReactotronCore) => {
+  assertHasLoggerPlugin(reactotron)
+  const client = reactotron as ReactotronCore & InferFeatures<ReactotronCore, LoggerPlugin>
+
+  return {
+    onConnect: () => {
+      const originalConsoleLog = console.log
+      console.log = (...args: Parameters<typeof console.log>) => {
+        originalConsoleLog(...args)
+        client.log(...args)
+      }
+
+      const originalConsoleWarn = console.warn
+      console.warn = (...args: Parameters<typeof console.warn>) => {
+        originalConsoleWarn(...args)
+        client.warn(args[0])
+      }
+
+      const originalConsoleDebug = console.debug
+      console.debug = (...args: Parameters<typeof console.debug>) => {
+        originalConsoleDebug(...args)
+        client.debug(args[0])
+      }
+
+      // console.error is taken care of by ./trackGlobalErrors.ts
+    },
+  } satisfies Plugin<ReactotronCore>
+}
+
+export default trackGlobalLogs

lib/reactotron-react-native/src/reactotron-react-native.ts

@@ -143,6 +143,7 @@ reactotron.setAsyncStorageHandler = (asyncStorage: AsyncStorageStatic) => {
 }
 
 export { asyncStorage, trackGlobalErrors, openInEditor, overlay, networking, storybook, devTools }
+export { default as trackGlobalLogs } from "./plugins/trackGlobalLogs"
 
 export type { ClientOptions }