@fishjam-cloud/react-native-client 0.18.1 → 0.19.1

package/plugin/build/withFishjamIos.js

@@ -33,16 +33,19 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SBE_PODFILE_SNIPPET = void 0;
+exports.getSbePodfileSnippet = getSbePodfileSnippet;
 // ios-related code was mostly copied from OneSignal expo plugin: https://github.com/OneSignal/onesignal-expo-plugin/blob/main/onesignal/withOneSignalIos.ts
 const config_plugins_1 = require("@expo/config-plugins");
 const fs = __importStar(require("promise-fs"));
 const path = __importStar(require("path"));
-const SBE_TARGET_NAME = 'FishjamScreenBroadcastExtension';
-exports.SBE_PODFILE_SNIPPET = `
-target '${SBE_TARGET_NAME}' do
-  pod 'FishjamCloudClient/Broadcast'
-end`;
+function getSbeTargetName(props) {
+    return (props?.ios?.broadcastExtensionTargetName ||
+        'FishjamScreenBroadcastExtension');
+}
+function getSbePodfileSnippet(props) {
+    const targetName = getSbeTargetName(props);
+    return `\ntarget '${targetName}' do\n  pod 'FishjamCloudClient/Broadcast'\nend`;
+}
 const TARGETED_DEVICE_FAMILY = `"1,2"`;
 const IPHONEOS_DEPLOYMENT_TARGET = '15.1';
 const GROUP_IDENTIFIER_TEMPLATE_REGEX = /{{GROUP_IDENTIFIER}}/gm;
@@ -50,8 +53,9 @@ const BUNDLE_IDENTIFIER_TEMPLATE_REGEX = /{{BUNDLE_IDENTIFIER}}/gm;
 /**
  * A helper function for updating a value in a file for given regex
  */
