react-native-inapp-inspector 2.3.19 → 2.3.21

package/dist/commonjs/components/LogSyntaxHighlighter.js

@@ -1,130 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LogSyntaxHighlighter = exports.tokenizeText = void 0;
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const AppColors_1 = require("../styles/AppColors");
-const AppFonts_1 = require("../styles/AppFonts");
-const helpers_1 = require("../helpers");
-const TOKEN_REGEX = /("(?:\\.|[^"\\])*"(?=\s*:))|("(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*')|(\b-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?\b)|(\b(?:true|false)\b)|(\b(?:null|undefined|NaN)\b)|(https?:\/\/[^\s"',]+)|(\[[\w\s_-]+\])|([{}[\],:])|([^"'\d\s{}[\],:]+|[ \t\r\n]+)/g;
-const tokenizeText = (input) => {
-    if (!input)
-        return [];
-    const tokens = [];
-    let match;
-    TOKEN_REGEX.lastIndex = 0;
-    while ((match = TOKEN_REGEX.exec(input)) !== null) {
-        if (match[1]) {
-            tokens.push({ type: 'key', value: match[1] });
-        }
-        else if (match[2]) {
-            tokens.push({ type: 'string', value: match[2] });
-        }
-        else if (match[3]) {
-            tokens.push({ type: 'number', value: match[3] });
-        }
-        else if (match[4]) {
-            tokens.push({ type: 'boolean', value: match[4] });
-        }
-        else if (match[5]) {
-            tokens.push({ type: 'null', value: match[5] });
-        }
-        else if (match[6]) {
-            tokens.push({ type: 'url', value: match[6] });
-        }
-        else if (match[7]) {
-            tokens.push({ type: 'tag', value: match[7] });
-        }
-        else if (match[8]) {
-            tokens.push({ type: 'bracket', value: match[8] });
-        }
-        else if (match[9]) {
-            tokens.push({ type: 'plain', value: match[9] });
-        }
-    }
-    return tokens;
-};
-exports.tokenizeText = tokenizeText;
-const getTokenColor = (type) => {
-    switch (type) {
-        case 'key':
-            return AppColors_1.AppColors.sky600 || '#0369a1';
-        case 'string':
-            return AppColors_1.AppColors.emerald600 || '#059669';
-        case 'number':
-            return AppColors_1.AppColors.amber600 || '#d97706';
-        case 'boolean':
-            return AppColors_1.AppColors.purple || '#7c3aed';
-        case 'null':
-            return AppColors_1.AppColors.red600 || '#dc2626';
-        case 'url':
-            return '#0284c7';
-        case 'tag':
-            return AppColors_1.AppColors.violet600 || '#7c3aed';
-        case 'bracket':
-            return AppColors_1.AppColors.slate500 || '#64748b';
-        case 'plain':
-        default:
-            return AppColors_1.AppColors.primaryBlack || '#1e293b';
-    }
-};
-exports.LogSyntaxHighlighter = react_1.default.memo(({ text, search, numberOfLines, style, detectLinks = true }) => {
-    if (!text)
-        return null;
-    const tokens = react_1.default.useMemo(() => (0, exports.tokenizeText)(text), [text]);
-    const renderToken = (token, tokenIdx) => {
-        const baseColor = getTokenColor(token.type);
-        const isUrl = token.type === 'url';
-        const isKey = token.type === 'key';
-        const tokenStyle = {
-            color: baseColor,
-            fontFamily: isKey ? AppFonts_1.AppFonts.interBold : AppFonts_1.AppFonts.interRegular,
-            textDecorationLine: isUrl ? 'underline' : 'none',
-        };
-        if (!search || search.trim().length === 0) {
-            return (<react_native_1.Text key={tokenIdx} style={tokenStyle} onPress={isUrl && detectLinks
-                    ? () => (0, helpers_1.handleOpenExternalLink)(token.value)
-                    : undefined}>
-            {token.value}
-          </react_native_1.Text>);
-        }
-        const regex = new RegExp(`(${(0, helpers_1.escapeRegex)(search.trim())})`, 'gi');
-        const parts = token.value.split(regex);
-        return (<react_native_1.Text key={tokenIdx} style={tokenStyle}>
-          {parts.map((part, partIdx) => {
-                const isMatch = part.toLowerCase() === search.trim().toLowerCase();
-                return isMatch ? (<react_native_1.Text key={partIdx} style={[
-                        tokenStyle,
-                        styles.searchHighlight,
-                    ]}>
-                {part}
-              </react_native_1.Text>) : (<react_native_1.Text key={partIdx} style={tokenStyle} onPress={isUrl && detectLinks
-                        ? () => (0, helpers_1.handleOpenExternalLink)(token.value)
-                        : undefined}>
-                {part}
-              </react_native_1.Text>);
-            })}
-        </react_native_1.Text>);
-    };
-    return (<react_native_1.Text style={[styles.containerText, style]} numberOfLines={numberOfLines}>
-        {tokens.map(renderToken)}
-      </react_native_1.Text>);
-});
-const styles = react_native_1.StyleSheet.create({
-    containerText: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
-        fontSize: 12,
-        lineHeight: 18,
-        color: AppColors_1.AppColors.primaryBlack,
-    },
-    searchHighlight: {
-        backgroundColor: '#fef08a',
-        color: '#854d0e',
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        borderRadius: 2,
-    },
-});
-exports.default = exports.LogSyntaxHighlighter;
+"use strict";var __importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LogSyntaxHighlighter=exports.tokenizeText=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),AppColors_1=require("../styles/AppColors"),AppFonts_1=require("../styles/AppFonts"),helpers_1=require("../helpers"),TOKEN_REGEX=/("(?:\\.|[^"\\])*"(?=\s*:))|("(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*')|(\b-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?\b)|(\b(?:true|false)\b)|(\b(?:null|undefined|NaN)\b)|(https?:\/\/[^\s"',]+)|(\[[\w\s_-]+\])|([{}[\],:])|([^"'\d\s{}[\],:]+|[ \t\r\n]+)/g,tokenizeText=r=>{if(!r)return[];const t=[];let e;for(TOKEN_REGEX.lastIndex=0;(e=TOKEN_REGEX.exec(r))!==null;)e[1]?t.push({type:"key",value:e[1]}):e[2]?t.push({type:"string",value:e[2]}):e[3]?t.push({type:"number",value:e[3]}):e[4]?t.push({type:"boolean",value:e[4]}):e[5]?t.push({type:"null",value:e[5]}):e[6]?t.push({type:"url",value:e[6]}):e[7]?t.push({type:"tag",value:e[7]}):e[8]?t.push({type:"bracket",value:e[8]}):e[9]&&t.push({type:"plain",value:e[9]});return t};exports.tokenizeText=tokenizeText;const getTokenColor=r=>{switch(r){case"key":return AppColors_1.AppColors.sky600||"#0369a1";case"string":return AppColors_1.AppColors.emerald600||"#059669";case"number":return AppColors_1.AppColors.amber600||"#d97706";case"boolean":return AppColors_1.AppColors.purple||"#7c3aed";case"null":return AppColors_1.AppColors.red600||"#dc2626";case"url":return"#0284c7";case"tag":return AppColors_1.AppColors.violet600||"#7c3aed";case"bracket":return AppColors_1.AppColors.slate500||"#64748b";default:return AppColors_1.AppColors.primaryBlack||"#1e293b"}};exports.LogSyntaxHighlighter=react_1.default.memo(({text:r,search:t,numberOfLines:e,style:u,detectLinks:a=!0})=>{if(!r)return null;const c=react_1.default.useMemo(()=>(0,exports.tokenizeText)(r),[r]),y=(s,i)=>{const h=getTokenColor(s.type),l=s.type==="url",f=s.type==="key",n={color:h,fontFamily:f?AppFonts_1.AppFonts.interBold:AppFonts_1.AppFonts.interRegular,textDecorationLine:l?"underline":"none"};if(!t||t.trim().length===0)return<react_native_1.Text key={i}style={n}onPress={l&&a?()=>(0,helpers_1.handleOpenExternalLink)(s.value):void 0}>
+            {s.value}
+          </react_native_1.Text>;const x=new RegExp(`(${(0,helpers_1.escapeRegex)(t.trim())})`,"gi"),d=s.value.split(x);return<react_native_1.Text key={i}style={n}>
+          {d.map((o,p)=>o.toLowerCase()===t.trim().toLowerCase()?<react_native_1.Text key={p}style={[n,styles.searchHighlight]}>
+                {o}
+              </react_native_1.Text>:<react_native_1.Text key={p}style={n}onPress={l&&a?()=>(0,helpers_1.handleOpenExternalLink)(s.value):void 0}>
+                {o}
+              </react_native_1.Text>)}
+        </react_native_1.Text>};return<react_native_1.Text style={[styles.containerText,u]}numberOfLines={e}>
+        {c.map(y)}
+      </react_native_1.Text>});const styles=react_native_1.StyleSheet.create({containerText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,lineHeight:18,color:AppColors_1.AppColors.primaryBlack},searchHighlight:{backgroundColor:"#fef08a",color:"#854d0e",fontFamily:AppFonts_1.AppFonts.interBold,borderRadius:2}});exports.default=exports.LogSyntaxHighlighter;

