perf: updates and improvement

- Updated: App dependencies, - Added: ESM support required by [ora
v6](https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c), - Fixed: License author
- year wrong content

Author: awran5

.npmignore

@@ -0,0 +1,7 @@
+src
+assets
+.eslintignore
+.editorconfig
+.eslintrc.js
+.prettierrc
+tsconfig.json

CHANGELOG.md

@@ -40,6 +40,10 @@ cd my-app
 yarn start | npm run start
 ```
 
+### Known issue
+
+Inquirer select does't work on Windows 10 git bash Terminal [mintty](https://github.com/mintty/mintty), It works fine on integrated VS Code Terminal though.
+
 ## Available Templates
 
 - Default [JS template](https://github.com/awran5/esbuild-react-app-js-template)

README.md

@@ -1,63 +1,39 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.removeDir = exports.templateInquirer = exports.confirmInquirer = void 0;
-const fs_1 = require("fs");
-const inquirer_1 = __importDefault(require("inquirer"));
-const chalk_1 = __importDefault(require("chalk"));
-function confirmInquirer(projectName) {
-    return __awaiter(this, void 0, void 0, function* () {
-        return new Promise((resolve, reject) => {
-            inquirer_1.default
-                .prompt({
-                type: 'confirm',
-                name: 'exists',
-                message: `Project ${chalk_1.default.cyan(projectName)} is already exists. Do you want to remove it? (hit enter for NO)?`,
-                default: false
-            })
-                .then((answer) => answer.exists && resolve(true))
-                .catch((err) => reject(new Error(err)));
-        });
+import { rmdir } from 'fs';
+import inquirer from 'inquirer';
+import chalk from 'chalk';
+export async function confirmInquirer(projectName) {
+    return new Promise((resolve, reject) => {
+        inquirer
+            .prompt({
+            type: 'confirm',
+            name: 'exists',
+            message: `Project ${chalk.cyan(projectName)} is already exists. Do you want to remove it? (hit enter for NO)?`,
+            default: false
+        })
+            .then((answer) => answer.exists && resolve(true))
+            .catch((err) => reject(new Error(err)));
     });
 }
-exports.confirmInquirer = confirmInquirer;
-function templateInquirer() {
-    return __awaiter(this, void 0, void 0, function* () {
-        return new Promise((resolve, reject) => {
-            inquirer_1.default
-                .prompt({
-                type: 'list',
-                name: 'selected',
-                message: `To get started please choose a template`,
-                choices: ['Javascript', 'Typescript']
-            })
-                .then((answer) => resolve(answer.selected))
-                .catch((err) => reject(new Error(err)));
-        });
+export async function templateInquirer() {
+    return new Promise((resolve, reject) => {
+        inquirer
+            .prompt({
+            type: 'list',
+            name: 'selected',
+            message: `To get started please choose a template`,
+            choices: ['Javascript', 'Typescript']
+        })
+            .then((answer) => resolve(answer.selected))
+            .catch((err) => reject(new Error(err)));
     });
 }
-exports.templateInquirer = templateInquirer;
-function removeDir(dirName) {
-    return __awaiter(this, void 0, void 0, function* () {
-        return new Promise((resolve, reject) => {
-            fs_1.rmdir(dirName, { recursive: true }, (err) => {
-                if (err) {
-                    reject(new Error(`Failed to remove ${chalk_1.default.cyan(dirName)}. ${err}`));
-                }
-                resolve();
-            });
+export async function removeDir(dirName) {
+    return new Promise((resolve, reject) => {
+        rmdir(dirName, { recursive: true }, (err) => {
+            if (err) {
+                reject(new Error(`Failed to remove ${chalk.cyan(dirName)}. ${err}`));
+            }
+            resolve();
         });
     });
 }
-exports.removeDir = removeDir;

bin/functions.js

@@ -1,27 +1,13 @@
 #!/usr/bin/env node
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const projectName_1 = require("./projectName");
-const tasks_1 = __importDefault(require("./tasks"));
-(() => __awaiter(void 0, void 0, void 0, function* () {
-    const projectName = yield projectName_1.getProjectName();
+import { getProjectName } from './projectName.js';
+import createProject from './tasks.js';
+(async () => {
+    const projectName = await getProjectName();
     try {
-        yield tasks_1.default(projectName);
+        await createProject(projectName);
     }
     catch (error) {
         console.log(error);
         process.exit(1);
     }
-}))();
+})();

bin/index.js

@@ -1,33 +1,15 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getProjectName = void 0;
-const chalk_1 = __importDefault(require("chalk"));
-function getProjectName() {
-    return __awaiter(this, void 0, void 0, function* () {
-        const args = process.argv.slice(2, process.argv.length);
-        const name = args[0];
-        const acceptedName = /^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/.test(name);
-        if (!name) {
-            console.log(`\n${chalk_1.default.bgRed(` Error! `)} Please specify a project name e.g. ${chalk_1.default.cyan(`npx react-esbuild-app`)} ${chalk_1.default.green('my-app')}\n`);
-            process.exit();
-        }
-        if (!acceptedName) {
-            console.log(`\n${chalk_1.default.bgRed(` npm naming restrictions! `)} Please specify a project name with lowercase characters separated by hyphen (-) e.g. ${chalk_1.default.green('my-app')}\n`);
-            process.exit();
-        }
-        return name;
-    });
+import chalk from 'chalk';
+export async function getProjectName() {
+    const args = process.argv.slice(2, process.argv.length);
+    const name = args[0];
+    const acceptedName = /^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/.test(name);
+    if (!name) {
+        console.log(`\n${chalk.bgRed(` Error! `)} Please specify a project name e.g. ${chalk.cyan(`npx react-esbuild-app`)} ${chalk.green('my-app')}\n`);
+        process.exit();
+    }
+    if (!acceptedName) {
+        console.log(`\n${chalk.bgRed(` npm naming restrictions! `)} Please specify a project name with lowercase characters separated by hyphen (-) e.g. ${chalk.green('my-app')}\n`);
+        process.exit();
+    }
+    return name;
 }
-exports.getProjectName = getProjectName;