react-native-inapp-inspector 2.5.14 → 2.5.15

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

@@ -1,62 +0,0 @@
-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

@@ -1,19 +0,0 @@
-"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()}}

package/dist/esm/components/Inspector/BoxModelVisualizer.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { BoxModelMetrics } from '../../types';
-interface BoxModelVisualizerProps {
-    boxModel: BoxModelMetrics;
-    compact?: boolean;
-}
-export declare const BoxModelVisualizer: React.FC<BoxModelVisualizerProps>;
-export {};

package/dist/esm/components/Inspector/BoxModelVisualizer.js

@@ -1,76 +0,0 @@
-import"react";import{StyleSheet as z,Text as B,View as T}from"react-native";import{AppColors as C}from"../../styles/AppColors";import{AppFonts as h}from"../../styles/AppFonts";export const BoxModelVisualizer=({boxModel:v,compact:I=!1})=>{const{margin:w,border:R,padding:F,content:S}=v;return<T style={e.container}>
-      
-      <T style={e.marginBox}>
-        <T style={e.labelRow}>
-          <B style={e.boxLabelMargin}>MARGIN</B>
-        </T>
-        <B style={e.valueTop}>{w.top}</B>
-
-        <T style={e.middleRow}>
-          <B style={e.valueLeft}>{w.left}</B>
-
-          
-          <T style={e.borderBox}>
-            <T style={e.labelRow}>
-              <B style={e.boxLabelBorder}>BORDER</B>
-            </T>
-            <B style={e.valueTop}>{R.top}</B>
-
-            <T style={e.middleRow}>
-              <B style={e.valueLeft}>{R.left}</B>
-
-              
-              <T style={e.paddingBox}>
-                <T style={e.labelRow}>
-                  <B style={e.boxLabelPadding}>PADDING</B>
-                </T>
-                <B style={e.valueTop}>{F.top}</B>
-
-                <T style={e.middleRow}>
-                  <B style={e.valueLeft}>{F.left}</B>
-
-                  
-                  <T style={e.contentBox}>
-                    <B style={e.contentDimensions}>
-                      {S.width} × {S.height}
-                    </B>
-                  </T>
-
-                  <B style={e.valueRight}>{F.right}</B>
-                </T>
-
-                <B style={e.valueBottom}>{F.bottom}</B>
-              </T>
-
-              <B style={e.valueRight}>{R.right}</B>
-            </T>
-
-            <B style={e.valueBottom}>{R.bottom}</B>
-          </T>
-
-          <B style={e.valueRight}>{w.right}</B>
-        </T>
-
-        <B style={e.valueBottom}>{w.bottom}</B>
-      </T>
-
-      
-      {!I&&<T style={e.legendContainer}>
-          <T style={e.legendItem}>
-            <T style={[e.legendSwatch,{backgroundColor:"#F59E0B2B",borderColor:"#F59E0B"}]}/>
-            <B style={e.legendText}>Margin</B>
-          </T>
-          <T style={e.legendItem}>
-            <T style={[e.legendSwatch,{backgroundColor:"#FDE0473D",borderColor:"#EAB308"}]}/>
-            <B style={e.legendText}>Border</B>
-          </T>
-          <T style={e.legendItem}>
-            <T style={[e.legendSwatch,{backgroundColor:"#10B9812B",borderColor:"#10B981"}]}/>
-            <B style={e.legendText}>Padding</B>
-          </T>
-          <T style={e.legendItem}>
-            <T style={[e.legendSwatch,{backgroundColor:"#4F46E52B",borderColor:"#4F46E5"}]}/>
-            <B style={e.legendText}>Content</B>
-          </T>
-        </T>}
-    </T>};const e=z.create({container:{alignItems:"center",marginVertical:8},marginBox:{width:"100%",backgroundColor:"#F59E0B1A",borderWidth:1,borderColor:"#F59E0B66",borderRadius:8,padding:6,alignItems:"center"},borderBox:{flex:1,backgroundColor:"#FDE04724",borderWidth:1,borderColor:"#EAB30877",borderRadius:6,padding:6,alignItems:"center",marginHorizontal:4},paddingBox:{flex:1,backgroundColor:"#10B9811A",borderWidth:1,borderColor:"#10B98166",borderRadius:4,padding:6,alignItems:"center",marginHorizontal:4},contentBox:{flex:1,backgroundColor:"#4F46E524",borderWidth:1,borderColor:"#4F46E577",borderRadius:3,paddingVertical:12,paddingHorizontal:8,alignItems:"center",justifyContent:"center",marginHorizontal:4,minHeight:40},labelRow:{position:"absolute",top:3,left:6},boxLabelMargin:{fontSize:9,fontFamily:h.medium,color:"#D97706",letterSpacing:.5},boxLabelBorder:{fontSize:9,fontFamily:h.medium,color:"#CA8A04",letterSpacing:.5},boxLabelPadding:{fontSize:9,fontFamily:h.medium,color:"#059669",letterSpacing:.5},middleRow:{flexDirection:"row",alignItems:"center",width:"100%",marginVertical:2},valueTop:{fontSize:11,fontFamily:h.semiBold,color:C.grayText,marginBottom:2},valueBottom:{fontSize:11,fontFamily:h.semiBold,color:C.grayText,marginTop:2},valueLeft:{fontSize:11,fontFamily:h.semiBold,color:C.grayText,marginRight:2},valueRight:{fontSize:11,fontFamily:h.semiBold,color:C.grayText,marginLeft:2},contentDimensions:{fontSize:12,fontFamily:h.bold,color:C.brandPurple},legendContainer:{flexDirection:"row",justifyContent:"center",gap:16,marginTop:12},legendItem:{flexDirection:"row",alignItems:"center",gap:6},legendSwatch:{width:12,height:12,borderRadius:3,borderWidth:1},legendText:{fontSize:11,fontFamily:h.medium,color:C.grayTextWeak}});

