v0.4.0 - Expo 52 React Native 0.76 Support

* package upgrades

* Lockfile update

* App clip podfile insertion fix

* README warning update

* cleanup

* Adding expo modules autolinking

* Incrementing version

* Bumping deployment target

Author: nathan-ahn

README.md

@@ -1,7 +1,7 @@
 # react-native-app-clip
 
 > **Warning**
-> Starting with version 0.3.0, react-native-app-clip requires **Expo SDK 51** and **React Native 0.74**.
+> Starting with version 0.4.0, react-native-app-clip requires **Expo SDK 52** and **React Native 0.76**. Downgrade to 0.3.1 if you wish to use **Expo SDK 51** and **React Native 0.74**.
 
 Expo Config Plugin that generates an App Clip for iOS apps built with Expo.
 

bun.lockb

@@ -23,7 +23,7 @@
           "bundleIdSuffix": "Clip",
           "targetSuffix": "Clip",
           "groupIdentifier": "example.clipper",
-          "deploymentTarget": "14.2",
+          "deploymentTarget": "15.1",
           "requestEphemeralUserNotification": true,
           "requestLocationConfirmation": true,
           "appleSignin": true,

example/app.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-app-clip",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "Config plugin to add an App Clip to a React Native iOS app",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -38,13 +38,12 @@
   "license": "MIT",
   "homepage": "https://github.com/bndkt/react-native-app-clip#readme",
   "dependencies": {
-    "@expo/config-plugins": "8.0.8",
-    "@expo/plist": "0.1.3"
+    "@expo/config-plugins": "~9.0.0",
+    "@expo/plist": "~0.2.0"
   },
   "devDependencies": {
-    "@types/react": "18.2.79",
-    "expo-module-scripts": "3.5.2",
-    "expo-modules-core": "1.12.24"
+    "expo-module-scripts": "^4.0.0",
+    "expo-modules-core": "^2.0.0"
   },
   "peerDependencies": {
     "expo": "*",

package.json

@@ -35,7 +35,7 @@ const withAppClip: ConfigPlugin<{
   name ??= "Clip";
   bundleIdSuffix ??= "Clip";
   targetSuffix ??= "Clip";
-  deploymentTarget ??= "14.0";
+  deploymentTarget ??= "15.1";
   appleSignin ??= false;
 
   if (!config.ios?.bundleIdentifier) {

plugin/src/index.ts

@@ -1,4 +1,3 @@
-import { mergeContents } from "@expo/config-plugins/build/utils/generateCode";
 import { type ConfigPlugin, withDangerousMod } from "expo/config-plugins";
 import fs from "node:fs";
 import path from "node:path";
@@ -20,41 +19,47 @@ export const withPodfile: ConfigPlugin<{
 
       const useExpoModules =
         excludedPackages && excludedPackages.length > 0
-          ? `exclude = ["${excludedPackages.join(`", "`)}"]
-      use_expo_modules!(exclude: exclude)`
+          ? `exclude = ["${excludedPackages.join(`", "`)}"]\n  use_expo_modules!(exclude: exclude)`
           : "use_expo_modules!";
 
       const appClipTarget = `
-        target '${targetName}' do
-          ${useExpoModules}
-          config = use_native_modules!
+target '${targetName}' do
+  ${useExpoModules}
 
-          use_frameworks! :linkage => podfile_properties['ios.useFrameworks'].to_sym if podfile_properties['ios.useFrameworks']
-          use_frameworks! :linkage => ENV['USE_FRAMEWORKS'].to_sym if ENV['USE_FRAMEWORKS']
+  if ENV['EXPO_USE_COMMUNITY_AUTOLINKING'] == '1'
+    config_command = ['node', '-e', "process.argv=['', '', 'config'];require('@react-native-community/cli').run()"];
+  else
+    config_command = [
+      'node',
+      '--no-warnings',
+      '--eval',
+      'require(require.resolve(\\'expo-modules-autolinking\\', { paths: [require.resolve(\\'expo/package.json\\')] }))(process.argv.slice(1))',
+      'react-native-config',
+      '--json',
+      '--platform',
+      'ios'
+    ]
+  end
+  config = use_native_modules!(config_command)
 
-          use_react_native!(
-            :path => config[:reactNativePath],
-            :hermes_enabled => podfile_properties['expo.jsEngine'] == nil || podfile_properties['expo.jsEngine'] == 'hermes',
-            # An absolute path to your application root.
-            :app_path => "#{Pod::Config.instance.installation_root}/..",
-            :privacy_file_aggregation_enabled => podfile_properties['apple.privacyManifestAggregationEnabled'] != 'false',
-          )
-        end
-      `;
+  use_frameworks! :linkage => podfile_properties['ios.useFrameworks'].to_sym if podfile_properties['ios.useFrameworks']
+  use_frameworks! :linkage => ENV['USE_FRAMEWORKS'].to_sym if ENV['USE_FRAMEWORKS']
 
-      /* podfileContent = podfileContent
-        .concat(`\n\n# >>> Inserted by react-native-app-clip`)
-        .concat(podfileInsert)
-        .concat(`\n\n# <<< Inserted by react-native-app-clip`); */
+  use_react_native!(
+    :path => config[:reactNativePath],
+    :hermes_enabled => podfile_properties['expo.jsEngine'] == nil || podfile_properties['expo.jsEngine'] == 'hermes',
+    # An absolute path to your application root.
+    :app_path => "#{Pod::Config.instance.installation_root}/..",
+    :privacy_file_aggregation_enabled => podfile_properties['apple.privacyManifestAggregationEnabled'] != 'false',
+  )
+end
+      `.trim();
 
-      podfileContent = mergeContents({
-        tag: "react-native-app-clip-2",
-        src: podfileContent,
-        newSrc: appClipTarget,
-        anchor: "Pod::UI.warn e",
-        offset: 3,
-        comment: "#",
-      }).contents;
+      // It's generally safer to use `mergeContents` to insert new content into the Podfile, but this new target should always be inserted at the end of the file.
+      podfileContent = podfileContent
+        .concat(`\n\n# >>> Inserted by react-native-app-clip\n`)
+        .concat(appClipTarget)
+        .concat(`\n\n# <<< Inserted by react-native-app-clip\n`);
 
       fs.writeFileSync(podFilePath, podfileContent);
 

plugin/src/withPodfile.ts

@@ -5,5 +5,5 @@
     "outDir": "./build"
   },
   "include": ["./src"],
-  "exclude": ["**/__mocks__/*", "**/__tests__/*"]
+  "exclude": ["**/__mocks__/*", "**/__tests__/*", "**/__rsc_tests__/*"]
 }