react-native-inapp-inspector 2.2.8 → 2.3.0

package/src/styles/AppColors.ts

@@ -405,4 +405,13 @@ export const updateAppColorsTheme = (isDark: boolean) => {
   Object.assign(AppColors, getThemeColors(isDark));
 };
 
+/**
+ * Configure or override specific color tokens used throughout the inspector.
+ */
+export const setAppColors = (customColors: Partial<typeof LightColors>): void => {
+  if (!customColors || typeof customColors !== 'object') return;
+  Object.assign(AppColors, customColors);
+  Object.assign(LightColors, customColors);
+};
+
 export default AppColors;

package/src/styles/AppFonts.ts

@@ -1,3 +1,10 @@
+export interface AppFontConfig {
+  interRegular?: string;
+  interMedium?: string;
+  interBold?: string;
+  Sfprotext?: string;
+}
+
 export const AppFonts = {
   interRegular: 'Inter-Regular',
   interMedium: 'Inter-Medium',
@@ -5,4 +12,13 @@ export const AppFonts = {
   Sfprotext: 'Inter-Regular',
 };
 
+/**
+ * Configure or override font families used across all inspector screens.
+ * Useful when integrating into apps with custom font setups or system fonts.
+ */
+export const setAppFonts = (customFonts: Partial<typeof AppFonts>): void => {
+  if (!customFonts || typeof customFonts !== 'object') return;
+  Object.assign(AppFonts, customFonts);
+};
+
 export default AppFonts;

package/src/types/interfaces.ts

@@ -128,6 +128,7 @@ export interface NetworkLog {
   /** Client identifier: axios, fetch, xhr, apollo, etc. */
   client?: 'axios' | 'fetch' | 'xhr' | 'apollo' | 'graphql' | string;
   caller?: string;
+  routeInfo?: RouteInfo;
 }
 
 export interface RouteInfo {