@kaleem766/react-native-incoming-call 0.1.0

package/package.json

@@ -0,0 +1,180 @@
+{
+  "name": "@kaleem766/react-native-incoming-call",
+  "version": "0.1.0",
+  "description": "React Native incoming call UI for Android and iOS, built with Nitro Modules",
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.tsx",
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "nitrogen",
+    "nitro.json",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace react-native-incoming-call-example",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "nitrogen": "nitrogen",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "test": "jest",
+    "release": "release-it --only-version"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android",
+    "incoming-call",
+    "call-ui",
+    "voip",
+    "nitro-modules",
+    "phone-call"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Muhammadkaleem/react-native-incoming-call.git"
+  },
+  "author": "MuhammadKaleem <kaleembhattii766@gmail.com> (https://www.github.com/Muhammadkaleem)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/Muhammadkaleem/react-native-incoming-call/issues"
+  },
+  "homepage": "https://github.com/Muhammadkaleem/react-native-incoming-call#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^19.8.1",
+    "@eslint/compat": "^1.3.2",
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.35.0",
+    "@react-native/babel-preset": "0.83.0",
+    "@react-native/eslint-config": "0.83.0",
+    "@release-it/conventional-changelog": "^10.0.1",
+    "@types/jest": "^29.5.14",
+    "@types/react": "^19.2.0",
+    "commitlint": "^19.8.1",
+    "del-cli": "^6.0.0",
+    "eslint": "^9.35.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-react-native": "^5.0.0",
+    "jest": "^29.7.0",
+    "lefthook": "^2.0.3",
+    "nitrogen": "^0.35.0",
+    "prettier": "^2.8.8",
+    "react": "19.2.0",
+    "react-native": "0.83.0",
+    "react-native-builder-bob": "^0.40.18",
+    "react-native-nitro-modules": "^0.35.0",
+    "release-it": "^19.0.4",
+    "turbo": "^2.5.6",
+    "typescript": "^5.9.2"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "react-native-nitro-modules": "^0.35.0"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@4.11.0",
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "custom",
+        {
+          "script": "nitrogen",
+          "clean": "nitrogen/"
+        }
+      ],
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "angular"
+        }
+      }
+    }
+  },
+  "create-react-native-library": {
+    "type": "nitro-view",
+    "languages": "kotlin-swift",
+    "tools": [
+      "eslint",
+      "jest",
+      "lefthook",
+      "release-it"
+    ],
+    "version": "0.57.2"
+  }
+}

package/src/IncomingCall.nitro.ts

@@ -0,0 +1,27 @@
+import type {
+  HybridView,
+  HybridViewMethods,
+  HybridViewProps,
+} from 'react-native-nitro-modules';
+
+export interface IncomingCallProps extends HybridViewProps {
+  /** Background color of the call screen (CSS hex, e.g. "#1A1A2E") */
+  color: string;
+  /** Caller's display name */
+  callerName?: string;
+  /** Remote avatar URL */
+  avatar?: string;
+  /** "audio" | "video" – defaults to "audio" */
+  callType?: string;
+  /** Auto-reject timeout in milliseconds – defaults to 30000 */
+  timeout?: number;
+}
+
+export interface IncomingCallMethods extends HybridViewMethods {
+  /** Programmatically answer the call rendered in this view */
+  answerCall(): void;
+  /** Programmatically reject the call rendered in this view */
+  rejectCall(): void;
+}
+
+export type IncomingCall = HybridView<IncomingCallProps, IncomingCallMethods>;

package/src/index.tsx