-async function updateFileWithRegex(iosPath, fileName, regex, value) {
-    const filePath = `${iosPath}/${SBE_TARGET_NAME}/${fileName}`;
+async function updateFileWithRegex(iosPath, fileName, regex, value, props) {
+    const targetName = getSbeTargetName(props);
+    const filePath = `${iosPath}/${targetName}/${fileName}`;
     let file = await fs.readFile(filePath, { encoding: 'utf-8' });
     file = file.replace(regex, value);
     await fs.writeFile(filePath, file);
@@ -60,23 +64,24 @@ async function updateFileWithRegex(iosPath, fileName, regex, value) {
  * Inserts a required target to Podfile.
  * This is needed to provide the dependency of FishjamCloudClient/Broadcast to the extension.
  */
-async function updatePodfile(iosPath) {
+async function updatePodfile(iosPath, props) {
+    const podfileSnippet = getSbePodfileSnippet(props);
     let matches;
     try {
         const podfile = await fs.readFile(`${iosPath}/Podfile`, {
             encoding: 'utf-8',
         });
-        matches = podfile.match(exports.SBE_PODFILE_SNIPPET);
+        matches = podfile.match(podfileSnippet);
     }
     catch (e) {
         console.error('Error reading from Podfile: ', e);
     }
     if (matches) {
-        console.log(`${SBE_TARGET_NAME} target already added to Podfile. Skipping...`);
+        console.log(`${getSbeTargetName(props)} target already added to Podfile. Skipping...`);
         return;
     }
     try {
-        fs.appendFile(`${iosPath}/Podfile`, exports.SBE_PODFILE_SNIPPET);
+        fs.appendFile(`${iosPath}/Podfile`, podfileSnippet);
     }
     catch (e) {
         console.error('Error writing to Podfile: ', e);
@@ -86,30 +91,69 @@ async function updatePodfile(iosPath) {
  * Adds "App Group" permission
  * App Group allow your app and the FishjamScreenBroadcastExtension to communicate with each other.
  */
-const withAppGroupPermissions = (config) => {
+const withAppGroupPermissions = (config, props) => {
     const APP_GROUP_KEY = 'com.apple.security.application-groups';
-    return (0, config_plugins_1.withEntitlementsPlist)(config, (newConfig) => {
-        if (!Array.isArray(newConfig.modResults[APP_GROUP_KEY])) {
-            newConfig.modResults[APP_GROUP_KEY] = [];
-        }
-        const modResultsArray = newConfig.modResults[APP_GROUP_KEY];
-        const entitlement = `group.${newConfig?.ios?.bundleIdentifier || ''}`;
-        if (modResultsArray.indexOf(entitlement) !== -1) {
-            return newConfig;
+    const bundleIdentifier = config.ios?.bundleIdentifier || '';
+    const groupIdentifier = props?.ios?.appGroupContainerId || `group.${bundleIdentifier}`;
+    const mainTarget = props?.ios?.mainTargetName || '';
+    config.ios ??= {};
+    config.ios.entitlements ??= {};
+    config.ios.entitlements[APP_GROUP_KEY] ??= [];
+    const entitlementsArray = config.ios.entitlements[APP_GROUP_KEY];
+    if (!entitlementsArray.includes(groupIdentifier)) {
+        entitlementsArray.push(groupIdentifier);
+    }
+    config = (0, config_plugins_1.withEntitlementsPlist)(config, (newConfig) => {
+        const modResultsArray = newConfig.modResults[APP_GROUP_KEY] || [];
+        if (!modResultsArray.includes(groupIdentifier)) {
+            modResultsArray.push(groupIdentifier);
         }
-        modResultsArray.push(entitlement);
+        newConfig.modResults[APP_GROUP_KEY] = modResultsArray;
         return newConfig;
     });
+    config = (0, config_plugins_1.withXcodeProject)(config, (props) => {
+        const xcodeProject = props.modResults;
+        const targets = xcodeProject.getFirstTarget();
+        const project = xcodeProject.getFirstProject();
+        if (!targets || !project) {
+            return props;
+        }
+        const targetUuid = targets.uuid;
+        const projectUuid = project.uuid;
+        const projectObj = xcodeProject.hash.project.objects.PBXProject[projectUuid];
+        projectObj.attributes ??= {};
+        projectObj.attributes.TargetAttributes ??= {};
+        projectObj.attributes.TargetAttributes[targetUuid] ??= {};
+        projectObj.attributes.TargetAttributes[targetUuid].SystemCapabilities ??=
+            {};
+        projectObj.attributes.TargetAttributes[targetUuid].SystemCapabilities['com.apple.ApplicationGroups.iOS'] = {
+            enabled: 1,
+        };
+        const mainTargetName = mainTarget || props.modRequest.projectName;
+        const entitlementsFilePath = `${mainTargetName}/${mainTargetName}.entitlements`;
+        const configurations = xcodeProject.pbxXCBuildConfigurationSection();
+        Object.keys(configurations).forEach((key) => {
+            const config = configurations[key];
+            if (config.buildSettings?.PRODUCT_NAME?.includes(mainTargetName)) {
+                if (!config.buildSettings.CODE_SIGN_ENTITLEMENTS) {
+                    config.buildSettings.CODE_SIGN_ENTITLEMENTS = entitlementsFilePath;
+                }
+            }
+        });
+        return props;
+    });
+    return config;
 };
 /**
  * Adds constants to Info.plist
  * In other to dynamically retreive extension's bundleId and group name we need to store it in Info.plist.
  */
-const withInfoPlistConstants = (config) => (0, config_plugins_1.withInfoPlist)(config, (configuration) => {
+const withInfoPlistConstants = (config, props) => (0, config_plugins_1.withInfoPlist)(config, (configuration) => {
     const bundleIdentifier = configuration.ios?.bundleIdentifier || '';
-    configuration.modResults['AppGroupName'] = `group.${bundleIdentifier}`;
+    const groupIdentifier = props?.ios?.appGroupContainerId || `group.${bundleIdentifier}`;
+    configuration.modResults['AppGroupName'] = groupIdentifier;
     configuration.modResults['ScreenShareExtensionBundleId'] =
-        `${bundleIdentifier}.${SBE_TARGET_NAME}`;
+        `${bundleIdentifier}.${getSbeTargetName(props)}`;
     return configuration;
 });
 /**
@@ -120,14 +164,22 @@ const withFishjamSBE = (config, options) => (0, config_plugins_1.withXcodeProjec
     const appName = props.modRequest.projectName || '';
     const iosPath = props.modRequest.platformProjectRoot;
     const bundleIdentifier = props.ios?.bundleIdentifier;
+    const groupIdentifier = options?.ios?.appGroupContainerId || `group.${bundleIdentifier}`;
     const xcodeProject = props.modResults;
+    const targetName = getSbeTargetName(options);
     const pluginDir = require.resolve('@fishjam-cloud/react-native-client/package.json');
     const extensionSourceDir = path.join(pluginDir, '../plugin/broadcastExtensionFiles/');
-    await updatePodfile(iosPath);
+    await updatePodfile(iosPath, options);
     const projPath = `${iosPath}/${appName}.xcodeproj/project.pbxproj`;
+    const templateTargetName = 'FishjamScreenBroadcastExtension';
     const extFiles = [
         'FishjamBroadcastSampleHandler.swift',
-        `${SBE_TARGET_NAME}.entitlements`,
+        `${templateTargetName}.entitlements`,
+        `Info.plist`,
+    ];
+    const destFiles = [
+        'FishjamBroadcastSampleHandler.swift',
+        `${targetName}.entitlements`,
         `Info.plist`,
     ];
     await xcodeProject.parse(async function (err) {
@@ -135,28 +187,26 @@ const withFishjamSBE = (config, options) => (0, config_plugins_1.withXcodeProjec
             console.error(`Error parsing iOS project: ${JSON.stringify(err)}`);
             return;
         }
-        if (xcodeProject.pbxTargetByName(SBE_TARGET_NAME)) {
-            console.log(`${SBE_TARGET_NAME} already exists in project. Skipping...`);
+        if (xcodeProject.pbxTargetByName(targetName)) {
+            console.log(`${targetName} already exists in project. Skipping...`);
             return;
         }
         try {
-            // copy extension files
-            await fs.mkdir(`${iosPath}/${SBE_TARGET_NAME}`, { recursive: true });
+            await fs.mkdir(`${iosPath}/${targetName}`, { recursive: true });
             for (let i = 0; i < extFiles.length; i++) {
-                const extFile = extFiles[i];
-                const targetFile = `${iosPath}/${SBE_TARGET_NAME}/${extFile}`;
-                await fs.copyFile(`${extensionSourceDir}${extFile}`, targetFile);
+                const srcFile = `${extensionSourceDir}${extFiles[i]}`;
+                const destFile = `${iosPath}/${targetName}/${destFiles[i]}`;
+                await fs.copyFile(srcFile, destFile);
             }
         }
         catch (e) {
             console.error('Error copying extension files: ', e);
         }
-        // update extension files
-        await updateFileWithRegex(iosPath, `${SBE_TARGET_NAME}.entitlements`, GROUP_IDENTIFIER_TEMPLATE_REGEX, `group.${bundleIdentifier}`);
-        await updateFileWithRegex(iosPath, 'FishjamBroadcastSampleHandler.swift', GROUP_IDENTIFIER_TEMPLATE_REGEX, `group.${bundleIdentifier}`);
-        await updateFileWithRegex(iosPath, 'FishjamBroadcastSampleHandler.swift', BUNDLE_IDENTIFIER_TEMPLATE_REGEX, bundleIdentifier || '');
+        await updateFileWithRegex(iosPath, `${targetName}.entitlements`, GROUP_IDENTIFIER_TEMPLATE_REGEX, groupIdentifier, options);
+        await updateFileWithRegex(iosPath, 'FishjamBroadcastSampleHandler.swift', GROUP_IDENTIFIER_TEMPLATE_REGEX, groupIdentifier, options);
+        await updateFileWithRegex(iosPath, 'FishjamBroadcastSampleHandler.swift', BUNDLE_IDENTIFIER_TEMPLATE_REGEX, bundleIdentifier || '', options);
         // Create new PBXGroup for the extension
-        const extGroup = xcodeProject.addPbxGroup(extFiles, SBE_TARGET_NAME, SBE_TARGET_NAME);
+        const extGroup = xcodeProject.addPbxGroup(extFiles, targetName, targetName);
         // Add the new PBXGroup to the top level group. This makes the
         // files / folder appear in the file explorer in Xcode.
         const groups = xcodeProject.hash.project.objects['PBXGroup'];
@@ -176,7 +226,7 @@ const withFishjamSBE = (config, options) => (0, config_plugins_1.withXcodeProjec
             projObjects['PBXTargetDependency'] || {};
         // Add the SBE target
         // This adds PBXTargetDependency and PBXContainerItemProxy for you
-        const sbeTarget = xcodeProject.addTarget(SBE_TARGET_NAME, 'app_extension', SBE_TARGET_NAME, `${bundleIdentifier}.${SBE_TARGET_NAME}`);
+        const sbeTarget = xcodeProject.addTarget(targetName, 'app_extension', targetName, `${bundleIdentifier}.${targetName}`);
         // Add build phases to the new target
         xcodeProject.addBuildPhase(['FishjamBroadcastSampleHandler.swift'], 'PBXSourcesBuildPhase', 'Sources', sbeTarget.uuid);
         xcodeProject.addBuildPhase([], 'PBXResourcesBuildPhase', 'Resources', sbeTarget.uuid);
@@ -189,15 +239,14 @@ const withFishjamSBE = (config, options) => (0, config_plugins_1.withXcodeProjec
         const configurations = xcodeProject.pbxXCBuildConfigurationSection();
         for (const key in configurations) {
             if (typeof configurations[key].buildSettings !== 'undefined' &&
-                configurations[key].buildSettings.PRODUCT_NAME ===
-                    `"${SBE_TARGET_NAME}"`) {
+                configurations[key].buildSettings.PRODUCT_NAME === `"${targetName}"`) {
                 const buildSettingsObj = configurations[key].buildSettings;
                 buildSettingsObj.IPHONEOS_DEPLOYMENT_TARGET =
                     options?.ios?.iphoneDeploymentTarget ?? IPHONEOS_DEPLOYMENT_TARGET;
                 buildSettingsObj.TARGETED_DEVICE_FAMILY = TARGETED_DEVICE_FAMILY;
-                buildSettingsObj.CODE_SIGN_ENTITLEMENTS = `${SBE_TARGET_NAME}/${SBE_TARGET_NAME}.entitlements`;
+                buildSettingsObj.CODE_SIGN_ENTITLEMENTS = `${targetName}/${targetName}.entitlements`;
                 buildSettingsObj.CODE_SIGN_STYLE = 'Automatic';
-                buildSettingsObj.INFOPLIST_FILE = `${SBE_TARGET_NAME}/Info.plist`;
+                buildSettingsObj.INFOPLIST_FILE = `${targetName}/Info.plist`;
                 buildSettingsObj.SWIFT_VERSION = '5.0';
                 buildSettingsObj.MARKETING_VERSION = '1.0.0';
                 buildSettingsObj.CURRENT_PROJECT_VERSION = '1';
@@ -208,21 +257,30 @@ const withFishjamSBE = (config, options) => (0, config_plugins_1.withXcodeProjec
     });
     return props;
 });
+const withFishjamPictureInPicture = (config, props) => (0, config_plugins_1.withInfoPlist)(config, (configuration) => {
+    if (props?.ios?.supportsPictureInPicture) {
+        const backgroundModes = new Set(configuration.modResults.UIBackgroundModes ?? []);
+        backgroundModes.add('audio');
+        configuration.modResults.UIBackgroundModes = Array.from(backgroundModes);
+    }
+    return configuration;
+});
 /**
  * Applies screen sharing plugin if enabled. In order for screensharing to work, we need to copy extension files to your iOS project.
  * Allows for dynamically changing deploymentTarget.
  */
 const withFishjamIos = (config, props) => {
     if (props?.ios?.enableScreensharing) {
-        withAppGroupPermissions(config);
-        withInfoPlistConstants(config);
-        withFishjamSBE(config, props);
+        config = withAppGroupPermissions(config, props);
+        config = withInfoPlistConstants(config, props);
+        config = withFishjamSBE(config, props);
     }
-    (0, config_plugins_1.withPodfileProperties)(config, (configuration) => {
+    config = (0, config_plugins_1.withPodfileProperties)(config, (configuration) => {
         configuration.modResults['ios.deploymentTarget'] =
             props?.ios?.iphoneDeploymentTarget ?? IPHONEOS_DEPLOYMENT_TARGET;
         return configuration;
     });
+    config = withFishjamPictureInPicture(config, props);
     return config;
 };
 exports.default = withFishjamIos;