refactor: extract next steps

Author: atlj

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

@@ -0,0 +1,105 @@
+import path from 'path';
+import fs from 'fs-extra';
+import dedent from 'dedent';
+import type { TemplateConfiguration } from './config';
+import kleur from 'kleur';
+
+export async function printNextSteps(
+  local: boolean,
+  folder: string,
+  config: TemplateConfiguration
+) {
+  if (local) {
+    let linked;
+
+    const packageManager = (await fs.pathExists(
+      path.join(process.cwd(), 'yarn.lock')
+    ))
+      ? 'yarn'
+      : 'npm';
+
+    const packageJsonPath = path.join(process.cwd(), 'package.json');
+
+    if (await fs.pathExists(packageJsonPath)) {
+      const packageJson = await fs.readJSON(packageJsonPath);
+      const isReactNativeProject = Boolean(
+        packageJson.dependencies?.['react-native']
+      );
+
+      if (isReactNativeProject) {
+        packageJson.dependencies = packageJson.dependencies || {};
+        packageJson.dependencies[config.project.slug] =
+          packageManager === 'yarn'
+            ? `link:./${path.relative(process.cwd(), folder)}`
+            : `file:./${path.relative(process.cwd(), folder)}`;
+
+        await fs.writeJSON(packageJsonPath, packageJson, {
+          spaces: 2,
+        });
+
+        linked = true;
+      }
+    }
+
+    console.log(
+      dedent(`
+      ${kleur.magenta(
+        `${kleur.bold('Get started')} with the project`
+      )}${kleur.gray(':')}
+
+      ${
+        (linked
+          ? `- Run ${kleur.blue(
+              `${packageManager} install`
+            )} to link the library\n`
+          : `- Link the library at ${kleur.blue(
+              path.relative(process.cwd(), folder)
+            )} based on your project setup'\n`) +
+        `- Run ${kleur.blue(
+          'pod install --project-directory=ios'
+        )} to install dependencies with CocoaPods\n` +
+        `- Run ${kleur.blue('npx react-native run-android')} or ${kleur.blue(
+          'npx react-native run-ios'
+        )} to build and run the app\n` +
+        `- Import from ${kleur.blue(
+          config.project.slug
+        )} and use it in your app.`
+      }
+
+      ${kleur.yellow(`Good luck!`)}
+    `)
+    );
+  } else {
+    const platforms = {
+      ios: { name: 'iOS', color: 'cyan' },
+      android: { name: 'Android', color: 'green' },
+      ...(config.example === 'expo'
+        ? ({ web: { name: 'Web', color: 'blue' } } as const)
+        : null),
+    } as const;
+
+    console.log(
+      dedent(`
+      ${kleur.magenta(
+        `${kleur.bold('Get started')} with the project`
+      )}${kleur.gray(':')}
+
+        ${kleur.gray('$')} yarn
+      ${Object.entries(platforms)
+        .map(
+          ([script, { name, color }]) => `
+      ${kleur[color](`Run the example app on ${kleur.bold(name)}`)}${kleur.gray(
+        ':'
+      )}
+
+        ${kleur.gray('$')} yarn example ${script}`
+        )
+        .join('\n')}
+
+      ${kleur.yellow(
+        `See ${kleur.bold('CONTRIBUTING.md')} for more details. Good luck!`
+      )}
+    `)
+    );
+  }
+}