@@ -0,0 +1,173 @@
+import { getHostComponent } from 'react-native-nitro-modules';
+import { NativeModules, NativeEventEmitter, Platform } from 'react-native';
+const IncomingCallConfig = require('../nitrogen/generated/shared/json/IncomingCallConfig.json');
+import type {
+  IncomingCallMethods,
+  IncomingCallProps,
+} from './IncomingCall.nitro';
+
+export const IncomingCallView = getHostComponent<
+  IncomingCallProps,
+  IncomingCallMethods
+>('IncomingCall', () => IncomingCallConfig);
+
+// Types for the API
+export interface IncomingCallDisplayOptions {
+  uuid: string;
+  callerName: string;
+  avatar?: string;
+  callType?: 'audio' | 'video';
+  backgroundColor?: string;
+  timeout?: number;
+}
+
+export type IncomingCallEventType = 'onAnswer' | 'onReject' | 'onTimeout';
+
+export interface IncomingCallEventData {
+  uuid: string;
+  timestamp: number;
+}
+
+// Event emitter for handling incoming call events
+class IncomingCallEventManager {
+  private eventEmitter: NativeEventEmitter | undefined;
+  private listeners: Map<IncomingCallEventType, Set<(data: IncomingCallEventData) => void>> = new Map();
+
+  constructor() {
+    if (Platform.OS === 'android' && NativeModules.IncomingCallModule) {
+      this.eventEmitter = new NativeEventEmitter(NativeModules.IncomingCallModule);
+      this.setupNativeListeners();
+    }
+  }
+
+  private setupNativeListeners() {
+    if (!this.eventEmitter) return;
+    
+    this.eventEmitter.addListener('onAnswer', (data: any) => {
+      this.emit('onAnswer', data as IncomingCallEventData);
+    });
+
+    this.eventEmitter.addListener('onReject', (data: any) => {
+      this.emit('onReject', data as IncomingCallEventData);
+    });
+
+    this.eventEmitter.addListener('onTimeout', (data: any) => {
+      this.emit('onTimeout', data as IncomingCallEventData);
+    });
+  }
+
+  private emit(event: IncomingCallEventType, data: IncomingCallEventData) {
+    const listeners = this.listeners.get(event);
+    if (listeners) {
+      listeners.forEach(listener => listener(data));
+    }
+  }
+
+  addEventListener(event: IncomingCallEventType, listener: (data: IncomingCallEventData) => void) {
+    if (!this.listeners.has(event)) {
+      this.listeners.set(event, new Set());
+    }
+    this.listeners.get(event)!.add(listener);
+
+    // Return unsubscribe function
+    return () => {
+      this.listeners.get(event)?.delete(listener);
+    };
+  }
+
+  removeEventListener(event: IncomingCallEventType, listener: (data: IncomingCallEventData) => void) {
+    this.listeners.get(event)?.delete(listener);
+  }
+}
+
+const eventManager = new IncomingCallEventManager();
+
+// Main API class
+export class IncomingCall {
+  /**
+   * Display an incoming call screen
+   */
+  static async display(options: IncomingCallDisplayOptions): Promise<void> {
+    try {
+      if (Platform.OS === 'android' && NativeModules.IncomingCallModule) {
+        return await NativeModules.IncomingCallModule.displayIncomingCall(options);
+      } else {
+        console.warn('IncomingCall: Native module not available');
+      }
+    } catch (error) {
+      console.error('IncomingCall: Failed to display call', error);
+      throw error;
+    }
+  }
+
+  /**
+   * Answer the current incoming call
+   */
+  static async answer(uuid: string): Promise<void> {
+    try {
+      if (Platform.OS === 'android' && NativeModules.IncomingCallModule) {
+        return await NativeModules.IncomingCallModule.answerCall(uuid);
+      } else {
+        console.warn('IncomingCall: Native module not available');
+      }
+    } catch (error) {
+      console.error('IncomingCall: Failed to answer call', error);
+      throw error;
+    }
+  }
+
+  /**
+   * Reject the current incoming call
+   */
+  static async reject(uuid: string): Promise<void> {
+    try {
+      if (Platform.OS === 'android' && NativeModules.IncomingCallModule) {
+        return await NativeModules.IncomingCallModule.rejectCall(uuid);
+      } else {
+        console.warn('IncomingCall: Native module not available');
+      }
+    } catch (error) {
+      console.error('IncomingCall: Failed to reject call', error);
+      throw error;
+    }
+  }
+
+  /**
+   * End an ongoing call
+   */
+  static async end(uuid: string): Promise<void> {
+    try {
+      if (Platform.OS === 'android' && NativeModules.IncomingCallModule) {
+        return await NativeModules.IncomingCallModule.endCall(uuid);
+      } else {
+        console.warn('IncomingCall: Native module not available');
+      }
+    } catch (error) {
+      console.error('IncomingCall: Failed to end call', error);
+      throw error;
+    }
+  }
+
+  /**
+   * Add event listener for call events
+   */
+  static addEventListener(
+    event: IncomingCallEventType,
+    listener: (data: IncomingCallEventData) => void
+  ): () => void {
+    return eventManager.addEventListener(event, listener);
+  }
+
+  /**
+   * Remove event listener for call events
+   */
+  static removeEventListener(
+    event: IncomingCallEventType,
+    listener: (data: IncomingCallEventData) => void
+  ): void {
+    eventManager.removeEventListener(event, listener);
+  }
+}
+
+// Default export
+export default IncomingCall;