refactor(cna): make create-next-app even smaller

packages/create-next-app/helpers/copy.ts

@@ -0,0 +1,50 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import { async as glob } from 'fast-glob'
+import path from 'path'
+import fs from 'fs'
+
+interface CopyOption {
+  cwd?: string
+  rename?: (basename: string) => string
+  parents?: boolean
+}
+
+const identity = (x: string) => x
+
+export const copy = async (
+  src: string | string[],
+  dest: string,
+  { cwd, rename = identity, parents = true }: CopyOption = {}
+) => {
+  const source = typeof src === 'string' ? [src] : src
+
+  if (source.length === 0 || !dest) {
+    throw new TypeError('`files` and `destination` are required')
+  }
+
+  const sourceFiles = await glob<string>(source, {
+    cwd,
+    dot: true,
+    absolute: false,
+    stats: false,
+  })
+
+  const destRelativeToCwd = cwd ? path.resolve(cwd, dest) : dest
+
+  return Promise.all(
+    sourceFiles.map(async (p) => {
+      const dirname = path.dirname(p)
+      const basename = rename(path.basename(p))
+
+      const from = cwd ? path.resolve(cwd, p) : p
+      const to = parents
+        ? path.join(destRelativeToCwd, dirname, basename)
+        : path.join(destRelativeToCwd, basename)
+
+      // This ensure the destination directory exists
+      await fs.promises.mkdir(path.dirname(to), { recursive: true })
+
+      return fs.promises.copyFile(from, to)
+    })
+  )
+}

packages/create-next-app/package.json

@@ -42,8 +42,7 @@
     "ci-info": "watson/ci-info#f43f6a1cefff47fb361c88cf4b943fdbcaafe540",
     "commander": "2.20.0",
     "conf": "10.2.0",
-    "cpy": "7.3.0",
-    "cross-spawn": "6.0.5",
+    "cross-spawn": "7.0.3",
     "fast-glob": "2.2.7",
     "got": "10.7.0",
     "picocolors": "1.0.0",

packages/create-next-app/templates/index.ts

@@ -1,7 +1,7 @@
 import { install } from '../helpers/install'
 import { makeDir } from '../helpers/make-dir'
+import { copy } from '../helpers/copy'
 
-import cpy from 'cpy'
 import { async as glob } from 'fast-glob'
 import os from 'os'
 import fs from 'fs'
@@ -50,14 +50,14 @@ export const installTemplate = async ({
   if (!eslint) copySource.push('!eslintrc.json')
   if (!tailwind) copySource.push('!tailwind.config.js', '!postcss.config.js')
 
-  await cpy(copySource, root, {
+  await copy(copySource, root, {
     parents: true,
     cwd: templatePath,
-    rename: (name) => {
+    rename(name) {
       switch (name) {
         case 'gitignore':
         case 'eslintrc.json': {
-          return '.'.concat(name)
+          return `.${name}`
         }
         // README.md is ignored by webpack-asset-relocator-loader used by ncc:
         // https://github.com/vercel/webpack-asset-relocator-loader/blob/e9308683d47ff507253e37c9bcbb99474603192b/src/asset-relocator.js#L227
@@ -160,7 +160,7 @@ export const installTemplate = async ({
   }
 
   /**
-   * Create a package.json for the new project.
+   * Create a package.json for the new project and write it to disk.
    */
   const packageJson = {
     name: appName,
@@ -173,11 +173,7 @@ export const installTemplate = async ({
       lint: 'next lint',
     },
   }
-
-  /**
-   * Write it to disk.
-   */
-  fs.writeFileSync(
+  await fs.promises.writeFile(
     path.join(root, 'package.json'),
     JSON.stringify(packageJson, null, 2) + os.EOL
   )