package/dist/esm/components/Inspector/DebuggingTab.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const DebuggingTab: React.FC;
-export default DebuggingTab;

package/dist/esm/components/Inspector/DebuggingTab.js

@@ -1,197 +0,0 @@
-import{useState as M,useEffect as j,useMemo as Ve,useCallback as re,useRef as q}from"react";import{View as T,Text as C,ScrollView as Te,StyleSheet as $e,NativeModules as Pe,TouchableOpacity as H,ActivityIndicator as Ce,Animated as K}from"react-native";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as B}from"../../styles/AppFonts";import{useTranslation as He}from"../../i18n";import Ee from"../QRCodeView";import Be from"../TouchableScale";import{showToast as Q}from"../../helpers/toast";import{triggerNativeHaptic as W}from"../../native/NativeInspector";import{InfoCircleIcon as Ne,CheckIcon as Se,BoltIcon as Re,CircleXIcon as Ie,SparkleIcon as Ge,AndroidIcon as _e,RepeatIcon as Ue,WrenchIcon as Ke}from"../NetworkIcons";import Qe,{Path as Xe}from"react-native-svg";const Ze=({color:x=e.purple,size:S=13})=><Qe width={S}height={S}viewBox="0 0 24 24"fill="none">
-    <Xe d="M4 17l6-6-6-6M12 19h8"stroke={x}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
-  </Qe>;export const DebuggingTab=()=>{const{t:x}=He(),S=Ve(()=>{const k=Pe.SourceCode?.scriptURL||"";let I="localhost",w=8081;try{if(k.includes("://")){const v=k.split("://")[1].split("/")[0];if(v.includes(":")){const A=v.split(":");I=A[0];const F=parseInt(A[1],10);isNaN(F)||(w=F)}else I=v}}catch{}return{host:I,port:w,scriptURL:k}},[]),[X,ze]=M(()=>S.host&&S.host!=="localhost"&&S.host!=="127.0.0.1"&&S.host!=="10.0.2.2"?S.host:"192.168.1.2"),[V,De]=M(S.port||8083),[ve,Z]=M("app-debug.apk"),[G,J]=M(null),[L,Y]=M("assembleRelease"),[O,Ae]=M(!0),[R,E]=M({status:"idle",scheme:"assembleRelease",clean:!0,progress:0,currentTask:"",error:null,apkName:null,apkSize:null}),D=q(null),_=q(new K.Value(0)).current,[U,Fe]=M(!0),ee=q(null);j(()=>{K.timing(_,{toValue:Math.max(0,Math.min(100,R.progress)),duration:350,useNativeDriver:!1}).start()},[R.progress,_]),j(()=>{R.logs&&R.logs.length>0&&setTimeout(()=>{ee.current?.scrollToEnd({animated:!0})},50)},[R.logs]);const P=re(async()=>{const k=Array.from(new Set([S.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),I=Array.from(new Set([S.port,8083,8081,8082].filter(Boolean)));for(const w of k)for(const v of I)try{const A=new AbortController,F=setTimeout(()=>A.abort(),1200),N=await fetch(`http://${w}:${v}/__inapp_inspector/apk-info`,{signal:A.signal});if(clearTimeout(F),N.ok){const z=await N.json();z.hostIp&&z.hostIp!=="127.0.0.1"&&z.hostIp!=="localhost"&&z.hostIp!=="10.0.2.2"&&ze(z.hostIp),z.port&&De(z.port),z.apkName&&Z(z.apkName),z.apkSize&&J((z.apkSize/(1024*1024)).toFixed(1));return}}catch{}},[S.host,S.port]);j(()=>{P()},[P]),j(()=>()=>{D.current&&clearInterval(D.current)},[]);const Le=re(()=>{D.current&&clearInterval(D.current);const k=S.host||"10.0.2.2";D.current=setInterval(async()=>{try{const I=await fetch(`http://${k}:${V}/__inapp_inspector/build-status`);if(I.ok){const w=await I.json();E(w),w.status==="completed"?(D.current&&clearInterval(D.current),W("success"),Q(x("debugging.buildSuccess","APK Build Generated Successfully!")),w.apkSize&&J((w.apkSize/(1024*1024)).toFixed(1)),w.apkName&&Z(w.apkName),P()):w.status==="failed"&&(D.current&&clearInterval(D.current),W("error"),Q(x("debugging.buildFailed",{error:w.error||"Gradle error"})))}}catch{}},1e3)},[S.host,V,P]),Me=async()=>{W("medium"),E({status:"running",scheme:L,clean:O,progress:5,currentTask:O?"Cleaning build cache...":"Initializing build...",error:null,apkName:null,apkSize:null});const k=Array.from(new Set([S.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),I=Array.from(new Set([V,8083,8081,8082].filter(Boolean)));let w=!1;for(const v of k)for(const A of I)try{const F=new AbortController,N=setTimeout(()=>F.abort(),2e3),z=await fetch(`http://${v}:${A}/__inapp_inspector/build-apk?scheme=${L}&clean=${O}`,{signal:F.signal});if(clearTimeout(N),z.ok){w=!0,Le();return}}catch{}w||E(v=>({...v,status:"failed",error:"Cannot reach build server. Ensure npm start or npm run serve-apk is running on host."}))},Oe=async()=>{W("warning"),D.current&&clearInterval(D.current);const k=Array.from(new Set([S.host,"10.0.2.2","localhost","127.0.0.1"].filter(Boolean))),I=Array.from(new Set([V,8083,8081,8082].filter(Boolean)));for(const w of k)for(const v of I)try{const A=new AbortController,F=setTimeout(()=>A.abort(),1500);await fetch(`http://${w}:${v}/__inapp_inspector/stop-build`,{signal:A.signal}),clearTimeout(F)}catch{}E(w=>({...w,status:"idle",currentTask:x("debugging.buildCancelled","Build cancelled by user"),logs:[...w.logs||[],`[Build] ${x("debugging.buildCancelled","Build cancelled by user")}.`]})),Q(x("debugging.buildCancelled","Build cancelled"))},We=`http://${X}:${V}/${ve.replace(/^\/+/,"")}`,$=R.status==="running";return<Te style={r.scrollArea}contentContainerStyle={r.scrollContent}showsVerticalScrollIndicator={!1}>
-      
-      <T style={r.heroCard}>
-        <T style={r.heroHeader}>
-          <T style={r.heroIconWrap}>
-            <_e size={20}color={e.white}/>
-          </T>
-          <T style={{flex:1,minWidth:0}}>
-            <C style={r.heroTitle}numberOfLines={1}>
-              {x("debugging.apkInstallerTitle","Multi-Device APK Installer")}
-            </C>
-            <C style={r.heroSubtitle}numberOfLines={1}>
-              {x("debugging.apkInstallerSubtitle","Scan QR code with another Android device to download")}
-            </C>
-          </T>
-          <T style={r.heroBadge}>
-            <T style={r.pulseDot}/>
-            <C style={r.heroBadgeText}>{x("debugging.liveMetro","Live Metro")}</C>
-          </T>
-        </T>
-
-        
-        <T style={r.heroMetricsStrip}>
-          <T style={r.heroMetricItem}>
-            <C style={r.heroMetricLabel}>HOST IP</C>
-            <C style={r.heroMetricValue}numberOfLines={1}>
-              {X}
-            </C>
-          </T>
-          <T style={r.heroMetricDivider}/>
-          <T style={r.heroMetricItem}>
-            <C style={r.heroMetricLabel}>PORT</C>
-            <C style={r.heroMetricValue}>{V}</C>
-          </T>
-          <T style={r.heroMetricDivider}/>
-          <T style={r.heroMetricItem}>
-            <C style={r.heroMetricLabel}>APK SIZE</C>
-            <C style={[r.heroMetricValue,{color:G?e.emerald500:e.grayTextWeak}]}>
-              {G?`${G} MB`:"Detected"}
-            </C>
-          </T>
-          <T style={r.heroMetricDivider}/>
-          <T style={r.heroMetricItem}>
-            <C style={r.heroMetricLabel}>STATUS</C>
-            <C style={[r.heroMetricValue,{color:e.emerald500}]}>
-              Ready
-            </C>
-          </T>
-        </T>
-      </T>
-
-      
-      <T style={r.sectionCard}>
-        <T style={r.sectionHeaderRow}>
-          <C style={r.sectionTitle}>{x("debugging.qrCodeTitle","QR CODE & DIRECT DOWNLOAD")}</C>
-          <H activeOpacity={.7}onPress={P}style={r.refreshBtn}>
-            <Ue size={12}color={e.purple}/>
-            <C style={r.refreshBtnText}>Refresh</C>
-          </H>
-        </T>
-
-        
-        <T style={r.qrCenteredWrapper}>
-          <T style={r.qrInnerFrame}>
-            <Ee value={We}size={235}color={e.primaryBlack}backgroundColor={e.white}/>
-          </T>
-        </T>
-      </T>
-
-      
-      <T style={r.sectionCard}>
-        <T style={r.sectionHeaderRow}>
-          <T style={{flexDirection:"row",alignItems:"center",gap:6}}>
-            <Re size={13}color={e.purple}/>
-            <C style={r.sectionTitle}>{x("debugging.buildGeneratorTitle","BUILD GENERATOR (GRADLE)")}</C>
-          </T>
-          {R.status==="completed"&&<T style={r.completedBadge}>
-              <Se size={10}color={e.emerald500}/>
-              <C style={r.completedBadgeText}>{x("debugging.ready100","100% Ready")}</C>
-            </T>}
-        </T>
-
-        
-        <T style={r.subTabStrip}>
-          <H disabled={$}activeOpacity={.7}onPress={()=>{W("light"),Y("assembleRelease")}}style={[r.subTabItem,L==="assembleRelease"&&r.subTabItemActive]}>
-            <T style={{flexDirection:"row",alignItems:"center",gap:5}}>
-              <Re size={12}color={L==="assembleRelease"?e.white:e.grayText}/>
-              <C style={[r.subTabText,L==="assembleRelease"&&r.subTabTextActive]}>
-                {x("debugging.releaseBuild","Release (assembleRelease)")}
-              </C>
-            </T>
-          </H>
-
-          <H disabled={$}activeOpacity={.7}onPress={()=>{W("light"),Y("assembleDebug")}}style={[r.subTabItem,L==="assembleDebug"&&r.subTabItemActive]}>
-            <T style={{flexDirection:"row",alignItems:"center",gap:5}}>
-              <Ke size={12}color={L==="assembleDebug"?e.white:e.grayText}/>
-              <C style={[r.subTabText,L==="assembleDebug"&&r.subTabTextActive]}>
-                {x("debugging.debugBuild","Debug (assembleDebug)")}
-              </C>
-            </T>
-          </H>
-        </T>
-
-        
-        <H disabled={$}activeOpacity={.7}onPress={()=>{W("light"),Ae(!O)}}style={r.cleanRow}>
-          <T style={[r.checkboxBox,O&&r.checkboxBoxActive]}>
-            {O&&<Se size={11}color={e.white}/>}
-          </T>
-          <C style={r.cleanLabel}>
-            Clean build cache <C style={r.cleanCode}>{x("debugging.cleanBuild","(./gradlew clean)")}</C>
-          </C>
-        </H>
-
-        
-        {$&&<T style={r.progressContainer}>
-            <T style={r.progressTopRow}>
-              <T style={r.progressTaskGroup}>
-                <Ce size="small"color={e.purple}/>
-                <C style={r.progressTaskText}numberOfLines={1}>
-                  {R.currentTask||"Executing Gradle tasks..."}
-                </C>
-              </T>
-              <C style={r.progressPercentageText}>
-                {R.progress}%
-              </C>
-            </T>
-
-            
-            <T style={r.progressBarTrack}>
-              <K.View style={[r.progressBarFill,{width:_.interpolate({inputRange:[0,100],outputRange:["5%","100%"]})}]}/>
-            </T>
-          </T>}
-
-        
-        {R.status==="failed"&&<T style={r.errorContainer}>
-            <Ie size={13}color={e.errorColor}/>
-            <C style={r.errorText}numberOfLines={2}>
-              {R.error||"Build execution failed."}
-            </C>
-          </T>}
-
-        
-        {(R.logs&&R.logs.length>0||$)&&<T style={r.consoleContainer}>
-            <T style={r.consoleHeaderRow}>
-              <T style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                <Ze color={e.sky400}size={12}/>
-                <C style={r.consoleHeaderTitle}>{x("debugging.gradleVerboseOutput","GRADLE VERBOSE OUTPUT")}</C>
-              </T>
-              <H activeOpacity={.7}onPress={()=>Fe(!U)}style={r.consoleToggleBtn}>
-                <C style={r.consoleToggleText}>
-                  {U?"Hide Console":"Show Console"}
-                </C>
-              </H>
-            </T>
-
-            {U&&<Te ref={ee}style={r.consoleLogBox}contentContainerStyle={r.consoleLogContent}nestedScrollEnabled showsVerticalScrollIndicator>
-                {R.logs&&R.logs.length>0?R.logs.map((k,I)=>{let w=e.slate400;return k.startsWith("> Task :")?w=e.sky400:k.includes("BUILD SUCCESSFUL")?w=e.buildSuccessGreen:k.includes("FAILURE")||k.includes("error:")?w=e.buildFailureRed:k.includes("UP-TO-DATE")&&(w=e.purple400),<C key={I}style={[r.consoleLogLine,{color:w}]}>
-                        {k}
-                      </C>}):<C style={r.consoleLogPlaceholder}>
-                    {x("debugging.waitingForGradle","Waiting for Gradle daemon output...")}
-                  </C>}
-              </Te>}
-          </T>}
-
-        
-        {$?<T style={r.buildingActionsRow}>
-            <T style={r.buildingStatusPill}>
-              <Ce size="small"color={e.purple}/>
-              <C style={r.buildingStatusPillText}numberOfLines={1}>
-                Building ({R.progress}%)
-              </C>
-            </T>
-
-            <Be onPress={Oe}style={r.stopBtn}>
-              <Ie size={13}color={e.white}/>
-              <C style={r.stopBtnText}>{x("debugging.stopBuild","Stop Build")}</C>
-            </Be>
-          </T>:<Be onPress={Me}style={r.generateBtn}>
-            <T style={r.ctaContentRow}>
-              <Ge size={14}color={e.white}/>
-              <C style={r.generateBtnText}>
-                {O?"Clean & Generate Build":"Generate Build"}
-              </C>
-            </T>
-          </Be>}
-      </T>
-
-      
-      <T style={r.footerNoteRow}>
-        <Ne size={13}color={e.grayTextWeak}/>
-        <C style={r.footerNoteText}>
-          {x("debugging.sameWifiNote","Ensure both Android devices are connected to the same Wi-Fi network.")}
-        </C>
-      </T>
-    </Te>};const r=$e.create({scrollArea:{flex:1,backgroundColor:e.contentBg},scrollContent:{padding:12,gap:12,paddingBottom:100},heroCard:{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:14,shadowColor:e.black,shadowOpacity:.04,shadowRadius:4,shadowOffset:{width:0,height:2},elevation:1,gap:12},heroHeader:{flexDirection:"row",alignItems:"center",gap:10},heroIconWrap:{width:38,height:38,borderRadius:10,backgroundColor:e.purple,alignItems:"center",justifyContent:"center",shadowColor:e.purple,shadowOpacity:.25,shadowRadius:4,shadowOffset:{width:0,height:2},elevation:2},heroTitle:{fontFamily:B.interBold,fontSize:15,color:e.primaryBlack,letterSpacing:-.2},heroSubtitle:{fontFamily:B.interRegular,fontSize:11.5,color:e.grayText,marginTop:1},heroBadge:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${e.emerald500}18`,paddingHorizontal:7,paddingVertical:3,borderRadius:6},pulseDot:{width:6,height:6,borderRadius:3,backgroundColor:e.emerald500},heroBadgeText:{fontFamily:B.interBold,fontSize:9.5,color:e.emerald500},heroMetricsStrip:{flexDirection:"row",alignItems:"center",backgroundColor:e.grayBackground,borderRadius:10,paddingVertical:8,paddingHorizontal:10},heroMetricItem:{flex:1,alignItems:"center",paddingHorizontal:2,minWidth:0},heroMetricLabel:{fontFamily:B.interBold,fontSize:8.5,color:e.grayTextWeak,letterSpacing:.4},heroMetricValue:{fontFamily:B.interBold,fontSize:11,color:e.primaryBlack,marginTop:2},heroMetricDivider:{width:1,height:20,backgroundColor:e.dividerColor},sectionCard:{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:14,shadowColor:e.black,shadowOpacity:.03,shadowRadius:3,shadowOffset:{width:0,height:1},elevation:1,gap:12},sectionHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},sectionTitle:{fontFamily:B.interBold,fontSize:10.5,color:e.grayTextWeak,letterSpacing:.8,textTransform:"uppercase"},refreshBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:7,paddingVertical:3,borderRadius:6,backgroundColor:`${e.purple}12`},refreshBtnText:{fontFamily:B.interBold,fontSize:10,color:e.purple},qrCenteredWrapper:{alignItems:"center",justifyContent:"center",backgroundColor:e.grayBackground,padding:12,borderRadius:12,borderWidth:1,borderColor:e.grayBorderSecondary},qrInnerFrame:{backgroundColor:e.white,padding:6,borderRadius:8},urlBox:{flexDirection:"row",alignItems:"center",backgroundColor:e.grayBackground,borderRadius:10,paddingLeft:10,paddingRight:6,paddingVertical:6,borderWidth:1,borderColor:e.grayBorderSecondary,gap:8},urlText:{flex:1,fontFamily:B.interMedium,fontSize:11.5,color:e.skyBlue},actionsRow:{flexDirection:"row",gap:10},actionBtnSecondary:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,paddingVertical:9,borderRadius:10,borderWidth:1,borderColor:e.grayBorderSecondary,backgroundColor:e.grayBackground},actionBtnSecondaryText:{fontFamily:B.interBold,fontSize:12,color:e.grayTextStrong},actionBtnPrimary:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,paddingVertical:9,borderRadius:10,backgroundColor:e.purple,shadowColor:e.purple,shadowOpacity:.25,shadowRadius:4,shadowOffset:{width:0,height:2},elevation:2},actionBtnPrimaryText:{fontFamily:B.interBold,fontSize:12,color:e.white},completedBadge:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:`${e.emerald500}18`,paddingHorizontal:6,paddingVertical:2,borderRadius:5},completedBadgeText:{fontFamily:B.interBold,fontSize:9.5,color:e.emerald500},subTabStrip:{flexDirection:"row",backgroundColor:e.grayBackground,borderRadius:8,padding:2,borderWidth:1,borderColor:e.grayBorderSecondary},subTabItem:{flex:1,paddingVertical:7,borderRadius:6,alignItems:"center",justifyContent:"center"},subTabItemActive:{backgroundColor:e.purple,shadowColor:e.purple,shadowOpacity:.2,shadowRadius:3,shadowOffset:{width:0,height:1},elevation:1},subTabText:{fontFamily:B.interMedium,fontSize:11,color:e.grayText},subTabTextActive:{fontFamily:B.interBold,color:e.white},cleanRow:{flexDirection:"row",alignItems:"center",gap:8,paddingVertical:2},checkboxBox:{width:18,height:18,borderRadius:4,borderWidth:1.5,borderColor:e.grayBorderSecondary,backgroundColor:e.grayBackground,alignItems:"center",justifyContent:"center"},checkboxBoxActive:{backgroundColor:e.purple,borderColor:e.purple},cleanLabel:{fontFamily:B.interMedium,fontSize:11.5,color:e.grayTextStrong},cleanCode:{fontFamily:B.interRegular,color:e.grayTextWeak,fontSize:10.5},progressContainer:{backgroundColor:e.grayBackground,borderRadius:10,padding:10,gap:6,borderWidth:1,borderColor:e.grayBorderSecondary},progressTopRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},progressTaskGroup:{flexDirection:"row",alignItems:"center",gap:6,flex:1,paddingRight:8},progressTaskText:{fontFamily:B.interMedium,fontSize:11,color:e.primaryBlack,flex:1},progressPercentageText:{fontFamily:B.interBold,fontSize:11.5,color:e.purple},progressBarTrack:{width:"100%",height:6,borderRadius:3,backgroundColor:e.grayBorderSecondary,overflow:"hidden"},progressBarFill:{height:"100%",backgroundColor:e.purple,borderRadius:3},errorContainer:{flexDirection:"row",alignItems:"center",gap:6,backgroundColor:`${e.errorColor}12`,padding:8,borderRadius:8,borderWidth:1,borderColor:`${e.errorColor}25`},errorText:{fontFamily:B.interRegular,fontSize:11,color:e.errorColor,flex:1},consoleContainer:{backgroundColor:e.slate900,borderRadius:10,borderWidth:1,borderColor:e.slate800,overflow:"hidden",marginTop:4},consoleHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:e.slate800,paddingHorizontal:10,paddingVertical:6},consoleHeaderTitle:{fontFamily:B.interBold,fontSize:10,color:e.sky400,letterSpacing:.5},consoleToggleBtn:{paddingHorizontal:6,paddingVertical:2,borderRadius:4,backgroundColor:"rgba(255,255,255,0.1)"},consoleToggleText:{fontFamily:B.interMedium,fontSize:9.5,color:e.slate400},consoleLogBox:{maxHeight:140,paddingHorizontal:10,paddingVertical:8},consoleLogContent:{gap:3},consoleLogLine:{fontFamily:B.interRegular,fontSize:10,lineHeight:14},consoleLogPlaceholder:{fontFamily:B.interRegular,fontSize:10,color:e.slate500,fontStyle:"italic"},generateBtn:{backgroundColor:e.purple,borderRadius:10,paddingVertical:10,alignItems:"center",justifyContent:"center",shadowColor:e.purple,shadowOpacity:.25,shadowRadius:4,shadowOffset:{width:0,height:2},elevation:2},generateBtnDisabled:{opacity:.7},buildingActionsRow:{flexDirection:"row",alignItems:"center",gap:10},buildingStatusPill:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:8,backgroundColor:`${e.purple}14`,borderRadius:10,paddingVertical:10,borderWidth:1,borderColor:`${e.purple}30`},buildingStatusPillText:{fontFamily:B.interBold,fontSize:12,color:e.purple},stopBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,backgroundColor:e.errorColor,borderRadius:10,paddingHorizontal:16,paddingVertical:10,shadowColor:e.errorColor,shadowOpacity:.25,shadowRadius:4,shadowOffset:{width:0,height:2},elevation:2},stopBtnText:{fontFamily:B.interBold,fontSize:12,color:e.white},ctaContentRow:{flexDirection:"row",alignItems:"center",gap:6},generateBtnText:{fontFamily:B.interBold,fontSize:12.5,color:e.white},footerNoteRow:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:8},footerNoteText:{fontFamily:B.interRegular,fontSize:11,color:e.grayTextWeak,textAlign:"center",flex:1}});export default DebuggingTab;

package/dist/esm/components/Inspector/UiA11yAuditPanel.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { A11yAuditResult } from '../../types';
-interface UiA11yAuditPanelProps {
-    a11y: A11yAuditResult;
-}
-export declare const UiA11yAuditPanel: React.FC<UiA11yAuditPanelProps>;
-export {};

package/dist/esm/components/Inspector/UiA11yAuditPanel.js

@@ -1,97 +0,0 @@
-import"react";import{StyleSheet as E,Text as T,View as S}from"react-native";import{AppColors as f}from"../../styles/AppColors";import{AppFonts as x}from"../../styles/AppFonts";import{AccessibilityIcon as H,AlertTriangleIcon as P}from"../NetworkIcons";export const UiA11yAuditPanel=({a11y:R})=>{const{hasValidTouchTarget:C,touchTargetWidth:W,touchTargetHeight:k,recommendedMinSize:h,contrastRatio:p,contrastScore:A,textColor:D,backgroundColor:V,hasAccessibilityLabel:w,accessibilityRole:B,accessibilityHint:z,issues:F}=R;return<S style={e.container}>
-      
-      <S style={e.card}>
-        <S style={e.cardHeader}>
-          <S style={e.cardTitleRow}>
-            <H color={f.brandPurple}size={18}/>
-            <T style={e.cardTitle}>Touch Target Size</T>
-          </S>
-          <S style={[e.badge,C?e.badgeSuccess:e.badgeWarning]}>
-            <T style={[e.badgeText,C?e.badgeTextSuccess:e.badgeTextWarning]}>
-              {C?"COMPLIANT":"SUB-OPTIMAL"}
-            </T>
-          </S>
-        </S>
-
-        <S style={e.metricRow}>
-          <S style={e.metricItem}>
-            <T style={e.metricLabel}>Actual Size</T>
-            <T style={e.metricValue}>
-              {Math.round(W)} × {Math.round(k)} pt
-            </T>
-          </S>
-          <S style={e.metricItem}>
-            <T style={e.metricLabel}>Target Guideline</T>
-            <T style={e.metricValue}>
-              ≥ {h} × {h} pt
-            </T>
-          </S>
-        </S>
-      </S>
-
-      
-      <S style={e.card}>
-        <S style={e.cardHeader}>
-          <S style={e.cardTitleRow}>
-            <T style={e.cardTitle}>WCAG Color Contrast</T>
-          </S>
-          <S style={[e.badge,A==="AAA"||A==="AA"?e.badgeSuccess:A==="Fail"?e.badgeError:e.badgeNeutral]}>
-            <T style={[e.badgeText,A==="AAA"||A==="AA"?e.badgeTextSuccess:A==="Fail"?e.badgeTextError:e.badgeTextNeutral]}>
-              {A==="N/A"?"NOT APPLICABLE":`WCAG ${A}`}
-            </T>
-          </S>
-        </S>
-
-        {p!==void 0?<S style={e.contrastPreview}>
-            <S style={[e.contrastSwatch,{backgroundColor:V||"#FFFFFF"}]}>
-              <T style={[e.contrastSampleText,{color:D||"#000000"}]}>
-                Sample Text
-              </T>
-            </S>
-            <S style={e.contrastDetails}>
-              <T style={e.contrastRatioValue}>{p}:1</T>
-              <T style={e.contrastSubtext}>
-                {p>=7?"Passes AAA (Enhanced Contrast)":p>=4.5?"Passes AA (Minimum Standard)":"Fails AA (Low Contrast Warning)"}
-              </T>
-            </S>
-          </S>:<T style={e.naSubtext}>
-            Text or background color is transparent or dynamically inherited.
-          </T>}
-      </S>
-
-      
-      <S style={e.card}>
-        <T style={[e.cardTitle,{marginBottom:10}]}>Accessibility Attributes</T>
-
-        <S style={e.attributeRow}>
-          <T style={e.attributeLabel}>accessibilityLabel:</T>
-          <T style={[e.attributeValue,!w&&{color:f.grayTextWeak,fontStyle:"italic"}]}>
-            {w?"Provided":"None specified"}
-          </T>
-        </S>
-
-        <S style={e.attributeRow}>
-          <T style={e.attributeLabel}>accessibilityRole:</T>
-          <T style={[e.attributeValue,!B&&{color:f.grayTextWeak,fontStyle:"italic"}]}>
-            {B||"None"}
-          </T>
-        </S>
-
-        {z&&<S style={e.attributeRow}>
-            <T style={e.attributeLabel}>accessibilityHint:</T>
-            <T style={e.attributeValue}>{z}</T>
-          </S>}
-      </S>
-
-      
-      {F.length>0&&<S style={[e.card,e.issuesCard]}>
-          <S style={e.issuesHeader}>
-            <P color="#D97706"size={16}/>
-            <T style={e.issuesTitle}>Recommendations ({F.length})</T>
-          </S>
-          {F.map((I,L)=><S key={L}style={e.issueItem}>
-              <T style={e.issueBullet}>•</T>
-              <T style={e.issueText}>{I}</T>
-            </S>)}
-        </S>}
-    </S>};const e=E.create({container:{gap:10,paddingVertical:4},card:{backgroundColor:f.white,borderRadius:12,padding:14,borderWidth:1,borderColor:f.grayBorderSecondary},cardHeader:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginBottom:10},cardTitleRow:{flexDirection:"row",alignItems:"center",gap:8},cardTitle:{fontSize:14,fontFamily:x.semiBold,color:f.slate900},badge:{paddingHorizontal:8,paddingVertical:3,borderRadius:6},badgeSuccess:{backgroundColor:"#10B9811A",borderColor:"#10B98144",borderWidth:1},badgeWarning:{backgroundColor:"#F59E0B1A",borderColor:"#F59E0B44",borderWidth:1},badgeError:{backgroundColor:"#E11D481A",borderColor:"#E11D4844",borderWidth:1},badgeNeutral:{backgroundColor:f.slate100},badgeText:{fontSize:10,fontFamily:x.bold},badgeTextSuccess:{color:"#059669"},badgeTextWarning:{color:"#D97706"},badgeTextError:{color:"#E11D48"},badgeTextNeutral:{color:f.slate600},metricRow:{flexDirection:"row",gap:16},metricItem:{flex:1,backgroundColor:f.slate50,padding:10,borderRadius:8},metricLabel:{fontSize:11,fontFamily:x.medium,color:f.grayTextWeak,marginBottom:4},metricValue:{fontSize:13,fontFamily:x.semiBold,color:f.slate900},contrastPreview:{flexDirection:"row",alignItems:"center",gap:12},contrastSwatch:{paddingVertical:12,paddingHorizontal:16,borderRadius:8,borderWidth:1,borderColor:f.grayBorderSecondary},contrastSampleText:{fontSize:13,fontFamily:x.semiBold},contrastDetails:{flex:1},contrastRatioValue:{fontSize:16,fontFamily:x.bold,color:f.slate900},contrastSubtext:{fontSize:11,fontFamily:x.medium,color:f.grayTextWeak,marginTop:2},naSubtext:{fontSize:12,fontFamily:x.medium,color:f.grayTextWeak},attributeRow:{flexDirection:"row",justifyContent:"space-between",paddingVertical:6,borderBottomWidth:1,borderBottomColor:f.slate100},attributeLabel:{fontSize:12,fontFamily:x.medium,color:f.slate600},attributeValue:{fontSize:12,fontFamily:x.semiBold,color:f.slate900},issuesCard:{backgroundColor:"#FEF3C722",borderColor:"#F59E0B44"},issuesHeader:{flexDirection:"row",alignItems:"center",gap:6,marginBottom:8},issuesTitle:{fontSize:13,fontFamily:x.semiBold,color:"#D97706"},issueItem:{flexDirection:"row",alignItems:"flex-start",gap:6,marginVertical:3},issueBullet:{fontSize:12,color:"#D97706"},issueText:{fontSize:12,fontFamily:x.medium,color:f.slate700,flex:1,lineHeight:16}});

package/dist/esm/components/Inspector/UiInspectorDetail.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const UiInspectorDetail: React.FC;