package/dist/commonjs/components/MetaAccordion.js

@@ -1,147 +1,41 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const i18n_1 = require("../i18n");
-const react_native_1 = require("react-native");
-const constants_1 = require("../constants");
-const useAccordion_1 = __importDefault(require("../customHooks/useAccordion"));
-const helpers_1 = require("../helpers");
-const NetworkIcons_1 = require("./NetworkIcons");
-const TouchableScale_1 = __importDefault(require("./TouchableScale"));
-const CopyButton_1 = __importDefault(require("./CopyButton"));
-const AppColors_1 = require("../styles/AppColors");
-const AppFonts_1 = require("../styles/AppFonts");
-const styles_1 = __importDefault(require("../styles"));
-const MetaAccordion = ({ status, statusColor, duration, size, triggeredAt, method, contentType, url, }) => {
-    const { t } = (0, i18n_1.useTranslation)();
-    const [urlExpanded, setUrlExpanded] = (0, react_1.useState)(false);
-    const { isOpen, toggleOpen, chevronStyle } = (0, useAccordion_1.default)(true);
-    const isFailed = status === 0 || status == null;
-    const renderFormattedUrl = (rawUrl) => {
-        if (!rawUrl)
-            return '—';
-        try {
-            const doubleSlashIndex = rawUrl.indexOf('//');
-            let temp = rawUrl;
-            let protocol = '';
-            if (doubleSlashIndex !== -1) {
-                protocol = rawUrl.substring(0, doubleSlashIndex + 2);
-                temp = rawUrl.substring(doubleSlashIndex + 2);
-            }
-            const slashIndex = temp.indexOf('/');
-            let host = temp;
-            let pathAndSearch = '';
-            if (slashIndex !== -1) {
-                host = temp.substring(0, slashIndex);
-                pathAndSearch = temp.substring(slashIndex);
-            }
-            const queryIndex = pathAndSearch.indexOf('?');
-            let pathname = pathAndSearch;
-            let search = '';
-            if (queryIndex !== -1) {
-                pathname = pathAndSearch.substring(0, queryIndex);
-                search = pathAndSearch.substring(queryIndex);
-            }
-            return (<react_native_1.Text style={{ lineHeight: 16 }}>
-          {protocol ? (<react_native_1.Text style={{ color: AppColors_1.AppColors.slate400, fontFamily: AppFonts_1.AppFonts.interRegular }}>{protocol}</react_native_1.Text>) : null}
-          <react_native_1.Text style={{ color: AppColors_1.AppColors.purple, fontFamily: AppFonts_1.AppFonts.interBold }}>{host}</react_native_1.Text>
-          <react_native_1.Text style={{ color: AppColors_1.AppColors.slate700, fontFamily: AppFonts_1.AppFonts.interMedium }}>{pathname}</react_native_1.Text>
-          {search ? (<react_native_1.Text style={{ color: AppColors_1.AppColors.teal600, fontFamily: AppFonts_1.AppFonts.interRegular }}>{search}</react_native_1.Text>) : null}
-        </react_native_1.Text>);
-        }
-        catch {
-            return rawUrl;
-        }
-    };
-    return (<react_native_1.View style={styles_1.default.metaContainer}>
-      <react_native_1.Pressable onPress={toggleOpen} hitSlop={12}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(a,t,e,r){r===void 0&&(r=e);var l=Object.getOwnPropertyDescriptor(t,e);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(a,r,l)}):(function(a,t,e,r){r===void 0&&(r=e),a[r]=t[e]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(a,t){Object.defineProperty(a,"default",{enumerable:!0,value:t})}):function(a,t){a.default=t}),__importStar=this&&this.__importStar||(function(){var a=function(t){return a=Object.getOwnPropertyNames||function(e){var r=[];for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&(r[r.length]=l);return r},a(t)};return function(t){if(t&&t.__esModule)return t;var e={};if(t!=null)for(var r=a(t),l=0;l<r.length;l++)r[l]!=="default"&&__createBinding(e,t,r[l]);return __setModuleDefault(e,t),e}})(),__importDefault=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),i18n_1=require("../i18n"),react_native_1=require("react-native"),constants_1=require("../constants"),useAccordion_1=__importDefault(require("../customHooks/useAccordion")),helpers_1=require("../helpers"),NetworkIcons_1=require("./NetworkIcons"),TouchableScale_1=__importDefault(require("./TouchableScale")),CopyButton_1=__importDefault(require("./CopyButton")),AppColors_1=require("../styles/AppColors"),AppFonts_1=require("../styles/AppFonts"),styles_1=__importDefault(require("../styles")),MetaAccordion=({status:a,statusColor:t,duration:e,size:r,triggeredAt:l,method:y,contentType:x,url:n})=>{const{t:o}=(0,i18n_1.useTranslation)(),[T,V]=(0,react_1.useState)(!1),{isOpen:g,toggleOpen:b,chevronStyle:C}=(0,useAccordion_1.default)(!0),s=a===0||a==null,A=i=>{if(!i)return"\u2014";try{const u=i.indexOf("//");let c=i,p="";u!==-1&&(p=i.substring(0,u+2),c=i.substring(u+2));const f=c.indexOf("/");let v=c,_="";f!==-1&&(v=c.substring(0,f),_=c.substring(f));const d=_.indexOf("?");let m=_,w="";return d!==-1&&(m=_.substring(0,d),w=_.substring(d)),<react_native_1.Text style={{lineHeight:16}}>
+          {p?<react_native_1.Text style={{color:AppColors_1.AppColors.slate400,fontFamily:AppFonts_1.AppFonts.interRegular}}>{p}</react_native_1.Text>:null}
+          <react_native_1.Text style={{color:AppColors_1.AppColors.purple,fontFamily:AppFonts_1.AppFonts.interBold}}>{v}</react_native_1.Text>
+          <react_native_1.Text style={{color:AppColors_1.AppColors.slate700,fontFamily:AppFonts_1.AppFonts.interMedium}}>{m}</react_native_1.Text>
+          {w?<react_native_1.Text style={{color:AppColors_1.AppColors.teal600,fontFamily:AppFonts_1.AppFonts.interRegular}}>{w}</react_native_1.Text>:null}
+        </react_native_1.Text>}catch{return i}};return<react_native_1.View style={styles_1.default.metaContainer}>
+      <react_native_1.Pressable onPress={b}hitSlop={12}>
         <react_native_1.View style={styles_1.default.metaHeader}>
           <react_native_1.Text style={styles_1.default.metaTitle}>Metadata</react_native_1.Text>
-          <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
-            <CopyButton_1.default value={{
-            status: status ?? 0,
-            duration: duration != null ? `${duration} ms` : '—',
-            size: size || '—',
-            triggeredAt: triggeredAt || '',
-            method: method || 'GET',
-            contentType: contentType || 'application/json',
-            url: url || '',
-        }} label="Metadata"/>
-            <react_native_1.View style={chevronStyle}>
-              <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextWeak} size={14}/>
+          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8}}>
+            <CopyButton_1.default value={{status:a??0,duration:e!=null?`${e} ms`:"\u2014",size:r||"\u2014",triggeredAt:l||"",method:y||"GET",contentType:x||"application/json",url:n||""}}label="Metadata"/>
+            <react_native_1.View style={C}>
+              <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextWeak}size={14}/>
             </react_native_1.View>
           </react_native_1.View>
         </react_native_1.View>
       </react_native_1.Pressable>
 
