rn-system-bar 3.1.0 → 3.1.3

package/lib/src/SystemBar.js

@@ -1,13 +1,10 @@
 "use strict";
 // ─────────────────────────────────────────────
-//  rn-system-bar · SystemBar.ts  v5
-//  All features — Android + iOS
+//  rn-system-bar · SystemBar.ts
 // ─────────────────────────────────────────────
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.onFontScaleChange = exports.getFontScaleInfo = exports.setSecureScreen = exports.onScreencastChange = exports.getScreencastInfo = exports.haptic = exports.onBatteryChange = exports.getBatteryInfo = exports.onNetworkChange = exports.getNetworkInfo = exports.setOrientation = exports.immersiveMode = exports.keepScreenOn = exports.setVolumeHUDVisible = exports.getVolume = exports.setVolume = exports.getBrightness = exports.setBrightness = exports.setStatusBarVisibility = exports.setStatusBarStyle = exports.setStatusBarColor = exports.setNavigationBarBehavior = exports.setNavigationBarStyle = exports.setNavigationBarButtonStyle = exports.setNavigationBarVisibility = exports.setNavigationBarColor = void 0;
+exports.onScreencastChange = exports.getScreencastInfo = exports.setOrientation = exports.setSecureScreen = exports.immersiveMode = exports.keepScreenOn = exports.setVolumeHUDVisible = exports.getVolume = exports.setVolume = exports.getBrightness = exports.setBrightness = exports.setStatusBarVisibility = exports.setStatusBarStyle = exports.setStatusBarColor = exports.setNavigationBarBehavior = exports.setNavigationBarStyle = exports.setNavigationBarButtonStyle = exports.setNavigationBarVisibility = exports.setNavigationBarColor = void 0;
 const react_native_1 = require("react-native");
