- Upgrade to Webpack 5 and react 17

- Fixed some minor bugs while upgrading
-

cli/cli.ts

@@ -1,4 +1,4 @@
-import commander, { Command } from 'commander';
+import { program, Command } from 'commander';
 import chalk from 'chalk';
 import headline from './headline';
 import { createDireflowSetup } from './create';
@@ -16,7 +16,7 @@ type TOptions =
 type TParsed = Command & { [key in TOptions]?: true } & { desc: string };
 
 export default function cli() {
-  commander
+  program
     .command('create [project-name]')
     .alias('c')
     .description('Create a new Direflow Setup')
@@ -28,7 +28,7 @@ export default function cli() {
     .option('--npm', 'Make the project an NPM module')
     .action(handleAction);
 
-  commander
+  program
     .description(chalk.magenta(headline))
     .version(showVersion())
     .helpOption('-h, --help', 'Show how to use direflow-cli')
@@ -37,14 +37,14 @@ export default function cli() {
   const [, , simpleArg] = process.argv;
 
   if (!simpleArg) {
-    return commander.help();
+    return program.help();
   }
 
   if (['-v', '--version'].includes(simpleArg)) {
     console.log(checkForUpdates());
   }
 
-  commander.parse(process.argv);
+  program.parse(process.argv);
 }
 
 async function handleAction(name: string | undefined, parsed: TParsed) {

cli/helpers/copyTemplate.ts

@@ -1,7 +1,6 @@
 import { resolve } from 'path';
 import fs from 'fs';
 import ncp from 'ncp';
-import mkdirp from 'mkdirp';
 import { ITemplateOption } from '../types/TemplateOption';
 
 const copyTemplate = async (options: ITemplateOption): Promise<string> => {
@@ -10,7 +9,7 @@ const copyTemplate = async (options: ITemplateOption): Promise<string> => {
 
   const projectDirectory: string = await new Promise((projectResolve, reject) => {
     const projectDir = `${currentDirectory}/${options.projectName}`;
-    mkdirp(projectDir, (err) => {
+    fs.mkdir(projectDir, (err: any) => {
       if (err) {
         console.log(err);
         reject(new Error(`Could not create directory: ${projectDir}`));
@@ -27,7 +26,7 @@ const copyTemplate = async (options: ITemplateOption): Promise<string> => {
         reject(new Error('Could not copy template files'));
       }
 
-      ncpResolve();
+      ncpResolve(true);
     });
   });
 
@@ -41,7 +40,7 @@ const copyTemplate = async (options: ITemplateOption): Promise<string> => {
           reject(new Error('Could not rename component folder'));
         }
 
-        renameResolve();
+        renameResolve(true);
       },
     );
   });

cli/helpers/writeNames.ts

@@ -77,7 +77,7 @@ async function changeNameInfile(filePath: string, data: IHandelbarData): Promise
   const changedFile = await new Promise((resolve, reject) => {
     fs.readFile(filePath, 'utf-8', (err, content) => {
       if (err) {
-        reject();
+        reject(false);
       }
 
       const template = handelbars.compile(content);
@@ -88,13 +88,15 @@ async function changeNameInfile(filePath: string, data: IHandelbarData): Promise
   });
 
   await new Promise((resolve, reject) => {
-    fs.writeFile(filePath, changedFile, 'utf-8', (err) => {
-      if (err) {
-        reject();
-      }
+    if ( typeof changedFile == 'string' ) {
+      fs.writeFile(filePath, changedFile, 'utf-8', (err) => {
+        if (err) {
+          reject();
+        }
 
-      resolve();
-    });
+        resolve(true);
+      });
+    }
   });
 }
 

cypress.json

@@ -1,4 +1,4 @@
 {
   "baseUrl": "http://localhost:5000",
   "video": false
-}
+}