react-native-qalink 0.2.0 → 0.3.0

package/dist/index.js

@@ -7,6 +7,7 @@ const fetch_1     = require("./interceptors/fetch");
 const errors_1    = require("./interceptors/errors");
 const console_1   = require("./interceptors/console");
 const runtime_1   = require("./interceptors/runtime");
+const metro_1     = require("./interceptors/metro");
 const session_1   = require("./core/session");
 const device_1    = require("./core/device");
 const sanitize_1  = require("./core/sanitize");
@@ -27,9 +28,8 @@ class QALinkSDK {
       return;
     }
 
-    // ── 1. enabled flag ───────────────────────────────────────────────────────
     if (config.enabled === false) {
-      this._log('SDK disabled (enabled: false). No data will be sent.');
+      this._log('SDK disabled. No data will be sent.');
       return;
     }
 
@@ -41,6 +41,7 @@ class QALinkSDK {
       sensitiveUrlPatterns: [],
       sensitiveBodyFields: [],
       captureRuntimeErrors: true,
+      captureMetroErrors: true,
       console: { captureLogs: true, captureWarnings: true, captureErrors: true, ignorePatterns: [], includePatterns: [] },
       debug: false,
       ...config,
@@ -51,14 +52,11 @@ class QALinkSDK {
       },
     };
 
-    // ── 2. deviceId ───────────────────────────────────────────────────────────
     this._deviceId = await (0, device_1.getDeviceId)();
 
-    // ── 3. WebSocket ──────────────────────────────────────────────────────────
     this.transport = new websocket_1.WebSocketTransport(this.config.serverUrl, this.config.debug);
     this.transport.connect();
 