-      {isOpen && (<react_native_1.View style={styles_1.default.metaBody}>
+      {g&&<react_native_1.View style={styles_1.default.metaBody}>
           <react_native_1.View style={styles_1.default.metaRow}>
             <react_native_1.View style={styles_1.default.metaLabelRow}>
-              <NetworkIcons_1.CalendarIcon color={AppColors_1.AppColors.grayTextWeak} size={14}/>
-              <react_native_1.Text style={styles_1.default.metaLabel}>{t('network.triggeredAt')}</react_native_1.Text>
+              <NetworkIcons_1.CalendarIcon color={AppColors_1.AppColors.grayTextWeak}size={14}/>
+              <react_native_1.Text style={styles_1.default.metaLabel}>{o("network.triggeredAt")}</react_native_1.Text>
             </react_native_1.View>
-            <react_native_1.Text style={[
-                styles_1.default.metaValue,
-                { color: AppColors_1.AppColors.purple, fontSize: 12 },
-            ]}>
-              {triggeredAt}
+            <react_native_1.Text style={[styles_1.default.metaValue,{color:AppColors_1.AppColors.purple,fontSize:12}]}>
+              {l}
             </react_native_1.Text>
           </react_native_1.View>
           <react_native_1.View style={styles_1.default.metaDivider}/>
 
           <react_native_1.View style={styles_1.default.metaRow}>
             <react_native_1.View style={styles_1.default.metaLabelRow}>
-              <NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.grayTextWeak} size={14}/>
-              <react_native_1.Text style={styles_1.default.metaLabel}>{t('network.methodHeader')}</react_native_1.Text>
+              <NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.grayTextWeak}size={14}/>
+              <react_native_1.Text style={styles_1.default.metaLabel}>{o("network.methodHeader")}</react_native_1.Text>
             </react_native_1.View>
-            <react_native_1.View style={[
-                styles_1.default.statusChip,
-                {
-                    borderColor: `${AppColors_1.AppColors.brandPurple}40`,
-                    backgroundColor: `${AppColors_1.AppColors.brandPurple}14`,
-                },
-            ]}>
-              <react_native_1.Text style={[
-                styles_1.default.statusText,
-                { color: AppColors_1.AppColors.purple, fontFamily: AppFonts_1.AppFonts.interBold },
-            ]}>
-                {method || 'GET'}
+            <react_native_1.View style={[styles_1.default.statusChip,{borderColor:`${AppColors_1.AppColors.brandPurple}40`,backgroundColor:`${AppColors_1.AppColors.brandPurple}14`}]}>
+              <react_native_1.Text style={[styles_1.default.statusText,{color:AppColors_1.AppColors.purple,fontFamily:AppFonts_1.AppFonts.interBold}]}>
+                {y||"GET"}
               </react_native_1.Text>
             </react_native_1.View>
           </react_native_1.View>
@@ -150,24 +44,11 @@ const MetaAccordion = ({ status, statusColor, duration, size, triggeredAt, metho
           <react_native_1.View style={styles_1.default.metaRow}>
             <react_native_1.View style={styles_1.default.metaLabelRow}>
               <NetworkIcons_1.StatusIcon color={AppColors_1.AppColors.grayTextWeak}/>
-              <react_native_1.Text style={styles_1.default.metaLabel}>{t('network.statusHeader')}</react_native_1.Text>
+              <react_native_1.Text style={styles_1.default.metaLabel}>{o("network.statusHeader")}</react_native_1.Text>
             </react_native_1.View>
-            <react_native_1.View style={[
-                styles_1.default.statusChip,
-                {
-                    borderColor: isFailed
-                        ? `${AppColors_1.AppColors.errorColor}40`
-                        : `${statusColor}40`,
-                    backgroundColor: isFailed
-                        ? `${AppColors_1.AppColors.errorColor}15`
-                        : `${statusColor}15`,
-                },
-            ]}>
-              <react_native_1.Text style={[
-                styles_1.default.statusText,
-                { color: isFailed ? AppColors_1.AppColors.errorColor : statusColor },
-            ]}>
-                {isFailed ? t('network.failedNetworkError') : String(status)}
+            <react_native_1.View style={[styles_1.default.statusChip,{borderColor:s?`${AppColors_1.AppColors.errorColor}40`:`${t}40`,backgroundColor:s?`${AppColors_1.AppColors.errorColor}15`:`${t}15`}]}>
+              <react_native_1.Text style={[styles_1.default.statusText,{color:s?AppColors_1.AppColors.errorColor:t}]}>
+                {s?o("network.failedNetworkError"):String(a)}
               </react_native_1.Text>
             </react_native_1.View>
           </react_native_1.View>
@@ -175,147 +56,97 @@ const MetaAccordion = ({ status, statusColor, duration, size, triggeredAt, metho
 
           <react_native_1.View style={styles_1.default.metaRow}>
             <react_native_1.View style={styles_1.default.metaLabelRow}>
-              <NetworkIcons_1.GlobeIcon color={AppColors_1.AppColors.grayTextWeak} size={14}/>
-              <react_native_1.Text style={styles_1.default.metaLabel}>{t('network.contentType')}</react_native_1.Text>
+              <NetworkIcons_1.GlobeIcon color={AppColors_1.AppColors.grayTextWeak}size={14}/>
+              <react_native_1.Text style={styles_1.default.metaLabel}>{o("network.contentType")}</react_native_1.Text>
             </react_native_1.View>
             <react_native_1.Text style={styles_1.default.metaValue}>
-              {contentType || 'application/json'}
+              {x||"application/json"}
             </react_native_1.Text>
           </react_native_1.View>
           <react_native_1.View style={styles_1.default.metaDivider}/>
 
           <react_native_1.View style={styles_1.default.metaRow}>
             <react_native_1.View style={styles_1.default.metaLabelRow}>
-              <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.grayTextWeak} size={14}/>
-              <react_native_1.Text style={styles_1.default.metaLabel}>{t('network.durationHeader')}</react_native_1.Text>
+              <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.grayTextWeak}size={14}/>
+              <react_native_1.Text style={styles_1.default.metaLabel}>{o("network.durationHeader")}</react_native_1.Text>
             </react_native_1.View>
             <react_native_1.View style={styles_1.default.metaValueRow}>
-              {duration != null && !isFailed && (<react_native_1.View style={[
-                    styles_1.default.perfBadge,
-                    {
-                        backgroundColor: `${(0, helpers_1.getDurationColor)(duration)}15`,
-                        borderColor: `${(0, helpers_1.getDurationColor)(duration)}40`,
-                    },
-                ]}>
-                  <react_native_1.Text style={[
-                    styles_1.default.perfBadgeText,
-                    { color: (0, helpers_1.getDurationColor)(duration) },
-                ]}>
-                    {duration < constants_1.DURATION_FAST_MS
-                    ? t('network.perf.fast')
-                    : duration < constants_1.DURATION_SLOW_MS
-                        ? t('network.perf.moderate')
-                        : t('network.perf.slow')}
+              {e!=null&&!s&&<react_native_1.View style={[styles_1.default.perfBadge,{backgroundColor:`${(0,helpers_1.getDurationColor)(e)}15`,borderColor:`${(0,helpers_1.getDurationColor)(e)}40`}]}>
+                  <react_native_1.Text style={[styles_1.default.perfBadgeText,{color:(0,helpers_1.getDurationColor)(e)}]}>
+                    {e<constants_1.DURATION_FAST_MS?o("network.perf.fast"):e<constants_1.DURATION_SLOW_MS?o("network.perf.moderate"):o("network.perf.slow")}
                   </react_native_1.Text>
-                </react_native_1.View>)}
+                </react_native_1.View>}
               <react_native_1.Text style={styles_1.default.metaValue}>
-                {duration != null ? `${duration} ms` : '—'}
+                {e!=null?`${e} ms`:"\u2014"}
               </react_native_1.Text>
             </react_native_1.View>
           </react_native_1.View>
 
           
-          {duration != null && !isFailed && (<react_native_1.View style={{ paddingVertical: 8, gap: 6 }}>
-              <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-                <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11, color: AppColors_1.AppColors.primaryBlack }}>
-                  {t('network.timingWaterfall')}
+          {e!=null&&!s&&<react_native_1.View style={{paddingVertical:8,gap:6}}>
+              <react_native_1.View style={{flexDirection:"row",justifyContent:"space-between",alignItems:"center"}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.primaryBlack}}>
+                  {o("network.timingWaterfall")}
                 </react_native_1.Text>
-                <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interMedium, fontSize: 10.5, color: (0, helpers_1.getDurationColor)(duration) }}>
-                  {duration < constants_1.DURATION_FAST_MS
-                    ? t('network.perf.fast')
-                    : duration < constants_1.DURATION_SLOW_MS
-                        ? t('network.perf.moderate')
-                        : t('network.perf.slow')}
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:(0,helpers_1.getDurationColor)(e)}}>
+                  {e<constants_1.DURATION_FAST_MS?o("network.perf.fast"):e<constants_1.DURATION_SLOW_MS?o("network.perf.moderate"):o("network.perf.slow")}
                 </react_native_1.Text>
               </react_native_1.View>
 
