Interactive prompt for project name and template using enquirer (#9)

Author: cknitt

.prettierrc.json

@@ -1,3 +1,4 @@
 {
-  "arrowParens": "avoid"
+  "arrowParens": "avoid",
+  "printWidth": 100
 }

Readme.md

@@ -1,6 +1,6 @@
 # create-rescript-app
 
-Create ReScript apps with no build configuration.
+Quickly create new [ReScript](https://rescript-lang.org/) apps from project templates.
 
 ## Quick Start
 
@@ -9,31 +9,3 @@ npx create-rescript-app my-app
 cd my-app
 npm start
 ```
-
-## Install options
-
-| Template                         | short cmd |    long cmd |
-| :------------------------------- | :-------: | ----------: |
-| Basic                            |    -b     |     --basic |
-| Default / CRA equivalent (React) |    -d     |   --default |
-| NextJS                           |    -nx    |    --nextjs |
-| GraphQL                          |   -gql    |   --graphql |
-| Storybook                        |    -sb    | --storybook |
-
-### Bootstrap a ReScript app with Graphql
-
-```sh
-npx create-rescript-app my-app -gql
-```
-
-### Bootstrap a ReScript app with Storybook
-
-```sh
-npx create-rescript-app my-app -sb
-```
-
-### Bootstrap a NextJS app with ReScript
-
-```sh
-npx create-rescript-app my-app -nx
-```

index.js

@@ -0,0 +1,85 @@
+#!/usr/bin/env node
+
+import c from "ansi-colors";
+import enquirer from "enquirer";
+import path from "path";
+import fs from "fs";
+import { execSync } from "child_process";
+
+const templates = {
+  Basic: "https://github.com/rescript-lang/rescript-project-template.git",
+  "Next.js": "https://github.com/ryyppy/rescript-nextjs-template.git",
+};
+
+async function getParams() {
+  return await enquirer.prompt([
+    {
+      type: "input",
+      name: "projectName",
+      message: "What is the name of your new project?",
+      initial: "my-rescript-app",
+    },
+    {
+      type: "select",
+      name: "templateName",
+      message: "Select a template",
+      choices: Object.keys(templates),
+    },
+  ]);
+}
+
+function createProjectDir(projectName, projectPath) {
+  try {
+    fs.mkdirSync(projectPath);
+  } catch (err) {
+    if (err.code === "EEXIST") {
+      console.log(`The folder ${c.red(projectName)} already exist in the current directory.`);
+      console.log("Please try again with another name.");
+    } else {
+      console.log(err);
+    }
+    process.exit(1);
+  }
+}
+
+function houseKeeping(projectName, projectPath) {
+  process.chdir(projectPath);
+
+  console.log("Installing packages. This might take a couple of seconds...");
+
+  execSync("npm install");
+  execSync(`find . | grep "\.git/" | xargs rm -rf`);
+  execSync("git init");
+
+  console.log(`Initialized a git repository.\n`);
+  console.log(`${c.green("✔ Success!")} Created ${projectName} at ${c.green(projectPath)}`);
+}
+
+async function main() {
+  console.log(c.cyan(`Welcome to ${c.red("create-rescript-app")}!`));
+  console.log("This tool will help you set up your new ReScript project quickly.\n");
+
+  const { projectName, templateName } = await getParams();
+  console.log();
+
+  const projectPath = path.join(process.cwd(), projectName);
+  createProjectDir(projectName, projectPath);
+
+  console.log(
+    "Creating a new ReScript project",
+    `in ${c.green(projectPath)} with template ${c.cyan(templateName)}\n`
+  );
+
+  try {
+    const repoUrl = templates[templateName];
+    execSync(`git clone --depth 1 ${repoUrl} ${projectPath}`);
+
+    houseKeeping(projectName, projectPath);
+
+    console.log(c.bold("Happy hacking!"));
+  } catch (error) {
+    console.log(error);
+  }
+}
+
+main();

index.mjs

@@ -1,16 +1,20 @@
 {
   "name": "create-rescript-app",
   "version": "1.3.0",
-  "description": "Create ReScript apps with no build configuration.",
+  "description": "Quickly create new ReScript apps from project templates.",
   "main": "index.js",
   "scripts": {
-    "start": "node index.js",
+    "start": "node index.mjs",
     "format": "prettier --write ."
   },
   "author": "",
   "license": "ISC",
+  "engines": {
+    "node": ">=12"
+  },
   "dependencies": {
-    "colors": "^1.4.0"
+    "ansi-colors": "^4.1.3",
+    "enquirer": "^2.3.6"
   },
   "repository": {
     "type": "git",