react-native-debug-toolkit 0.6.4 → 2.1.0

package/README.zh-CN.md

@@ -1,230 +1,209 @@
+# React Native Debug Toolkit
 
+[English](README.md)
 
+一个仅用于开发的 React Native 浮动调试面板 — 在设备上直接查看网络请求、控制台日志、状态变化、导航事件等。
 
-# React Native Debug Toolkit 使用文档
+> 生产环境零影响（仅在 `__DEV__` 模式下运行）。
 
-一个简单但功能强大的React Native调试工具包，提供便捷的开发期浮动界面。
+## 功能
+
+- **Network** — 自动拦截 fetch / XMLHttpRequest，查看请求与响应，复制为 cURL
+- **Console** — 捕获 `console.log / info / warn / error`
+- **Zustand** — 通过中间件记录状态变化
+- **Navigation** — 追踪路由切换
+- **Track** — 记录自定义埋点事件
+- **Environment** — 运行时切换 API 环境
+- **Clipboard** — 粘贴文本并复制到电脑
 
 ## 安装
 
 ```bash
 npm install react-native-debug-toolkit
-# 或
-yarn add react-native-debug-toolkit
-```
-
-### iOS 额外设置
-
-该工具包使用FLEX和DoraemonKit提供iOS调试功能。请按以下步骤正确集成：
-
-1. 确保项目中已安装CocoaPods
-2. 在Podfile中添加以下依赖：
-
-```ruby
-pod 'FLEX', :configurations => ['Debug']   
-pod 'DoraemonKit/Core', :git => 'https://github.com/superzcj/DoKit.git', :configurations => ['Debug'] #必选
-```
-
-3. 在`didFinishLaunchingWithOptions`方法中的AppDelegate.m文件中添加以下代码：
-
-```objc
-#ifdef DEBUG
-#import <DoraemonKit/DoraemonManager.h>
-#endif
-
-  #ifdef DEBUG
-  DoraemonManager *doKit = [DoraemonManager shareInstance];
-  doKit.autoDock = false;
-  [doKit install];
-  [doKit hiddenDoraemon];
-  #endif
 ```
 
-4. 在iOS目录中运行pod install：
+可选 — 剪贴板复制支持：
 
 ```bash
-cd ios && pod install
+npm install @react-native-clipboard/clipboard
 ```
 
-### Android 额外设置
+## 快速开始
 
