separate local and nonlocal next steps

Author: atlj

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

@@ -6,7 +6,12 @@ import yargs from 'yargs';
 import { addCodegenBuildScript } from './exampleApp/addCodegenBuildScript';
 import { alignDependencyVersionsWithExampleApp } from './exampleApp/dependencies';
 import generateExampleApp from './exampleApp/generateExampleApp';
-import { printErrorHelp, printNextSteps, printUsedRNVersion } from './inform';
+import {
+  printErrorHelp,
+  printLocalLibNextSteps,
+  printNonLocalLibNextSteps,
+  printUsedRNVersion,
+} from './inform';
 import {
   acceptedArgs,
   createMetadata,
@@ -149,33 +154,43 @@ async function create(_argv: yargs.Arguments<Args>) {
     spaces: 2,
   });
 
+  const printSuccessMessage = () =>
+    spinner.succeed(
+      `Project created successfully at ${kleur.yellow(
+        path.relative(process.cwd(), folder)
+      )}!\n`
+    );
+
+  if (!local) {
+    await createInitialGitCommit(folder);
+
+    printSuccessMessage();
+
+    printNonLocalLibNextSteps(config);
+    return;
+  }
+
   const packageManager = await determinePackageManager();
 
   let addedNitro = false;
-  let linkedLocalLibrary = false;
-  if (local) {
-    if (config.project.moduleConfig === 'nitro-modules') {
-      addedNitro = await addNitroDependencyToLocalLibrary(config);
-    }
-
-    linkedLocalLibrary = await linkLocalLibrary(config, folder, packageManager);
-  } else {
-    await createInitialGitCommit(folder);
+  if (config.project.moduleConfig === 'nitro-modules') {
+    addedNitro = await addNitroDependencyToLocalLibrary(config);
   }
 
-  spinner.succeed(
-    `Project created successfully at ${kleur.yellow(
-      path.relative(process.cwd(), folder)
-    )}!\n`
+  const linkedLocalLibrary = await linkLocalLibrary(
+    config,
+    folder,
+    packageManager
   );
 
-  await printNextSteps({
-    local,
-    folder,
+  printSuccessMessage();
+
+  printLocalLibNextSteps({
     config,
     packageManager,
-    addedNitro,
     linkedLocalLibrary,
+    addedNitro,
+    folder,
   });
 }
 

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

@@ -3,24 +3,55 @@ import dedent from 'dedent';
 import type { TemplateConfiguration } from './template';
 import kleur from 'kleur';
 
-export async function printNextSteps({
-  local,
+export function printNonLocalLibNextSteps(config: TemplateConfiguration) {
+  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!`
+      )}
+    `)
+  );
+}
+
+export function printLocalLibNextSteps({
   folder,
   config,
   linkedLocalLibrary,
   addedNitro,
   packageManager,
 }: {
-  local: boolean;
   folder: string;
   config: TemplateConfiguration;
   linkedLocalLibrary: boolean;
   addedNitro: boolean;
   packageManager: string;
 }) {
-  if (local) {
-    console.log(
-      dedent(`
+  console.log(
+    dedent(`
       ${kleur.magenta(
         `${kleur.bold('Get started')} with the project`
       )}${kleur.gray(':')}
@@ -51,40 +82,7 @@ export async function printNextSteps({
 
       ${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!`
-      )}
-    `)
-    );
-  }
+  );
 }
 
 export function printErrorHelp(message: string, error: Error) {