-              <react_native_1.View style={{
-                    height: 6,
-                    backgroundColor: AppColors_1.AppColors.grayBorderSecondary,
-                    borderRadius: 3,
-                    overflow: 'hidden',
-                }}>
-                <react_native_1.View style={{
-                    height: '100%',
-                    width: `${Math.min(100, Math.max(8, (duration / 1200) * 100))}%`,
-                    backgroundColor: (0, helpers_1.getDurationColor)(duration),
-                    borderRadius: 3,
-                }}/>
+              <react_native_1.View style={{height:6,backgroundColor:AppColors_1.AppColors.grayBorderSecondary,borderRadius:3,overflow:"hidden"}}>
+                <react_native_1.View style={{height:"100%",width:`${Math.min(100,Math.max(8,e/1200*100))}%`,backgroundColor:(0,helpers_1.getDurationColor)(e),borderRadius:3}}/>
               </react_native_1.View>
 
-              <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', marginTop: 1 }}>
-                <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 9.5, color: AppColors_1.AppColors.grayTextWeak }}>
+              <react_native_1.View style={{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginTop:1}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak}}>
                   0 ms
                 </react_native_1.Text>
-                <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 10, color: (0, helpers_1.getDurationColor)(duration) }}>
-                  {duration} ms
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:(0,helpers_1.getDurationColor)(e)}}>
+                  {e} ms
                 </react_native_1.Text>
