refactor: write prompt using pigment (#915)

https://github.com/user-attachments/assets/f9fd11c3-ab8d-410a-b90a-b8bb29209ed2

Author: satya164

.github/workflows/build-templates.yml

@@ -86,7 +86,10 @@ jobs:
             --type ${{ matrix.type.name }}
             --languages ${{ matrix.type.language }}
             --example ${{ matrix.type.language == 'js' && 'expo' || 'vanilla' }}
-            --tools eslint lefthook release-it jest
+            --tools eslint
+            --tools jest
+            --tools lefthook
+            --tools release-it
           )
 
           if [[ ${{ github.event_name }} == 'schedule' ]]; then

.gitignore

@@ -49,6 +49,10 @@ jspm_packages/
 !.yarn/sdks
 !.yarn/versions
 
+# Yalc
+.yalc
+yalc.lock
+
 # Typescript v1 declaration files
 typings/
 

eslint.config.mjs

@@ -31,6 +31,7 @@ export default defineConfig(
     '**/.vscode/',
     '**/node_modules/',
     '**/coverage/',
+    '**/doc_build/',
     '**/out/',
     '**/lib/',
     '**/templates/',

packages/create-react-native-library/package.json

@@ -48,9 +48,8 @@
     "github-username": "^6.0.0",
     "kleur": "^4.1.4",
     "ora": "^5.4.1",
-    "prompts": "^2.4.2",
-    "validate-npm-package-name": "^4.0.0",
-    "yargs": "^17.5.1"
+    "pigment": "^0.3.10",
+    "validate-npm-package-name": "^4.0.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.24.8",
@@ -62,8 +61,6 @@
     "@types/dedent": "^0.7.0",
     "@types/ejs": "^3.1.1",
     "@types/fs-extra": "^9.0.13",
-    "@types/prompts": "^2.0.14",
-    "@types/validate-npm-package-name": "^3.0.3",
-    "@types/yargs": "^17.0.10"
+    "@types/validate-npm-package-name": "^3.0.3"
   }
 }

packages/create-react-native-library/src/exampleApp/generateExampleApp.ts

@@ -120,7 +120,8 @@ export default async function generateExampleApp({
         'blank',
       ];
       break;
-    case 'none': {
+    case undefined:
+    case null: {
       // Do nothing
     }
   }

packages/create-react-native-library/src/index.ts

@@ -1,8 +1,8 @@
+import pak from '../package.json';
 import fs from 'fs-extra';
 import kleur from 'kleur';
 import ora from 'ora';
 import path from 'path';
-import yargs from 'yargs';
 import {
   FALLBACK_BOB_VERSION,
   FALLBACK_NITRO_MODULES_VERSION,
@@ -11,50 +11,24 @@ import {
 import { alignDependencyVersionsWithExampleApp } from './exampleApp/dependencies';
 import generateExampleApp from './exampleApp/generateExampleApp';
 import {
-  printErrorHelp,
   printLocalLibNextSteps,
   printNonLocalLibNextSteps,
   printUsedRNVersion,
 } from './inform';
-import {
-  acceptedArgs,
-  createMetadata,
-  createQuestions,
-  type Answers,
-} from './input';
+import { prompt } from './prompt';
 import { applyTemplates, generateTemplateConfiguration } from './template';
 import { assertNpxExists } from './utils/assert';
+import { configureTools } from './utils/configureTools';
 import { createInitialGitCommit } from './utils/initialCommit';
 import {
   addNitroDependencyToLocalLibrary,
   linkLocalLibrary,
 } from './utils/local';
 import { determinePackageManager } from './utils/packageManager';
-import { prompt } from './utils/prompt';
 import { resolveNpmPackageVersion } from './utils/resolveNpmPackageVersion';
-import { hideBin } from 'yargs/helpers';
-import { configureTools } from './utils/configureTools';
-
-type Args = Partial<Answers> & {
-  $0: string;
-  [key: string]: unknown;
-};
-
-void yargs(hideBin(process.argv))
-  .command('$0 [name]', 'create a react native library', acceptedArgs, create)
-  .demandCommand()
-  .recommendCommands()
-  .fail(printErrorHelp)
-  .parserConfiguration({
-    // don't pass kebab-case args to handler.
-    'strip-dashed': true,
-  })
-  .parse();
-
-async function create(_argv: Args) {
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const { _, $0, ...argv } = _argv;
+import { createMetadata } from './utils/createMetadata';
 
+async function create() {
   // Prefetch bob version in background while asking questions
   const bobVersionPromise = resolveNpmPackageVersion(
     'react-native-builder-bob',
@@ -67,12 +41,18 @@ async function create(_argv: Args) {
 
   await assertNpxExists();
 
-  const questions = await createQuestions(argv);
-
-  const answers = await prompt<Answers, typeof argv>(questions, argv, {
-    interactive: argv.interactive,
+  const answers = await prompt.show({
+    name: pak.name,
+    version: pak.version,
+    description: pak.description,
   });
 
+  if (answers == null) {
+    process.exit(0);
+  }
+
+  console.log(''); // Empty new line after prompts
+
   const bobVersion = await bobVersionPromise;
   const nitroModulesVersion =
     answers.type === 'nitro-module' || answers.type === 'nitro-view'
@@ -101,7 +81,7 @@ async function create(_argv: Args) {
 
   const spinner = ora().start();
 
-  if (config.example !== 'none') {
+  if (config.example != null) {
     spinner.text = 'Generating example app';
 
     await generateExampleApp({
@@ -117,7 +97,7 @@ async function create(_argv: Args) {
 
   const rootPackageJson = await fs.readJson(path.join(folder, 'package.json'));
 
-  if (config.example !== 'none') {
+  if (config.example != null) {
     await alignDependencyVersionsWithExampleApp(rootPackageJson, folder);
   }
 
@@ -200,3 +180,11 @@ async function create(_argv: Args) {
     printNonLocalLibNextSteps(config);
   }
 }
+
+create().catch((e: unknown) => {
+  console.log('\n');
+  console.log(kleur.red('× An error occurred while creating the project.\n'));
+  console.error(e);
+
+  process.exit(1);
+});

packages/create-react-native-library/src/inform.ts

@@ -113,13 +113,19 @@ export function printUsedRNVersion(
         `react-native@${version}`
       )} for the example`
     );
-  } else {
+  } else if (config.example != null) {
     console.warn(
       `${kleur.yellow(
         '⚠'
       )} Ignoring --react-native-version for unsupported example type: ${kleur.cyan(
         config.example
       )}`
     );
+  } else {
+    console.warn(
+      `${kleur.yellow(
+        '⚠'
+      )} Ignoring --react-native-version for library without example app`
+    );
   }
 }