feature(cli): add functionality to existing projects

.eslintrc

@@ -0,0 +1 @@
+{}

.github/workflows/pr_check.yml

@@ -1,4 +1,4 @@
-name: Release
+name: PR
 
 on:
   push:

.github/workflows/release.yml

@@ -11,7 +11,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [14.x]
+        node-version: [14.x, 16.x]
 
     steps:
       - uses: actions/checkout@v2

src/constants.ts

@@ -1,38 +1,3 @@
-// https://github.com/marvinhagemeister/kolorist/blob/main/src/index.ts
-import { blue, yellow, red, green } from 'kolorist';
-
-import * as types from './types';
-
-export const TEMPLATES_DIRECTORY = `${__dirname}/templates`;
 export const RENAMABLE_FILES_MAP: { [key: string]: string } = {
   _gitignore: '.gitignore',
 };
-
-export const TEMPLATES: types.Template[] = [
-  {
-    name: 'react',
-    color: yellow,
-    variants: [
-      {
-        color: yellow,
-        name: 'react',
-        display: 'React JavaScript',
-      },
-      {
-        color: blue,
-        name: 'react-ts',
-        display: 'React TypeScript',
-      },
-      {
-        color: red,
-        name: 'vite-vanilla',
-        display: 'Vite JavaScript',
-      },
-      {
-        color: green,
-        name: 'koa-ts',
-        display: 'Koa Typescript',
-      },
-    ],
-  },
-];

src/helpers.ts

@@ -0,0 +1,22 @@
+import fs from 'fs';
+import path from 'path';
+
+export const copyDir = (srcDir: string, destDir: string) => {
+  fs.mkdirSync(destDir, { recursive: true });
+
+  const prepareAndCopy = (file: string) => {
+    const srcFile = path.resolve(srcDir, file);
+    const destFile = path.resolve(destDir, file);
+    copy(srcFile, destFile);
+  };
+
+  fs.readdirSync(srcDir).forEach(prepareAndCopy);
+};
+
+export const write = (to: string, content: string) =>
+  fs.writeFileSync(to, content);
+
+export const copy = (src: string, dest: string) =>
+  fs.statSync(src).isDirectory()
+    ? copyDir(src, dest)
+    : fs.copyFileSync(src, dest);

src/index.ts

@@ -1,100 +1,13 @@
 #!/usr/bin/env node
+import * as types from './types';
+import * as prompts from './prompts';
+import * as utils from './utils';
 
-import prompts from 'prompts'
-import fs from 'fs'
-import path from 'path'
-import { green, reset } from 'kolorist'
+const commandHandlers: Record<types.Command, () => Promise<void>> = {
+  add: prompts.add,
+  create: prompts.create,
+};
 
-import * as functions from './functions'
-import * as utils from './utils'
-import { TEMPLATES, TEMPLATES_DIRECTORY } from './constants'
+const handleCommand = (command: types.Command) => commandHandlers[command]();
 
-const cwd = process.cwd()
-
-const init = async () => {
-  const state = {
-    targetDir: '',
-  }
-
-  const templates = TEMPLATES.flatMap((f) => f.variants)
-
-  let steps: prompts.PromptObject[] = [
-    {
-      type: 'text',
-      name: 'projectName',
-      message: 'Project name:',
-      initial: 'my-awesome-project',
-      onState: ({ value = '' }) => (state.targetDir = value.trim()),
-    },
-    {
-      type: () => {
-        if (fs.existsSync(state.targetDir) ? 'confirm' : null) {
-          throw new Error('Target directory is not empty. Please try again.')
-        }
-
-        return null
-      },
-      name: 'exitInvalidDir',
-    },
-    {
-      type: () => (utils.isValidPkgName(state.targetDir) ? null : 'text'),
-      name: 'packageName',
-      message: reset('Package name:'),
-      initial: () => utils.toValidPackageName(state.targetDir),
-      validate: (dir) =>
-        utils.isValidPkgName(dir) || 'Invalid package.json name',
-    },
-    {
-      type: 'select',
-      name: 'template',
-      message: reset('Select a template:'),
-      initial: 0,
-      choices: templates.map((template) => ({
-        title: template.color(template.name),
-        value: template,
-      })),
-    },
-  ]
-
-  const result = await prompts(steps)
-
-  const root = path.join(cwd, state.targetDir)
-  console.log(`\nScaffolding project in ${root}...`)
-
-  fs.mkdirSync(root)
-  const templateDir = path.join(TEMPLATES_DIRECTORY, result.template.name)
-
-  fs.readdirSync(templateDir)
-    .filter(utils.isNotPackageJson)
-    .forEach((fileName) =>
-      functions.copy(
-        path.join(templateDir, fileName),
-        utils.getTargetPath(root, fileName)
-      )
-    )
-
-  const packageJson = Object.assign(
-    require(path.join(templateDir, 'package.json')),
-    {
-      name: result.packageName,
-    }
-  )
-
-  functions.write(
-    utils.getTargetPath(root, 'package.json'),
-    JSON.stringify(packageJson, null, 2)
-  )
-
-  const pkgManager =
-    utils.getPkgManagerFromUserAgent(process.env.npm_config_user_agent) ?? 'npm'
-
-  console.log(green(`\nFinished! Now run:\n`))
-
-  if (root !== cwd) {
-    console.log(`  cd ${path.relative(cwd, root)}`)
-  }
-
-  console.log(utils.installInstructionsByPkgManager(pkgManager))
-}
-
-init().catch(({ message }) => console.error(message))
+prompts.start().then(handleCommand).catch(utils.handleError);