-                <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 9.5, color: AppColors_1.AppColors.grayTextWeak }}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak}}>
                   1,200+ ms
                 </react_native_1.Text>
               </react_native_1.View>
-            </react_native_1.View>)}
+            </react_native_1.View>}
           <react_native_1.View style={styles_1.default.metaDivider}/>
 
           <react_native_1.View style={styles_1.default.metaRow}>
             <react_native_1.View style={styles_1.default.metaLabelRow}>
               <NetworkIcons_1.SizeIcon color={AppColors_1.AppColors.grayTextWeak}/>
-              <react_native_1.Text style={styles_1.default.metaLabel}>{t('network.sizeHeader')}</react_native_1.Text>
+              <react_native_1.Text style={styles_1.default.metaLabel}>{o("network.sizeHeader")}</react_native_1.Text>
             </react_native_1.View>
-            <react_native_1.Text style={styles_1.default.metaValue}>{size}</react_native_1.Text>
+            <react_native_1.Text style={styles_1.default.metaValue}>{r}</react_native_1.Text>
           </react_native_1.View>
           <react_native_1.View style={styles_1.default.metaDivider}/>
 
-          <react_native_1.View style={[styles_1.default.metaRow, { alignItems: 'flex-start', flexDirection: 'column', gap: 6 }]}>
-            <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', width: '100%', alignItems: 'center' }}>
+          <react_native_1.View style={[styles_1.default.metaRow,{alignItems:"flex-start",flexDirection:"column",gap:6}]}>
+            <react_native_1.View style={{flexDirection:"row",justifyContent:"space-between",width:"100%",alignItems:"center"}}>
               <react_native_1.View style={styles_1.default.metaLabelRow}>
