feat(expo): add Expo config plugin support

README.md

@@ -19,14 +19,45 @@ yarn && yarn example
 
 ## Configuration
 
+### React Native CLI
+
+Add the following inside the `<application>` element in your app's
+`android/app/src/main/AndroidManifest.xml`:
+
+```xml
+<meta-data
+  android:name="com.google.android.gms.wallet.api.enabled"
+  android:value="true" />
+```
+
 For production, you will need to define the
 `GOOGLE_PAY_ENVIRONMENT` property in your project's
 `gradle.properties` file (typically `android/gradle.properties`):
 
-```
+```properties
 GOOGLE_PAY_ENVIRONMENT=PRODUCTION
 ```
 
+### Expo
+
+Add the config plugin to your Expo app config. The `environment`
+option accepts `TEST` (default) or `PRODUCTION`:
+
+```json
+{
+  "expo": {
+    "plugins": [
+      [
+        "@google/react-native-make-payment",
+        {
+          "environment": "PRODUCTION"
+        }
+      ]
+    ]
+  }
+}
+```
+
 ## Usage
 
 Following is a minimal example. A complete example can be

app.plugin.js

@@ -0,0 +1 @@
+module.exports = require('./plugin/build');

eslint.config.mjs

@@ -35,7 +35,8 @@ export default defineConfig([
   {
     ignores: [
       'node_modules/',
-      'lib/'
+      'lib/',
+      'plugin/build/'
     ],
   },
 ]);

index.ts

@@ -0,0 +1,17 @@
+import { type ConfigPlugin } from '@expo/config-plugins';
+
+import { withAndroidConfiguration } from './withAndroid';
+
+export interface MakePaymentPluginProps {
+  environment?: string;
+}
+
+const withMakePayment: ConfigPlugin<MakePaymentPluginProps> = (
+  config,
+  props = {}
+) => {
+  config = withAndroidConfiguration(config, props);
+  return config;
+};
+
+export default withMakePayment;

package.json

@@ -16,16 +16,19 @@
     "src",
     "README.md",
     "LICENSE",
-    "package.json"
+    "package.json",
+    "app.plugin.js",
+    "plugin/build"
   ],
   "scripts": {
     "example": "yarn install & cd example && yarn install && yarn android",
     "test": "jest",
     "typecheck": "tsc",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
     "clean": "rm -rf yarn.lock, example/yarn.lock android/build example/android/build example/android/app/build lib node_modules example/node_modules",
-    "build": "bob build",
-    "prepack": "bob build",
+    "build": "bob build && yarn build:plugin",
+    "build:plugin": "tsc --project plugin/tsconfig.json",
+    "prepack": "yarn build",
     "codegen": "cd example/android && ./gradlew generateCodegenArtifactsFromSchema && cd ../."
   },
   "keywords": [
@@ -59,6 +62,7 @@
     "@eslint/compat": "^1.2.7",
     "@eslint/eslintrc": "^3.3.0",
     "@eslint/js": "^9.22.0",
+    "@expo/config-plugins": "~10.1.2",
     "@react-native-community/cli": "17.0.1",
     "@react-native/babel-preset": "0.79.2",
     "@react-native/eslint-config": "^0.78.0",

plugin/src/index.ts

@@ -0,0 +1,17 @@
+import { type ConfigPlugin } from '@expo/config-plugins';
+
+import { withAndroidConfiguration } from './withAndroid';
+
+export interface MakePaymentPluginProps {
+  environment?: string;
+}
+
+const withMakePayment: ConfigPlugin<MakePaymentPluginProps> = (
+  config,
+  props = {}
+) => {
+  config = withAndroidConfiguration(config, props);
+  return config;
+};
+
+export default withMakePayment;

plugin/src/withAndroid.ts

@@ -0,0 +1,57 @@
+import {
+  AndroidConfig,
+  type ConfigPlugin,
+  withAndroidManifest,
+  withGradleProperties,
+} from '@expo/config-plugins';
+
+import { type MakePaymentPluginProps } from './index';
+
+const GOOGLE_PAY_ENABLED_KEY = 'com.google.android.gms.wallet.api.enabled';
+const GOOGLE_PAY_ENVIRONMENT_KEY = 'GOOGLE_PAY_ENVIRONMENT';
+
+const withGooglePayManifest: ConfigPlugin = (config) =>
+  withAndroidManifest(config, (config) => {
+    const mainApplication = AndroidConfig.Manifest.getMainApplicationOrThrow(
+      config.modResults
+    );
+
+    AndroidConfig.Manifest.addMetaDataItemToMainApplication(
+      mainApplication,
+      GOOGLE_PAY_ENABLED_KEY,
+      'true'
+    );
+
+    return config;
+  });
+
+const withGooglePayEnvironment: ConfigPlugin<MakePaymentPluginProps> = (
+  config,
+  { environment } = {}
+) =>
+  withGradleProperties(config, (config) => {
+    config.modResults = config.modResults.filter(
+      (item) =>
+        !(item.type === 'property' && item.key === GOOGLE_PAY_ENVIRONMENT_KEY)
+    );
+
+    if (environment !== undefined) {
+      config.modResults.push({
+        type: 'property',
+        key: GOOGLE_PAY_ENVIRONMENT_KEY,
+        value: environment,
+      });
+    }
+
+    return config;
+  });
+
+export const withAndroidConfiguration: ConfigPlugin<MakePaymentPluginProps> = (
+  config,
+  props = {}
+) => {
+  config = withGooglePayManifest(config);
+  config = withGooglePayEnvironment(config, props);
+
+  return config;
+};

plugin/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "declaration": true,
+    "module": "Node16",
+    "outDir": "build",
+    "rootDir": "src",
+    "skipLibCheck": true,
+    "strict": true,
+    "target": "ES2022"
+  },
+  "include": ["./src"]
+}

withAndroid.ts

@@ -0,0 +1,57 @@
+import {
+  AndroidConfig,
+  type ConfigPlugin,
+  withAndroidManifest,
+  withGradleProperties,
+} from '@expo/config-plugins';
+
+import { type MakePaymentPluginProps } from './index';
+
+const GOOGLE_PAY_ENABLED_KEY = 'com.google.android.gms.wallet.api.enabled';
+const GOOGLE_PAY_ENVIRONMENT_KEY = 'GOOGLE_PAY_ENVIRONMENT';
+
+const withGooglePayManifest: ConfigPlugin = (config) =>
+  withAndroidManifest(config, (config) => {
+    const mainApplication = AndroidConfig.Manifest.getMainApplicationOrThrow(
+      config.modResults
+    );
+
+    AndroidConfig.Manifest.addMetaDataItemToMainApplication(
+      mainApplication,
+      GOOGLE_PAY_ENABLED_KEY,
+      'true'
+    );
+
+    return config;
+  });
+
+const withGooglePayEnvironment: ConfigPlugin<MakePaymentPluginProps> = (
+  config,
+  { environment } = {}
+) =>
+  withGradleProperties(config, (config) => {
+    config.modResults = config.modResults.filter(
+      (item) =>
+        !(item.type === 'property' && item.key === GOOGLE_PAY_ENVIRONMENT_KEY)
+    );
+
+    if (environment !== undefined) {
+      config.modResults.push({
+        type: 'property',
+        key: GOOGLE_PAY_ENVIRONMENT_KEY,
+        value: environment,
+      });
+    }
+
+    return config;
+  });
+
+export const withAndroidConfiguration: ConfigPlugin<MakePaymentPluginProps> = (
+  config,
+  props = {}
+) => {
+  config = withGooglePayManifest(config);
+  config = withGooglePayEnvironment(config, props);
+
+  return config;
+};