@apirtc/expo-apirtc-options-plugin 0.0.7 → 0.0.9

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Apizee
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -36,6 +36,7 @@ Declare the plugin in your `app.json`:
 | `enableMediaProjectionService` | Enable screen sharing on Android (MediaProjection service) | `true` |
 | `enableVideoEffects` | Enable background blur and background image replacement on Android | `true` |
 | `appleTeamId` | Apple Team ID used for the iOS broadcast extension | `"APPLE_TEAM_ID_NOT_SET"` |
+| `logLevel` | Plugin log verbosity: `"silent"`, `"error"`, `"warn"`, `"info"`, `"debug"` | `"warn"` |
 
 ## What does this plugin do?
 
@@ -94,3 +95,9 @@ if (Platform.OS === 'android') {
 - ML Kit Selfie Segmentation (`16.0.0-beta6`) is currently in beta — there is no GA release of this library.
 - Background effects are applied via WebRTC's `VideoProcessor` API, so both the local preview and remote peers see the processed video.
 - For persistence across sessions, save the selected effect ID with `AsyncStorage` and re-apply it after `createStreamFromUserMedia()`.
+
+## Contributing
+
+Contributions are welcome! Feel free to open an issue or submit a pull request on GitHub.
+
+This plugin is maintained by [Apizee](https://www.apizee.com).

package/build/logger.d.ts

@@ -0,0 +1,9 @@
+export type LogLevel = 'silent' | 'error' | 'warn' | 'info' | 'debug';
+export declare function setLogLevel(level: LogLevel): void;
+export declare function getLogLevel(): LogLevel;
+export declare const logger: {
+    error(...args: any[]): void;
+    warn(...args: any[]): void;
+    info(...args: any[]): void;
+    debug(...args: any[]): void;
+};

package/build/logger.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.logger = void 0;
+exports.setLogLevel = setLogLevel;
+exports.getLogLevel = getLogLevel;
+const LOG_LEVELS = {
+    silent: 0,
+    error: 1,
+    warn: 2,
+    info: 3,
+    debug: 4,
+};
+let currentLevel = 'warn';
+function setLogLevel(level) {
+    currentLevel = level;
+}
+function getLogLevel() {
+    return currentLevel;
+}
+function shouldLog(level) {
+    return LOG_LEVELS[level] <= LOG_LEVELS[currentLevel];
+}
+exports.logger = {
+    error(...args) {
+        if (shouldLog('error'))
+            console.error('[expo-apirtc]', ...args);
+    },
+    warn(...args) {
+        if (shouldLog('warn'))
+            console.warn('[expo-apirtc]', ...args);
+    },
+    info(...args) {
+        if (shouldLog('info'))
+            console.log('[expo-apirtc]', ...args);
+    },
+    debug(...args) {
+        if (shouldLog('debug'))
+            console.log('[expo-apirtc][DEBUG]', ...args);
+    },
+};

package/build/static/ReactNativeApiRTC_RPK.m

@@ -11,4 +11,5 @@
 
 @interface RCT_EXTERN_MODULE(ReactNativeApiRTC_RPK, RCTEventEmitter)
 RCT_EXTERN_METHOD(sendBroadcastNeedToBeStopped)
+RCT_EXTERN_METHOD(showVideoEffectsUI)
 @end

package/build/static/ReactNativeApiRTC_RPK.swift

@@ -9,6 +9,7 @@ import Foundation
 import ReplayKit
 import Photos
 import UIKit
+import AVFoundation
 import React
 
 @objc(ReactNativeApiRTC_RPK)
@@ -63,6 +64,15 @@ class ReactNativeApiRTC_RPK: RCTEventEmitter {
     status = "Empty"
   }
 
+  @objc
+  func showVideoEffectsUI() {
+    if #available(iOS 15.4, *) {
+      DispatchQueue.main.async {
+        AVCaptureDevice.showSystemUserInterface(.videoEffects)
+      }
+    }
+  }
+
   //This function is used to send a notification to the extension to stop the broadcast
   @objc
   func sendBroadcastNeedToBeStopped() {

package/build/withAndroidPlugin.js

@@ -36,6 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const config_plugins_1 = require("@expo/config-plugins");
 const fs = __importStar(require("fs"));
 const path = __importStar(require("path"));
+const logger_1 = require("./logger");
 const REQUIRED_PERMISSIONS = [
     "android.permission.ACCESS_NETWORK_STATE",
     "android.permission.CAMERA",
@@ -62,7 +63,26 @@ function getAndroidPackagePath(projectRoot) {
             packageName = match[1];
         }
     }
-    // Fallback: lire dans app.json
+    // Fallback: read from app.config.ts or app.config.js
+    if (!packageName) {
+        const configFiles = ['app.config.ts', 'app.config.js'];
+        for (const configFile of configFiles) {
+            const configPath = path.join(projectRoot, configFile);
+            if (fs.existsSync(configPath)) {
+                const configContent = fs.readFileSync(configPath, 'utf8');
+                // Match android.package in various forms:
+                // - package: "com.example.app"
+                // - package: 'com.example.app'
+                // - "package": "com.example.app"
+                const match = configContent.match(/["']?package["']?\s*[:=]\s*["']([\w.]+)["']/);
+                if (match) {
+                    packageName = match[1];
+                    break;
+                }
+            }
+        }
+    }
+    // Fallback: read from app.json
     if (!packageName) {
         const appJsonPath = path.join(projectRoot, 'app.json');
         if (fs.existsSync(appJsonPath)) {
@@ -71,7 +91,7 @@ function getAndroidPackagePath(projectRoot) {
         }
     }
     if (!packageName) {
-        throw new Error('Package name not found in AndroidManifest.xml or app.json');
+        throw new Error('Package name not found in AndroidManifest.xml, app.config.ts, app.config.js or app.json');
     }
     return path.join(projectRoot, 'android/app/src/main/java', ...packageName.split('.'));
 }
@@ -98,7 +118,7 @@ function copyAndPatchJavaFiles(projectRoot) {
             let content = fs.readFileSync(src, 'utf8');
             content = content.replace(/^package\s+[\w.]+;/m, `package ${packageName};`);
             fs.writeFileSync(dest, content, 'utf8');
-            console.log(`Copied and patched ${file} to android sources with package: ${packageName}`);
+            logger_1.logger.info(`Copied and patched ${file} to android sources with package: ${packageName}`);
         }
     });
 }
@@ -126,10 +146,10 @@ function copyAndPatchKotlinFiles(projectRoot) {
             // Kotlin package declaration has no trailing semicolon
             content = content.replace(/^package\s+[\w.]+/m, `package ${packageName}`);
             fs.writeFileSync(dest, content, 'utf8');
-            console.log(`Copied and patched ${file} to android sources with package: ${packageName}`);
+            logger_1.logger.info(`Copied and patched ${file} to android sources with package: ${packageName}`);
         }
         else {
-            console.warn(`Kotlin source not found: ${src}`);
+            logger_1.logger.warn(`Kotlin source not found: ${src}`);
         }
     });
 }