-                <NetworkIcons_1.GlobeIcon color={AppColors_1.AppColors.grayTextWeak} size={14}/>
-                <react_native_1.Text style={styles_1.default.metaLabel}>{t('network.fullUrl')}</react_native_1.Text>
+                <NetworkIcons_1.GlobeIcon color={AppColors_1.AppColors.grayTextWeak}size={14}/>
+                <react_native_1.Text style={styles_1.default.metaLabel}>{o("network.fullUrl")}</react_native_1.Text>
               </react_native_1.View>
               
-              <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 10 }}>
-                {url && url.length > 50 && (<TouchableScale_1.default onPress={() => setUrlExpanded(prev => !prev)} hitSlop={8}>
-                    <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interBold,
-                    fontSize: 10.5,
-                    color: AppColors_1.AppColors.purple,
-                }}>
-                      {urlExpanded ? t('network.showLess') : t('network.showMore')}
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
+                {n&&n.length>50&&<TouchableScale_1.default onPress={()=>V(i=>!i)}hitSlop={8}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.purple}}>
+                      {o(T?"network.showLess":"network.showMore")}
                     </react_native_1.Text>
-                  </TouchableScale_1.default>)}
+                  </TouchableScale_1.default>}
                 
-                {url && (<TouchableScale_1.default onPress={() => (0, helpers_1.handleOpenExternalLink)(url)} hitSlop={8}>
-                    <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interBold,
-                    fontSize: 10.5,
-                    color: AppColors_1.AppColors.purple,
-                    textDecorationLine: 'underline',
-                }}>
-                      {t('network.open')}
+                {n&&<TouchableScale_1.default onPress={()=>(0,helpers_1.handleOpenExternalLink)(n)}hitSlop={8}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.purple,textDecorationLine:"underline"}}>
+                      {o("network.open")}
                     </react_native_1.Text>
