Add npmrc with legacy peer deps

Author: rakeshpetit

src/commands/__tests__/createApp.test.ts

@@ -1,6 +1,14 @@
 import { confirm, input } from '@inquirer/prompts';
 import { fs, vol } from 'memfs';
-import { Mock, afterEach, describe, expect, test, vi } from 'vitest';
+import {
+  Mock,
+  afterEach,
+  beforeEach,
+  describe,
+  expect,
+  test,
+  vi,
+} from 'vitest';
 import exec from '../../util/exec';
 import print from '../../util/print';
 import { createApp } from '../createApp';
@@ -12,6 +20,10 @@ vi.mock('@inquirer/prompts', () => ({
 vi.mock('../../util/addDependency');
 vi.mock('../../util/print', () => ({ default: vi.fn() }));
 
+beforeEach(() => {
+  process.env.npm_config_user_agent = 'yarn/1.22.0';
+});
+
 afterEach(() => {
   vol.reset();
   (print as Mock).mockReset();
@@ -84,18 +96,28 @@ describe('package manager options', () => {
     (confirm as Mock).mockResolvedValueOnce(true);
     await createApp('MyApp', { npm: true });
     expect(exec).toHaveBeenCalledWith('npm install');
+    expectFileContents('MyApp/.npmrc', 'legacy-peer-deps=true');
   });
 
   test('creates with bun', async () => {
     (confirm as Mock).mockResolvedValueOnce(true);
     await createApp('MyApp', { bun: true });
     expect(exec).toHaveBeenCalledWith('bun install');
+    expect(() => fs.readFileSync('MyApp/.npmrc', 'utf8')).toThrow();
   });
 
   test('creates with pnpm', async () => {
     (confirm as Mock).mockResolvedValueOnce(true);
     await createApp('MyApp', { pnpm: true });
     expect(exec).toHaveBeenCalledWith('pnpm install');
+    expect(() => fs.readFileSync('MyApp/.npmrc', 'utf8')).toThrow();
+  });
+
+  test('creates with yarn (does not add .npmrc)', async () => {
+    (confirm as Mock).mockResolvedValueOnce(true);
+    await createApp('MyApp', { yarn: true });
+    expect(exec).toHaveBeenCalledWith('yarn install');
+    expect(() => fs.readFileSync('MyApp/.npmrc', 'utf8')).toThrow();
   });
 });
 

src/commands/createApp.ts

@@ -5,6 +5,7 @@ import _ from 'lodash';
 import ora from 'ora';
 import path from 'path';
 import { PACKAGE_ROOT, globals } from '../constants';
+import addNpmrc from '../util/addNpmrc';
 import commit from '../util/commit';
 import copyTemplateDirectory from '../util/copyTemplateDirectory';
 import exec from '../util/exec';
@@ -54,10 +55,14 @@ export async function createApp(
 
     spinner.succeed('Created new Belt app with Expo');
 
+    const packageManager = getPackageManager(options);
+    if (packageManager === 'npm') {
+      await addNpmrc(appName);
+    }
+
     process.chdir(`./${appName}`);
 
     spinner.start('Installing dependencies');
-    const packageManager = getPackageManager(options);
     await exec(`${packageManager} install`);
     await exec('git init');
     await commit('Initial commit');

src/util/__tests__/addNpmrc.test.ts

@@ -0,0 +1,16 @@
+import { fs, vol } from 'memfs';
+import { afterEach, describe, expect, test } from 'vitest';
+import addNpmrc from '../addNpmrc';
+
+afterEach(() => {
+  vol.reset();
+});
+
+describe('addNpmrc', () => {
+  test('creates .npmrc file in current directory', async () => {
+    await addNpmrc();
+
+    const npmrcContent = fs.readFileSync('.npmrc', 'utf8');
+    expect(npmrcContent).toContain('legacy-peer-deps=true');
+  });
+});

src/util/addNpmrc.ts

@@ -0,0 +1,8 @@
+import copyTemplateDirectory from './copyTemplateDirectory';
+
+export default async function addNpmrc(destinationDir = '.') {
+  await copyTemplateDirectory({
+    templateDir: 'npmrc',
+    destinationDir,
+  });
+}

templates/npmrc/.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true