fix: add bob to devDependencies during init

Author: satya164

README.md

@@ -57,16 +57,24 @@ The difference from [create-react-native-module](https://github.com/brodybits/cr
 
 ### Configuring an existing project
 
-First, install Bob in your project. Open a Terminal in your project, and run:
+#### Automatic configuration
 
-```sh
-yarn add --dev react-native-builder-bob
+To automatically configure your project to use Bob, open a Terminal and run:
+
+```js
+npx react-native-builder-bob init
 ```
 
-To configure your project to use Bob, open a Terminal and run `yarn bob init` for automatic configuration.
+#### Manual configuration
 
 To configure your project manually, follow these steps:
 
+1. First, install Bob in your project. Open a Terminal in your project, and run:
+
+  ```sh
+  yarn add --dev react-native-builder-bob
+  ```
+
 1. In your `package.json`, specify the targets to build for:
 
    ```json
@@ -84,15 +92,15 @@ To configure your project manually, follow these steps:
 
    See options below for more details.
 
-2. Add `bob` to your `prepare` step:
+1. Add `bob` to your `prepare` step:
 
    ```js
    "scripts": {
      "prepare": "bob build"
    }
    ```
 
-3. Configure the appropriate entry points:
+1. Configure the appropriate entry points:
 
    ```json
    "main": "lib/commonjs/index.js",
@@ -109,16 +117,16 @@ To configure your project manually, follow these steps:
 
    It's usually good to point to your source code with the `react-native` field to make debugging easier. Metro already supports compiling a lot of new syntaxes including JSX, Flow and TypeScript and it will use this field if present.
 
-   If you're building TypeScript definition files, also make sure that the `types` field points to a correct path. Depending on the project configuration, the path can be different for you than the example snippet.
+   If you're building TypeScript definition files, also make sure that the `types` field points to a correct path. Depending on the project configuration, the path can be different for you than the example snippet (e.g. `lib/typescript/index.d.ts` if you have only the `src` directory).
 
-4. Add the output directory to `.gitignore` and `.eslintignore`
+1. Add the output directory to `.gitignore` and `.eslintignore`
 
    ```gitignore
    # generated files by bob
    lib/
    ```
 
-5. Add the output directory to `jest.modulePathIgnorePatterns` if you use [Jest](https://jestjs.io)
+1. Add the output directory to `jest.modulePathIgnorePatterns` if you use [Jest](https://jestjs.io)
 
    ```json
    "modulePathIgnorePatterns": ["<rootDir>/lib/"]

src/cli.ts

@@ -1,6 +1,7 @@
 import path from 'path';
 import fs from 'fs-extra';
 import chalk from 'chalk';
+import dedent from 'dedent';
 import yargs from 'yargs';
 import { cosmiconfigSync } from 'cosmiconfig';
 import isGitDirty from 'is-git-dirty';
@@ -14,7 +15,7 @@ import buildTypescript from './targets/typescript';
 import type { Options } from './types';
 
 // eslint-disable-next-line import/no-commonjs
-const { name } = require('../package.json');
+const { name, version } = require('../package.json');
 
 const root = process.cwd();
 const explorer = cosmiconfigSync(name, {
@@ -74,6 +75,14 @@ yargs
     }
 
     const pkg = JSON.parse(await fs.readFile(pak, 'utf-8'));
+
+    pkg.devDependencies = Object.fromEntries(
+      [
+        ...Object.entries(pkg.devDependencies || {}),
+        [name, `^${version}`],
+      ].sort(([a], [b]) => a.localeCompare(b))
+    );
+
     const questions: PromptObject[] = [
       {
         type: 'text',
@@ -309,7 +318,17 @@ yargs
       }
     }
 
-    logger.success('Your project is configured!');
+    console.log(
+      dedent(chalk`
+      Project {yellow ${pkg.name}} configured successfully!
+
+      {magenta {bold Perform last steps} by running}{gray :}
+
+        {gray $} yarn
+
+      {yellow Good luck!}
+    `)
+    );
   })
   .command('build', 'build files for publishing', {}, async (argv) => {
     const result = explorer.search();