src/prompts/add/handlers/gh-actions.ts

@@ -0,0 +1,63 @@
+import fs from 'fs';
+import path from 'path';
+import { lightGreen } from 'kolorist';
+
+import * as helpers from '../../../helpers';
+import * as utils from '../../../utils';
+
+const cwd = process.cwd();
+
+const createGithubDir = (path: string) => {
+  const hasGithubDir = fs.existsSync(`${path}/.github`);
+  if (!hasGithubDir) {
+    fs.mkdirSync(`${path}/.github`);
+    console.log(`\nNo .github exists, creating directory`);
+  }
+};
+
+export const ghActions = () => {
+  const root = path.join(cwd);
+
+  console.log(`\nAdding gh actions to ${root}...`);
+  console.log('this is root', root);
+
+  const hasGithubDir = fs.existsSync(`${root}/.github`);
+  console.log('has github dir: ', hasGithubDir);
+  const templateDir = path.join(
+    PROJECT_TEMPLATES_DIRECTORY,
+    result.template.name
+  );
+
+  fs.readdirSync(templateDir)
+    .filter(utils.isNotPackageJson)
+    .forEach((fileName) =>
+      helpers.copy(
+        path.join(templateDir, fileName),
+        utils.getTargetPath(root, fileName)
+      )
+    );
+
+  const packageJson = Object.assign(
+    require(path.join(templateDir, 'package.json')),
+    {
+      name: result.targetDir,
+    }
+  );
+
+  helpers.write(
+    utils.getTargetPath(root, 'package.json'),
+    JSON.stringify(packageJson, null, 2)
+  );
+
+  const pkgManager =
+    utils.getPkgManagerFromUserAgent(process.env.npm_config_user_agent) ??
+    'npm';
+
+  console.log(lightGreen(`\nFinished! Now run:\n`));
+
+  if (root !== cwd) {
+    console.log(`  cd ${path.relative(cwd, root)}`);
+  }
+
+  console.log(utils.installInstructionsByPkgManager(pkgManager));
+};

src/prompts/add/handlers/index.ts

@@ -0,0 +1 @@
+export * from './gh-actions';

src/prompts/add/index.ts

@@ -0,0 +1,26 @@
+import { reset } from 'kolorist';
+import p from 'prompts';
+import * as types from './../../types';
+import * as utils from '../../utils';
+import { Util, UTIL_TEMPLATES } from '../create/constants';
+import { ghActions } from './handlers';
+
+const handlersMap: Record<Util, () => void> = {
+  'gh-actions': ghActions,
+};
+
+const handleTemplateChoice = (val: Util) => handlersMap[val]();
+
+export const add = () =>
+  p(steps).then((val) => handleTemplateChoice(val.template));
+
+const steps: p.PromptObject<'template'>[] = [
+  {
+    type: 'select',
+    name: 'template',
+    message: reset('Select a template:'),
+    initial: 0,
+    choices: UTIL_TEMPLATES.map(utils.templateAsSelectOption),
+    format: (x: types.Template) => x.name,
+  },
+];

src/prompts/create/constants.ts

@@ -0,0 +1,38 @@
+import { blue, yellow, red, green } from 'kolorist';
+
+import * as types from '../../types';
+
+export const PROJECT_TEMPLATES_DIRECTORY = `${__dirname}/templates`;
+
+export const PROJECT_TEMPLATES: Array<types.Template> = [
+  {
+    color: yellow,
+    name: 'react',
+    label: 'React JavaScript',
+  },
+  {
+    color: blue,
+    name: 'react-ts',
+    label: 'React TypeScript',
+  },
+  {
+    color: red,
+    name: 'vite-vanilla',
+    label: 'Vite JavaScript',
+  },
+  {
+    color: green,
+    name: 'koa-ts',
+    label: 'Koa Typescript',
+  },
+];
+
+export type Util = 'gh-actions';
+
+export const UTIL_TEMPLATES: Array<types.Template<Util>> = [
+  {
+    color: yellow,
+    name: 'gh-actions',
+    label: 'Github Actions (on PR)',
+  },
+];