feat: add config command (#19)

* chore: upgrade template to 0.76

* feat: add `config` command

* feat: add linking ios platform with `@react-native-community/cli-config-apple`

* fix: move `@react-native-community/cli-config-apple` under plugin package

* fix: remove `react-native.config.cjs`

* feat: bump `@react-native-community/cli` version to `15.1.0`

* fix test

---------

Co-authored-by: Michał Pierzchała <[email protected]>

Author: szymonrybczak

packages/cli/package.json

@@ -9,7 +9,11 @@
   },
   "dependencies": {
     "@callstack/rnef-config": "workspace:*",
+    "@react-native-community/cli-config": "^15.1.0",
     "commander": "^12.1.0",
     "tslib": "^2.3.0"
+  },
+  "devDependencies": {
+    "@react-native-community/cli-types": "^15.1.0"
   }
 }

packages/cli/src/config.ts

@@ -0,0 +1,28 @@
+import { loadConfigAsync } from '@react-native-community/cli-config';
+import { Config, DependencyConfig } from '@react-native-community/cli-types';
+
+function isValidRNDependency(config: DependencyConfig) {
+  return (
+    Object.keys(config.platforms).filter((key) =>
+      Boolean(config.platforms[key])
+    ).length !== 0
+  );
+}
+
+function filterConfig(config: Config) {
+  const filtered = { ...config };
+  Object.keys(filtered.dependencies).forEach((item) => {
+    if (!isValidRNDependency(filtered.dependencies[item])) {
+      delete filtered.dependencies[item];
+    }
+  });
+  return filtered;
+}
+
+export const logConfig = async (options: { platform?: string }) => {
+  const config = await loadConfigAsync({
+    selectedPlatform: options.platform,
+  });
+
+  console.log(JSON.stringify(filterConfig(config), null, 2));
+};

packages/cli/src/lib/__tests__/__fixtures__/simple-config/rnef.config.mjs

@@ -1,3 +1,4 @@
 export default {
   plugins: {},
+  commands: [{ name: 'test', description: 'Test command', action: () => {} }],
 };

packages/cli/src/lib/__tests__/cli.test.ts

@@ -13,5 +13,6 @@ it('should not throw when config is there', async () => {
   const __dirname = dirname(fileURLToPath(import.meta.url));
   await cli({
     cwd: join(__dirname, '__fixtures__/simple-config'),
+    argv: ['node', 'rnef', 'test'],
   });
 });

packages/cli/src/lib/cli.ts

@@ -1,6 +1,8 @@
 import { Command } from 'commander';
 import { getConfig } from '@callstack/rnef-config';
 import { createRequire } from 'module';
+import { logConfig } from '../config.js';
+
 const require = createRequire(import.meta.url);
 
 const { version } = require('./../../package.json');
@@ -14,16 +16,23 @@ program
 
 type CliOptions = {
   cwd?: string;
+  argv?: string[];
 };
 
-export const cli = async ({ cwd }: CliOptions = {}) => {
+export const cli = async ({ cwd, argv }: CliOptions = {}) => {
   const config = await getConfig(cwd);
+
+  program
+    .command('config')
+    .option('-p, --platform <string>', 'Select platform, e.g. ios or android')
+    .action(logConfig);
+
   // Register commands from the config
   config.commands?.forEach((command) => {
     const cmd = program
       .command(command.name)
       .description(command.description || '')
-      .action(async () => {
+      .action(() => {
         try {
           command.action(program.args);
         } catch (e) {
@@ -38,5 +47,5 @@ export const cli = async ({ cwd }: CliOptions = {}) => {
     }
   });
 
-  program.parse();
+  program.parse(argv);
 };

packages/plugin-platform-android/src/template/android/settings.gradle

@@ -1,6 +1,6 @@
 pluginManagement { includeBuild("../node_modules/@react-native/gradle-plugin") }
 plugins { id("com.facebook.react.settings") }
-extensions.configure(com.facebook.react.ReactSettingsExtension){ ex -> ex.autolinkLibrariesFromCommand() }
+extensions.configure(com.facebook.react.ReactSettingsExtension){ ex -> ex.autolinkLibrariesFromCommand('rnef config -p android') }
 rootProject.name = 'HelloWorld'
 include ':app'
 includeBuild('../node_modules/@react-native/gradle-plugin')

packages/plugin-platform-ios/eslint.config.js

@@ -13,6 +13,7 @@ export default [
             '{projectRoot}/eslint.config.{js,cjs,mjs}',
             '{projectRoot}/vite.config.{js,ts,mjs,mts}',
           ],
+          checkObsoleteDependencies: false,
         },
       ],
     },

packages/plugin-platform-ios/package.json

@@ -5,6 +5,7 @@
   "main": "./src/index.js",
   "typings": "./src/index.d.ts",
   "dependencies": {
+    "@react-native-community/cli-config-apple": "^15.1.0",
     "tslib": "^2.3.0"
   },
   "devDependencies": {

packages/plugin-platform-ios/react-native.config.ts

@@ -0,0 +1,17 @@
+let ios;
+try {
+  ios = await import('@react-native-community/cli-config-apple');
+} catch {
+  console.warn(
+    "@react-native-community/cli-config-apple not found, we couldn't configure the iOS project"
+  );
+}
+
+export default {
+  platforms: {
+    ios: {
+      projectConfig: ios?.getProjectConfig?.({ project: 'ios' }),
+      dependencyConfig: ios?.getDependencyConfig?.({ project: 'ios' }),
+    },
+  },
+};

packages/plugin-platform-ios/src/template/ios/Podfile

@@ -15,7 +15,7 @@ if linkage != nil
 end
 
 target 'HelloWorld' do
-  config = use_native_modules!
+  config = use_native_modules!('rnef config -p ios')
 
   use_react_native!(
     :path => config[:reactNativePath],