feat: CLI wrapper scripts provided by library packages (#191)

* feat: bin script wrappers for brownie & brownfield packages

* fix: typescript compilation issues

* chore: use CLI script provided by brownfield & brownie in demo apps

* fix: exports in cli package.json

* fix: normalize CJS/ESM interop for cli-config

Author: artus9033

apps/RNApp/package.json

@@ -30,7 +30,6 @@
     "@babel/core": "^7.25.2",
     "@babel/preset-env": "^7.25.3",
     "@babel/runtime": "^7.25.0",
-    "@callstack/brownfield-cli": "workspace:^",
     "@react-native-community/cli": "20.0.0",
     "@react-native-community/cli-platform-android": "20.0.0",
     "@react-native-community/cli-platform-ios": "20.0.0",

apps/TesterIntegrated/package.json

@@ -23,7 +23,6 @@
     "@babel/core": "^7.25.2",
     "@babel/preset-env": "^7.25.3",
     "@babel/runtime": "^7.25.0",
-    "@callstack/brownfield-cli": "workspace:^",
     "@react-native-community/cli": "20.0.0",
     "@react-native-community/cli-platform-android": "20.0.0",
     "@react-native-community/cli-platform-ios": "20.0.0",

packages/brownie/package.json

@@ -3,6 +3,9 @@
   "version": "0.0.1",
   "license": "MIT",
   "author": "Oskar Kwaśniewski <oskarkwasniewski@icloud.com>",
+  "bin": {
+    "brownfield": "./lib/commonjs/scripts/brownfield.js"
+  },
   "contributors": [
     "Artur Morys-Magiera <artus9033@gmail.com>",
     "Oskar Kwasniewski <oskarkwasniewski@icloud.com>"

packages/brownie/src/scripts/brownfield.ts

@@ -0,0 +1,5 @@
+#!/usr/bin/env node
+
+import { runCLI } from '@callstack/brownfield-cli';
+
+runCLI(process.argv);

packages/cli/package.json

@@ -4,7 +4,7 @@
   "license": "MIT",
   "author": "Artur Morys-Magiera <artus9033@gmail.com>",
   "bin": {
-    "brownfield": "./dist/index.js"
+    "brownfield": "./dist/main.js"
   },
   "type": "module",
   "contributors": [
@@ -15,7 +15,19 @@
   "description": "Brownfield CLI for React Native, gathering all packages of the RN brownfield ecosystem",
   "exports": {
     ".": {
-      "source": "./src/index.ts"
+      "source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./brownfield": {
+      "source": "./src/brownfield/index.ts",
+      "types": "./dist/brownfield/index.d.ts",
+      "default": "./dist/brownfield/index.js"
+    },
+    "./brownie": {
+      "source": "./src/brownie/index.ts",
+      "types": "./dist/brownie/index.d.ts",
+      "default": "./dist/brownie/index.js"
     },
     "./package.json": "./package.json"
   },

packages/cli/src/brownfield/utils/rn-cli.ts

@@ -4,7 +4,13 @@ import type {
   Config as UserConfig,
   ProjectConfig,
 } from '@react-native-community/cli-types';
-import cliConfig from '@react-native-community/cli-config';
+import cliConfigImport from '@react-native-community/cli-config';
+
+const cliConfig: typeof cliConfigImport =
+  typeof cliConfigImport === 'function'
+    ? cliConfigImport
+    : // @ts-expect-error: interop default
+      cliConfigImport.default;
 
 import { findProjectRoot, makeRelativeProjectConfigPaths } from './paths.js';
 
@@ -22,7 +28,7 @@ export function getProjectInfo<Platform extends 'ios' | 'android'>(
 } {
   const projectRoot = findProjectRoot();
 
-  const userConfig = cliConfig.default({
+  const userConfig = cliConfig({
     projectRoot,
     selectedPlatform: platform,
   });

packages/cli/src/brownie/__fixtures__/SecondStore.brownie.ts

@@ -3,7 +3,6 @@ type SecondStore = {
   enabled: boolean;
 };
 
-// @ts-expect-error: inexistent module augmentation
 declare module '@callstack/brownie' {
   interface BrownieStores {
     SecondStore: SecondStore;

packages/cli/src/brownie/__fixtures__/TestStore.brownie.ts

@@ -4,7 +4,6 @@ type TestStore = {
   isActive: boolean;
 };
 
-// @ts-expect-error: inexistent module augmentation
 declare module '@callstack/brownie' {
   interface BrownieStores {
     TestStore: TestStore;

packages/cli/src/brownie/commands/codegen.ts

@@ -14,7 +14,7 @@ import {
 import { generateSwift } from '../generators/swift.js';
 import { generateKotlin } from '../generators/kotlin.js';
 import { discoverStores, type DiscoveredStore } from '../store-discovery.js';
-import { Platform } from '../types.js';
+import type { Platform } from '../types.js';
 
 function getOutputPath(dir: string, name: string, ext: string): string {
   return path.join(dir, `${name}.${ext}`);

packages/cli/src/index.ts

@@ -1,5 +1,3 @@
-#!/usr/bin/env node
-
 import { styleText } from 'node:util';
 
 import { logger } from '@rock-js/tools';
@@ -77,8 +75,10 @@ registrationHelper(brownieCommands, brownieCommandsGroupName);
 
 program.commandsGroup('Utility commands').helpCommand('help [command]');
 
-program.parse(process.argv);
+export function runCLI(argv: string[]): void {
+  program.parse(argv);
 
-if (!process.argv.slice(2).length) {
-  program.outputHelp();
+  if (!argv.slice(2).length) {
+    program.outputHelp();
+  }
 }