-    // ── 4. session_start ──────────────────────────────────────────────────────
     const deviceInfo = await (0, session_1.getDeviceInfo)(config.appVersion);
     const sessionEvent = {
       id: (0, session_1.generateId)(),
@@ -75,16 +73,27 @@ class QALinkSDK {
     const getScreen = () => this.currentScreen;
     const getDevId  = () => this._deviceId;
 
-    // ── 5. Interceptors ───────────────────────────────────────────────────────
     this.cleanups.push((0, fetch_1.setupFetchInterceptor)(this.transport, this.config, getDevId));
     this.cleanups.push((0, console_1.setupConsoleInterceptor)(this.transport, this.config, getScreen));
+
     if (this.config.captureRuntimeErrors) {
       this.cleanups.push((0, runtime_1.setupRuntimeErrorHandler)(this.transport, this.config, getScreen));
     }
+
+    // Metro — activo por defecto, desactivar con captureMetroErrors: false
+    if (this.config.captureMetroErrors !== false) {
+      this.cleanups.push((0, metro_1.setupMetroInterceptor)(this.transport, this.config, getDevId));
+    }
+
     this.cleanups.push((0, errors_1.setupErrorHandlers)(this.transport, this.config));
 
     this.initialized = true;
-    this._log('SDK initialized ✅', { sessionId: (0, session_1.getSessionId)(), deviceId: this._deviceId, environment: this.config.environment });
+    this._log('SDK initialized ✅', {
+      sessionId: (0, session_1.getSessionId)(),
+      deviceId: this._deviceId,
+      environment: this.config.environment,
+      captureMetroErrors: this.config.captureMetroErrors,
+    });
   }
 
   interceptAxios(axiosInstance) {
@@ -98,9 +107,7 @@ class QALinkSDK {
     const event = {
       id: (0, session_1.generateId)(),
       type: 'breadcrumb',
-      action,
-      screen: this.currentScreen,
-      data,
+      action, screen: this.currentScreen, data,
       timestamp: Date.now(),
       sessionId: (0, session_1.getSessionId)(),
       deviceId: this._deviceId,
@@ -114,42 +121,29 @@ class QALinkSDK {
     const { method, url, statusCode, requestPayload, responsePayload, durationMs } = options;
     const isAuth = (0, sanitize_1.isAuthUrl)(url);
     const extraFields = this.config?.sensitiveBodyFields ?? [];
-    let sanitizedReq = requestPayload;
-    let sanitizedRes = responsePayload;
-    let hadSensitiveData = false;
+    let sanitizedReq = requestPayload, sanitizedRes = responsePayload, hadSensitiveData = false;
 
     if (requestPayload) {
-      if (isAuth) {
-        sanitizedReq = '[REDACTED - auth endpoint]';
-        hadSensitiveData = true;
-      } else {
-        const result = (0, sanitize_1.sanitizePayload)(requestPayload, extraFields);
-        sanitizedReq = result.sanitized;
-        hadSensitiveData = result.hadSensitiveData;
-      }
+      if (isAuth) { sanitizedReq = '[REDACTED - auth endpoint]'; hadSensitiveData = true; }
+      else { const r = (0, sanitize_1.sanitizePayload)(requestPayload, extraFields); sanitizedReq = r.sanitized; hadSensitiveData = r.hadSensitiveData; }
     }
     if (responsePayload) {
-      const result = (0, sanitize_1.sanitizePayload)(responsePayload, extraFields);
-      sanitizedRes = result.sanitized;
-      if (result.hadSensitiveData) hadSensitiveData = true;
+      const r = (0, sanitize_1.sanitizePayload)(responsePayload, extraFields);
+      sanitizedRes = r.sanitized;
+      if (r.hadSensitiveData) hadSensitiveData = true;
     }
 
     const event = {
       id: (0, session_1.generateId)(),
       type: 'network_log',
-      method: method.toUpperCase(),
-      url,
-      statusCode,
-      requestPayload: sanitizedReq,
-      responsePayload: sanitizedRes,
-      durationMs,
+      method: method.toUpperCase(), url, statusCode,
+      requestPayload: sanitizedReq, responsePayload: sanitizedRes, durationMs,
       timestamp: Date.now(),
       sessionId: (0, session_1.getSessionId)(),
       deviceId: this._deviceId,
       screen: this.currentScreen,
       sanitized: hadSensitiveData,
     };
-
     this.transport.send(event);
     this.config?.onEvent?.(event);
     this._log(`logRequest: ${method.toUpperCase()} ${url} ${statusCode ?? '?'}${hadSensitiveData ? ' [sanitized]' : ''}`);
@@ -168,9 +162,7 @@ class QALinkSDK {
     this.cleanups.forEach(fn => fn());
     this.cleanups = [];
     this.transport?.disconnect();
-    this.transport = null;
-    this.config    = null;
-    this.initialized = false;
+    this.transport = null; this.config = null; this.initialized = false;
   }
 
   _log(...args) {
@@ -181,6 +173,5 @@ class QALinkSDK {
 const QALink = new QALinkSDK();
 exports.QALink = QALink;
 
-// Re-exports
 var classifier_1 = require("./core/classifier");
 Object.defineProperty(exports, "getSourceLabel", { enumerable: true, get: function () { return classifier_1.getSourceLabel; } });

package/dist/interceptors/metro.js

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupMetroInterceptor = void 0;
+const session_1 = require("../core/session");
+
+const METRO_PATTERNS = [
+  { pattern: /Unable to resolve module ['"]([^'"]+)['"]\s+from\s+['"]([^'"]+)['"]/i, type: 'module_not_found' },
+  { pattern: /SyntaxError:.+\((\d+):(\d+)\)/i,                                       type: 'syntax_error'    },
+  { pattern: /TransformError/i,                                                        type: 'transform_error' },
+  { pattern: /bundling failed/i,                                                       type: 'bundling_failed' },
+  { pattern: /Metro(?:\s+Bundler)?:/i,                                                 type: 'metro_generic'   },
+  { pattern: /error: .+\.(?:js|ts|tsx|jsx):\s*\d+:\d+/i,                             type: 'build_error'     },
+  { pattern: /Requiring unknown module/i,                                              type: 'module_not_found'},
+  { pattern: /Module not found/i,                                                      type: 'module_not_found'},
+  { pattern: /cannot find module/i,                                                    type: 'module_not_found'},
+  { pattern: /ENOENT:.+require/i,                                                      type: 'module_not_found'},
+];
+
+function parseFileInfo(message) {
+  const m1 = message.match(/([^\s:]+\.(?:js|ts|tsx|jsx)):(\d+):(\d+)/);
+  if (m1) return { file: m1[1], lineNumber: parseInt(m1[2], 10), column: parseInt(m1[3], 10) };
+  const m2 = message.match(/([^\s(]+\.(?:js|ts|tsx|jsx))\s*\((\d+):(\d+)\)/);
+  if (m2) return { file: m2[1], lineNumber: parseInt(m2[2], 10), column: parseInt(m2[3], 10) };
+  return {};
+}
+
+function isMetroMessage(message) {
+  return METRO_PATTERNS.some(({ pattern }) => pattern.test(message));
+}
+
+function getMetroSubtype(message) {
+  for (const { pattern, type } of METRO_PATTERNS) {
+    if (pattern.test(message)) return type;
+  }
+  return 'metro_generic';
+}
+
+function argsToString(args) {
+  return args
+    .map(a => typeof a === 'string' ? a : a instanceof Error ? `${a.message}\n${a.stack ?? ''}` : String(a))
+    .join(' ');
+}
+
+function setupMetroInterceptor(transport, config, getDeviceId) {
+  const cleanups = [];
+
+  // ── 1. Interceptar console.error ──────────────────────────────────────────
+  const previousConsoleError = console.error;
+
+  console.error = (...args) => {
+    previousConsoleError(...args);
+    if (config.captureMetroErrors === false) return;
+    const message = argsToString(args);
+    if (!isMetroMessage(message)) return;
+    if (message.startsWith('[QALink]')) return;
+
+    const { file, lineNumber, column } = parseFileInfo(message);
+    const event = {
+      id:        (0, session_1.generateId)(),
+      type:      'metro_error',
+      metroType: getMetroSubtype(message),
+      message:   message.slice(0, 2000),
+      file, lineNumber, column,
+      timestamp: Date.now(),
+      sessionId: (0, session_1.getSessionId)(),
+      deviceId:  getDeviceId(),
+    };
+    transport.send(event);
+    config.onEvent?.(event);
+  };
+
+  cleanups.push(() => { console.error = previousConsoleError; });
+
+  // ── 2. ErrorUtils — crashes fatales de Metro ──────────────────────────────
+  try {
+    if (typeof ErrorUtils !== 'undefined' && ErrorUtils.getGlobalHandler) {
+      const originalHandler = ErrorUtils.getGlobalHandler();
+
+      ErrorUtils.setGlobalHandler((error, isFatal) => {
+        try {
+          if (config.captureMetroErrors !== false && error?.message && isMetroMessage(error.message)) {
+            const { file, lineNumber, column } = parseFileInfo(error.message);
+            const event = {
+              id:        (0, session_1.generateId)(),
+              type:      'metro_error',
+              metroType: getMetroSubtype(error.message),
+              message:   error.message.slice(0, 2000),
+              stack:     error.stack,
+              file, lineNumber, column,
+              timestamp: Date.now(),
+              sessionId: (0, session_1.getSessionId)(),
+              deviceId:  getDeviceId(),
+            };
+            transport.send(event);
+            config.onEvent?.(event);
+          }
+        } catch {}
+        originalHandler(error, isFatal);
+      });
+
+      cleanups.push(() => {
+        try { ErrorUtils.setGlobalHandler(originalHandler); } catch {}
+      });
+    }
+  } catch {}
+
+  return () => cleanups.forEach(fn => { try { fn(); } catch {} });
+}
+exports.setupMetroInterceptor = setupMetroInterceptor;

package/package.json

@@ -1,20 +1,14 @@
 {
   "name": "react-native-qalink",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Real-time error capture SDK for React Native — helps QA teams identify if bugs are frontend or backend",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": ["dist", "README.md"],
-  "keywords": ["react-native", "debugging", "qa", "error-tracking", "network-interceptor"],
-  "peerDependencies": {
-    "react-native": ">=0.70.0",
-    "axios": ">=1.0.0"
-  },
+  "keywords": ["react-native", "debugging", "qa", "error-tracking", "network-interceptor", "metro"],
+  "peerDependencies": { "react-native": ">=0.70.0", "axios": ">=1.0.0" },
   "peerDependenciesMeta": { "axios": { "optional": true } },
-  "devDependencies": {
-    "typescript": "^5.0.0",
-    "@types/react-native": "^0.72.0"
-  },
+  "devDependencies": { "typescript": "^5.0.0", "@types/react-native": "^0.72.0" },
   "scripts": { "build": "tsc", "typecheck": "tsc --noEmit" },
   "license": "MIT"
 }