react-native-inapp-inspector 2.5.7 → 2.5.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +19 -0
- package/android/.gradle/8.9/checksums/checksums.lock +0 -0
- package/android/.gradle/8.9/dependencies-accessors/gc.properties +0 -0
- package/android/.gradle/8.9/executionHistory/executionHistory.lock +0 -0
- package/android/.gradle/8.9/fileChanges/last-build.bin +0 -0
- package/android/.gradle/8.9/fileHashes/fileHashes.lock +0 -0
- package/android/.gradle/8.9/gc.properties +0 -0
- package/android/.gradle/9.2.0/checksums/checksums.lock +0 -0
- package/android/.gradle/9.2.0/fileChanges/last-build.bin +0 -0
- package/android/.gradle/9.2.0/fileHashes/fileHashes.bin +0 -0
- package/android/.gradle/9.2.0/fileHashes/fileHashes.lock +0 -0
- package/android/.gradle/9.2.0/gc.properties +0 -0
- package/android/.gradle/buildOutputCleanup/buildOutputCleanup.lock +0 -0
- package/android/.gradle/buildOutputCleanup/cache.properties +2 -0
- package/android/.gradle/vcs-1/gc.properties +0 -0
- package/android/.settings/org.eclipse.buildship.core.prefs +13 -0
- package/android/build/reports/problems/problems-report.html +659 -0
- package/dist/commonjs/components/BrandCircleIcon.js +8 -3
- package/dist/commonjs/components/ConsoleLogCard.js +13 -13
- package/dist/commonjs/components/Inspector/ConsoleTab.js +5 -5
- package/dist/commonjs/components/Inspector/FabLauncher.js +8 -8
- package/dist/commonjs/components/Inspector/FloatingCaptureWidget.js +4 -4
- package/dist/commonjs/components/Inspector/InspectorHeader.js +30 -45
- package/dist/commonjs/components/Inspector/MainScreen.js +1 -1
- package/dist/commonjs/components/Inspector/NetworkTab.js +48 -48
- package/dist/commonjs/components/Inspector/NpmUpdateToast.js +5 -5
- package/dist/commonjs/components/Inspector/TabBar.js +5 -5
- package/dist/commonjs/components/LogCard.d.ts +1 -1
- package/dist/commonjs/components/LogCard.js +16 -16
- package/dist/commonjs/constants/telemetryConfig.d.ts +3 -3
- package/dist/commonjs/constants/telemetryConfig.js +1 -1
- package/dist/commonjs/constants/version.d.ts +1 -1
- package/dist/commonjs/constants/version.js +1 -1
- package/dist/commonjs/customHooks/networkLogger.d.ts +1 -17
- package/dist/commonjs/customHooks/networkLogger.js +1 -1
- package/dist/commonjs/index.js +1 -1
- package/dist/commonjs/styles/index.d.ts +3 -0
- package/dist/commonjs/styles/index.js +1 -1
- package/dist/commonjs/types/interfaces.d.ts +6 -2
- package/dist/esm/components/BrandCircleIcon.js +9 -4
- package/dist/esm/components/ConsoleLogCard.js +13 -13
- package/dist/esm/components/Inspector/ConsoleTab.js +9 -9
- package/dist/esm/components/Inspector/FabLauncher.js +1 -1
- package/dist/esm/components/Inspector/FloatingCaptureWidget.js +9 -9
- package/dist/esm/components/Inspector/InspectorHeader.js +84 -99
- package/dist/esm/components/Inspector/MainScreen.js +1 -1
- package/dist/esm/components/Inspector/NetworkTab.js +132 -132
- package/dist/esm/components/Inspector/NpmUpdateToast.js +18 -18
- package/dist/esm/components/Inspector/TabBar.js +23 -23
- package/dist/esm/components/LogCard.d.ts +1 -1
- package/dist/esm/components/LogCard.js +24 -24
- package/dist/esm/constants/telemetryConfig.d.ts +3 -3
- package/dist/esm/constants/telemetryConfig.js +1 -1
- package/dist/esm/constants/version.d.ts +1 -1
- package/dist/esm/constants/version.js +1 -1
- package/dist/esm/customHooks/networkLogger.d.ts +1 -17
- package/dist/esm/customHooks/networkLogger.js +1 -1
- package/dist/esm/index.js +4 -4
- package/dist/esm/styles/index.d.ts +3 -0
- package/dist/esm/styles/index.js +1 -1
- package/dist/esm/types/interfaces.d.ts +6 -2
- package/package.json +8 -3
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,i,r){r===void 0&&(r=i);var o=Object.getOwnPropertyDescriptor(e,i);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(t,r,o)}):(function(t,e,i,r){r===void 0&&(r=i),t[r]=e[i]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}):function(t,e){t.default=e}),__importStar=this&&this.__importStar||(function(){var t=function(e){return t=Object.getOwnPropertyNames||function(i){var r=[];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(r[r.length]=o);return r},t(e)};return function(e){if(e&&e.__esModule)return e;var i={};if(e!=null)for(var r=t(e),o=0;o<r.length;o++)r[o]!=="default"&&__createBinding(i,e,r[o]);return __setModuleDefault(i,e),i}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.BrandCircleIcon=void 0;const react_1=__importDefault(require("react")),react_native_svg_1=__importStar(require("react-native-svg")),AppColors_1=require("../styles/AppColors"),BrandCircleIcon=({size:t=56})=><react_native_svg_1.default width={t}height={t}viewBox="0 0 256 256"fill="none">
|
|
2
2
|
<react_native_svg_1.Defs>
|
|
3
|
+
<react_native_svg_1.ClipPath id="brand_circle_clip">
|
|
4
|
+
<react_native_svg_1.Circle cx="128"cy="128"r="127"/>
|
|
5
|
+
</react_native_svg_1.ClipPath>
|
|
3
6
|
<react_native_svg_1.LinearGradient id="tile"x1="30"y1="30"x2="210"y2="222"gradientUnits="userSpaceOnUse">
|
|
4
7
|
<react_native_svg_1.Stop offset="0"stopColor={AppColors_1.AppColors.navy900}/>
|
|
5
8
|
<react_native_svg_1.Stop offset="1"stopColor={AppColors_1.AppColors.navy950}/>
|
|
@@ -52,9 +55,10 @@
|
|
|
52
55
|
<react_native_svg_1.Stop offset="1"stopColor={AppColors_1.AppColors.navy700}/>
|
|
53
56
|
</react_native_svg_1.LinearGradient>
|
|
54
57
|
</react_native_svg_1.Defs>
|
|
55
|
-
<react_native_svg_1.Circle cx="128"cy="128"r="
|
|
56
|
-
<react_native_svg_1.Circle cx="128"cy="128"r="
|
|
57
|
-
<react_native_svg_1.Circle cx="128"cy="128"r="
|
|
58
|
+
<react_native_svg_1.Circle cx="128"cy="128"r="127"fill="url(#tile)"/>
|
|
59
|
+
<react_native_svg_1.Circle cx="128"cy="128"r="126"fill="none"stroke="url(#edge)"strokeOpacity={.7}strokeWidth={1.5}/>
|
|
60
|
+
<react_native_svg_1.Circle cx="128"cy="128"r="110"fill="url(#halo)"/>
|
|
61
|
+
<react_native_svg_1.G clipPath="url(#brand_circle_clip)">
|
|
58
62
|
<react_native_svg_1.G transform="translate(128 132) scale(1.05) translate(-128 -134)">
|
|
59
63
|
|
|
60
64
|
<react_native_svg_1.Path d="M74 124 C58 154 60 190 86 204 C79 176 77 148 88 126 Z"fill="url(#wing)"stroke="url(#beam)"strokeWidth={2.5}strokeOpacity={.45}/>
|
|
@@ -132,4 +136,5 @@
|
|
|
132
136
|
<react_native_svg_1.Ellipse cx={83}cy={127}rx={9}ry={6}fill="url(#blush)"/>
|
|
133
137
|
<react_native_svg_1.Ellipse cx={167}cy={122}rx={9}ry={6}fill="url(#blush)"/>
|
|
134
138
|
</react_native_svg_1.G>
|
|
139
|
+
</react_native_svg_1.G>
|
|
135
140
|
</react_native_svg_1.default>;exports.BrandCircleIcon=BrandCircleIcon,exports.default=exports.BrandCircleIcon;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
"use strict";var __importDefault=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MemoizedConsoleLogCard=exports.ConsoleLogCard=void 0;const react_1=__importDefault(require("react")),i18n_1=require("../i18n"),react_native_1=require("react-native"),AppColors_1=require("../styles/AppColors"),AppFonts_1=require("../styles/AppFonts"),helpers_1=require("../helpers"),TouchableScale_1=__importDefault(require("./TouchableScale")),LogSyntaxHighlighter_1=__importDefault(require("./LogSyntaxHighlighter")),NetworkIcons_1=require("./NetworkIcons"),InspectorContext_1=require("./Inspector/InspectorContext"),getLogMessageWithBadges=(l,o,p,C,g)=>{if(!l)return null;const u=/^((?:\[[^\]]+\]\s*)+)/,
|
|
1
|
+
"use strict";var __importDefault=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MemoizedConsoleLogCard=exports.ConsoleLogCard=void 0;const react_1=__importDefault(require("react")),i18n_1=require("../i18n"),react_native_1=require("react-native"),AppColors_1=require("../styles/AppColors"),AppFonts_1=require("../styles/AppFonts"),helpers_1=require("../helpers"),TouchableScale_1=__importDefault(require("./TouchableScale")),LogSyntaxHighlighter_1=__importDefault(require("./LogSyntaxHighlighter")),NetworkIcons_1=require("./NetworkIcons"),InspectorContext_1=require("./Inspector/InspectorContext"),getLogMessageWithBadges=(l,o,p,C,g)=>{if(!l)return null;const u=/^((?:\[[^\]]+\]\s*)+)/,c=l.match(u);if(c){const t=c[1],d=l.substring(t.length),r=t.match(/\[[^\]]+\]/g)||[],f=n=>{const e=n.replace(/[\[\]]/g,"").trim().toUpperCase();return e==="AXIOS"?{color:AppColors_1.AppColors.emerald600,Icon:NetworkIcons_1.ZapIcon,label:"AXIOS"}:e==="API"||e==="FETCH"||e==="HTTP"||e==="REST"||e==="NETWORK"?{color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.GlobeIcon,label:e}:e==="GRAPHQL"||e==="GQL"||e==="APOLLO"||e==="MUTATION"||e==="QUERY"?{color:AppColors_1.AppColors.pink500,Icon:NetworkIcons_1.AtomIcon,label:e}:e==="WS"||e==="WEBSOCKET"||e==="SOCKET"||e==="SOCKET.IO"||e==="REALTIME"?{color:AppColors_1.AppColors.cyan600,Icon:NetworkIcons_1.SignalIcon,label:e}:e==="REDUX"||e==="STORE"||e==="STATE"||e==="ZUSTAND"||e==="MOBX"||e==="RECOIL"||e==="ACTION"||e==="DISPATCH"?{color:AppColors_1.AppColors.violet600,Icon:NetworkIcons_1.AtomIcon,label:e}:e==="ANALYTICS"||e==="FIREBASE"||e==="GA4"||e==="GA"||e==="SEGMENT"||e==="MIXPANEL"||e==="POSTHOG"||e==="TRACK"||e==="EVENT"?{color:AppColors_1.AppColors.teal600,Icon:NetworkIcons_1.BarChartIcon,label:e}:e==="AUTH"||e==="TOKEN"||e==="SESSION"||e==="JWT"||e==="LOGIN"||e==="LOGOUT"||e==="USER"?{color:AppColors_1.AppColors.amber600,Icon:NetworkIcons_1.KeyIcon,label:e}:e==="SECURITY"||e==="SHIELD"||e==="PERMISSION"||e==="PERMISSIONS"?{color:AppColors_1.AppColors.indigo600Alt,Icon:NetworkIcons_1.ShieldAlertIcon,label:e}:e==="NAV"||e==="NAVIGATION"||e==="ROUTE"||e==="SCREEN"||e==="ROUTER"||e==="DEEPLINK"?{color:AppColors_1.AppColors.indigo600Alt,Icon:NetworkIcons_1.MapPinIcon,label:e}:e==="STORAGE"||e==="ASYNCSTORAGE"||e==="MMKV"||e==="SQLITE"||e==="DB"||e==="DATABASE"||e==="REALM"||e==="CACHE"?{color:AppColors_1.AppColors.purple500,Icon:NetworkIcons_1.StorageIcon,label:e}:e==="PERF"||e==="RENDER"||e==="PERFORMANCE"||e==="FPS"||e==="MEMORY"?{color:AppColors_1.AppColors.violet500,Icon:NetworkIcons_1.PerformanceIcon,label:e}:e==="INIT"||e==="BOOT"||e==="STARTUP"||e==="LIFECYCLE"||e==="MOUNT"||e==="UNMOUNT"?{color:AppColors_1.AppColors.blue600,Icon:NetworkIcons_1.ZapIcon,label:e}:e==="SYNC"||e==="REFRESH"||e==="BACKGROUND"||e==="JOB"||e==="WORKER"?{color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.RefreshCcwIcon,label:e}:e==="PUSH"||e==="NOTIF"||e==="NOTIFICATION"||e==="FCM"||e==="APNS"?{color:AppColors_1.AppColors.darkOrange,Icon:NetworkIcons_1.FlameIcon,label:e}:e==="PAY"||e==="PAYMENT"||e==="STRIPE"||e==="IAP"||e==="BILLING"||e==="CHECKOUT"||e==="CART"?{color:AppColors_1.AppColors.emerald600,Icon:NetworkIcons_1.MoneyIcon,label:e}:e==="DEVICE"||e==="HARDWARE"||e==="BLE"||e==="BLUETOOTH"||e==="NFC"||e==="SENSOR"?{color:AppColors_1.AppColors.slate600,Icon:NetworkIcons_1.ChipIcon,label:e}:e==="LOCATION"||e==="GPS"||e==="GEO"?{color:AppColors_1.AppColors.emerald600,Icon:NetworkIcons_1.MapPinIcon,label:e}:e==="APP"?{color:AppColors_1.AppColors.indigo600Alt,Icon:NetworkIcons_1.SmartphoneIcon,label:"APP"}:e==="UI"||e==="VIEW"||e==="THEME"||e==="STYLE"||e==="LAYOUT"?{color:AppColors_1.AppColors.pink600,Icon:NetworkIcons_1.LayoutIcon,label:e}:e==="TEST"||e==="MOCK"||e==="SPEC"?{color:AppColors_1.AppColors.emerald500,Icon:NetworkIcons_1.FlaskIcon,label:"TEST"}:e==="SAMPLE"||e==="BATCH"?{color:AppColors_1.AppColors.indigo600Alt,Icon:NetworkIcons_1.DiceIcon,label:e}:e==="CONFIG"||e==="ENV"||e==="SETTINGS"?{color:AppColors_1.AppColors.slate700,Icon:NetworkIcons_1.SettingsIcon,label:e}:e==="DEBUG"||e==="TRACE"?{color:AppColors_1.AppColors.purpleText,Icon:NetworkIcons_1.TerminalIcon,label:e}:e==="INFO"?{color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.InfoCircleIcon,label:"INFO"}:e==="SUCCESS"||e==="OK"||e==="DONE"||e==="PASSED"?{color:AppColors_1.AppColors.green600,Icon:NetworkIcons_1.CircleCheckIcon,label:e}:e==="WARN"||e==="WARNING"?{color:AppColors_1.AppColors.amber600,Icon:NetworkIcons_1.AlertTriangleIcon,label:"WARN"}:e==="ERROR"||e==="CRASH"||e==="BUG"||e==="FATAL"||e==="EXCEPTION"||e==="FAIL"?{color:AppColors_1.AppColors.red600,Icon:NetworkIcons_1.BugIcon,label:e==="CRASH"||e==="BUG"||e==="FATAL"||e==="EXCEPTION"||e==="FAIL"?e:"ERROR"}:{color:AppColors_1.AppColors.slate600,Icon:NetworkIcons_1.TagIcon,label:e}};return<react_native_1.View style={{flexDirection:"column",gap:2}}>
|
|
2
2
|
<react_native_1.View style={{flexDirection:"row",gap:4,overflow:"hidden"}}>
|
|
3
|
-
{
|
|
4
|
-
<
|
|
5
|
-
<react_native_1.Text style={[styles.prefixTagText,{color:
|
|
6
|
-
{
|
|
3
|
+
{r.slice(0,2).map((n,e)=>{const i=f(n),A=i.Icon;return<react_native_1.View key={e}style={[styles.prefixTag,{backgroundColor:`${i.color}12`,borderColor:`${i.color}30`}]}>
|
|
4
|
+
<A color={i.color}size={8.5}/>
|
|
5
|
+
<react_native_1.Text style={[styles.prefixTagText,{color:i.color}]}>
|
|
6
|
+
{i.label}
|
|
7
7
|
</react_native_1.Text>
|
|
8
8
|
</react_native_1.View>})}
|
|
9
9
|
</react_native_1.View>
|
|
10
|
-
<LogSyntaxHighlighter_1.default text={
|
|
11
|
-
</react_native_1.View>}return<LogSyntaxHighlighter_1.default text={l}search={o}style={p}numberOfLines={g||2}detectLinks={!1}/>};exports.ConsoleLogCard=react_1.default.memo(function({item:o,searchStr:p="",onPress:C}){const{setSelectedLog:
|
|
12
|
-
<TouchableScale_1.default onPress={
|
|
10
|
+
<LogSyntaxHighlighter_1.default text={d}search={o}style={p}numberOfLines={1}detectLinks={!1}/>
|
|
11
|
+
</react_native_1.View>}return<LogSyntaxHighlighter_1.default text={l}search={o}style={p}numberOfLines={g||2}detectLinks={!1}/>};exports.ConsoleLogCard=react_1.default.memo(function({item:o,searchStr:p="",onPress:C,testID:g}){const{setSelectedLog:u}=(0,InspectorContext_1.useInspector)(),{t:c}=(0,i18n_1.useTranslation)(),t=(0,helpers_1.getJsonContent)(o.message),d=o.message.toLowerCase().includes("[analytics error]"),r=react_1.default.useMemo(()=>{const a=(0,helpers_1.getCleanCallerDisplay)(o.caller);if(!a)return null;const s=(0,helpers_1.parseStackLine)(o.caller,!0);return{...s,display:a.display,fileName:a.fileName,lineNumber:a.lineNumber||s.lineNumber}},[o.caller]),n=(()=>{const a=(o.type||"log").toLowerCase(),s=(o.sourceMethod||a).toLowerCase();return d||a==="error"||s==="error"?{badgeColor:AppColors_1.AppColors.errorColor,border:AppColors_1.AppColors.errorColor,badgeBg:`${AppColors_1.AppColors.errorColor}18`,badgeText:AppColors_1.AppColors.errorColor,label:"ERROR",cardBg:AppColors_1.AppColors.errorCardBg,statusPillBg:`${AppColors_1.AppColors.errorColor}14`,statusPillBorder:`${AppColors_1.AppColors.errorColor}33`,statusPillText:AppColors_1.AppColors.errorColor,StatusIcon:NetworkIcons_1.CircleXIcon}:a==="warn"||s==="warn"?{badgeColor:AppColors_1.AppColors.darkOrange,border:AppColors_1.AppColors.darkOrange,badgeBg:`${AppColors_1.AppColors.darkOrange}18`,badgeText:AppColors_1.AppColors.darkOrange,label:"WARN",cardBg:AppColors_1.AppColors.warnCardBg,statusPillBg:`${AppColors_1.AppColors.darkOrange}14`,statusPillBorder:`${AppColors_1.AppColors.darkOrange}33`,statusPillText:AppColors_1.AppColors.darkOrange,StatusIcon:NetworkIcons_1.CircleAlertIcon}:a==="debug"||s==="debug"?{badgeColor:AppColors_1.AppColors.purple,border:AppColors_1.AppColors.purple,badgeBg:`${AppColors_1.AppColors.purple}18`,badgeText:AppColors_1.AppColors.purple,label:"DEBUG",cardBg:AppColors_1.AppColors.purpleTintBg,statusPillBg:`${AppColors_1.AppColors.purple}14`,statusPillBorder:`${AppColors_1.AppColors.purple}33`,statusPillText:AppColors_1.AppColors.purple,StatusIcon:NetworkIcons_1.ZapIcon}:s==="info"||a==="info"&&s!=="log"?{badgeColor:AppColors_1.AppColors.sky600,border:AppColors_1.AppColors.sky600,badgeBg:`${AppColors_1.AppColors.sky600}18`,badgeText:AppColors_1.AppColors.sky600,label:"INFO",cardBg:AppColors_1.AppColors.blueTintBg,statusPillBg:`${AppColors_1.AppColors.sky600}14`,statusPillBorder:`${AppColors_1.AppColors.sky600}33`,statusPillText:AppColors_1.AppColors.sky600,StatusIcon:NetworkIcons_1.InfoCircleIcon}:{badgeColor:AppColors_1.AppColors.brandPurple,border:AppColors_1.AppColors.brandPurple,badgeBg:`${AppColors_1.AppColors.brandPurple}15`,badgeText:AppColors_1.AppColors.brandPurple,label:"LOG",cardBg:AppColors_1.AppColors.white,statusPillBg:`${AppColors_1.AppColors.brandPurple}12`,statusPillBorder:`${AppColors_1.AppColors.brandPurple}2E`,statusPillText:AppColors_1.AppColors.brandPurple,StatusIcon:NetworkIcons_1.CircleCheckIcon}})(),e=n.StatusIcon,i=t?(0,helpers_1.getJsonPreviewText)(t.data):null,A=()=>{C?C(o):u(o)},I=("sourceMethod"in o?o.sourceMethod:void 0)||o.type||"log";return<react_native_1.View style={styles.container}>
|
|
12
|
+
<TouchableScale_1.default testID={g}onPress={A}style={[styles.card,{borderLeftWidth:3.5,borderLeftColor:n.border,backgroundColor:n.cardBg}]}>
|
|
13
13
|
<react_native_1.View style={styles.cardBody}>
|
|
14
14
|
|
|
15
15
|
<react_native_1.View style={styles.cardHeaderRow}>
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
</react_native_1.Text>
|
|
20
20
|
|
|
21
21
|
|
|
22
|
-
<react_native_1.View style={[styles.methodBadge,{backgroundColor:
|
|
23
|
-
<react_native_1.Text style={styles.methodBadgeText}>{
|
|
22
|
+
<react_native_1.View style={[styles.methodBadge,{backgroundColor:n.badgeColor}]}>
|
|
23
|
+
<react_native_1.Text style={styles.methodBadgeText}>{n.label}</react_native_1.Text>
|
|
24
24
|
</react_native_1.View>
|
|
25
25
|
|
|
26
26
|
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
<react_native_1.View style={styles.messageBox}>
|
|
49
49
|
{t?<react_native_1.View style={styles.jsonPreviewRow}>
|
|
50
50
|
{t.header?<LogSyntaxHighlighter_1.default text={t.header}search={p}style={styles.messageText}detectLinks={!1}numberOfLines={1}/>:null}
|
|
51
|
-
{
|
|
51
|
+
{i&&<LogSyntaxHighlighter_1.default text={i.text.replace(/\s+/g," ")}search={p}style={styles.jsonPreviewText}detectLinks={!1}numberOfLines={t.header?2:3}/>}
|
|
52
52
|
</react_native_1.View>:getLogMessageWithBadges(o.message,p,styles.messageText,styles.highlight,3)}
|
|
53
53
|
</react_native_1.View>
|
|
54
54
|
|
|
@@ -83,9 +83,9 @@
|
|
|
83
83
|
</react_native_1.Text>
|
|
84
84
|
</react_native_1.View>}
|
|
85
85
|
|
|
86
|
-
{
|
|
86
|
+
{d&&<react_native_1.View style={[styles.chip,{backgroundColor:`${AppColors_1.AppColors.skyBlue}15`,borderColor:`${AppColors_1.AppColors.skyBlue}30`}]}>
|
|
87
87
|
<react_native_1.Text style={[styles.chipText,{color:AppColors_1.AppColors.skyBlue}]}>
|
|
88
|
-
{
|
|
88
|
+
{c("console.analyticsBadge")||"ANALYTICS"}
|
|
89
89
|
</react_native_1.Text>
|
|
90
90
|
</react_native_1.View>}
|
|
91
91
|
</react_native_1.View>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,t,l,n){n===void 0&&(n=l);var a=Object.getOwnPropertyDescriptor(t,l);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(o,n,a)}):(function(o,t,l,n){n===void 0&&(n=l),o[n]=t[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,t){Object.defineProperty(o,"default",{enumerable:!0,value:t})}):function(o,t){o.default=t}),__importStar=this&&this.__importStar||(function(){var o=function(t){return o=Object.getOwnPropertyNames||function(l){var n=[];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(n[n.length]=a);return n},o(t)};return function(t){if(t&&t.__esModule)return t;var l={};if(t!=null)for(var n=o(t),a=0;a<n.length;a++)n[a]!=="default"&&__createBinding(l,t,n[a]);return __setModuleDefault(l,t),l}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),i18n_1=require("../../i18n"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),ConsoleLogCard_1=require("../ConsoleLogCard"),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),types_1=require("../../types"),NetworkIcons_1=require("../NetworkIcons"),LOAD_MORE_STEP=10,ConsoleTab=react_1.default.memo(()=>{const{t:o}=(0,i18n_1.useTranslation)(),{logSearch:t,setLogSearch:l,logSortOrder:n,setLogSortOrder:a,handleDelete:F,logFilters:s,setLogFilters:S,logCounts:_,filteredConsoleLogs:c,visibleConsoleLogs:b,maxConsoleLogs:A,setSelectedLog:
|
|
2
|
-
<ConsoleLogCard_1.ConsoleLogCard item={e}searchStr={t}onPress={L}/>
|
|
1
|
+
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,t,l,n){n===void 0&&(n=l);var a=Object.getOwnPropertyDescriptor(t,l);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(o,n,a)}):(function(o,t,l,n){n===void 0&&(n=l),o[n]=t[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,t){Object.defineProperty(o,"default",{enumerable:!0,value:t})}):function(o,t){o.default=t}),__importStar=this&&this.__importStar||(function(){var o=function(t){return o=Object.getOwnPropertyNames||function(l){var n=[];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(n[n.length]=a);return n},o(t)};return function(t){if(t&&t.__esModule)return t;var l={};if(t!=null)for(var n=o(t),a=0;a<n.length;a++)n[a]!=="default"&&__createBinding(l,t,n[a]);return __setModuleDefault(l,t),l}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),i18n_1=require("../../i18n"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),ConsoleLogCard_1=require("../ConsoleLogCard"),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),types_1=require("../../types"),NetworkIcons_1=require("../NetworkIcons"),LOAD_MORE_STEP=10,ConsoleTab=react_1.default.memo(()=>{const{t:o}=(0,i18n_1.useTranslation)(),{logSearch:t,setLogSearch:l,logSortOrder:n,setLogSortOrder:a,handleDelete:F,logFilters:s,setLogFilters:S,logCounts:_,filteredConsoleLogs:c,visibleConsoleLogs:b,maxConsoleLogs:A,setSelectedLog:I}=(0,InspectorContext_1.useInspector)(),z=A||100,T=(0,react_1.useRef)(null),[v,x]=react_1.default.useState(z);react_1.default.useEffect(()=>{x(A||100),T.current?.scrollToOffset({offset:0,animated:!1})},[t,s,A]);const w=(0,react_1.useMemo)(()=>c.slice(0,v),[c,v]),L=(0,react_1.useCallback)(e=>{I(e)},[I]),E=(0,react_1.useCallback)(({item:e,index:r})=><AnimatedEntrance_1.default index={r}distance={8}>
|
|
2
|
+
<ConsoleLogCard_1.ConsoleLogCard testID={`inspector.console.item.${r}`}item={e}searchStr={t}onPress={L}/>
|
|
3
3
|
</AnimatedEntrance_1.default>,[t,L]),P=(0,react_1.useCallback)((e,r)=>({length:148,offset:148*r,index:r}),[]),O=(0,react_1.useCallback)((e,r)=>e?.id?.toString()??r.toString(),[]),B=(0,react_1.useMemo)(()=>{const e=b.length,r=c.length;if(s.has("all")||!Array.from(s).some(h=>h!=="all"))return<react_native_1.View style={{paddingHorizontal:8,paddingTop:8,paddingBottom:3}}>
|
|
4
4
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.2}}>
|
|
5
5
|
{r===e?`Showing ${e} logs`:`Showing ${r} of ${e} logs`}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.2}}>
|
|
9
9
|
Filtered by {h.join(", ")} ({r} of {e} logs)
|
|
10
10
|
</react_native_1.Text>
|
|
11
|
-
</react_native_1.View>}},[b.length,c.length,s]),[m,V]=react_1.default.useState(!1),H=(0,react_1.useMemo)(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]"],[]),
|
|
11
|
+
</react_native_1.View>}},[b.length,c.length,s]),[m,V]=react_1.default.useState(!1),H=(0,react_1.useMemo)(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]"],[]),D=(0,react_1.useMemo)(()=>[{id:types_1.LogFilter.All,label:o("common.all","All"),count:_.all?.split("/")?.[0]??"0",color:AppColors_1.AppColors.purple,Icon:NetworkIcons_1.LayersIcon},{id:types_1.LogFilter.UserLog,label:o("console.log","Log"),count:_["user-log"]?.split("/")?.[0]??"0",color:AppColors_1.AppColors.teal600,Icon:NetworkIcons_1.UserIcon},{id:types_1.LogFilter.Info,label:o("console.info","Info"),count:_.info?.split("/")?.[0]??"0",color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.InfoCircleIcon},{id:types_1.LogFilter.Warn,label:o("console.warning","Warn"),count:_.warn?.split("/")?.[0]??"0",color:AppColors_1.AppColors.amber600,Icon:NetworkIcons_1.WarningTriangleIcon},{id:types_1.LogFilter.Error,label:o("console.error","Error"),count:_.error?.split("/")?.[0]??"0",color:AppColors_1.AppColors.errorColor,Icon:NetworkIcons_1.ErrorCircleIcon},{id:types_1.LogFilter.Analytics,label:o("console.analytics","Analytics"),count:_.analytics?.split("/")?.[0]??"0",color:AppColors_1.AppColors.violet600,Icon:NetworkIcons_1.AnalyticsIcon}],[_,o]);return<react_native_1.View style={{flex:1}}>
|
|
12
12
|
<react_native_1.View style={{backgroundColor:AppColors_1.AppColors.white,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor,paddingBottom:6}}>
|
|
13
13
|
<react_native_1.View style={[styles_1.default.toolbarRow,{marginTop:12,marginBottom:8}]}>
|
|
14
14
|
<react_native_1.View style={[styles_1.default.searchContainer,m&&{borderColor:AppColors_1.AppColors.purple,borderWidth:1.5}]}>
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
|
|
51
51
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:8,gap:6}}>
|
|
52
52
|
<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
|
|
53
|
-
{
|
|
53
|
+
{D.map(e=>{const r=e.id==="all"?s.has("all"):s.has(e.id)&&!s.has("all"),i=e.color||AppColors_1.AppColors.purple,h=r?AppColors_1.AppColors.white:i,C=e.Icon;return<TouchableScale_1.default testID={`inspector.console.filter.${e.id}`}key={e.id}onPress={()=>{e.id==="all"?S(new Set(["all"])):S(M=>{const y=new Set(M);return y.delete("all"),y.has(e.id)?y.delete(e.id):y.add(e.id),y.size===0&&y.add("all"),y})}}>
|
|
54
54
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:r?i:`${i}12`,borderWidth:1,borderColor:r?i:`${i}30`,gap:5}}>
|
|
55
55
|
<C size={11}color={h}/>
|
|
56
56
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.primaryBlack}}>
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
</react_native_1.View>
|
|
68
68
|
</react_native_1.View>
|
|
69
69
|
|
|
70
|
-
<react_native_1.FlatList ref={
|
|
70
|
+
<react_native_1.FlatList ref={T}data={w}keyExtractor={O}ListHeaderComponent={B}renderItem={E}getItemLayout={P}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}nestedScrollEnabled={!0}ListEmptyComponent={<EmptyState_1.default isSearch={t.length>0||!s.has("all")}searchQuery={t}customTitle={t.length>0?"No matching console logs":"No console logs"}onClearSearch={()=>{l(""),S(new Set(["all"]))}}/>}ListFooterComponent={c.length>0?<EndOfListFooter_1.default count={w.length}totalCount={c.length}label="logs"loadMoreStep={LOAD_MORE_STEP}hasMore={w.length<c.length}onLoadMore={()=>x(e=>e+LOAD_MORE_STEP)}/>:null}style={{flex:1}}contentContainerStyle={[styles_1.default.listContent,{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
|
|
71
71
|
</react_native_1.View>});exports.default=ConsoleTab;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,o,
|
|
1
|
+
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,o,a,s){s===void 0&&(s=a);var c=Object.getOwnPropertyDescriptor(o,a);(!c||("get"in c?!o.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return o[a]}}),Object.defineProperty(i,s,c)}):(function(i,o,a,s){s===void 0&&(s=a),i[s]=o[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,o){Object.defineProperty(i,"default",{enumerable:!0,value:o})}):function(i,o){i.default=o}),__importStar=this&&this.__importStar||(function(){var i=function(o){return i=Object.getOwnPropertyNames||function(a){var s=[];for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(s[s.length]=c);return s},i(o)};return function(o){if(o&&o.__esModule)return o;var a={};if(o!=null)for(var s=i(o),c=0;c<s.length;c++)s[c]!=="default"&&__createBinding(a,o,s[c]);return __setModuleDefault(a,o),a}})(),__importDefault=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),AppHeaderLogo_1=__importDefault(require("../AppHeaderLogo")),NetworkIcons_1=require("../NetworkIcons"),capture_1=require("../../capture"),NativeInspector_1=require("../../native/NativeInspector"),toast_1=require("../../helpers/toast"),helpers_1=require("../../helpers"),constants_1=require("../../constants"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),styles_1=__importDefault(require("../../styles")),i18n_1=require("../../i18n"),MediaPreviewModal_1=require("./MediaPreviewModal"),FabLauncher=()=>{const{setVisible:i,isMinimized:o,setIsMinimized:a,dismissInspector:s,appIcon:c,fabPan:l,fabPanResponder:ie,fabDraggedRef:T,pulseAnim:k,fabShineAnim:oe,refreshMediaCount:m,captureFps:L,captureScale:E,captureBitrate:O,captureMaxDurationSeconds:q,captureAudioMode:H,previewMediaItem:W,setPreviewMediaItem:C}=(0,InspectorContext_1.useInspector)(),{width:S,height:b}=(0,react_native_1.useWindowDimensions)(),{t:n}=(0,i18n_1.useTranslation)(),[X]=(0,react_1.useState)(()=>(0,helpers_1.getAppVersionAndBuild)().formatted),[p,I]=(0,react_1.useState)(!1),[Z,D]=(0,react_1.useState)(0),v=(0,react_1.useRef)(null),[G,B]=(0,react_1.useState)(!1),[z,_]=(0,react_1.useState)(!1),f=(0,react_1.useRef)(!1),x=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,P=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current,y=(0,react_1.useRef)({x:0,y:0});(0,react_1.useEffect)(()=>{const e=l.x.addListener(r=>y.current.x=r.value),t=l.y.addListener(r=>y.current.y=r.value);return()=>{l.x.removeListener(e),l.y.removeListener(t)}},[l]);const u=68,V=8,U=(0,react_1.useCallback)(()=>{const e=y.current.x,t=y.current.y,r=20,R=180,g=S-r-u/2+e,M=b-R-u/2+t;let N=e,F=t,A=!1;g<V+u/2?(N=e+(V+u/2-g),A=!0):g>S-V-u/2&&(N=e-(g-(S-V-u/2)),A=!0);const Y=react_native_1.Platform.OS==="ios"?60:40,$=react_native_1.Platform.OS==="ios"?40:24;M<Y+u/2?(F=t+(Y+u/2-M),A=!0):M>b-$-u/2&&(F=t-(M-(b-$-u/2)),A=!0),A&&react_native_1.Animated.spring(l,{toValue:{x:N,y:F},useNativeDriver:!1,tension:80,friction:8}).start()},[l,S,b]),K=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!1,onMoveShouldSetPanResponder:(e,t)=>Math.abs(t.dx)>4||Math.abs(t.dy)>4,onPanResponderGrant:()=>{T.current=!0,l.setOffset({x:y.current.x,y:y.current.y}),l.setValue({x:0,y:0}),f.current=!1,_(!1),B(!0),P.setValue(1),react_native_1.Animated.spring(x,{toValue:1,useNativeDriver:!0,tension:80,friction:8}).start()},onPanResponderMove:(e,t)=>{l.setValue({x:t.dx,y:t.dy});const r=t.moveY,R=t.moveX,g=r>b-140&&Math.abs(R-S/2)<85;g&&!f.current?(f.current=!0,_(!0),(0,NativeInspector_1.triggerNativeHaptic)("medium"),react_native_1.Animated.spring(P,{toValue:1.25,useNativeDriver:!0,tension:100,friction:6}).start()):!g&&f.current&&(f.current=!1,_(!1),react_native_1.Animated.spring(P,{toValue:1,useNativeDriver:!0,tension:100,friction:6}).start())},onPanResponderRelease:()=>{const e=f.current;l.flattenOffset(),react_native_1.Animated.timing(x,{toValue:0,duration:180,useNativeDriver:!0}).start(()=>{B(!1),_(!1),f.current=!1}),e?((0,NativeInspector_1.triggerNativeHaptic)("heavy"),s(),(0,toast_1.showToast)(n("common.inspectorDismissed","In-App Inspector closed for this session"))):U(),setTimeout(()=>{T.current=!1},100)},onPanResponderTerminate:()=>{l.flattenOffset(),T.current=!1,react_native_1.Animated.timing(x,{toValue:0,duration:180,useNativeDriver:!0}).start(()=>{B(!1),_(!1),f.current=!1})}})).current,d=(0,react_1.useRef)(new react_native_1.Animated.ValueXY({x:0,y:0})).current,w=(0,react_1.useRef)({x:0,y:0});(0,react_1.useEffect)(()=>{const e=d.x.addListener(r=>w.current.x=r.value),t=d.y.addListener(r=>w.current.y=r.value);return()=>{d.x.removeListener(e),d.y.removeListener(t)}},[d]);const h=(0,react_1.useRef)(!1),J=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!1,onMoveShouldSetPanResponder:(e,t)=>Math.abs(t.dx)>4||Math.abs(t.dy)>4,onPanResponderGrant:()=>{h.current=!0,d.setOffset({x:w.current.x,y:w.current.y}),d.setValue({x:0,y:0})},onPanResponderMove:react_native_1.Animated.event([null,{dx:d.x,dy:d.y}],{useNativeDriver:!1}),onPanResponderRelease:()=>{d.flattenOffset();const e=w.current.y,t=-(b-(react_native_1.Platform.OS==="ios"?34:18)-70),r=react_native_1.Platform.OS==="ios"?34:18;if(e<t||e>r){const R=Math.max(t,Math.min(r,e));react_native_1.Animated.spring(d,{toValue:{x:w.current.x,y:R},useNativeDriver:!1,tension:80,friction:8}).start()}setTimeout(()=>{h.current=!1},50)},onPanResponderTerminate:()=>{d.flattenOffset(),h.current=!1}})).current;(0,react_1.useEffect)(()=>{capture_1.ScreenCapture.isRecording().then(e=>{I(!!e)}).catch(()=>{})},[]),(0,react_1.useEffect)(()=>(p?(D(0),v.current=setInterval(()=>{D(e=>e+1)},1e3)):(v.current&&(clearInterval(v.current),v.current=null),D(0)),()=>{v.current&&clearInterval(v.current)}),[p]);const Q=(0,react_1.useCallback)(async()=>{if(!h.current)try{(0,NativeInspector_1.triggerNativeHaptic)("light");const e=await capture_1.ScreenCapture.takeScreenshot({format:"png",quality:.9,hideInspector:!0});if(e){(0,NativeInspector_1.triggerNativeHaptic)("success");const t=(0,capture_1.generateCaptureId)("screenshot",e.format||"png"),r={id:t,type:"image",format:e.format,uri:e.uri,filename:e.uri.split("/").pop()||t,sizeBytes:e.sizeBytes,timestamp:e.timestamp,width:e.width,height:e.height};C(r),m?.().catch(()=>{}),(0,toast_1.showToast)(n("header.screenshotCaptured","Screenshot captured"))}else(0,toast_1.showToast)(n("header.screenshotFailed","Failed to capture screenshot"))}catch{(0,toast_1.showToast)(n("header.screenshotError","Error capturing screenshot"))}},[m,n]),ee=(0,react_1.useCallback)(async()=>{if(!h.current)try{if(p){(0,NativeInspector_1.triggerNativeHaptic)("medium");const e=await capture_1.ScreenCapture.stopRecording();if(I(!1),e){(0,NativeInspector_1.triggerNativeHaptic)("success");const t=(0,capture_1.generateCaptureId)("video",e.format),r={id:t,type:e.format==="gif"?"gif":"video",format:e.format,uri:e.uri,filename:e.uri.split("/").pop()||t,sizeBytes:e.sizeBytes,timestamp:e.timestamp,durationMs:e.durationMs,width:e.width,height:e.height,hasAudio:e.hasAudio,thumbnailUri:e.thumbnailUri};C(r),m?.().catch(()=>{}),(0,toast_1.showToast)(n("header.recordingSaved",{duration:(e.durationMs/1e3).toFixed(1),defaultValue:`Recording saved (${(e.durationMs/1e3).toFixed(1)}s)`}))}}else(0,NativeInspector_1.triggerNativeHaptic)("medium"),await capture_1.ScreenCapture.startRecording({fps:L,scale:E,audioSource:H,bitrate:O>0?O:void 0,maxDurationSeconds:q})?(I(!0),(0,toast_1.showToast)(n("header.recordingStarted","Recording started"))):(0,toast_1.showToast)(n("header.recordingStartFailed","Failed to start recording"))}catch{(0,toast_1.showToast)(n("header.recordingError","Error during screen recording")),I(!1)}},[p,L,E,O,q,H,m,n]),j=(0,react_1.useCallback)(()=>{h.current||((0,NativeInspector_1.triggerNativeHaptic)("light"),a?.(!1),i(!0))},[a,i]),te=(0,react_1.useCallback)(()=>{h.current||((0,NativeInspector_1.triggerNativeHaptic)("light"),a?.(!1),i(!1))},[a,i]),re=e=>{const t=Math.floor(e/60),r=e%60;return`${t}:${r<10?"0":""}${r}`};return<>
|
|
2
2
|
|
|
3
3
|
{o?<react_native_1.Animated.View style={[fabStyles.playerContainer,{transform:d.getTranslateTransform()}]}{...J.panHandlers}>
|
|
4
4
|
|
|
5
5
|
<react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.indigo600,AppColors_1.AppColors.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={fabStyles.gradientBg}pointerEvents="none"/>
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
<react_native_1.TouchableOpacity activeOpacity={.75}onPress={j}style={fabStyles.brandSection}accessibilityRole="button"accessibilityLabel={
|
|
8
|
+
<react_native_1.TouchableOpacity activeOpacity={.75}onPress={j}style={fabStyles.brandSection}accessibilityRole="button"accessibilityLabel={n("mediaGallery.expand","Expand Inspector")}>
|
|
9
9
|
<AppHeaderLogo_1.default size={36}customIcon={c}shape="circle"/>
|
|
10
10
|
<react_native_1.View style={fabStyles.titleWrapper}>
|
|
11
11
|
<react_native_1.Text style={fabStyles.appTitle}numberOfLines={1}>
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
<TouchableScale_1.default onPress={Q}hitSlop={{top:6,bottom:6,left:4,right:4}}style={fabStyles.actionBtn}>
|
|
38
38
|
<NetworkIcons_1.ScreenshotCaptureIcon size={12}color={AppColors_1.AppColors.white}/>
|
|
39
39
|
<react_native_1.Text style={fabStyles.actionText}>
|
|
40
|
-
{
|
|
40
|
+
{n("header.photo","Photo")}
|
|
41
41
|
</react_native_1.Text>
|
|
42
42
|
</TouchableScale_1.default>
|
|
43
43
|
|
|
@@ -45,22 +45,22 @@
|
|
|
45
45
|
<TouchableScale_1.default onPress={ee}hitSlop={{top:6,bottom:6,left:4,right:4}}style={[fabStyles.actionBtn,p&&fabStyles.recordingBtnActive]}>
|
|
46
46
|
{p?<react_native_1.View style={fabStyles.recordingDot}/>:<NetworkIcons_1.ScreenRecordIcon size={12}color={AppColors_1.AppColors.white}/>}
|
|
47
47
|
<react_native_1.Text style={[fabStyles.actionText,p&&{color:AppColors_1.AppColors.red300}]}>
|
|
48
|
-
{p?`${
|
|
48
|
+
{p?`${n("header.rec","REC")} ${re(Z)}`:n("header.record","Record")}
|
|
49
49
|
</react_native_1.Text>
|
|
50
50
|
</TouchableScale_1.default>
|
|
51
51
|
|
|
52
52
|
|
|
53
|
-
<TouchableScale_1.default onPress={j}hitSlop={{top:6,bottom:6,left:4,right:4}}accessibilityRole="button"accessibilityLabel={
|
|
53
|
+
<TouchableScale_1.default onPress={j}hitSlop={{top:6,bottom:6,left:4,right:4}}accessibilityRole="button"accessibilityLabel={n("common.expand","Expand")}style={fabStyles.actionBtnSquare}>
|
|
54
54
|
<NetworkIcons_1.MaximizeIcon size={12}color={AppColors_1.AppColors.white}/>
|
|
55
55
|
</TouchableScale_1.default>
|
|
56
56
|
|
|
57
57
|
|
|
58
|
-
<TouchableScale_1.default onPress={te}hitSlop={{top:6,bottom:6,left:4,right:6}}accessibilityRole="button"accessibilityLabel={
|
|
58
|
+
<TouchableScale_1.default onPress={te}hitSlop={{top:6,bottom:6,left:4,right:6}}accessibilityRole="button"accessibilityLabel={n("common.close","Close")}style={fabStyles.actionBtnSquare}>
|
|
59
59
|
<NetworkIcons_1.CloseWhite size={10}color={AppColors_1.AppColors.white}/>
|
|
60
60
|
</TouchableScale_1.default>
|
|
61
61
|
</react_native_1.View>
|
|
62
62
|
</react_native_1.Animated.View>:<react_native_1.Animated.View style={[styles_1.default.fabWrapper,{transform:l.getTranslateTransform()}]}{...K.panHandlers}>
|
|
63
|
-
<TouchableScale_1.default style={{alignItems:"center",justifyContent:"center"}}onPress={()=>{T.current||((0,NativeInspector_1.triggerNativeHaptic)("light"),i(!0))}}hitSlop={10}>
|
|
63
|
+
<TouchableScale_1.default testID="inspector.fab.launcher"style={{width:68,height:68,borderRadius:34,alignItems:"center",justifyContent:"center"}}onPress={()=>{T.current||((0,NativeInspector_1.triggerNativeHaptic)("light"),i(!0))}}hitSlop={10}>
|
|
64
64
|
<react_native_1.Animated.View style={[styles_1.default.fabPulseRing,{transform:[{scale:k}]}]}/>
|
|
65
65
|
<AppHeaderLogo_1.default size={68}customIcon={c}shape="circle"/>
|
|
66
66
|
</TouchableScale_1.default>
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
<NetworkIcons_1.CloseWhite size={18}color={AppColors_1.AppColors.white}/>
|
|
73
73
|
</react_native_1.View>
|
|
74
74
|
<react_native_1.Text style={[fabStyles.dismissTargetLabel,z&&fabStyles.dismissTargetLabelActive]}>
|
|
75
|
-
{z?
|
|
75
|
+
{z?n("common.releaseToHide","Release to hide"):n("common.dragToHide","Drag here to hide")}
|
|
76
76
|
</react_native_1.Text>
|
|
77
77
|
</react_native_1.Animated.View>}
|
|
78
78
|
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,a,s,n){n===void 0&&(n=s);var i=Object.getOwnPropertyDescriptor(a,s);(!i||("get"in i?!a.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return a[s]}}),Object.defineProperty(r,n,i)}):(function(r,a,s,n){n===void 0&&(n=s),r[n]=a[s]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,a){Object.defineProperty(r,"default",{enumerable:!0,value:a})}):function(r,a){r.default=a}),__importStar=this&&this.__importStar||(function(){var r=function(a){return r=Object.getOwnPropertyNames||function(s){var n=[];for(var i in s)Object.prototype.hasOwnProperty.call(s,i)&&(n[n.length]=i);return n},r(a)};return function(a){if(a&&a.__esModule)return a;var s={};if(a!=null)for(var n=r(a),i=0;i<n.length;i++)n[i]!=="default"&&__createBinding(s,a,n[i]);return __setModuleDefault(s,a),s}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FloatingCaptureWidget=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),NetworkIcons_1=require("../NetworkIcons"),capture_1=require("../../capture"),NativeInspector_1=require("../../native/NativeInspector"),toast_1=require("../../helpers/toast"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),i18n_1=require("../../i18n"),MediaPreviewModal_1=require("./MediaPreviewModal"),FloatingCaptureWidget=()=>{const{refreshMediaCount:r,captureFps:a,captureScale:s,captureBitrate:n,captureMaxDurationSeconds:i,captureAudioMode:S,activeTab:T,settingsPage:M,peekMode:
|
|
1
|
+
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,a,s,n){n===void 0&&(n=s);var i=Object.getOwnPropertyDescriptor(a,s);(!i||("get"in i?!a.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return a[s]}}),Object.defineProperty(r,n,i)}):(function(r,a,s,n){n===void 0&&(n=s),r[n]=a[s]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,a){Object.defineProperty(r,"default",{enumerable:!0,value:a})}):function(r,a){r.default=a}),__importStar=this&&this.__importStar||(function(){var r=function(a){return r=Object.getOwnPropertyNames||function(s){var n=[];for(var i in s)Object.prototype.hasOwnProperty.call(s,i)&&(n[n.length]=i);return n},r(a)};return function(a){if(a&&a.__esModule)return a;var s={};if(a!=null)for(var n=r(a),i=0;i<n.length;i++)n[i]!=="default"&&__createBinding(s,a,n[i]);return __setModuleDefault(s,a),s}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FloatingCaptureWidget=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),NetworkIcons_1=require("../NetworkIcons"),capture_1=require("../../capture"),NativeInspector_1=require("../../native/NativeInspector"),toast_1=require("../../helpers/toast"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),i18n_1=require("../../i18n"),MediaPreviewModal_1=require("./MediaPreviewModal"),FloatingCaptureWidget=()=>{const{refreshMediaCount:r,captureFps:a,captureScale:s,captureBitrate:n,captureMaxDurationSeconds:i,captureAudioMode:S,activeTab:T,settingsPage:M,peekMode:j,previewMediaItem:y,setPreviewMediaItem:p,isUpdatePopupVisible:V}=(0,InspectorContext_1.useInspector)(),{t:d}=(0,i18n_1.useTranslation)(),[f,h]=(0,react_1.useState)(!1),[P,w]=(0,react_1.useState)(!1),[D,_]=(0,react_1.useState)(0),u=(0,react_1.useRef)(null),g=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current,v=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,c=(0,react_1.useRef)(new react_native_1.Animated.ValueXY({x:0,y:0})).current,l=(0,react_1.useRef)({x:0,y:0});(0,react_1.useEffect)(()=>{const e=c.x.addListener(o=>l.current.x=o.value),t=c.y.addListener(o=>l.current.y=o.value);return()=>{c.x.removeListener(e),c.y.removeListener(t)}},[c]);const m=(0,react_1.useRef)(!1),F=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!0,onStartShouldSetPanResponderCapture:()=>!1,onMoveShouldSetPanResponder:(e,t)=>Math.abs(t.dx)>2||Math.abs(t.dy)>2,onMoveShouldSetPanResponderCapture:(e,t)=>Math.abs(t.dx)>4||Math.abs(t.dy)>4,onPanResponderGrant:()=>{m.current=!0,c.setOffset({x:l.current.x,y:l.current.y}),c.setValue({x:0,y:0})},onPanResponderMove:react_native_1.Animated.event([null,{dx:c.x,dy:c.y}],{useNativeDriver:!1}),onPanResponderTerminationRequest:()=>!1,onShouldBlockNativeResponder:()=>!0,onPanResponderRelease:()=>{c.flattenOffset(),setTimeout(()=>{m.current=!1},100);const{width:e,height:t}=react_native_1.Dimensions.get("window"),o=e/2-20,x=-o,R=20,A=-(t-140),C=l.current.x,b=l.current.y;if(C<x||C>o||b<A||b>R){const B=Math.min(Math.max(C,x),o),N=Math.min(Math.max(b,A),R);react_native_1.Animated.spring(c,{toValue:{x:B,y:N},friction:7,tension:50,useNativeDriver:!1}).start()}},onPanResponderTerminate:()=>{c.flattenOffset(),m.current=!1}})).current;(0,react_1.useEffect)(()=>{capture_1.ScreenCapture.isRecording().then(e=>{h(e)}).catch(()=>{})},[]),(0,react_1.useEffect)(()=>{let e=null;return f?(_(0),u.current=setInterval(()=>{_(t=>t+1)},1e3),e=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(g,{toValue:1.15,duration:500,useNativeDriver:!0}),react_native_1.Animated.timing(g,{toValue:1,duration:500,useNativeDriver:!0})])),e.start()):(u.current&&(clearInterval(u.current),u.current=null),_(0),g.setValue(1)),()=>{u.current&&clearInterval(u.current),e&&e.stop()}},[f,g]);const O=(0,react_1.useCallback)(async()=>{if(!m.current)try{(0,NativeInspector_1.triggerNativeHaptic)("light"),w(!0),await new Promise(t=>setTimeout(t,60));const e=await capture_1.ScreenCapture.takeScreenshot({format:"png",quality:.9,hideInspector:!1});if(w(!1),react_native_1.Animated.sequence([react_native_1.Animated.timing(v,{toValue:.65,duration:70,useNativeDriver:!0}),react_native_1.Animated.timing(v,{toValue:0,duration:200,useNativeDriver:!0})]).start(),e){(0,NativeInspector_1.triggerNativeHaptic)("success");const t=(0,capture_1.generateCaptureId)("screenshot",e.format||"png"),o={id:t,type:"image",format:e.format,uri:e.uri,filename:e.uri.split("/").pop()||t,sizeBytes:e.sizeBytes,timestamp:e.timestamp,width:e.width,height:e.height};p(o),r?.().catch(()=>{}),(0,toast_1.showToast)(d("header.screenshotCaptured","Screenshot captured"))}else(0,toast_1.showToast)(d("header.screenshotFailed","Failed to capture screenshot"))}catch{w(!1),(0,toast_1.showToast)(d("header.screenshotError","Error capturing screenshot"))}},[r,v,d]),I=(0,react_1.useCallback)(async()=>{if(!m.current)try{if(f){(0,NativeInspector_1.triggerNativeHaptic)("medium");const e=await capture_1.ScreenCapture.stopRecording();if(h(!1),e){(0,NativeInspector_1.triggerNativeHaptic)("success");const t=(0,capture_1.generateCaptureId)("video",e.format),o={id:t,type:e.format==="gif"?"gif":"video",format:e.format,uri:e.uri,filename:e.uri.split("/").pop()||t,sizeBytes:e.sizeBytes,timestamp:e.timestamp,durationMs:e.durationMs,width:e.width,height:e.height,hasAudio:e.hasAudio,thumbnailUri:e.thumbnailUri};p(o),r?.().catch(()=>{}),(0,toast_1.showToast)(d("header.recordingSaved",{duration:(e.durationMs/1e3).toFixed(1),defaultValue:`Recording saved (${(e.durationMs/1e3).toFixed(1)}s)`}))}}else(0,NativeInspector_1.triggerNativeHaptic)("medium"),h(!0),await capture_1.ScreenCapture.startRecording({fps:a,scale:s,audioSource:S,bitrate:n>0?n:void 0,maxDurationSeconds:i})?(0,toast_1.showToast)(d("header.recordingStarted","Recording started")):(h(!1),(0,toast_1.showToast)(d("header.recordingStartFailed","Failed to start recording")))}catch{(0,toast_1.showToast)(d("header.recordingError","Error during screen recording")),h(!1)}},[f,a,s,n,i,S,r,d]),q=e=>{const t=Math.floor(e/60),o=e%60;return`${t<10?"0":""}${t}:${o<10?"0":""}${o}`};return T==="media"||M==="media"||V?null:<>
|
|
2
2
|
|
|
3
3
|
<react_native_1.Animated.View pointerEvents="none"style={[styles.flashOverlay,{opacity:v}]}/>
|
|
4
4
|
|
|
5
|
-
{!
|
|
5
|
+
{!P&&!y&&<react_native_1.Animated.View{...F.panHandlers}style={[styles.container,{transform:c.getTranslateTransform()}]}>
|
|
6
6
|
|
|
7
7
|
{f?<react_native_1.View style={styles.recordingShadowWrapper}>
|
|
8
8
|
<TouchableScale_1.default onPress={I}style={styles.recordingPillWrapper}>
|
|
9
9
|
<react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.rose600,AppColors_1.AppColors.rose700]}start={{x:0,y:0}}end={{x:1,y:0}}style={styles.recordingPill}>
|
|
10
10
|
<react_native_1.Animated.View style={[styles.recordingDot,{transform:[{scale:g}]}]}/>
|
|
11
11
|
<react_native_1.Text style={styles.recordingText}>
|
|
12
|
-
REC {
|
|
12
|
+
REC {q(D)}
|
|
13
13
|
</react_native_1.Text>
|
|
14
14
|
<react_native_1.View style={styles.stopIconBadge}>
|
|
15
15
|
<react_native_1.View style={styles.stopIconSquare}/>
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
</react_native_1.View>:<react_native_1.View style={styles.dockShadowWrapper}>
|
|
20
20
|
<react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.navy900,AppColors_1.AppColors.navy800,AppColors_1.AppColors.navy900]}start={{x:0,y:0}}end={{x:1,y:0}}style={styles.dockBar}>
|
|
21
21
|
|
|
22
|
-
<TouchableScale_1.default onPress={
|
|
22
|
+
<TouchableScale_1.default onPress={O}style={styles.menuItemBtn}accessible={!0}accessibilityLabel="Take Screenshot">
|
|
23
23
|
<react_native_1.View style={[styles.menuItemIconCircle,{backgroundColor:`${AppColors_1.AppColors.sky400}38`}]}>
|
|
24
24
|
<NetworkIcons_1.ScreenshotCaptureIcon size={14}color={AppColors_1.AppColors.sky400}/>
|
|
25
25
|
</react_native_1.View>
|