-1. 在`android/settings.gradle`中添加以下内容：
+```tsx
+import { DebugView } from 'react-native-debug-toolkit';
 
-```gradle
-include ':react-native-debug-toolkit'
-project(':react-native-debug-toolkit').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-debug-toolkit/android')
-```
-
-2. 在`android/app/build.gradle`中添加以下依赖：
-
-```gradle
-dependencies {
-    // 其他依赖...
-    
-    debugImplementation 'io.github.didi.dokit:dokitx:3.7.1'
-    releaseImplementation 'io.github.didi.dokit:dokitx-no-op:3.7.1'
-    debugImplementation 'com.android.volley:volley:1.2.0'
-    
-    implementation project(':react-native-debug-toolkit')
+function App() {
+  return (
+    <DebugView>
+      <AppContent />
+    </DebugView>
+  );
 }
 ```
 
-3. 在`MainApplication.kt`中初始化DoKit：
-
-```kotlin
-import com.didichuxing.doraemonkit.DoKit 
-import com.reactnative.debuglibs.RNDebugLibsPackage
-
-// 在getPackages方法内
-add(RNDebugLibsPackage())
-
- // 在onCreate方法内
-if (BuildConfig.DEBUG) {
-    DoKit.Builder(this)
-        .build()
-    DoKit.hide()
-}
-```
+开发模式下会出现浮动调试按钮，点击即可打开面板。
 
-## 使用方法
+网络（fetch 和 XMLHttpRequest）、控制台、导航、埋点和剪贴板默认启用。在 React Native 和 Expo 中，Axios 会通过 XMLHttpRequest 层发起请求，因此无需额外配置 Axios。
 
-将调试工具包添加到您的应用程序中非常简单，只需一行代码即可启用所有功能：
+### 导航追踪
 
-```javascript
-// 在App.js或其他初始化文件中
-import React, { useEffect } from 'react';
-import { initializeDebugToolkit, isDebugMode } from 'react-native-debug-toolkit';
+```tsx
+import { useRef } from 'react';
+import { DebugView } from 'react-native-debug-toolkit';
+import { NavigationContainer } from '@react-navigation/native';
 
 function App() {
-  useEffect(() => {
-    if (isDebugMode) {
-      // 使用所有默认功能初始化
-      initializeDebugToolkit();
-      
-      // 或选择特定的内置功能
-      // initializeDebugToolkit(['network', 'console', 'zustand', 'navigation', 'thirdPartyLibs']);
-    }
-    
-    return () => {
-      // 自动清理
-    };
-  }, []);
-  
-  return <YourApp />;
+  const navRef = useRef(null);
+  return (
+    <DebugView navigationRef={navRef}>
+      <NavigationContainer ref={navRef}>
+        <AppContent />
+      </NavigationContainer>
+    </DebugView>
+  );
 }
 ```
 
-就这么简单！现在您的应用程序将在开发模式下显示一个浮动的调试面板，让您可以访问所有调试功能。
-
-## 内置功能
+### 环境切换
+
+```tsx
+<DebugView
+  environments={[
+    { id: 'dev',  label: 'Dev',  host: 'dev-api.example.com', color: '#34C759' },
+    { id: 'prod', label: 'Prod', host: 'api.example.com',     color: '#FF3B30' },
+  ]}
+>
+  <AppContent />
+</DebugView>
+```
 
-通过上面的一行代码初始化，您将自动获得以下所有调试功能：
+### 禁用特定功能
 
-- **网络监控**：跟踪和检查所有网络请求和响应
-- **控制台日志**：在应用内查看所有控制台日志输出
-- **Zustand状态**：监控Zustand状态管理（如果您的应用使用Zustand）
-- **导航跟踪**：自动记录应用内的导航事件
-- **第三方调试工具**：快速访问原生调试工具（iOS的FLEX，iOS和Android的DoraemonKit）
+```tsx
+<DebugView features={{ clipboard: false, zustand: false }}>
+  <AppContent />
+</DebugView>
+```
 
-## 集成
+## `<DebugView>` 属性
 
-### 高级Axios网络跟踪
+| 属性 | 类型 | 默认值 | 说明 |
+|------|------|--------|------|
+| `children` | `ReactNode` | — | 应用内容 |
+| `features` | `Partial<FeatureConfigs>` | 全部启用 | 启用/禁用功能 |
+| `navigationRef` | `RefObject` | — | 导航容器 ref |
+| `environments` | `EnvironmentConfig[]` | — | 环境配置 |
+| `enabled` | `boolean` | `__DEV__` | 强制启用/禁用 |
 
-对于使用Axios的项目，您可以启用更详细的网络请求跟踪：
+### 功能配置项
 
-```javascript
-import axios from 'axios';
-import { createNetworkFeature, isDebugMode } from 'react-native-debug-toolkit';
+| 功能 | 配置项 |
+|------|--------|
+| `network` | `maxLogs`, `blacklist` |
+| `console` | `maxLogs` |
+| `zustand` | `maxLogs` |
+| `navigation` | `maxLogs` |
+| `track` | `maxLogs` |
+| `environment` | `EnvironmentConfig[]` |
+| `clipboard` | — |
 
-// 获取网络功能实例并设置Axios拦截器
-if (isDebugMode) {
-  const networkFeature = createNetworkFeature();
-  networkFeature.setupAxiosInterceptors(axios);
-  
-  // 可选：排除敏感URL（如认证接口）
-  networkFeature.addUrlToBlacklist('api.example.com/auth');
-  networkFeature.addUrlToBlacklist(/password/i); // 支持正则表达式
-}
-```
+所有 `maxLogs` 默认值为 **200**。
 
-### 监控Zustand状态（如果您使用Zustand）
+## 使用示例
 
-如果您的应用使用Zustand进行状态管理，只需添加中间件即可跟踪所有状态变化：
+### Zustand 中间件
 
-```javascript
-import { create } from 'zustand';
+```tsx
 import { zustandLogMiddleware } from 'react-native-debug-toolkit';
 
-// 只需添加zustandLogMiddleware来包装您的store
 const useStore = create(
-  zustandLogMiddleware(
-    (set) => ({
-      count: 0,
-      increment: () => set((state) => ({ count: state.count + 1 })),
-      decrement: () => set((state) => ({ count: state.count - 1 })),
-    })
-  )
+  zustandLogMiddleware((set) => ({
+    count: 0,
+    increment: () => set((s) => ({ count: s.count + 1 }), false, 'increment'),
+  }))
 );
 ```
 
-### 导航跟踪（React Navigation）
+### 自定义事件
 
-如果您使用React Navigation，添加导航跟踪只需一步：
+```tsx
+import { addTrackLog } from 'react-native-debug-toolkit';
 
-```javascript
-import React, { useRef } from 'react';
-import { NavigationContainer } from '@react-navigation/native';
-import { useNavigationLogger } from 'react-native-debug-toolkit';
-
-function AppNavigator() {
-  const navigationRef = useRef(null);
-  
-  // 添加这一行来启用导航日志
-  useNavigationLogger(navigationRef);
-  
-  return (
-    <NavigationContainer ref={navigationRef}>
-      {/* 您的导航配置 */}
-    </NavigationContainer>
-  );
-}
+addTrackLog({ eventName: 'button_click', buttonId: 'submit' });
 ```
 
-## 自定义配置
+### 复制到电脑
 
-如果您不需要所有功能，可以选择性地启用特定功能：
+```tsx
+import { copyToComputer } from 'react-native-debug-toolkit';
+
+await copyToComputer(jsonString);
+```
 
-```javascript
-// 只启用网络和控制台日志功能
-initializeDebugToolkit(['network', 'console']);
+## 高级：命令式 API
 
-// 或者指定一组自定义功能
-initializeDebugToolkit([
-  'network',
-  'console', 
-  'zustand', 
-  'navigation',
-  'thirdPartyLibs'
-]);
+用于 React 组件外的编程控制：
+
+```tsx
+import { initializeDebugToolkit } from 'react-native-debug-toolkit';
+
+const toolkit = initializeDebugToolkit({
+  features: { network: { maxLogs: 100 }, console: true },
+  enabled: true,
+});
+
+toolkit?.showPanel();
+toolkit?.clearAll();
+toolkit?.destroy();
 ```
 
-## 常见问题排除
+### `DebugToolkit` 方法
+
+| 方法 | 说明 |
+|------|------|
+| `showPanel()` / `hidePanel()` | 切换面板显示 |
+| `clearAll()` | 清除所有数据 |
+| `addFeature(f)` / `removeFeature(name)` | 运行时管理功能 |
+| `destroy()` | 完全销毁 |
+| `features` | 当前功能列表（只读） |
+
+### 自定义功能
+
+```tsx
+import type { DebugFeature } from 'react-native-debug-toolkit';
+
+const myFeature: DebugFeature<MyData> = {
+  name: 'myFeature',
+  label: '我的功能',
+  setup:     () => { /* 开始捕获 */ },
+  getData:   () => myDataArray,
+  cleanup:   () => { /* 停止捕获 */ },
+  clear:     () => { /* 重置数据 */ },
+  subscribe: (cb) => { emitter.on('change', cb); return () => emitter.off('change', cb); },
+  renderContent: MyFeatureTab,
+};
+
+const toolkit = initializeDebugToolkit();
+toolkit?.addFeature(myFeature);
+```
 
-### 调试面板不显示
-- 确保您在开发模式下（`isDebugMode`为true）
-- 检查是否正确调用了`initializeDebugToolkit()`
+### 工具函数
 
-### iOS功能不工作
-- 确认您已将FLEX和DoraemonKit添加到Podfile
-- 在修改后重新运行`pod install`
-- 确保您正在运行Debug构建版本
+| 导出 | 说明 |
+|------|------|
+| `safeStringify(value, space?)` | JSON 序列化，自动处理循环引用 |
+| `copyToComputer(content, options?)` | 复制内容到电脑 |
+| `logToComputer(...args)` | 输出到电脑控制台 |
 
-### 网络请求未被捕获
-- 对于Axios，请确保调用了`setupAxiosInterceptors(axios)`
-- 对于fetch请求，工具包会自动拦截，无需额外配置
+## 对等依赖
 
-### 应用性能问题
-- 此调试工具包仅适用于开发阶段，请确保生产构建中未包含
-- 如果开发模式下性能受影响，可以尝试只启用特定功能     
+| 包 | 版本 | 必需 |
+|----|------|------|
+| react | >= 18.0.0 | 是 |
+| react-native | >= 0.72.0 | 是 |
+| @react-native-clipboard/clipboard | >= 1.0.0 | 否 |
 
+## 许可证
 
+MIT

package/lib/commonjs/components/ClipboardTab.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ClipboardTab = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _colors = require("../utils/colors");
+var _copyToComputer = require("../utils/copyToComputer");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const ClipboardTab = exports.ClipboardTab = /*#__PURE__*/_react.default.memo(() => {
+  const [text, setText] = (0, _react.useState)('');
+  const [feedback, setFeedback] = (0, _react.useState)(null);
+  const handleCopy = (0, _react.useCallback)(() => {
+    if (!text) return;
+    try {
+      const result = (0, _copyToComputer.copyToComputer)(text, {
+        label: 'Clipboard'
+      });
+      setFeedback(result.method === 'clipboard' ? 'Copied' : 'Logged');
+    } catch {
+      setFeedback('Logged');
+    }
+    setTimeout(() => setFeedback(null), 2000);
+  }, [text]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: s.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+      style: s.input,
+      value: text,
+      onChangeText: setText,
+      placeholder: "Paste or type text here...",
+      placeholderTextColor: _colors.Colors.textLight,
+      multiline: true,
+      textAlignVertical: "top"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: s.footer,
+      children: text ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        style: s.copyBtn,
+        onPress: handleCopy,
+        activeOpacity: 0.7,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: s.copyBtnText,
+          children: feedback ?? 'Copy'
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: s.hint,
+        children: "Paste or type content above, then copy to computer"
+      })
+    })]
+  });
+});
+const s = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: _colors.Colors.background,
+    padding: 12
+  },
+  input: {
+    flex: 1,
+    backgroundColor: _colors.Colors.surface,
+    borderRadius: 12,
+    padding: 12,
+    fontSize: 14,
+    color: _colors.Colors.text,
+    lineHeight: 20
+  },
+  footer: {
+    paddingTop: 8,
+    minHeight: 36,
+    alignItems: 'flex-end'
+  },
+  hint: {
+    fontSize: 12,
+    color: _colors.Colors.textLight
+  },
+  copyBtn: {
+    backgroundColor: _colors.Colors.background,
+    paddingHorizontal: 16,
+    paddingVertical: 6,
+    borderRadius: 8
+  },
+  copyBtnText: {
+    fontSize: 13,
+    color: _colors.Colors.primary,
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=ClipboardTab.js.map

package/lib/commonjs/components/ClipboardTab.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_colors","_copyToComputer","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ClipboardTab","exports","React","memo","text","setText","useState","feedback","setFeedback","handleCopy","useCallback","result","copyToComputer","label","method","setTimeout","jsxs","View","style","s","container","children","jsx","TextInput","input","value","onChangeText","placeholder","placeholderTextColor","Colors","textLight","multiline","textAlignVertical","footer","TouchableOpacity","copyBtn","onPress","activeOpacity","Text","copyBtnText","hint","StyleSheet","create","flex","backgroundColor","background","padding","surface","borderRadius","fontSize","color","lineHeight","paddingTop","minHeight","alignItems","paddingHorizontal","paddingVertical","primary","fontWeight"],"sourceRoot":"../../../src","sources":["components/ClipboardTab.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ConsoleLogTab.js

@@ -0,0 +1,162 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConsoleLogTab = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _colors = require("../utils/colors");
+var _safeStringify = require("../utils/safeStringify");
+var _CollapsibleSection = require("./shared/CollapsibleSection");
+var _JsonView = require("./shared/JsonView");
+var _CopyButton = require("./shared/CopyButton");
+var _LogListScreen = require("./shared/LogListScreen");
+var _copyToComputer = require("../utils/copyToComputer");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const LEVEL_COLORS = {
+  log: '#8E8E93',
+  info: '#007AFF',
+  warn: '#FF9500',
+  error: '#FF3B30'
+};
+const LEVEL_ICONS = {
+  log: '●',
+  info: 'ℹ',
+  warn: '⚠',
+  error: '✕'
+};
+const ConsoleLogTab = exports.ConsoleLogTab = /*#__PURE__*/_react.default.memo(({
+  data
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_LogListScreen.LogListScreen, {
+  data: data,
+  emptyText: "No console logs",
+  renderRow: item => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: s.cardRow,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [s.levelDot, {
+        backgroundColor: LEVEL_COLORS[item.level] ?? '#8E8E93'
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: s.levelIcon,
+        children: LEVEL_ICONS[item.level] ?? '●'
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: s.cardContent,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: s.logMessage,
+        numberOfLines: 2,
+        children: item.data.map(d => typeof d === 'string' ? d : (0, _safeStringify.safeStringify)(d)).join(' ')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: s.time,
+        children: new Date(item.timestamp).toLocaleTimeString()
+      })]
+    })]
+  }),
+  renderDetailHeader: item => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [s.levelBadge, {
+        backgroundColor: LEVEL_COLORS[item.level] ?? '#8E8E93'
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: s.levelBadgeText,
+        children: item.level.toUpperCase()
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: s.detailTime,
+      children: new Date(item.timestamp).toLocaleString()
+    })]
+  }),
+  renderDetailBody: item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    style: s.detailBody,
+    contentContainerStyle: s.detailBodyContent,
+    children: item.data.map((d, index) => {
+      const formatted = typeof d === 'object' && d !== null ? (0, _copyToComputer.fmt)(d) : String(d);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollapsibleSection.CollapsibleSection, {
+        title: typeof d === 'object' && d !== null ? `Arg ${index + 1} (object)` : `Arg ${index + 1}`,
+        initiallyExpanded: index === 0,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: s.sectionWithCopy,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CopyButton.CopyButton, {
+            text: formatted,
+            label: `Console Arg ${index + 1}`
+          }), typeof d === 'object' && d !== null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_JsonView.JsonView, {
+            data: d,
+            maxHeight: 250
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: s.plainText,
+            selectable: true,
+            children: String(d)
+          })]
+        })
+      }, index);
+    })
+  })
+}));
+const s = _reactNative.StyleSheet.create({
+  cardRow: {
+    flexDirection: 'row',
+    padding: 14,
+    alignItems: 'flex-start'
+  },
+  levelDot: {
+    width: 24,
+    height: 24,
+    borderRadius: 12,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginRight: 12,
+    marginTop: 1
+  },
+  levelIcon: {
+    color: '#FFF',
+    fontSize: 11,
+    fontWeight: '700'
+  },
+  cardContent: {
+    flex: 1
+  },
+  logMessage: {
+    fontSize: 14,
+    color: _colors.Colors.text,
+    lineHeight: 20
+  },
+  time: {
+    fontSize: 12,
+    color: _colors.Colors.textSecondary,
+    marginTop: 4
+  },
+  levelBadge: {
+    paddingHorizontal: 10,
+    paddingVertical: 4,
+    borderRadius: 6
+  },
+  levelBadgeText: {
+    color: '#FFF',
+    fontSize: 12,
+    fontWeight: '700'
+  },
+  detailTime: {
+    flex: 1,
+    fontSize: 13,
+    color: _colors.Colors.textSecondary,
+    textAlign: 'right'
+  },
+  detailBody: {
+    flex: 1
+  },
+  detailBodyContent: {
+    padding: 12
+  },
+  sectionWithCopy: {
+    gap: 8
+  },
+  plainText: {
+    fontFamily: 'Courier',
+    fontSize: 13,
+    color: _colors.Colors.text,
+    lineHeight: 20
+  }
+});
+//# sourceMappingURL=ConsoleLogTab.js.map

package/lib/commonjs/components/ConsoleLogTab.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colors","_safeStringify","_CollapsibleSection","_JsonView","_CopyButton","_LogListScreen","_copyToComputer","_jsxRuntime","e","__esModule","default","LEVEL_COLORS","log","info","warn","error","LEVEL_ICONS","ConsoleLogTab","exports","React","memo","data","jsx","LogListScreen","emptyText","renderRow","item","jsxs","View","style","s","cardRow","children","levelDot","backgroundColor","level","Text","levelIcon","cardContent","logMessage","numberOfLines","map","d","safeStringify","join","time","Date","timestamp","toLocaleTimeString","renderDetailHeader","Fragment","levelBadge","levelBadgeText","toUpperCase","detailTime","toLocaleString","renderDetailBody","ScrollView","detailBody","contentContainerStyle","detailBodyContent","index","formatted","fmt","String","CollapsibleSection","title","initiallyExpanded","sectionWithCopy","CopyButton","text","label","JsonView","maxHeight","plainText","selectable","StyleSheet","create","flexDirection","padding","alignItems","width","height","borderRadius","justifyContent","marginRight","marginTop","color","fontSize","fontWeight","flex","Colors","lineHeight","textSecondary","paddingHorizontal","paddingVertical","textAlign","gap","fontFamily"],"sourceRoot":"../../../src","sources":["components/ConsoleLogTab.tsx"],"mappings":"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","ignoreList":[]}