@@ -140,13 +160,13 @@ const withAndroidPermissions = (config) => {
             manifest['uses-permission'] = [];
         }
         REQUIRED_PERMISSIONS.forEach((permission) => {
-            console.error('check manifest permission:', permission);
+            logger_1.logger.debug('check manifest permission:', permission);
             if (Array.isArray(manifest['uses-permission']) &&
                 !manifest['uses-permission'].some((item) => item.$ && item.$['android:name'] === permission)) {
                 manifest['uses-permission'].push({
                     $: { 'android:name': permission }
                 });
-                console.error(`Added permission: ${permission}`);
+                logger_1.logger.info(`Added permission: ${permission}`);
             }
         });
         return config;
@@ -156,33 +176,15 @@ const withMlKitGradleDep = (config) => {
     return (0, config_plugins_1.withAppBuildGradle)(config, (config) => {
         if (!config.modResults.contents.includes('segmentation-selfie')) {
             config.modResults.contents = config.modResults.contents.replace(/(\s*dependencies\s*\{)/, `$1\n    ${MLKIT_SEGMENTATION_DEP}`);
-            console.log('Added ML Kit segmentation-selfie dependency to app/build.gradle');
+            logger_1.logger.info('Added ML Kit segmentation-selfie dependency to app/build.gradle');
         }
         return config;
     });
 };
 const withAndroidPlugin = (config, props) => {
-    console.error('withAndroidPlugin called with props:', props);
+    logger_1.logger.info('withAndroidPlugin called with props:', props);
     let updatedConfig = (0, config_plugins_1.withMainApplication)(config, (config) => {
         const mainApplication = config.modResults;
-        if (props.enableMediaProjectionService === false) {
-            console.warn('Media Projection Service is disabled, skipping modifications.');
-            return config;
-        }
-        // Add WebRTCModuleOptions import
-        if (!mainApplication.contents.includes('import com.oney.WebRTCModule.WebRTCModuleOptions')) {
-            mainApplication.contents = mainApplication.contents.replace(/(package\s+[\w.]+(?:\r?\n))/, `$1\nimport com.oney.WebRTCModule.WebRTCModuleOptions\n`);
-        }
-        // Add WebRTCModuleOptions code at start of onCreate()
-        const onCreateRegex = /override fun onCreate\(\) \{\n/;
-        const customCode = [
-            '    val options: WebRTCModuleOptions = WebRTCModuleOptions.getInstance()',
-            '    options.enableMediaProjectionService = true\n'
-        ].join('\n');
-        if (!mainApplication.contents.includes('WebRTCModuleOptions.getInstance()')) {
-            mainApplication.contents = mainApplication.contents.replace(onCreateRegex, match => `${match}${customCode}`);
-        }
-        // Add AppLifecyclePackage import and registration
         const packageName = (() => {
             try {
                 return getPackageName(config.modRequest.projectRoot);
@@ -191,6 +193,26 @@ const withAndroidPlugin = (config, props) => {
                 return null;
             }
         })();
+        // Add WebRTCModuleOptions (Media Projection Service) if enabled
+        if (props.enableMediaProjectionService !== false) {
+            // Add WebRTCModuleOptions import
+            if (!mainApplication.contents.includes('import com.oney.WebRTCModule.WebRTCModuleOptions')) {
+                mainApplication.contents = mainApplication.contents.replace(/(package\s+[\w.]+(?:\r?\n))/, `$1\nimport com.oney.WebRTCModule.WebRTCModuleOptions\n`);
+            }
+            // Add WebRTCModuleOptions code at start of onCreate()
+            const onCreateRegex = /override fun onCreate\(\) \{\n/;
+            const customCode = [
+                '    val options: WebRTCModuleOptions = WebRTCModuleOptions.getInstance()',
+                '    options.enableMediaProjectionService = true\n'
+            ].join('\n');
+            if (!mainApplication.contents.includes('WebRTCModuleOptions.getInstance()')) {
+                mainApplication.contents = mainApplication.contents.replace(onCreateRegex, match => `${match}${customCode}`);
+            }
+        }
+        else {
+            logger_1.logger.info('Media Projection Service is disabled, skipping WebRTCModuleOptions modifications.');
+        }
+        // Add AppLifecyclePackage import and registration
         if (packageName) {
             const importLine = `import ${packageName}.AppLifecyclePackage\n`;
             if (!mainApplication.contents.includes(importLine.trim())) {
@@ -223,6 +245,26 @@ const withAndroidPlugin = (config, props) => {
         updatedConfig = withMlKitGradleDep(updatedConfig);
     }
     updatedConfig = withAndroidPermissions(updatedConfig);
+    // Fix NullPointerException in ReactActivityDelegate.onUserLeaveHint
+    // This crash occurs when Media Projection permission dialog pauses the activity
+    updatedConfig = (0, config_plugins_1.withMainActivity)(updatedConfig, (config) => {
+        const mainActivity = config.modResults;
+        if (!mainActivity.contents.includes('onUserLeaveHint')) {
+            // Add the override before the closing brace of the class
+            const onUserLeaveHintCode = `
+  override fun onUserLeaveHint() {
+    try {
+      super.onUserLeaveHint()
+    } catch (e: NullPointerException) {
+      // Workaround for NPE in ReactActivityDelegate.onUserLeaveHint
+      // when Media Projection permission dialog pauses the activity
+    }
+  }
+`;
+            mainActivity.contents = mainActivity.contents.replace(/\n}\s*$/, `${onUserLeaveHintCode}\n}`);
+        }
+        return config;
+    });
     return updatedConfig;
 };
 exports.default = withAndroidPlugin;

package/build/withIosBroadcastExtension.js

@@ -41,16 +41,17 @@ const plist_1 = __importDefault(require("@expo/plist"));
 const fs = __importStar(require("fs"));
 const path = __importStar(require("path"));
 const util = __importStar(require("util"));
+const logger_1 = require("./logger");
 const quoted = (str) => {
     return util.format(`"%s"`, str);
 };
 const withIosBroadcastExtension = (config, props) => {
-    console.log('withIosBroadcastExtension called with props:', props);
+    logger_1.logger.info('withIosBroadcastExtension called with props:', props);
     config = withAppEntitlements(config);
     config = withInfoPlistRTC(config);
     config = withBroadcastExtensionXcodeTarget(config, props);
     config = withBroadcastExtensionPlist(config);
-    //TODO Suite à relire
+    //TODO Review this section
     return config;
 };
 const withAppEntitlements = (config) => {
@@ -126,7 +127,7 @@ const withBroadcastExtensionXcodeTarget = (config, props) => {
 const addBroadcastExtensionXcodeTarget = (proj, { appName, extensionName, extensionBundleIdentifier, currentProjectVersion, marketingVersion, appleTeamId, }) => {
     var _a;
     if (((_a = proj.getFirstProject().firstProject.targets) === null || _a === void 0 ? void 0 : _a.length) > 1) {
-        console.error("addBroadcastExtensionXcodeTarget targets?.length > 1");
+        logger_1.logger.error("addBroadcastExtensionXcodeTarget targets?.length > 1");
         return;
     }
     const targetUuid = proj.generateUuid();
@@ -172,7 +173,7 @@ const addXCConfigurationList = (proj, { extensionBundleIdentifier, currentProjec
         CLANG_WARN_DOCUMENTATION_COMMENTS: 'YES',
         CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER: 'YES',
         CLANG_WARN_UNGUARDED_AVAILABILITY: 'YES_AGGRESSIVE',
-        DEVELOPMENT_TEAM: appleTeamId ? quoted(appleTeamId) : undefined, // <-- Ajoute ici
+        DEVELOPMENT_TEAM: appleTeamId ? quoted(appleTeamId) : undefined,
         CODE_SIGN_ENTITLEMENTS: `${appName}/${appName}.entitlements`,
         CODE_SIGN_STYLE: 'Automatic',
         CURRENT_PROJECT_VERSION: currentProjectVersion,
@@ -350,11 +351,11 @@ const addSourceFiles = (proj, extensionRootPath) => {
     const targetUuid = proj.findTargetKey('screenSharing_Extension');
     const groupUuid = proj.findPBXGroupKey({ name: 'screenSharing_Extension' });
     if (!targetUuid) {
-        console.error(`Failed to find "screenSharing_Extension" target!`);
+        logger_1.logger.error(`Failed to find "screenSharing_Extension" target!`);
         return;
     }
     if (!groupUuid) {
-        console.error(`Failed to find "screenSharing_Extension" group!`);
+        logger_1.logger.error(`Failed to find "screenSharing_Extension" group!`);
         return;
     }
     proj.addSourceFile('Atomic.swift', {

package/build/withIosRPKFiles.js

@@ -36,6 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const config_plugins_1 = require("@expo/config-plugins");
 const path = __importStar(require("path"));
 const fs = __importStar(require("fs"));
+const logger_1 = require("./logger");
 const NATIVE_FILES = [
     'ReactNativeApiRTC_RPK.swift',
     'ReactNativeApiRTC_RPK.m',
@@ -53,11 +54,11 @@ function copyNativeFiles(projectRoot, iosProjectName) {
         const src = path.join(nativeSrcPath, file);
         const dest = path.join(iosPath, file);
         if (!fs.existsSync(src)) {
-            console.warn(`⚠️ Fichier manquant : ${src}`);
+            logger_1.logger.warn(`File not found: ${src}`);
             continue;
         }
         fs.copyFileSync(src, dest);
-        console.log(`📄 Copié : ${file}`);
+        logger_1.logger.info(`Copied: ${file}`);
     }
 }
 function copyBridgingFiles(projectRoot, iosProjectName) {
@@ -67,11 +68,11 @@ function copyBridgingFiles(projectRoot, iosProjectName) {
         const src = path.join(nativeSrcPath, file);
         const dest = path.join(iosPath, file);
         if (!fs.existsSync(src)) {
-            console.warn(`⚠️ Fichier manquant : ${src}`);
+            logger_1.logger.warn(`File not found: ${src}`);
             continue;
         }
         fs.copyFileSync(src, dest);
-        console.log(`📄 Copié : ${file}`);
+        logger_1.logger.info(`Copied: ${file}`);
     }
 }
 const withNativeFilesPlugin = (config) => {
@@ -83,30 +84,30 @@ const withNativeFilesPlugin = (config) => {
         const nativeGroup = project.getFirstProject().firstProject.mainGroup;
         copyNativeFiles(projectRoot, iosProjectName);
         copyBridgingFiles(projectRoot, iosProjectName);
-        // Trouve la section Sources (PBXSourcesBuildPhase)
+        // Find the Sources section (PBXSourcesBuildPhase)
         const buildPhases = project.hash.project.objects['PBXSourcesBuildPhase'];
         const buildPhaseEntry = Object.entries(buildPhases).find(([key, val]) => key !== 'isa' && (val === null || val === void 0 ? void 0 : val.isa) === 'PBXSourcesBuildPhase');
         if (!buildPhaseEntry) {
-            throw new Error('❌ PBXSourcesBuildPhase non trouvé dans le projet Xcode.');
+            throw new Error('PBXSourcesBuildPhase not found in Xcode project.');
         }
         const [sourcesBuildPhaseUuid, sourcesBuildPhase] = buildPhaseEntry;
         sourcesBuildPhase.files = sourcesBuildPhase.files || [];
         for (const fileName of NATIVE_FILES) {
             const filePath = path.join(iosDir, iosProjectName, fileName);
             if (!fs.existsSync(filePath)) {
-                console.warn(`⚠️  Fichier natif introuvable : ${filePath}`);
+                logger_1.logger.warn(`Native file not found: ${filePath}`);
                 continue;
             }
             const file = project.addFile(path.join(iosProjectName, fileName), nativeGroup);
             if (!(file === null || file === void 0 ? void 0 : file.fileRef)) {
-                console.warn(`❌ Échec de l'ajout de : ${fileName}`);
+                logger_1.logger.warn(`Failed to add: ${fileName}`);
                 continue;
             }
-            // Vérifie s’il est déjà présent
+            // Check if already present
             const alreadyExists = sourcesBuildPhase.files.some((f) => (f === null || f === void 0 ? void 0 : f.comment) === `${fileName} in Sources`);
             if (alreadyExists)
                 continue;
-            // Crée un buildFile
+            // Create a buildFile
             const buildFileUuid = project.generateUuid();
             project.hash.project.objects['PBXBuildFile'][buildFileUuid] = {
                 isa: 'PBXBuildFile',
@@ -117,7 +118,7 @@ const withNativeFilesPlugin = (config) => {
                 value: buildFileUuid,
                 comment: `${fileName} in Sources`,
             });
-            console.log(`✅ Fichier ajouté : ${fileName}`);
+            logger_1.logger.info(`File added: ${fileName}`);
         }
         // Swift config
         const targetUuid = project.getFirstTarget().uuid;

package/build/withPlugin.d.ts

@@ -1,8 +1,10 @@
 import { ConfigPlugin } from '@expo/config-plugins';
+import { LogLevel } from './logger';
 type PluginProps = {
     enableMediaProjectionService?: boolean;
     enableVideoEffects?: boolean;
     appleTeamId?: string;
+    logLevel?: LogLevel;
 };
 export declare const withPlugin: ConfigPlugin<PluginProps>;
 export default withPlugin;

package/build/withPlugin.js

@@ -7,11 +7,15 @@ exports.withPlugin = void 0;
 const withAndroidPlugin_1 = __importDefault(require("./withAndroidPlugin"));
 const withIosBroadcastExtension_1 = __importDefault(require("./withIosBroadcastExtension"));
 const withIosRPKFiles_1 = __importDefault(require("./withIosRPKFiles"));
+const logger_1 = require("./logger");
 const withPlugin = (config, props = {
     enableMediaProjectionService: true,
     enableVideoEffects: true,
     appleTeamId: process.env.EXPO_APPLE_TEAM_ID || 'APPLE_TEAM_ID_NOT_SET',
 }) => {
+    if (props.logLevel) {
+        (0, logger_1.setLogLevel)(props.logLevel);
+    }
     config = (0, withAndroidPlugin_1.default)(config, props);
     config = (0, withIosBroadcastExtension_1.default)(config, props);
     config = (0, withIosRPKFiles_1.default)(config, props);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@apirtc/expo-apirtc-options-plugin",
-  "version": "0.0.7",
-  "description": "Plugin Expo pour ajouter les features apiRTC dans une application React Native",
+  "version": "0.0.9",
+  "description": "Expo Plugin to add apiRTC features in a React Native application",
   "main": "index.js",
   "keywords": [
     "expo",
@@ -12,6 +12,11 @@
   ],
   "author": "F.Luart",
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ApiRTC/expo-apirtc-options-plugin.git"
+  },
+  "homepage": "https://github.com/ApiRTC/expo-apirtc-options-plugin#readme",
   "dependencies": {
     "@expo/config-plugins": "^10.1.2",
     "@types/node": "^24.0.12",