-                  </TouchableScale_1.default>)}
+                  </TouchableScale_1.default>}
               </react_native_1.View>
             </react_native_1.View>
             
-            <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.slate50,
-                borderRadius: 8,
-                padding: 8,
-                borderWidth: 1.5,
-                borderColor: AppColors_1.AppColors.slate200,
-                width: '100%',
-                marginTop: 2,
-            }}>
-              <react_native_1.Text selectable={true} numberOfLines={urlExpanded ? undefined : 2} ellipsizeMode="tail" style={{
-                fontSize: 11,
-                textAlign: 'left',
-                lineHeight: 16.5,
-            }}>
-                {renderFormattedUrl(url)}
+            <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.slate50,borderRadius:8,padding:8,borderWidth:1.5,borderColor:AppColors_1.AppColors.slate200,width:"100%",marginTop:2}}>
+              <react_native_1.Text selectable={!0}numberOfLines={T?void 0:2}ellipsizeMode="tail"style={{fontSize:11,textAlign:"left",lineHeight:16.5}}>
+                {A(n)}
               </react_native_1.Text>
             </react_native_1.View>
           </react_native_1.View>
-        </react_native_1.View>)}
-    </react_native_1.View>);
-};
-exports.default = MetaAccordion;
+        </react_native_1.View>}
+    </react_native_1.View>};exports.default=MetaAccordion;