-// expo-navigation-bar — peer dep, loaded at runtime
-// eslint-disable-next-line @typescript-eslint/no-var-requires
 const NavBar = (() => {
     try {
         return require("expo-navigation-bar");
@@ -18,7 +15,6 @@ const NavBar = (() => {
 })();
 const { SystemBar: Native } = react_native_1.NativeModules;
 const isAndroid = react_native_1.Platform.OS === "android";
-const isIOS = react_native_1.Platform.OS === "ios";
 const androidOnly = (name) => {
     if (!isAndroid) {
         if (__DEV__)
@@ -32,13 +28,15 @@ const checkNative = () => {
         throw new Error("[rn-system-bar] Native module not found. Rebuild your project.");
 };
 // ═══════════════════════════════════════════════
-//  NAVIGATION BAR  (Android — expo-navigation-bar)
+//  NAVIGATION BAR  (Android-only)
+//  Color → native Window API (edge-to-edge safe)
+//  Others → expo-navigation-bar (work in edge-to-edge)
 // ═══════════════════════════════════════════════
 const setNavigationBarColor = (color) => {
-    var _a;
     if (!androidOnly("setNavigationBarColor"))
-        return Promise.resolve();
-    return (_a = NavBar === null || NavBar === void 0 ? void 0 : NavBar.setBackgroundColorAsync(color)) !== null && _a !== void 0 ? _a : Promise.resolve();
+        return;
+    checkNative();
+    Native.setNavigationBarColor(color);
 };
 exports.setNavigationBarColor = setNavigationBarColor;
 const setNavigationBarVisibility = (mode) => {
@@ -89,10 +87,17 @@ const setStatusBarVisibility = (visible, animated = false) => {
 exports.setStatusBarVisibility = setStatusBarVisibility;
 // ═══════════════════════════════════════════════
 //  BRIGHTNESS
+//
+//  setBrightness  → updates BOTH window brightness (instant)
+//                   AND system brightness (persisted).
+//                   On first call: opens WRITE_SETTINGS if not granted.
+//
+//  getBrightness  → reads SYSTEM brightness so slider always
+//                   matches the device brightness bar.
 // ═══════════════════════════════════════════════
 const setBrightness = (level) => {
     checkNative();
-    Native.setBrightness(Math.max(0, Math.min(1, level)));
+    Native.setBrightness(Math.max(0.01, Math.min(1, level)));
 };
 exports.setBrightness = setBrightness;
 const getBrightness = () => {
@@ -135,6 +140,13 @@ const immersiveMode = (enable) => {
     Native.immersiveMode(enable);
 };
 exports.immersiveMode = immersiveMode;
+const setSecureScreen = (enable) => {
+    if (!androidOnly("setSecureScreen"))
+        return;
+    checkNative();
+    Native.setSecureScreen(enable);
+};
+exports.setSecureScreen = setSecureScreen;
 // ═══════════════════════════════════════════════
 //  ORIENTATION
 // ═══════════════════════════════════════════════
@@ -144,102 +156,13 @@ const setOrientation = (mode) => {
 };
 exports.setOrientation = setOrientation;
 // ═══════════════════════════════════════════════
-//  🆕 NETWORK INFO
-// ═══════════════════════════════════════════════
-/**
- * Get current network connection info.
- * Includes: type, isConnected, isAirplaneMode, ssid, cellularGeneration
- */
-const getNetworkInfo = () => {
-    checkNative();
-    return Native.getNetworkInfo();
-};
-exports.getNetworkInfo = getNetworkInfo;
-/**
- * Subscribe to network changes.
- * @returns unsubscribe function — call it in useEffect cleanup
- * @example
- * const unsub = onNetworkChange((info) => console.log(info));
- * return () => unsub();
- */
-const onNetworkChange = (callback) => {
-    checkNative();
-    // Native side emits "SystemBar_NetworkChange" events
-    const { DeviceEventEmitter } = require("react-native");
-    Native.startNetworkListener();
-    const sub = DeviceEventEmitter.addListener("SystemBar_NetworkChange", callback);
-    return () => {
-        sub.remove();
-        Native.stopNetworkListener();
-    };
-};
-exports.onNetworkChange = onNetworkChange;
-// ═══════════════════════════════════════════════
-//  🆕 BATTERY
-// ═══════════════════════════════════════════════
-/**
- * Get current battery info: level (0–100), state, isCharging, isLow.
- */
-const getBatteryInfo = () => {
-    checkNative();
-    return Native.getBatteryInfo();
-};
-exports.getBatteryInfo = getBatteryInfo;
-/**
- * Subscribe to battery level / state changes.
- * @returns unsubscribe function
- */
-const onBatteryChange = (callback) => {
-    checkNative();
-    const { DeviceEventEmitter } = require("react-native");
-    Native.startBatteryListener();
-    const sub = DeviceEventEmitter.addListener("SystemBar_BatteryChange", callback);
-    return () => {
-        sub.remove();
-        Native.stopBatteryListener();
-    };
-};
-exports.onBatteryChange = onBatteryChange;
-// ═══════════════════════════════════════════════
-//  🆕 HAPTIC FEEDBACK
-// ═══════════════════════════════════════════════
-/**
- * Trigger haptic feedback.
- *
- * iOS: Uses UIImpactFeedbackGenerator / UINotificationFeedbackGenerator.
- * Android: Uses Vibrator / VibrationEffect (API 26+).
- *
- * @param pattern  "light" | "medium" | "heavy" | "success" | "warning" | "error" | "selection"
- */
-const haptic = (pattern) => {
-    if (isIOS) {
-        checkNative();
-        Native.haptic(pattern);
-        return;
-    }
-    // Android fallback using RN's built-in Vibration API
-    // when native module is unavailable
-    if (isAndroid) {
-        checkNative();
-        Native.haptic(pattern);
-    }
-};
-exports.haptic = haptic;
-// ═══════════════════════════════════════════════
-//  🆕 SCREENCAST DETECTION
+//  SCREENCAST
 // ═══════════════════════════════════════════════
-/**
- * Check if screen is currently being cast or mirrored.
- */
 const getScreencastInfo = () => {
     checkNative();
     return Native.getScreencastInfo();
 };
 exports.getScreencastInfo = getScreencastInfo;
-/**
- * Subscribe to screencast state changes (started / stopped).
- * @returns unsubscribe function
- */
 const onScreencastChange = (callback) => {
     checkNative();
     const { DeviceEventEmitter } = require("react-native");
@@ -251,42 +174,3 @@ const onScreencastChange = (callback) => {
     };
 };
 exports.onScreencastChange = onScreencastChange;
-/**
- * Prevent screen content from appearing in screenshots / recordings.
- * Useful for sensitive screens (payments, passwords).
- * @platform android
- */
-const setSecureScreen = (enable) => {
-    if (!androidOnly("setSecureScreen"))
-        return;
-    checkNative();
-    Native.setSecureScreen(enable);
-};
-exports.setSecureScreen = setSecureScreen;
-// ═══════════════════════════════════════════════
-//  🆕 FONT SCALE / DISPLAY INFO
-// ═══════════════════════════════════════════════
-/**
- * Get current system font scale and display density.
- * Useful for adapting layout to accessibility settings.
- */
-const getFontScaleInfo = () => {
-    checkNative();
-    return Native.getFontScaleInfo();
-};
-exports.getFontScaleInfo = getFontScaleInfo;
-/**
- * Subscribe to font scale changes (user changes system text size).
- * @returns unsubscribe function
- */
-const onFontScaleChange = (callback) => {
-    checkNative();
-    const { DeviceEventEmitter } = require("react-native");
-    Native.startFontScaleListener();
-    const sub = DeviceEventEmitter.addListener("SystemBar_FontScaleChange", callback);
-    return () => {
-        sub.remove();
-        Native.stopFontScaleListener();
-    };
-};
-exports.onFontScaleChange = onFontScaleChange;

package/lib/src/types.d.ts

@@ -5,40 +5,13 @@ export type NavigationBarVisibility = "visible" | "hidden";
 export type StatusBarStyle = "light" | "dark";
 export type Orientation = "portrait" | "landscape" | "landscape-left" | "landscape-right" | "auto";
 export type VolumeStream = "music" | "ring" | "notification" | "alarm" | "system";
-export type NetworkType = "wifi" | "cellular" | "ethernet" | "none" | "unknown";
-export interface NetworkInfo {
-    /** Current connection type */
-    type: NetworkType;
-    /** true if any network is reachable */
-    isConnected: boolean;
-    /** true if in airplane mode */
-    isAirplaneMode: boolean;
-    /** WiFi SSID — Android only; null on iOS / when not connected */
-    ssid: string | null;
-    /** Cellular network generation: "2G" | "3G" | "4G" | "5G" | null */
-    cellularGeneration: "2G" | "3G" | "4G" | "5G" | null;
+export interface ScreencastDisplay {
+    id: number;
+    name: string;
+    isValid: boolean;
 }
-export type BatteryState = "charging" | "discharging" | "full" | "unknown";
-export interface BatteryInfo {
-    /** 0–100 */
-    level: number;
-    /** Current charging state */
-    state: BatteryState;
-    /** Shorthand: is it plugged in? */
-    isCharging: boolean;
-    /** Low battery threshold (<= 20%) */
-    isLow: boolean;
-}
-export type HapticPattern = "light" | "medium" | "heavy" | "success" | "warning" | "error" | "selection";
 export interface ScreencastInfo {
-    /** true if screen is currently being cast / mirrored */
     isCasting: boolean;
-    /** Name of the display being cast to, or null */
     displayName: string | null;
-}
-export interface FontScaleInfo {
-    /** System font scale multiplier, e.g. 1.0 = default, 1.3 = large */
-    fontScale: number;
-    /** Display density (Android: dp ratio, iOS: scale) */
-    density: number;
+    displays: ScreencastDisplay[];
 }

package/lib/src/types.js

@@ -1,5 +1,5 @@
 "use strict";
 // ─────────────────────────────────────────────
-//  rn-system-bar · types.ts  v5
+//  rn-system-bar · types.ts
 // ─────────────────────────────────────────────
 Object.defineProperty(exports, "__esModule", { value: true });

package/lib/src/useSystemBar.d.ts

@@ -1,4 +1,4 @@
-import type { BatteryInfo, FontScaleInfo, HapticPattern, NavigationBarBehavior, NavigationBarButtonStyle, NavigationBarStyle, NavigationBarVisibility, NetworkInfo, Orientation, ScreencastInfo, StatusBarStyle } from "./types";
+import type { NavigationBarBehavior, NavigationBarButtonStyle, NavigationBarStyle, NavigationBarVisibility, Orientation, ScreencastInfo, StatusBarStyle } from "./types";
 export interface SystemBarConfig {
     navigationBarColor?: string;
     navigationBarVisibility?: NavigationBarVisibility;
@@ -16,34 +16,4 @@ export interface SystemBarConfig {
     secureScreen?: boolean;
 }
 export declare const useSystemBar: (config: SystemBarConfig) => void;
-/**
- * Reactive battery info. Auto-updates on level/state changes.
- * @example
- * const { level, isCharging, isLow, state } = useBattery();
- */
-export declare const useBattery: () => BatteryInfo;
-/**
- * Reactive network info. Auto-updates on connection changes.
- * @example
- * const { isConnected, type, isAirplaneMode } = useNetwork();
- */
-export declare const useNetwork: () => NetworkInfo;
-/**
- * Reactive screencast detection.
- * @example
- * const { isCasting, displayName } = useScreencast();
- */
 export declare const useScreencast: () => ScreencastInfo;
-/**
- * Reactive font scale info. Updates when user changes system text size.
- * @example
- * const { fontScale, density } = useFontScale();
- */
-export declare const useFontScale: () => FontScaleInfo;
-/**
- * Returns a stable haptic trigger function.
- * @example
- * const triggerHaptic = useHaptic();
- * <Button onPress={() => triggerHaptic("success")} />
- */
-export declare const useHaptic: () => (pattern: HapticPattern) => void;

package/lib/src/useSystemBar.js

@@ -1,8 +1,6 @@
 "use strict";
 // ─────────────────────────────────────────────
-//  rn-system-bar · useSystemBar.ts  v5
-//  Hooks: useSystemBar, useBattery, useNetwork,
-//         useScreencast, useFontScale
+//  rn-system-bar · useSystemBar.ts
 // ─────────────────────────────────────────────
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
@@ -38,7 +36,7 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHaptic = exports.useFontScale = exports.useScreencast = exports.useNetwork = exports.useBattery = exports.useSystemBar = void 0;
+exports.useScreencast = exports.useSystemBar = void 0;
 const react_1 = require("react");
 const SystemBar = __importStar(require("./SystemBar"));
 const useSystemBar = (config) => {
@@ -51,7 +49,7 @@ const useSystemBar = (config) => {
         const apply = async () => {
             const p = [];
             if (config.navigationBarColor !== undefined)
-                p.push(SystemBar.setNavigationBarColor(config.navigationBarColor));
+                SystemBar.setNavigationBarColor(config.navigationBarColor);
             if (config.navigationBarVisibility !== undefined)
                 p.push(SystemBar.setNavigationBarVisibility(config.navigationBarVisibility));
             if (config.navigationBarButtonStyle !== undefined)
@@ -87,108 +85,19 @@ const useSystemBar = (config) => {
 };
 exports.useSystemBar = useSystemBar;
 // ─────────────────────────────────────────────
-//  🆕 useBattery
+//  useScreencast
 // ─────────────────────────────────────────────
-/**
- * Reactive battery info. Auto-updates on level/state changes.
- * @example
- * const { level, isCharging, isLow, state } = useBattery();
- */
-const useBattery = () => {
-    const [info, setInfo] = (0, react_1.useState)({
-        level: -1,
-        state: "unknown",
-        isCharging: false,
-        isLow: false,
-    });
-    (0, react_1.useEffect)(() => {
-        let unsub;
-        SystemBar.getBatteryInfo().then(setInfo).catch(() => { });
-        unsub = SystemBar.onBatteryChange(setInfo);
-        return () => unsub === null || unsub === void 0 ? void 0 : unsub();
-    }, []);
-    return info;
-};
-exports.useBattery = useBattery;
-// ─────────────────────────────────────────────
-//  🆕 useNetwork
-// ─────────────────────────────────────────────
-/**
- * Reactive network info. Auto-updates on connection changes.
- * @example
- * const { isConnected, type, isAirplaneMode } = useNetwork();
- */
-const useNetwork = () => {
-    const [info, setInfo] = (0, react_1.useState)({
-        type: "unknown",
-        isConnected: false,
-        isAirplaneMode: false,
-        ssid: null,
-        cellularGeneration: null,
-    });
-    (0, react_1.useEffect)(() => {
-        let unsub;
-        SystemBar.getNetworkInfo().then(setInfo).catch(() => { });
-        unsub = SystemBar.onNetworkChange(setInfo);
-        return () => unsub === null || unsub === void 0 ? void 0 : unsub();
-    }, []);
-    return info;
-};
-exports.useNetwork = useNetwork;
-// ─────────────────────────────────────────────
-//  🆕 useScreencast
-// ─────────────────────────────────────────────
-/**
- * Reactive screencast detection.
- * @example
- * const { isCasting, displayName } = useScreencast();
- */
 const useScreencast = () => {
     const [info, setInfo] = (0, react_1.useState)({
         isCasting: false,
         displayName: null,
+        displays: [],
     });
     (0, react_1.useEffect)(() => {
-        let unsub;
         SystemBar.getScreencastInfo().then(setInfo).catch(() => { });
-        unsub = SystemBar.onScreencastChange(setInfo);
-        return () => unsub === null || unsub === void 0 ? void 0 : unsub();
+        const unsub = SystemBar.onScreencastChange(setInfo);
+        return () => unsub();
     }, []);
     return info;
 };
 exports.useScreencast = useScreencast;
-// ─────────────────────────────────────────────
-//  🆕 useFontScale
-// ─────────────────────────────────────────────
-/**
- * Reactive font scale info. Updates when user changes system text size.
- * @example
- * const { fontScale, density } = useFontScale();
- */
-const useFontScale = () => {
-    const [info, setInfo] = (0, react_1.useState)({
-        fontScale: 1.0,
-        density: 1.0,
-    });
-    (0, react_1.useEffect)(() => {
-        let unsub;
-        SystemBar.getFontScaleInfo().then(setInfo).catch(() => { });
-        unsub = SystemBar.onFontScaleChange(setInfo);
-        return () => unsub === null || unsub === void 0 ? void 0 : unsub();
-    }, []);
-    return info;
-};
-exports.useFontScale = useFontScale;
-// ─────────────────────────────────────────────
-//  🆕 useHaptic
-// ─────────────────────────────────────────────
-/**
- * Returns a stable haptic trigger function.
- * @example
- * const triggerHaptic = useHaptic();
- * <Button onPress={() => triggerHaptic("success")} />
- */
-const useHaptic = () => {
-    return (pattern) => SystemBar.haptic(pattern);
-};
-exports.useHaptic = useHaptic;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-system-bar",
-  "version": "3.1.0",
+  "version": "3.1.3",
   "description": "Control Android & iOS system bars, brightness, volume, orientation and screen flags from React Native.",
   "main": "lib/index.js",
   "react-native": "lib/index.js",
@@ -35,7 +35,8 @@
   },
   "scripts": {
     "build": "rimraf lib && npx tsc",
-    "npm:prepublish": "npm publish --access public"
+    "npm:prepublish": "npm publish --access public",
+    "installing": "cd .. && npm install rn-system-bar@latest && cd rn-system-bar"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",

package/rn-system-bar.podspec

@@ -14,7 +14,7 @@ Pod::Spec.new do |s|
   s.authors      = package["author"]
 
   s.platforms    = { :ios => "13.0" }
-  # s.source       = { :git => "https://github.com/your-org/rn-system-bar.git",
+  s.source       = { :git => "https://github.com/your-org/rn-system-bar.git",
                      :tag => "v#{s.version}" }
 
   s.source_files = "ios/**/*.{h,m,mm,swift}"