react-native-inapp-inspector 2.5.12 → 2.5.14

package/dist/commonjs/helpers/shareFormatter.js

@@ -1,15 +1,22 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DEFAULT_CONSOLE_EXPORT_OPTIONS=void 0,exports.formatApiReport=formatApiReport,exports.formatPushReport=formatPushReport,exports.formatCrashReport=formatCrashReport,exports.formatAnalyticsReport=formatAnalyticsReport,exports.formatReduxReport=formatReduxReport,exports.formatLogReport=formatLogReport,exports.shareApiReport=shareApiReport,exports.sharePushReport=sharePushReport,exports.shareCrashReport=shareCrashReport,exports.shareAnalyticsReport=shareAnalyticsReport,exports.shareReduxReport=shareReduxReport,exports.shareLogReport=shareLogReport,exports.formatSocketReport=formatSocketReport,exports.shareSocketReport=shareSocketReport,exports.generateConsoleLogsFilename=generateConsoleLogsFilename,exports.formatConsoleLogsExport=formatConsoleLogsExport,exports.estimateConsoleLogsExportSize=estimateConsoleLogsExportSize,exports.shareConsoleLogs=shareConsoleLogs;const react_native_1=require("react-native"),index_1=require("./index");function safeStringify(e){if(e===void 0)return"undefined";if(e===null)return"null";if(typeof e=="string")return e;try{return JSON.stringify(e,null,2)}catch{return String(e)}}function formatApiReport(e){const n=(e.method||"GET").toUpperCase(),t=e.status===0?"Failed / Network Error":e.status!=null?`${e.status} ${e.status===200?"OK":""}`.trim():"Pending",o=e.duration!=null?`${e.duration}ms`:"N/A",i=(0,index_1.formatDateTime)(e.startTime||Date.now()),s=(0,index_1.getCurlCommand)(e),a=["\u{1F680} API INSPECTION REPORT","\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501",`\u{1F4CC} Method:   ${n}`,`\u{1F4CA} Status:   ${t}`,`\u23F1\uFE0F Duration: ${o}`,`\u{1F552} Time:     ${i}`];return e.client&&a.push(`\u{1F50C} Client:   ${e.client.toUpperCase()}`),a.push(`\u{1F310} URL:      ${e.url||"N/A"}`),a.push(""),e.requestHeaders&&Object.keys(e.requestHeaders).length>0&&(a.push("\u{1F4CB} Request Headers:"),a.push(safeStringify(e.requestHeaders)),a.push("")),e.request!=null&&e.request!==""&&(a.push("\u{1F4DD} Request Body:"),a.push(safeStringify(e.request)),a.push("")),e.responseHeaders&&Object.keys(e.responseHeaders).length>0&&(a.push("\u{1F4D1} Response Headers:"),a.push(safeStringify(e.responseHeaders)),a.push("")),e.response!=null&&e.response!==""&&(a.push("\u{1F4E5} Response Data:"),a.push(safeStringify(e.response)),a.push("")),s&&(a.push("\u{1F4BB} cURL Command:"),a.push(s),a.push("")),a.push("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501"),a.push("Generated by React Native InApp Inspector"),a.join(`
-`)}function formatPushReport(e){const n=(0,index_1.formatDateTime)(e.timestamp||Date.now()),t=(e.source||"push").toUpperCase(),o=(e.appState||"unknown").toUpperCase(),i=(e.action||"received").toUpperCase(),s=["\u{1F514} PUSH NOTIFICATION REPORT","\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501",`\u{1F4CC} Title:     ${e.title||"(No Title)"}`,`\u{1F4DD} Body:      ${e.body||"(No Body)"}`,`\u{1F3E2} Source:    ${t}${e.domain?` (${e.domain})`:""}`,`\u{1F194} Message ID: ${e.id||"N/A"}`,`\u{1F4F1} App State: ${o}`,`\u{1F3AF} Action:    ${i}`,`\u{1F552} Time:      ${n}`];return e.subtitle&&s.push(`\u{1F4D1} Subtitle:  ${e.subtitle}`),e.channelId&&s.push(`\u{1F3F7}\uFE0F Channel:   ${e.channelId}`),e.priority&&s.push(`\u26A1 Priority:  ${e.priority}`),e.badge!=null&&s.push(`\u{1F522} Badge:     ${e.badge}`),e.sound&&s.push(`\u{1F50A} Sound:     ${e.sound}`),e.imageUrl&&s.push(`\u{1F5BC}\uFE0F Image:     ${e.imageUrl}`),s.push(""),e.data&&Object.keys(e.data).length>0&&(s.push("\u{1F4E6} Custom Data Payload:"),s.push(safeStringify(e.data)),s.push("")),e.customDomainAttributes&&Object.keys(e.customDomainAttributes).length>0&&(s.push("\u{1F3E2} Domain Attributes:"),s.push(safeStringify(e.customDomainAttributes)),s.push("")),e.rawPayload!=null&&(s.push("\u2699\uFE0F Raw Payload:"),s.push(safeStringify(e.rawPayload)),s.push("")),s.push("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501"),s.push("Generated by React Native InApp Inspector"),s.join(`
-`)}function formatCrashReport(e){const n=`${e.dateStr||""} ${e.timeStr||""}`.trim()||(0,index_1.formatDateTime)(e.timestamp),t=["\u{1F4A5} CRASH REPORT","\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501",`\u26A0\uFE0F Error:   ${e.name||"Error"}: ${e.message||"Unknown error"}`,`\u{1F6A8} Fatal:   ${e.isFatal?"YES (Fatal)":"NO (Caught)"}`,`\u{1F3F7}\uFE0F Type:    ${(e.type||"js").toUpperCase()}`,`\u{1F552} Time:    ${n}`];return e.deviceInfo&&t.push(`\u{1F4F1} Platform: ${e.deviceInfo.platform||"N/A"} (OS: ${e.deviceInfo.osVersion||"N/A"}, RN: ${e.deviceInfo.rnVersion||"N/A"})`),e.memoryInfo?.usedJSHeapSize&&t.push(`\u{1F4BE} Used Heap: ${Math.round(e.memoryInfo.usedJSHeapSize/(1024*1024))} MB`),t.push(""),e.stack&&(t.push("\u{1F4DC} Stack Trace:"),t.push(e.stack),t.push("")),e.breadcrumbs&&e.breadcrumbs.length>0&&(t.push(`\u{1F43E} Breadcrumbs (${e.breadcrumbs.length}):`),e.breadcrumbs.slice(-10).forEach(o=>{t.push(`  \u2022 [${o.type}] ${o.message} (${(0,index_1.formatDateTime)(o.timestamp)})`)}),t.push("")),t.push("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501"),t.push("Generated by React Native InApp Inspector"),t.join(`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DEFAULT_NETWORK_EXPORT_OPTIONS=exports.DEFAULT_CONSOLE_EXPORT_OPTIONS=void 0,exports.formatApiReport=formatApiReport,exports.formatPushReport=formatPushReport,exports.formatCrashReport=formatCrashReport,exports.formatAnalyticsReport=formatAnalyticsReport,exports.formatReduxReport=formatReduxReport,exports.formatLogReport=formatLogReport,exports.shareApiReport=shareApiReport,exports.sharePushReport=sharePushReport,exports.shareCrashReport=shareCrashReport,exports.shareAnalyticsReport=shareAnalyticsReport,exports.shareReduxReport=shareReduxReport,exports.shareLogReport=shareLogReport,exports.formatSocketReport=formatSocketReport,exports.shareSocketReport=shareSocketReport,exports.generateConsoleLogsFilename=generateConsoleLogsFilename,exports.formatConsoleLogsExport=formatConsoleLogsExport,exports.estimateConsoleLogsExportSize=estimateConsoleLogsExportSize,exports.shareConsoleLogs=shareConsoleLogs,exports.generateNetworkLogsFilename=generateNetworkLogsFilename,exports.formatNetworkLogsExport=formatNetworkLogsExport,exports.estimateNetworkLogsExportSize=estimateNetworkLogsExportSize,exports.shareNetworkLogs=shareNetworkLogs;const react_native_1=require("react-native"),NativeInspector_1=require("../native/NativeInspector"),index_1=require("./index");function safeStringify(e){if(e===void 0)return"undefined";if(e===null)return"null";if(typeof e=="string")return e;try{return JSON.stringify(e,null,2)}catch{return String(e)}}function formatApiReport(e){const n=(e.method||"GET").toUpperCase(),t=e.status===0?"Failed / Network Error":e.status!=null?`${e.status} ${e.status===200?"OK":""}`.trim():"Pending",r=e.duration!=null?`${e.duration}ms`:"N/A",p=(0,index_1.formatDateTime)(e.startTime||Date.now()),s=(0,index_1.getCurlCommand)(e),u=["\u{1F680} API INSPECTION REPORT","\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501",`\u{1F4CC} Method:   ${n}`,`\u{1F4CA} Status:   ${t}`,`\u23F1\uFE0F Duration: ${r}`,`\u{1F552} Time:     ${p}`];return e.client&&u.push(`\u{1F50C} Client:   ${e.client.toUpperCase()}`),u.push(`\u{1F310} URL:      ${e.url||"N/A"}`),u.push(""),e.requestHeaders&&Object.keys(e.requestHeaders).length>0&&(u.push("\u{1F4CB} Request Headers:"),u.push(safeStringify(e.requestHeaders)),u.push("")),e.request!=null&&e.request!==""&&(u.push("\u{1F4DD} Request Body:"),u.push(safeStringify(e.request)),u.push("")),e.responseHeaders&&Object.keys(e.responseHeaders).length>0&&(u.push("\u{1F4D1} Response Headers:"),u.push(safeStringify(e.responseHeaders)),u.push("")),e.response!=null&&e.response!==""&&(u.push("\u{1F4E5} Response Data:"),u.push(safeStringify(e.response)),u.push("")),s&&(u.push("\u{1F4BB} cURL Command:"),u.push(s),u.push("")),u.push("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501"),u.push("Generated by React Native InApp Inspector"),u.join(`
+`)}function formatPushReport(e){const n=(0,index_1.formatDateTime)(e.timestamp||Date.now()),t=(e.source||"push").toUpperCase(),r=(e.appState||"unknown").toUpperCase(),p=(e.action||"received").toUpperCase(),s=["\u{1F514} PUSH NOTIFICATION REPORT","\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501",`\u{1F4CC} Title:     ${e.title||"(No Title)"}`,`\u{1F4DD} Body:      ${e.body||"(No Body)"}`,`\u{1F3E2} Source:    ${t}${e.domain?` (${e.domain})`:""}`,`\u{1F194} Message ID: ${e.id||"N/A"}`,`\u{1F4F1} App State: ${r}`,`\u{1F3AF} Action:    ${p}`,`\u{1F552} Time:      ${n}`];return e.subtitle&&s.push(`\u{1F4D1} Subtitle:  ${e.subtitle}`),e.channelId&&s.push(`\u{1F3F7}\uFE0F Channel:   ${e.channelId}`),e.priority&&s.push(`\u26A1 Priority:  ${e.priority}`),e.badge!=null&&s.push(`\u{1F522} Badge:     ${e.badge}`),e.sound&&s.push(`\u{1F50A} Sound:     ${e.sound}`),e.imageUrl&&s.push(`\u{1F5BC}\uFE0F Image:     ${e.imageUrl}`),s.push(""),e.data&&Object.keys(e.data).length>0&&(s.push("\u{1F4E6} Custom Data Payload:"),s.push(safeStringify(e.data)),s.push("")),e.customDomainAttributes&&Object.keys(e.customDomainAttributes).length>0&&(s.push("\u{1F3E2} Domain Attributes:"),s.push(safeStringify(e.customDomainAttributes)),s.push("")),e.rawPayload!=null&&(s.push("\u2699\uFE0F Raw Payload:"),s.push(safeStringify(e.rawPayload)),s.push("")),s.push("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501"),s.push("Generated by React Native InApp Inspector"),s.join(`
+`)}function formatCrashReport(e){const n=`${e.dateStr||""} ${e.timeStr||""}`.trim()||(0,index_1.formatDateTime)(e.timestamp),t=["\u{1F4A5} CRASH REPORT","\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501",`\u26A0\uFE0F Error:   ${e.name||"Error"}: ${e.message||"Unknown error"}`,`\u{1F6A8} Fatal:   ${e.isFatal?"YES (Fatal)":"NO (Caught)"}`,`\u{1F3F7}\uFE0F Type:    ${(e.type||"js").toUpperCase()}`,`\u{1F552} Time:    ${n}`];return e.deviceInfo&&t.push(`\u{1F4F1} Platform: ${e.deviceInfo.platform||"N/A"} (OS: ${e.deviceInfo.osVersion||"N/A"}, RN: ${e.deviceInfo.rnVersion||"N/A"})`),e.memoryInfo?.usedJSHeapSize&&t.push(`\u{1F4BE} Used Heap: ${Math.round(e.memoryInfo.usedJSHeapSize/(1024*1024))} MB`),t.push(""),e.stack&&(t.push("\u{1F4DC} Stack Trace:"),t.push(e.stack),t.push("")),e.breadcrumbs&&e.breadcrumbs.length>0&&(t.push(`\u{1F43E} Breadcrumbs (${e.breadcrumbs.length}):`),e.breadcrumbs.slice(-10).forEach(r=>{t.push(`  \u2022 [${r.type}] ${r.message} (${(0,index_1.formatDateTime)(r.timestamp)})`)}),t.push("")),t.push("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501"),t.push("Generated by React Native InApp Inspector"),t.join(`
 `)}function formatAnalyticsReport(e){const n=(0,index_1.formatDateTime)(e.timestamp),t=["\u{1F4CA} ANALYTICS EVENT REPORT","\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501",`\u{1F4CC} Event Name:   ${e.name||"Unknown"}`,`\u{1F3E2} Source:       ${(e.source||"manual").toUpperCase()}`,`\u{1F552} Timestamp:    ${n}`];return e.screenName&&t.push(`\u{1F4F1} Screen Name:  ${e.screenName}`),e.userId&&t.push(`\u{1F464} User ID:      ${e.userId}`),e.trackingId&&t.push(`\u{1F194} Tracking ID:  ${e.trackingId}`),t.push(""),e.params&&Object.keys(e.params).length>0&&(t.push("\u{1F4E6} Event Parameters:"),t.push(safeStringify(e.params)),t.push("")),e.userProperties&&Object.keys(e.userProperties).length>0&&(t.push("\u{1F464} User Properties:"),t.push(safeStringify(e.userProperties)),t.push("")),t.push("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501"),t.push("Generated by React Native InApp Inspector"),t.join(`
 `)}function formatReduxReport(e){const n=typeof e.timestamp=="number"?(0,index_1.formatDateTime)(e.timestamp):e.timestamp,t=["\u{1F504} REDUX ACTION REPORT","\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501",`\u{1F4CC} Action Type: ${e.type||"UNKNOWN"}`,`\u{1F552} Timestamp:   ${n}`];return e.caller&&t.push(`\u{1F4CD} Caller:      ${e.caller}`),e.originType&&t.push(`\u2699\uFE0F Origin:      ${e.originType}`),e.affectedSlices&&e.affectedSlices.length>0&&t.push(`\u{1F370} Slices:      ${e.affectedSlices.join(", ")}`),t.push(""),t.push("\u{1F4E6} Action Payload:"),t.push(safeStringify(e.payload)),t.push(""),e.prevState!==void 0&&(t.push("\u23EE\uFE0F Previous State:"),t.push(safeStringify(e.prevState)),t.push("")),e.nextState!==void 0&&(t.push("\u23ED\uFE0F Next State:"),t.push(safeStringify(e.nextState)),t.push("")),t.push("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501"),t.push("Generated by React Native InApp Inspector"),t.join(`
 `)}function formatLogReport(e){const n=(0,index_1.formatDateTime)(e.timestamp),t=["\u{1F4DC} CONSOLE LOG REPORT","\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501",`\u{1F4CC} Level:     ${(e.type||"info").toUpperCase()}`,`\u{1F552} Timestamp: ${n}`,`\u{1F4AC} Message:   ${e.message||""}`];return e.caller&&t.push(`\u{1F4CD} Caller:    ${e.caller}`),t.push(""),e.rawArgs&&e.rawArgs.length>0&&(t.push("\u{1F4E6} Arguments:"),t.push(safeStringify(e.rawArgs)),t.push("")),(e.stack||e.errorStack)&&(t.push("\u{1F4DC} Stack Trace:"),t.push(e.stack||e.errorStack||""),t.push("")),t.push("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501"),t.push("Generated by React Native InApp Inspector"),t.join(`
-`)}async function triggerNativeShare(e,n){try{await react_native_1.Share.share({title:e,message:n},{dialogTitle:e})}catch(t){t?.message!=="User did not share"&&react_native_1.Alert.alert("Share Error",t?.message||"Failed to open share sheet")}}async function shareApiReport(e){const n=formatApiReport(e),t=`API: ${e.method||"GET"} ${e.url?.substring(0,40)||""}`;await triggerNativeShare(t,n)}async function sharePushReport(e){const n=formatPushReport(e),t=`Push: ${e.title||e.id||"Notification"}`;await triggerNativeShare(t,n)}async function shareCrashReport(e){const n=formatCrashReport(e),t=`Crash: ${e.name||e.message||"Error"}`;await triggerNativeShare(t,n)}async function shareAnalyticsReport(e){const n=formatAnalyticsReport(e),t=`Analytics: ${e.name||"Event"}`;await triggerNativeShare(t,n)}async function shareReduxReport(e){const n=formatReduxReport(e),t=`Redux: ${e.type||"Action"}`;await triggerNativeShare(t,n)}async function shareLogReport(e){const n=formatLogReport(e),t=`Log: ${(e.type||"info").toUpperCase()} - ${e.message?.substring(0,30)||""}`;await triggerNativeShare(t,n)}function formatSocketReport(e){const n=(e.client||"websocket").toUpperCase(),t=(e.status||"open").toUpperCase(),o=e.duration!=null?`${e.duration}ms`:"Active / Open",i=(0,index_1.formatDateTime)(e.startTime||Date.now()),s=["\u{1F50C} WEBSOCKET / SOCKET.IO REPORT","\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501",`\u{1F4E1} Client:       ${n}`,`\u{1F310} URL:          ${e.url||"N/A"}`,`\u26A1 Status:       ${t}`,`\u23F1\uFE0F  Connected:    ${i}`,`\u23F3 Duration:     ${o}`,`\u{1F4E6} Total Frames: ${e.frames?.length||0} (${e.sentCount||0} sent, ${e.receivedCount||0} recvd)`,`\u{1F4CA} Data Size:    ${(e.totalBytesSent||0)+(e.totalBytesReceived||0)} bytes`];return e.protocols&&s.push(`\u{1F4DC} Protocols:    ${Array.isArray(e.protocols)?e.protocols.join(", "):e.protocols}`),e.closeCode!=null&&s.push(`\u{1F6D1} Close Code:   ${e.closeCode} (${e.closeReason||"N/A"})`),e.error&&s.push(`\u274C Error:        ${e.error}`),e.caller&&s.push(`\u{1F4CD} Caller:       ${e.caller}`),e.query&&Object.keys(e.query).length>0&&(s.push(""),s.push("\u{1F50D} Query Parameters:"),s.push(safeStringify(e.query))),e.frames&&e.frames.length>0&&(s.push(""),s.push("\u{1F4AC} Recent Message Frames:"),e.frames.slice(-10).forEach((a,h)=>{const S=a.direction==="send"?"\u2B06\uFE0F SEND":"\u2B07\uFE0F RECV",c=a.eventName?` [${a.eventName}]`:"";s.push(`--- Frame #${h+1} (${S}${c}, ${a.type}, ${a.size||0}B) ---`),s.push(safeStringify(a.data))})),s.push(""),s.push("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501"),s.push("Generated by React Native InApp Inspector"),s.join(`
-`)}async function shareSocketReport(e){const n=formatSocketReport(e),t=`Socket: ${e.client?.toUpperCase()||"WS"} ${e.url?.substring(0,35)||""}`;await triggerNativeShare(t,n)}exports.DEFAULT_CONSOLE_EXPORT_OPTIONS={includeStackTrace:!1,includeArguments:!1,includeCaller:!1,includeTimestamps:!1,includeAppInfo:!1,includeDuplicates:!1,ignorePattern:""};function generateConsoleLogsFilename(e="txt"){const n=new Date,t=String(n.getDate()).padStart(2,"0"),o=String(n.getMonth()+1).padStart(2,"0"),i=String(n.getFullYear()).slice(-2),s=Math.random().toString(36).substring(2,8).padEnd(6,"0");return`log_${t}${o}${i}_${s}.${e==="log"?"log":"txt"}`}function formatConsoleLogsExport(e,n="txt",t=exports.DEFAULT_CONSOLE_EXPORT_OPTIONS){if(!e||e.length===0)return"No console logs to export.";const{includeStackTrace:o=!1,includeArguments:i=!1,includeCaller:s=!1,includeTimestamps:a=!1,includeAppInfo:h=!1,includeDuplicates:S=!1,ignorePattern:c=""}=t;let d=e;if(c&&c.trim().length>0)try{const r=new RegExp(c.trim(),"i");d=e.filter(m=>{const l=m.message||"",f=m.rawArgs?safeStringify(m.rawArgs):"",$=m.caller||"";return!r.test(l)&&!r.test(f)&&!r.test($)})}catch{}if(d.length===0)return"No console logs to export (all filtered out).";const R=new Date().toLocaleString(),u="********************************************************************************",y=[];h&&y.push(`/${u}`,` * \u{1F4DC} CONSOLE LOGS EXPORT (${n.toUpperCase()})`,` * \u{1F552} Exported At: ${R}`,` * \u{1F4CA} Total Logs:   ${e.length}`," * \u2699\uFE0F Generator:   React Native InApp Inspector",` ${u}/`,"");const g=e.map((r,m)=>{const l=m+1,f=(0,index_1.formatDateTime)(r.timestamp),$=(r.type||"info").toUpperCase(),C=S&&r.duplicateCount&&r.duplicateCount>1?` [DUPLICATES: \xD7${r.duplicateCount}]`:"",p=[`/${u}`,` * \u{1F4CC} LOG #${l} Starts [${$}]${a?` - ${f}`:""}${C}`,` ${u}/`];if(s&&r.caller&&p.push(`\u{1F4CD} Caller:    ${r.caller}`),a&&p.push(`\u{1F552} Time:      ${f}`),p.push(`\u{1F3F7}\uFE0F Level:     ${$}`),r.sourceMethod&&r.sourceMethod!==r.type&&p.push(`\u2699\uFE0F Method:    console.${r.sourceMethod}()`),p.push(""),p.push("\u{1F4AC} Message:"),p.push(r.message||"(Empty message)"),i&&r.rawArgs&&r.rawArgs.length>0&&(p.push(""),p.push("\u{1F4E6} Arguments / Data:"),p.push(safeStringify(r.rawArgs))),o&&(r.stack||r.errorStack)){p.push(""),p.push("\u{1F4DC} Stack Trace & Frames:");const O=(r.stack||r.errorStack||"").split(`
-`).map(A=>`  ${A}`).join(`
-`);p.push(O)}return p.push(""),p.push(`/${u}`),p.push(` * \u{1F3C1} LOG #${l} Ends`),p.push(` ${u}/`),p.join(`
+`)}async function triggerNativeShare(e,n,t){try{const r=t||`export_${Date.now()}.txt`,p=await(0,NativeInspector_1.writeNativeExportFile)(r,n);if(p){const s=r.endsWith(".json")?"application/json":(r.endsWith(".log")||r.endsWith(".txt"),"text/plain");if(await(0,NativeInspector_1.shareNativeFile)(p,s,e))return}await react_native_1.Share.share({title:e,message:n,url:p||void 0},{dialogTitle:e,subject:e})}catch(r){r?.message!=="User did not share"&&react_native_1.Alert.alert("Share Error",r?.message||"Failed to open share sheet")}}async function shareApiReport(e){const n=formatApiReport(e),t=`api_${e.id??Date.now()}.txt`,r=`API: ${e.method||"GET"} ${e.url?.substring(0,40)||""}`;await triggerNativeShare(r,n,t)}async function sharePushReport(e){const n=formatPushReport(e),t=`push_${e.id??Date.now()}.txt`,r=`Push: ${e.title||e.id||"Notification"}`;await triggerNativeShare(r,n,t)}async function shareCrashReport(e){const n=formatCrashReport(e),t=`crash_${e.timestamp??Date.now()}.txt`,r=`Crash: ${e.name||e.message||"Error"}`;await triggerNativeShare(r,n,t)}async function shareAnalyticsReport(e){const n=formatAnalyticsReport(e),t=`analytics_${e.id??Date.now()}.txt`,r=`Analytics: ${e.name||"Event"}`;await triggerNativeShare(r,n,t)}async function shareReduxReport(e){const n=formatReduxReport(e),t=`redux_${e.id??Date.now()}.txt`,r=`Redux: ${e.type||"Action"}`;await triggerNativeShare(r,n,t)}async function shareLogReport(e){const n=formatLogReport(e),t=`log_${e.id??Date.now()}.txt`,r=`Log: ${(e.type||"info").toUpperCase()} - ${e.message?.substring(0,30)||""}`;await triggerNativeShare(r,n,t)}function formatSocketReport(e){const n=(e.client||"websocket").toUpperCase(),t=(e.status||"open").toUpperCase(),r=e.duration!=null?`${e.duration}ms`:"Active / Open",p=(0,index_1.formatDateTime)(e.startTime||Date.now()),s=["\u{1F50C} WEBSOCKET / SOCKET.IO REPORT","\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501",`\u{1F4E1} Client:       ${n}`,`\u{1F310} URL:          ${e.url||"N/A"}`,`\u26A1 Status:       ${t}`,`\u23F1\uFE0F  Connected:    ${p}`,`\u23F3 Duration:     ${r}`,`\u{1F4E6} Total Frames: ${e.frames?.length||0} (${e.sentCount||0} sent, ${e.receivedCount||0} recvd)`,`\u{1F4CA} Data Size:    ${(e.totalBytesSent||0)+(e.totalBytesReceived||0)} bytes`];return e.protocols&&s.push(`\u{1F4DC} Protocols:    ${Array.isArray(e.protocols)?e.protocols.join(", "):e.protocols}`),e.closeCode!=null&&s.push(`\u{1F6D1} Close Code:   ${e.closeCode} (${e.closeReason||"N/A"})`),e.error&&s.push(`\u274C Error:        ${e.error}`),e.caller&&s.push(`\u{1F4CD} Caller:       ${e.caller}`),e.query&&Object.keys(e.query).length>0&&(s.push(""),s.push("\u{1F50D} Query Parameters:"),s.push(safeStringify(e.query))),e.frames&&e.frames.length>0&&(s.push(""),s.push("\u{1F4AC} Recent Message Frames:"),e.frames.slice(-10).forEach((u,T)=>{const E=u.direction==="send"?"\u2B06\uFE0F SEND":"\u2B07\uFE0F RECV",S=u.eventName?` [${u.eventName}]`:"";s.push(`--- Frame #${T+1} (${E}${S}, ${u.type}, ${u.size||0}B) ---`),s.push(safeStringify(u.data))})),s.push(""),s.push("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501"),s.push("Generated by React Native InApp Inspector"),s.join(`
+`)}async function shareSocketReport(e){const n=formatSocketReport(e),t=`socket_${e.id??Date.now()}.txt`,r=`Socket: ${e.client?.toUpperCase()||"WS"} ${e.url?.substring(0,35)||""}`;await triggerNativeShare(r,n,t)}exports.DEFAULT_CONSOLE_EXPORT_OPTIONS={includeStackTrace:!0,includeArguments:!0,includeCaller:!0,includeTimestamps:!0,includeAppInfo:!0,includeDuplicates:!1,ignorePattern:""};function generateConsoleLogsFilename(e="txt"){const n=new Date,t=String(n.getDate()).padStart(2,"0"),r=String(n.getMonth()+1).padStart(2,"0"),p=String(n.getFullYear()).slice(-2),s=Math.random().toString(36).substring(2,8).padEnd(6,"0");return`log_${t}${r}${p}_${s}.${e==="log"?"log":"txt"}`}function formatConsoleLogsExport(e,n="txt",t=exports.DEFAULT_CONSOLE_EXPORT_OPTIONS){if(!e||e.length===0)return"No console logs to export.";const{includeStackTrace:r=!0,includeArguments:p=!0,includeCaller:s=!0,includeTimestamps:u=!0,includeAppInfo:T=!0,includeDuplicates:E=!1,ignorePattern:S=""}=t;let N=e;if(S&&S.trim().length>0)try{const c=new RegExp(S.trim(),"i");N=e.filter(a=>{const o=a.message||"",l=a.rawArgs?safeStringify(a.rawArgs):"",h=a.caller||"";return!c.test(o)&&!c.test(l)&&!c.test(h)})}catch{}if(N.length===0)return"No console logs to export (all filtered out).";const C=new Date().toLocaleString(),d="********************************************************************************",f=[];T&&f.push(`/${d}`,` * \u{1F4DC} CONSOLE LOGS EXPORT (${n.toUpperCase()})`,` * \u{1F552} Exported At: ${C}`,` * \u{1F4CA} Total Logs:   ${e.length}`," * \u2699\uFE0F Generator:   React Native InApp Inspector",` ${d}/`,"");const y=e.map((c,a)=>{const o=a+1,l=(0,index_1.formatDateTime)(c.timestamp),h=(c.type||"info").toUpperCase(),$=E&&c.duplicateCount&&c.duplicateCount>1?` [DUPLICATES: \xD7${c.duplicateCount}]`:"",m=[`/${d}`,` * \u{1F4CC} LOG #${o} Starts [${h}]${u?` - ${l}`:""}${$}`,` ${d}/`];if(s&&c.caller&&m.push(`\u{1F4CD} Caller:    ${c.caller}`),u&&m.push(`\u{1F552} Time:      ${l}`),m.push(`\u{1F3F7}\uFE0F Level:     ${h}`),c.sourceMethod&&c.sourceMethod!==c.type&&m.push(`\u2699\uFE0F Method:    console.${c.sourceMethod}()`),m.push(""),m.push("\u{1F4AC} Message:"),m.push(c.message||"(Empty message)"),p&&c.rawArgs&&c.rawArgs.length>0&&(m.push(""),m.push("\u{1F4E6} Arguments / Data:"),m.push(safeStringify(c.rawArgs))),r&&(c.stack||c.errorStack)){m.push(""),m.push("\u{1F4DC} Stack Trace & Frames:");const R=(c.stack||c.errorStack||"").split(`
+`).map(i=>`  ${i}`).join(`
+`);m.push(R)}return m.push(""),m.push(`/${d}`),m.push(` * \u{1F3C1} LOG #${o} Ends`),m.push(` ${d}/`),m.join(`
 `)}).join(`
 
-`),T=h?["",`/${u}`," * \u{1F3C1} END OF CONSOLE LOGS EXPORT",` ${u}/`].join(`
+`),x=T?["",`/${d}`," * \u{1F3C1} END OF CONSOLE LOGS EXPORT",` ${d}/`].join(`
+`):"";return`${f.join(`
+`)}${y}${x}`}function estimateConsoleLogsExportSize(e,n="txt",t=exports.DEFAULT_CONSOLE_EXPORT_OPTIONS){if(!e||e.length===0)return 0;const r=Math.min(e.length,20),p=e.slice(0,r),u=formatConsoleLogsExport(p,n,t).length/r;return Math.round(u*e.length)}async function shareConsoleLogs(e,n="txt",t=exports.DEFAULT_CONSOLE_EXPORT_OPTIONS,r){const p=formatConsoleLogsExport(e,n,t),s=generateConsoleLogsFilename(n);await triggerNativeShare(r||s,p,s)}exports.DEFAULT_NETWORK_EXPORT_OPTIONS={includeRequestHeaders:!0,includeRequestBody:!0,includeResponseHeaders:!0,includeResponseBody:!0,includeCurlCommand:!0,includeTimestamps:!0,includeAppInfo:!0,ignorePattern:""};function generateNetworkLogsFilename(e="txt"){const n=new Date,t=String(n.getDate()).padStart(2,"0"),r=String(n.getMonth()+1).padStart(2,"0"),p=String(n.getFullYear()).slice(-2),s=Math.random().toString(36).substring(2,8).padEnd(6,"0");return`api_${t}${r}${p}_${s}.${e==="log"?"log":"txt"}`}function formatNetworkLogsExport(e,n="txt",t=exports.DEFAULT_NETWORK_EXPORT_OPTIONS){if(!e||e.length===0)return"No API requests to export.";const{includeRequestHeaders:r=!0,includeRequestBody:p=!0,includeResponseHeaders:s=!0,includeResponseBody:u=!0,includeCurlCommand:T=!0,includeTimestamps:E=!0,includeAppInfo:S=!0,ignorePattern:N=""}=t;let g=e;if(N&&N.trim().length>0)try{const a=new RegExp(N.trim(),"i");g=e.filter(o=>{const l=o.url||"",h=o.method||"",$=o.client||"",m=o.request?safeStringify(o.request):"",R=o.response?safeStringify(o.response):"",i=o.requestHeaders?safeStringify(o.requestHeaders):"",O=o.responseHeaders?safeStringify(o.responseHeaders):"";return!a.test(l)&&!a.test(h)&&!a.test($)&&!a.test(m)&&!a.test(R)&&!a.test(i)&&!a.test(O)})}catch{}if(g.length===0)return"No API requests to export (all filtered out).";const d=new Date().toLocaleString(),f="********************************************************************************";if(n==="json"){const a=g.map((o,l)=>{const h={index:l+1,id:o.id,url:o.url,method:(o.method||"GET").toUpperCase(),status:o.status,duration:o.duration,startTime:o.startTime,client:o.client};return r&&o.requestHeaders&&(h.requestHeaders=o.requestHeaders),p&&o.request!=null&&(h.request=o.request),s&&o.responseHeaders&&(h.responseHeaders=o.responseHeaders),u&&o.response!=null&&(h.response=o.response),T&&(h.curl=(0,index_1.getCurlCommand)(o)),h});return JSON.stringify(a,null,2)}if(n==="curl"){const a=["#!/usr/bin/env bash","# ============================================================================== ","# \u{1F680} API Network Logs - cURL Script Export",`# \u{1F552} Exported At:     ${d}`,`# \u{1F4CA} Total Commands:  ${g.length}`,"# \u2699\uFE0F Generator:       React Native InApp Inspector",`# ==============================================================================
+`];return g.forEach((o,l)=>{const h=l+1,$=(o.method||"GET").toUpperCase(),m=o.status===0?"Failed / Error":o.status!=null?String(o.status):"Pending",R=o.duration!=null?`${o.duration}ms`:"N/A",i=(0,index_1.formatDateTime)(o.startTime||Date.now());a.push(`# Request #${h}: [${$}] ${o.url||"N/A"} (Status: ${m}, ${R}, ${i})`);const O=(0,index_1.getCurlCommand)(o);O?a.push(O):a.push(`curl -X ${$} "${o.url||""}"`),a.push("")}),a.join(`
+`)}const y=[];S&&y.push(`/${f}`,` * \u{1F680} API NETWORK LOGS EXPORT (${n.toUpperCase()})`,` * \u{1F552} Exported At:    ${d}`,` * \u{1F4CA} Total Requests: ${g.length}`," * \u2699\uFE0F Generator:      React Native InApp Inspector",` ${f}/`,"");const x=g.map((a,o)=>{const l=o+1,h=(0,index_1.formatDateTime)(a.startTime||Date.now()),$=(a.method||"GET").toUpperCase(),m=a.status===0?"Failed / Network Error":a.status!=null?`${a.status} ${a.status===200?"OK":""}`.trim():"Pending",R=a.duration!=null?`${a.duration}ms`:"N/A",i=[`/${f}`,` * \u{1F4CC} REQUEST #${l} Starts [${$}] [${m}] [${R}]${E?` - ${h}`:""}`,` ${f}/`];if(i.push(`\u{1F310} URL:        ${a.url||"N/A"}`),i.push(`\u{1F4CC} Method:     ${$}`),i.push(`\u{1F4CA} Status:     ${m}`),i.push(`\u23F1\uFE0F Duration:   ${R}`),E&&i.push(`\u{1F552} Time:       ${h}`),a.client&&i.push(`\u{1F50C} Client:     ${a.client.toUpperCase()}`),r&&a.requestHeaders&&Object.keys(a.requestHeaders).length>0&&(i.push(""),i.push("\u{1F4CB} Request Headers:"),i.push(safeStringify(a.requestHeaders))),p&&a.request!=null&&a.request!==""&&(i.push(""),i.push("\u{1F4DD} Request Body:"),i.push(safeStringify(a.request))),s&&a.responseHeaders&&Object.keys(a.responseHeaders).length>0&&(i.push(""),i.push("\u{1F4D1} Response Headers:"),i.push(safeStringify(a.responseHeaders))),u&&a.response!=null&&a.response!==""&&(i.push(""),i.push("\u{1F4E5} Response Data:"),i.push(safeStringify(a.response))),T){const O=(0,index_1.getCurlCommand)(a);O&&(i.push(""),i.push("\u{1F4BB} cURL Command:"),i.push(O))}return i.push(""),i.push(`/${f}`),i.push(` * \u{1F3C1} REQUEST #${l} Ends`),i.push(` ${f}/`),i.join(`
+`)}).join(`
+
+`),c=S?["",`/${f}`," * \u{1F3C1} END OF API NETWORK LOGS EXPORT",` ${f}/`].join(`
 `):"";return`${y.join(`
-`)}${g}${T}`}function estimateConsoleLogsExportSize(e,n="txt",t=exports.DEFAULT_CONSOLE_EXPORT_OPTIONS){if(!e||e.length===0)return 0;const o=Math.min(e.length,20),i=e.slice(0,o),a=formatConsoleLogsExport(i,n,t).length/o;return Math.round(a*e.length)}async function shareConsoleLogs(e,n="txt",t=exports.DEFAULT_CONSOLE_EXPORT_OPTIONS,o){const i=formatConsoleLogsExport(e,n,t),s=generateConsoleLogsFilename(n);await triggerNativeShare(o||s,i)}
+`)}${x}${c}`}function estimateNetworkLogsExportSize(e,n="txt",t=exports.DEFAULT_NETWORK_EXPORT_OPTIONS){if(!e||e.length===0)return 0;const r=Math.min(e.length,10),p=e.slice(0,r),u=formatNetworkLogsExport(p,n,t).length/r;return Math.round(u*e.length)}async function shareNetworkLogs(e,n="txt",t=exports.DEFAULT_NETWORK_EXPORT_OPTIONS,r){const p=formatNetworkLogsExport(e,n,t),s=generateNetworkLogsFilename(n);await triggerNativeShare(r||s,p,s)}

package/dist/commonjs/helpers/uiInspectorEngine.d.ts

@@ -0,0 +1,62 @@
+import { A11yAuditResult, BoxModelMetrics, ComponentTreeNode, HierarchyBreadcrumbItem, InspectedElementInfo } from '../types';
+export declare function getCleanComponentName(type: any): string;
+export declare function buildHierarchyFromFiber(fiber: any): HierarchyBreadcrumbItem[];
+export interface IndexedFiberItem {
+    fiber: any;
+    name: string;
+    isHost: boolean;
+    props: Record<string, any>;
+    styles: Record<string, any>;
+    nativeTag?: number;
+    text?: string;
+    sourceLocation?: string;
+    depth: number;
+}
+export declare function getAllAppFibers(): IndexedFiberItem[];
+export declare function getFullComponentTree(): ComponentTreeNode[];
+export declare function inspectFiberTreeAtPoint(locationX: number, locationY: number, nativeHit?: any): InspectedElementInfo | null;
+export declare function getDynamicInspectorDataForPoint(locationX: number, locationY: number, inspectedViewRef?: any): Promise<InspectedElementInfo | null>;
+export declare function extractBoxModel(flattenedStyle?: Record<string, any>, layout?: {
+    width: number;
+    height: number;
+}): BoxModelMetrics;
+export declare function categorizeStyles(flattened?: Record<string, any>): {
+    layout: Record<string, any>;
+    dimensions: Record<string, any>;
+    position: Record<string, any>;
+    spacing: Record<string, any>;
+    typography: Record<string, any>;
+    appearance: Record<string, any>;
+    borders: Record<string, any>;
+    transforms: Record<string, any>;
+    other: Record<string, any>;
+};
+export declare function calculateContrastRatio(textColor?: string, bgColor?: string): {
+    ratio: any;
+    score: "N/A";
+} | {
+    ratio: number;
+    score: "AAA" | "AA" | "Fail";
+};
+export declare function auditAccessibility(props?: Record<string, any>, layout?: {
+    width: number;
+    height: number;
+}, styles?: Record<string, any>): A11yAuditResult;
+export declare function generateJsxSnippet(componentName: string, props?: Record<string, any>, styles?: Record<string, any>): string;
+export declare function generateFullJsxSegmentSnippet(componentName: string, props?: Record<string, any>, styles?: Record<string, any>): {
+    code: string;
+    sourceFile?: string;
+    sourceLocation?: string;
+    lineNumber?: number;
+    columnNumber?: number;
+};
+export declare function generateStyleSheetSnippet(componentName: string, styles?: Record<string, any>): string;
+export declare function generateCssSnippet(componentName: string, styles?: Record<string, any>): string;
+export declare function createInspectedElement(componentName: string, props: Record<string, any>, layout: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    pageX: number;
+    pageY: number;
+}, hierarchy?: HierarchyBreadcrumbItem[], nativeTag?: number, snapshotUri?: string, snapshotBase64?: string): InspectedElementInfo;

package/dist/commonjs/helpers/uiInspectorEngine.js

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getCleanComponentName=getCleanComponentName,exports.buildHierarchyFromFiber=buildHierarchyFromFiber,exports.getAllAppFibers=getAllAppFibers,exports.getFullComponentTree=getFullComponentTree,exports.inspectFiberTreeAtPoint=inspectFiberTreeAtPoint,exports.getDynamicInspectorDataForPoint=getDynamicInspectorDataForPoint,exports.extractBoxModel=extractBoxModel,exports.categorizeStyles=categorizeStyles,exports.calculateContrastRatio=calculateContrastRatio,exports.auditAccessibility=auditAccessibility,exports.generateJsxSnippet=generateJsxSnippet,exports.generateFullJsxSegmentSnippet=generateFullJsxSegmentSnippet,exports.generateStyleSheetSnippet=generateStyleSheetSnippet,exports.generateCssSnippet=generateCssSnippet,exports.createInspectedElement=createInspectedElement;const react_native_1=require("react-native");function getCleanComponentName(e){if(!e)return"Unknown";if(typeof e=="string")return e==="RCTView"||e==="AndroidHorizontalScrollView"?"View":e==="RCTText"||e==="RCTRawText"||e==="RCTVirtualText"?"Text":e==="RCTImageView"||e==="RCTCxxImageView"?"Image":e==="RCTScrollView"?"ScrollView":e==="RCTModalHostView"?"Modal":e==="RCTSafeAreaView"?"SafeAreaView":e.replace(/^RCT/,"").replace(/^Android/,"");if(typeof e=="function")return e.displayName||e.name||"Component";if(typeof e=="object"){if(e.$$typeof?.toString().includes("memo")&&e.type)return`Memo(${getCleanComponentName(e.type)})`;if(e.$$typeof?.toString().includes("forward_ref")&&(e.render||e.type))return e.displayName||`ForwardRef(${getCleanComponentName(e.render||e.type)})`;if(e.displayName)return e.displayName;if(e.name)return e.name}return"Component"}function isInternalWrapper(e){if(!e)return!0;const t=e.toLowerCase();return t.includes("provider")||t.includes("consumer")||t.includes("context")||t.includes("safearray")||t==="errorboundary"||t==="moduleerrorboundary"||t.includes("inspector")||t.includes("screengroup")||t.includes("screenstack")||t.includes("screencontainer")||t.includes("nativestackview")||t.includes("navigationcontainerinner")||t==="anonymous"}function extractTextFromFiber(e){if(!e)return;const t=e.memoizedProps||e.pendingProps;if(typeof t?.children=="string")return t.children;if(typeof t?.title=="string")return t.title;if(typeof t?.label=="string")return t.label;if(typeof t?.text=="string")return t.text;if(typeof t?.accessibilityLabel=="string")return t.accessibilityLabel}function buildHierarchyFromFiber(e){const t=[];let n=e,i=0;for(;n&&i<30;){if(n.type){const o=getCleanComponentName(n.type),l=typeof n.type=="string",a=n.memoizedProps||n.pendingProps||{},c=a.style?react_native_1.StyleSheet.flatten(a.style):void 0,r=extractTextFromFiber(n),s=n._debugSource||a.__source||a._source,d=s?.fileName&&s?.lineNumber?`${s.fileName.replace(/^.*[\\/]/,"")}:${s.lineNumber}`:void 0;(!isInternalWrapper(o)||t.length===0)&&t.unshift({id:`crumb_${i}_${o}_${Math.random().toString(36).substring(2,5)}`,displayName:o,componentName:o,depth:i,isHostComponent:l,props:a,styles:c})}n=n.return,i++}return t}function getAllAppFibers(){const e=[];try{const t=globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__||typeof window<"u"&&window.__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!t||!t._fiberRoots)return e;for(const n of t._fiberRoots.values())if(!(!n||n.size===0))for(const i of n.values()){const o=i?.current;if(!o)continue;const l=[{fiber:o,depth:0}],a=new Set;let c=0;for(;l.length>0&&c<8e3;){const{fiber:r,depth:s}=l.pop();if(!r||a.has(r)||(a.add(r),c++,r.sibling&&l.push({fiber:r.sibling,depth:s}),r.child&&l.push({fiber:r.child,depth:s+1}),!r.type))continue;const d=getCleanComponentName(r.type),u=d.toLowerCase();if(u.includes("inappinspector")||u.includes("uiinspector")||u.includes("floatingcapture")||u.includes("tabbar")||u.includes("devtools"))continue;const p=r.memoizedProps||r.pendingProps||{},f=p.style?react_native_1.StyleSheet.flatten(p.style)||{}:{},h=typeof r.type=="string",y=extractTextFromFiber(r),m=r._debugSource||p.__source||p._source,_=m?.fileName&&m?.lineNumber?`${m.fileName.replace(/^.*[\\/]/,"")}:${m.lineNumber}`:void 0;let w;r.stateNode&&(w=r.stateNode._nativeTag||r.stateNode.canonical?.nativeTag||r.stateNode.node||(typeof r.stateNode=="number"?r.stateNode:void 0)),e.push({fiber:r,name:d,isHost:h,props:p,styles:f,nativeTag:w,text:y,sourceLocation:_,depth:s})}}}catch{}return e}function getFullComponentTree(){try{const e=globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__||typeof window<"u"&&window.__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!e||!e._fiberRoots)return[];const t=[];for(const n of e._fiberRoots.values())if(!(!n||n.size===0))for(const i of n.values()){let o=function(c,r){if(!c||r>20)return null;const s=getCleanComponentName(c.type),d=s.toLowerCase();if(d.includes("inappinspector")||d.includes("uiinspector")||d.includes("floatingcapture")||d.includes("tabbar"))return null;const u=typeof c.type=="string",p=c.memoizedProps||c.pendingProps||{},f=[];let h=c.child;for(;h;){const y=o(h,r+1);y&&f.push(y),h=h.sibling}return isInternalWrapper(s)&&f.length>0?f.length===1?f[0]:{id:`tree_${r}_${s}_${Math.random().toString(36).substring(2,5)}`,name:s,displayName:s,depth:r,isHostComponent:u,props:p,children:f}:{id:`tree_${r}_${s}_${Math.random().toString(36).substring(2,5)}`,name:s,displayName:s,depth:r,isHostComponent:u,props:p,children:f}};const l=i?.current;if(!l)continue;const a=o(l,0);a&&t.push(a)}return t}catch{return[]}}function inspectFiberTreeAtPoint(e,t,n){try{const i=getAllAppFibers();if(i.length===0)return null;let o=null;if(n?.tag||n?.id){const u=n.tag||n.id;o=i.find(p=>p.nativeTag===u)||null}if(!o&&n?.text&&n.text.trim().length>0){const u=n.text.trim();o=i.find(p=>p.text&&(p.text===u||p.text.includes(u)))||null}if(!o&&n?.className){const u=n.className.replace(/^RCT/,"").replace(/^Android/,"");o=i.find(p=>!isInternalWrapper(p.name)&&(p.name===u||p.name===n.className))||null}if(!o){const u=i.filter(p=>!p.isHost&&!isInternalWrapper(p.name));if(u.length>0)o=u[u.length-1];else{const p=i.filter(f=>!isInternalWrapper(f.name));o=p.length>0?p[p.length-1]:i[i.length-1]}}if(!o)return null;const l=buildHierarchyFromFiber(o.fiber),a=n?.x??o.styles.left??e,c=n?.y??o.styles.top??t,r=n?.width??o.styles.width??160,s=n?.height??o.styles.height??44,d={x:a,y:c,width:r,height:s,pageX:a,pageY:c};return createInspectedElement(o.name,o.props,d,l,o.nativeTag)}catch{return null}}async function getDynamicInspectorDataForPoint(e,t,n){let i=null;try{const{findNativeViewAtPoint:l}=require("../native/NativeInspector");typeof l=="function"&&(i=await l(e,t))}catch{}const o=inspectFiberTreeAtPoint(e,t,i);return o&&o.hierarchy&&o.hierarchy.length>0?(i&&i.width>0&&i.height>0&&(o.layout={x:i.x,y:i.y,width:i.width,height:i.height,pageX:i.x,pageY:i.y},o.boxModel=extractBoxModel(o.flattenedStyles,o.layout)),o):new Promise(l=>{let a=!1;const c=setTimeout(()=>{a||(a=!0,l(inspectFiberTreeAtPoint(e,t,i)))},100);try{const r=globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__||typeof window<"u"&&window.__REACT_DEVTOOLS_GLOBAL_HOOK__;if(r&&r.renderers){const s=Array.from(r.renderers.values());for(const d of s){const u=d?.rendererConfig?.getInspectorDataForViewAtPoint;typeof u=="function"&&u(n||null,e,t,p=>{if(a)return!0;if(p&&(p.frame||p.hierarchy&&p.hierarchy.length>0)){a=!0,clearTimeout(c);const{frame:f,props:h,hierarchy:y,selectedIndex:m,touchedViewTag:_,closestInstance:w}=p,b=[];Array.isArray(y)&&y.forEach((g,C)=>{const N=g?.type||g,$=g?.name||getCleanComponentName(N)||`View_${C}`;let T={};try{if(typeof g.getInspectorData=="function"){const V=g.getInspectorData();V?.props&&(T=V.props)}else g.props?T=g.props:g.memoizedProps&&(T=g.memoizedProps)}catch{}const v=T?.style||typeof g.getInspectorData=="function"&&g.getInspectorData()?.props?.style,H=v?react_native_1.StyleSheet.flatten(v):void 0;b.push({id:`crumb_${C}_${$}`,displayName:getCleanComponentName($),componentName:$,depth:C,isHostComponent:typeof $=="string"&&($.startsWith("RCT")||$==="View"||$==="Text"||$==="Image"),props:T,styles:H})});const S=m!=null&&b[m]?b[m]:b[b.length-1],A=S?.componentName||(w?getCleanComponentName(w.type):"View"),R=getCleanComponentName(A),x=h&&Object.keys(h).length>0?h:S?.props||{},O=x.style?react_native_1.StyleSheet.flatten(x.style):S?.styles||{},L={x:f?.left??e,y:f?.top??t,width:f?.width??(i?.width||120),height:f?.height??(i?.height||44),pageX:f?.left??e,pageY:f?.top??t};return l(createInspectedElement(R,x,L,b.length>0?b:void 0,_)),!0}return!1})}}}catch{clearTimeout(c),l(inspectFiberTreeAtPoint(e,t,i))}})}function extractBoxModel(e={},t={width:0,height:0}){const n=(g,C=0)=>{const N=typeof g=="number"?g:parseFloat(g);return isNaN(N)?C:N},i=n(e.margin,0),o=n(e.marginVertical,i),l=n(e.marginHorizontal,i),a=n(e.marginTop,o),c=n(e.marginBottom,o),r=n(e.marginLeft,l),s=n(e.marginRight,l),d=n(e.padding,0),u=n(e.paddingVertical,d),p=n(e.paddingHorizontal,d),f=n(e.paddingTop,u),h=n(e.paddingBottom,u),y=n(e.paddingLeft,p),m=n(e.paddingRight,p),_=n(e.borderWidth,0),w=n(e.borderTopWidth,_),b=n(e.borderBottomWidth,_),S=n(e.borderLeftWidth,_),A=n(e.borderRightWidth,_),R=t.width||n(e.width,0),x=t.height||n(e.height,0),O=Math.max(0,R-(y+m+S+A)),L=Math.max(0,x-(f+h+w+b));return{margin:{top:a,right:s,bottom:c,left:r},border:{top:w,right:A,bottom:b,left:S},padding:{top:f,right:m,bottom:h,left:y},content:{width:Math.round(O*10)/10,height:Math.round(L*10)/10}}}function categorizeStyles(e={}){const t={layout:{},dimensions:{},position:{},spacing:{},typography:{},appearance:{},borders:{},transforms:{},other:{}},n=new Set(["flex","flexDirection","justifyContent","alignItems","alignSelf","alignContent","flexWrap","flexGrow","flexShrink","flexBasis","gap","rowGap","columnGap"]),i=new Set(["width","height","minWidth","maxWidth","minHeight","maxHeight","aspectRatio"]),o=new Set(["position","top","bottom","left","right","start","end","zIndex"]),l=new Set(["padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingHorizontal","paddingVertical","paddingStart","paddingEnd","margin","marginTop","marginRight","marginBottom","marginLeft","marginHorizontal","marginVertical","marginStart","marginEnd"]),a=new Set(["color","fontSize","fontWeight","fontFamily","fontStyle","lineHeight","letterSpacing","textAlign","textAlignVertical","textDecorationLine","textDecorationStyle","textDecorationColor","textTransform","includeFontPadding"]),c=new Set(["backgroundColor","opacity","overflow","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","backfaceVisibility"]),r=new Set(["borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","borderStyle"]);for(const[s,d]of Object.entries(e))d!==void 0&&(n.has(s)?t.layout[s]=d:i.has(s)?t.dimensions[s]=d:o.has(s)?t.position[s]=d:l.has(s)?t.spacing[s]=d:a.has(s)?t.typography[s]=d:c.has(s)?t.appearance[s]=d:r.has(s)?t.borders[s]=d:s==="transform"?t.transforms[s]=d:t.other[s]=d);return t}function getLuminance(e){const t=e.replace("#","");if(t.length<6)return .5;const n=parseInt(t.substring(0,2),16)/255,i=parseInt(t.substring(2,4),16)/255,o=parseInt(t.substring(4,6),16)/255,l=[n,i,o].map(a=>a<=.03928?a/12.92:Math.pow((a+.055)/1.055,2.4));return .2126*l[0]+.7152*l[1]+.0722*l[2]}function calculateContrastRatio(e,t){if(!e||!t||!e.startsWith("#")||!t.startsWith("#"))return{ratio:void 0,score:"N/A"};const n=getLuminance(e),i=getLuminance(t),o=Math.max(n,i),l=Math.min(n,i),a=(o+.05)/(l+.05),c=Math.round(a*100)/100;let r="Fail";return c>=7?r="AAA":c>=4.5&&(r="AA"),{ratio:c,score:r}}function auditAccessibility(e={},t={width:0,height:0},n={}){const i=react_native_1.Platform.OS==="android",o=i?48:44,l=typeof e.onPress=="function"||typeof e.onLongPress=="function"||e.accessible===!0,a=t.width||n.width||0,c=t.height||n.height||0,r=[];let s=!0;l&&(a>0||c>0)&&(a<o||c<o)&&(s=!1,r.push(`Touch target is ${Math.round(a)}\xD7${Math.round(c)}pt. Recommended min is ${o}\xD7${o}pt for ${i?"Android Material Design":"Apple iOS HIG"}.`));const d=!!(e.accessibilityLabel||e["aria-label"]||e.accessibilityTitle);l&&!d&&!e.children&&typeof e.children!="string"&&r.push("Interactive element is missing an accessibilityLabel / aria-label.");const u=n.color,p=n.backgroundColor,f=calculateContrastRatio(u,p);return f.score==="Fail"&&f.ratio!==void 0&&r.push(`Contrast ratio is ${f.ratio}:1 (below WCAG AA minimum 4.5:1).`),{hasValidTouchTarget:s,touchTargetWidth:a,touchTargetHeight:c,recommendedMinSize:o,contrastRatio:f.ratio,contrastScore:f.score,textColor:u,backgroundColor:p,hasAccessibilityLabel:d,accessibilityRole:e.accessibilityRole||e.role,accessibilityHint:e.accessibilityHint,issues:r}}function generateJsxSnippet(e,t={},n={}){return generateFullJsxSegmentSnippet(e,t,n).code}function formatJsxProp(e,t){return typeof t=="string"?`${e}="${t}"`:typeof t=="boolean"?t?e:`${e}={false}`:typeof t=="number"?`${e}={${t}}`:typeof t=="function"?`${e}={() => {}}`:typeof t=="object"&&t!==null?`${e}={${JSON.stringify(t)}}`:`${e}={${String(t)}}`}function formatJsxChildren(e,t=1){if(e==null)return"";const n="  ".repeat(t);if(typeof e=="string"||typeof e=="number")return`${n}${e}`;if(Array.isArray(e))return e.map(i=>formatJsxChildren(i,t)).filter(Boolean).join(`
+`);if(typeof e=="object"&&e.type){const i=typeof e.type=="string"?e.type:e.type.displayName||e.type.name||"Component",o=e.props||{},l=[];for(const[c,r]of Object.entries(o))c==="children"||c==="__source"||c==="__self"||c==="_source"||l.push(formatJsxProp(c,r));const a=l.length?" "+l.join(" "):"";if(o.children){const c=formatJsxChildren(o.children,t+1);return`${n}<${i}${a}>
+${c}
+${n}</${i}>`}return`${n}<${i}${a} />`}return""}function generateFullJsxSegmentSnippet(e,t={},n={}){const i=t.__source||t._source,o=i?.fileName,l=i?.lineNumber,a=i?.columnNumber,c=o?o.replace(/^.*[\\/]/,""):void 0,r=c&&l?`${c}:${l}${a?`:${a}`:""}`:void 0,s=[];for(const[p,f]of Object.entries(t))p==="children"||p==="style"||p==="key"||p==="__source"||p==="__self"||p==="_source"||s.push(formatJsxProp(p,f));Object.keys(n).length>0&&s.push(`style={styles.${e.toLowerCase()||"container"}}`);const d=formatJsxChildren(t.children,1);let u="";return s.length<=1&&!d?u=`<${e}${s.length?" "+s.join(" "):""} />`:d?u=`<${e}${s.length?`
+  `+s.join(`
+  `):""}>
+${d}
+</${e}>`:u=`<${e}
+  ${s.join(`
+  `)}
+/>`,{code:u,sourceFile:o,sourceLocation:r,lineNumber:l,columnNumber:a}}function generateStyleSheetSnippet(e,t={}){const n="    ",i=[];for(const[l,a]of Object.entries(t)){if(a===void 0)continue;const c=typeof a=="string"?`'${a}'`:typeof a=="object"?JSON.stringify(a):String(a);i.push(`${n}${l}: ${c},`)}const o=i.length>0?`{
+${i.join(`
+`)}
+  }`:"{}";return`const styles = StyleSheet.create({
+  ${e.toLowerCase()}Container: ${o},
+});`}function generateCssSnippet(e,t={}){const n=[];for(const[o,l]of Object.entries(t)){if(l===void 0)continue;const a=o.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),c=typeof l=="number"?`${l}px`:String(l);n.push(`  ${a}: ${c};`)}const i=n.length>0?`{
+${n.join(`
+`)}
+}`:"{}";return`.${e.toLowerCase()}-element ${i}`}function createInspectedElement(e,t={},n,i=[],o,l,a){const c=t.style?react_native_1.StyleSheet.flatten(t.style)||{}:{},r={...c},s=extractBoxModel(r,n),d=auditAccessibility(t,n,r);return{id:`elem_${Date.now()}_${Math.random().toString(36).substring(2,6)}`,componentName:e,displayName:e,hierarchy:i.length>0?i:[{id:"root_app",displayName:"App",componentName:"App",depth:0,isHostComponent:!1},{id:"inspected_node",displayName:e,componentName:e,depth:1,isHostComponent:!0,props:t,styles:r}],props:t,originalStyles:c,flattenedStyles:r,tweakedStyles:{},layout:n,boxModel:s,a11y:d,nativeTag:o,snapshotUri:l,snapshotBase64:a,timestamp:Date.now()}}