package/dist/commonjs/components/MiniBarChart.js

@@ -1,56 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_native_svg_1 = __importStar(require("react-native-svg"));
-const MiniBarChart = ({ data, color, maxVal, }) => {
-    if (!data || data.length === 0)
-        return <react_native_svg_1.default width={40} height={16}/>;
-    const max = maxVal || Math.max(...data, 1);
-    const paddedData = data.length < 10
-        ? [...Array(10 - data.length).fill(0), ...data]
-        : data.slice(-10);
-    return (<react_native_svg_1.default width={40} height={16} viewBox="0 0 40 16">
-      {paddedData.map((val, i) => {
-            const h = Math.max((val / max) * 16, 2);
-            const opacity = val === 0 && maxVal === 1 ? 0.2 : 1;
-            return (<react_native_svg_1.Rect key={i} x={i * 4} y={16 - h} width={2.5} height={h} fill={color} rx={1} opacity={opacity}/>);
-        })}
-    </react_native_svg_1.default>);
-};
-exports.default = MiniBarChart;
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,n,r){r===void 0&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);(!i||("get"in i?!t.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}):(function(e,t,n,r){r===void 0&&(r=n),e[r]=t[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t}),__importStar=this&&this.__importStar||(function(){var e=function(t){return e=Object.getOwnPropertyNames||function(n){var r=[];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(r[r.length]=i);return r},e(t)};return function(t){if(t&&t.__esModule)return t;var n={};if(t!=null)for(var r=e(t),i=0;i<r.length;i++)r[i]!=="default"&&__createBinding(n,t,r[i]);return __setModuleDefault(n,t),n}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(require("react")),react_native_svg_1=__importStar(require("react-native-svg")),MiniBarChart=({data:e,color:t,maxVal:n})=>{if(!e||e.length===0)return<react_native_svg_1.default width={40}height={16}/>;const r=n||Math.max(...e,1),i=e.length<10?[...Array(10-e.length).fill(0),...e]:e.slice(-10);return<react_native_svg_1.default width={40}height={16}viewBox="0 0 40 16">
+      {i.map((u,a)=>{const c=Math.max(u/r*16,2),f=u===0&&n===1?.2:1;return<react_native_svg_1.Rect key={a}x={a*4}y={16-c}width={2.5}height={c}fill={t}rx={1}opacity={f}/>})}
+    </react_native_svg_1.default>};exports.default=MiniBarChart;