rn-system-bar 3.0.2 → 3.1.0

package/lib/src/SystemBar.js

@@ -0,0 +1,292 @@
+"use strict";
+// ─────────────────────────────────────────────
+//  rn-system-bar · SystemBar.ts  v5
+//  All features — Android + iOS
+// ─────────────────────────────────────────────
+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;
+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");
+    }
+    catch (_a) {
+        return null;
+    }
+})();
+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__)
+            console.warn(`[rn-system-bar] ${name}() is Android-only, no-op on iOS.`);
+        return false;
+    }
+    return true;
+};
+const checkNative = () => {
+    if (!Native)
+        throw new Error("[rn-system-bar] Native module not found. Rebuild your project.");
+};
+// ═══════════════════════════════════════════════
+//  NAVIGATION BAR  (Android — expo-navigation-bar)
+// ═══════════════════════════════════════════════
+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();
+};
+exports.setNavigationBarColor = setNavigationBarColor;
+const setNavigationBarVisibility = (mode) => {
+    var _a;
+    if (!androidOnly("setNavigationBarVisibility"))
+        return Promise.resolve();
+    return (_a = NavBar === null || NavBar === void 0 ? void 0 : NavBar.setVisibilityAsync(mode)) !== null && _a !== void 0 ? _a : Promise.resolve();
+};
+exports.setNavigationBarVisibility = setNavigationBarVisibility;
+const setNavigationBarButtonStyle = (style) => {
+    var _a;
+    if (!androidOnly("setNavigationBarButtonStyle"))
+        return Promise.resolve();
+    return (_a = NavBar === null || NavBar === void 0 ? void 0 : NavBar.setButtonStyleAsync(style)) !== null && _a !== void 0 ? _a : Promise.resolve();
+};
+exports.setNavigationBarButtonStyle = setNavigationBarButtonStyle;
+const setNavigationBarStyle = (style) => {
+    var _a;
+    if (!androidOnly("setNavigationBarStyle"))
+        return Promise.resolve();
+    const btn = style === "dark" || style === "auto" ? "dark" : "light";
+    return (_a = NavBar === null || NavBar === void 0 ? void 0 : NavBar.setButtonStyleAsync(btn)) !== null && _a !== void 0 ? _a : Promise.resolve();
+};
+exports.setNavigationBarStyle = setNavigationBarStyle;
+const setNavigationBarBehavior = (behavior) => {
+    var _a;
+    if (!androidOnly("setNavigationBarBehavior"))
+        return Promise.resolve();
+    return (_a = NavBar === null || NavBar === void 0 ? void 0 : NavBar.setBehaviorAsync(behavior)) !== null && _a !== void 0 ? _a : Promise.resolve();
+};
+exports.setNavigationBarBehavior = setNavigationBarBehavior;
+// ═══════════════════════════════════════════════
+//  STATUS BAR
+// ═══════════════════════════════════════════════
+const setStatusBarColor = (color, animated = false) => {
+    if (!androidOnly("setStatusBarColor"))
+        return;
+    react_native_1.StatusBar.setBackgroundColor(color, animated);
+};
+exports.setStatusBarColor = setStatusBarColor;
+const setStatusBarStyle = (style, animated = false) => {
+    react_native_1.StatusBar.setBarStyle(style === "light" ? "light-content" : "dark-content", animated);
+};
+exports.setStatusBarStyle = setStatusBarStyle;
+const setStatusBarVisibility = (visible, animated = false) => {
+    react_native_1.StatusBar.setHidden(!visible, animated ? "slide" : "none");
+};
+exports.setStatusBarVisibility = setStatusBarVisibility;
+// ═══════════════════════════════════════════════
+//  BRIGHTNESS
+// ═══════════════════════════════════════════════
+const setBrightness = (level) => {
+    checkNative();
+    Native.setBrightness(Math.max(0, Math.min(1, level)));
+};
+exports.setBrightness = setBrightness;
+const getBrightness = () => {
+    checkNative();
+    return Native.getBrightness();
+};
+exports.getBrightness = getBrightness;
+// ═══════════════════════════════════════════════
+//  VOLUME
+// ═══════════════════════════════════════════════
+const setVolume = (level, stream = "music") => {
+    checkNative();
+    Native.setVolume(Math.max(0, Math.min(1, level)), stream);
+};
+exports.setVolume = setVolume;
+const getVolume = (stream = "music") => {
+    checkNative();
+    return Native.getVolume(stream);
+};
+exports.getVolume = getVolume;
+const setVolumeHUDVisible = (visible) => {
+    if (!androidOnly("setVolumeHUDVisible"))
+        return;
+    checkNative();
+    Native.setVolumeHUDVisible(visible);
+};
+exports.setVolumeHUDVisible = setVolumeHUDVisible;
+// ═══════════════════════════════════════════════
+//  SCREEN
+// ═══════════════════════════════════════════════
+const keepScreenOn = (enable) => {
+    checkNative();
+    Native.keepScreenOn(enable);
+};
+exports.keepScreenOn = keepScreenOn;
+const immersiveMode = (enable) => {
+    if (!androidOnly("immersiveMode"))
+        return;
+    checkNative();
+    Native.immersiveMode(enable);
+};
+exports.immersiveMode = immersiveMode;
+// ═══════════════════════════════════════════════
+//  ORIENTATION
+// ═══════════════════════════════════════════════
+const setOrientation = (mode) => {
+    checkNative();
+    Native.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
+// ═══════════════════════════════════════════════
+/**
+ * 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");
+    Native.startScreencastListener();
+    const sub = DeviceEventEmitter.addListener("SystemBar_ScreencastChange", callback);
+    return () => {
+        sub.remove();
+        Native.stopScreencastListener();
+    };
+};
+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

@@ -0,0 +1,44 @@
+export type NavigationBarBehavior = "overlay-swipe" | "inset-swipe" | "inset-touch";
+export type NavigationBarButtonStyle = "light" | "dark";
+export type NavigationBarStyle = "auto" | "inverted" | "light" | "dark";
+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 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;
+}

package/lib/src/types.js

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

package/lib/src/useSystemBar.d.ts

@@ -0,0 +1,49 @@
+import type { BatteryInfo, FontScaleInfo, HapticPattern, NavigationBarBehavior, NavigationBarButtonStyle, NavigationBarStyle, NavigationBarVisibility, NetworkInfo, Orientation, ScreencastInfo, StatusBarStyle } from "./types";
+export interface SystemBarConfig {
+    navigationBarColor?: string;
+    navigationBarVisibility?: NavigationBarVisibility;
+    navigationBarButtonStyle?: NavigationBarButtonStyle;
+    navigationBarStyle?: NavigationBarStyle;
+    navigationBarBehavior?: NavigationBarBehavior;
+    statusBarColor?: string;
+    statusBarStyle?: StatusBarStyle;
+    statusBarVisible?: boolean;
+    statusBarAnimated?: boolean;
+    keepScreenOn?: boolean;
+    immersiveMode?: boolean;
+    brightness?: number;
+    orientation?: Orientation;
+    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

@@ -0,0 +1,194 @@
+"use strict";
+// ─────────────────────────────────────────────
+//  rn-system-bar · useSystemBar.ts  v5
+//  Hooks: useSystemBar, useBattery, useNetwork,
+//         useScreencast, useFontScale
+// ─────────────────────────────────────────────
+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;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHaptic = exports.useFontScale = exports.useScreencast = exports.useNetwork = exports.useBattery = exports.useSystemBar = void 0;
+const react_1 = require("react");
+const SystemBar = __importStar(require("./SystemBar"));
+const useSystemBar = (config) => {
+    const configRef = (0, react_1.useRef)("");
+    const configStr = JSON.stringify(config);
+    (0, react_1.useEffect)(() => {
+        if (configRef.current === configStr)
+            return;
+        configRef.current = configStr;
+        const apply = async () => {
+            const p = [];
+            if (config.navigationBarColor !== undefined)
+                p.push(SystemBar.setNavigationBarColor(config.navigationBarColor));
+            if (config.navigationBarVisibility !== undefined)
+                p.push(SystemBar.setNavigationBarVisibility(config.navigationBarVisibility));
+            if (config.navigationBarButtonStyle !== undefined)
+                p.push(SystemBar.setNavigationBarButtonStyle(config.navigationBarButtonStyle));
+            if (config.navigationBarStyle !== undefined)
+                p.push(SystemBar.setNavigationBarStyle(config.navigationBarStyle));
+            if (config.navigationBarBehavior !== undefined)
+                p.push(SystemBar.setNavigationBarBehavior(config.navigationBarBehavior));
+            await Promise.allSettled(p);
+            if (config.statusBarColor !== undefined)
+                SystemBar.setStatusBarColor(config.statusBarColor, config.statusBarAnimated);
+            if (config.statusBarStyle !== undefined)
+                SystemBar.setStatusBarStyle(config.statusBarStyle, config.statusBarAnimated);
+            if (config.statusBarVisible !== undefined)
+                SystemBar.setStatusBarVisibility(config.statusBarVisible, config.statusBarAnimated);
+            if (config.keepScreenOn !== undefined)
+                SystemBar.keepScreenOn(config.keepScreenOn);
+            if (config.immersiveMode !== undefined)
+                SystemBar.immersiveMode(config.immersiveMode);
+            if (config.brightness !== undefined)
+                SystemBar.setBrightness(config.brightness);
+            if (config.orientation !== undefined)
+                SystemBar.setOrientation(config.orientation);
+            if (config.secureScreen !== undefined)
+                SystemBar.setSecureScreen(config.secureScreen);
+        };
+        apply().catch(() => {
+            if (__DEV__)
+                console.warn("[rn-system-bar] useSystemBar: one or more settings failed.");
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [configStr]);
+};
+exports.useSystemBar = useSystemBar;
+// ─────────────────────────────────────────────
+//  🆕 useBattery
+// ─────────────────────────────────────────────
+/**
+ * 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,
+    });
+    (0, react_1.useEffect)(() => {
+        let unsub;
+        SystemBar.getScreencastInfo().then(setInfo).catch(() => { });
+        unsub = SystemBar.onScreencastChange(setInfo);
+        return () => unsub === null || unsub === void 0 ? void 0 : 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,10 +1,10 @@
 {
   "name": "rn-system-bar",
-  "version": "3.0.2",
+  "version": "3.1.0",
   "description": "Control Android & iOS system bars, brightness, volume, orientation and screen flags from React Native.",
-  "main": "index.ts",
-  "react-native": "index.ts",
-  "types": "src/types.ts",
+  "main": "lib/index.js",
+  "react-native": "lib/index.js",
+  "types": "lib/index.d.ts",
   "homepage": "https://github.com/your-org/rn-system-bar",
   "license": "MIT",
   "author": "Your Name",
@@ -23,6 +23,7 @@
   "files": [
     "index.ts",
     "src/",
+    "lib/",
     "specs/",
     "android/",
     "ios/",
@@ -31,5 +32,14 @@
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-native": ">=0.73.0"
+  },
+  "scripts": {
+    "build": "rimraf lib && npx tsc",
+    "npm:prepublish": "npm publish --access public"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.14",
+    "@types/react-native": "^0.72.8",
+    "typescript": "^5.9.3"
   }
 }

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}"