[Feature] Update packages

Author: iCodePoet

bin/init.ts

@@ -78,21 +78,22 @@ async function isWantStyle() {
   ])
 }
 
-function createApp(gitURL: string, nameOfApp: string, defaultNodePackageName: string) {
+function createApp(selectApp: number, nameOfApp: string, defaultNodePackageName: string, style: string) {
   const gitDownSpinner = ora("Creating app: " + nameOfApp + "...\n")
   gitDownSpinner.start()
+  const gitURL = getGitURL(selectApp, style)
   shell.exec(`git clone ${gitURL} ${nameOfApp}`, (code: number, stdout: string, stderr: string) => {
     gitDownSpinner.stop()
     if (code !== 0) {
       shell.echo(chalk.cyanBright(`code: ${code}`))
       shell.echo(chalk.cyanBright(`Program output: ${stdout}`))
       shell.echo(chalk.cyanBright(`Program stderr: ${stderr}`))
     }
-    flowUp(nameOfApp, defaultNodePackageName)
+    flowUp(selectApp, nameOfApp, defaultNodePackageName, style)
   })
 }
 
-function flowUp(nameOfApp: string, defaultNodePackageName: string) {
+function flowUp(selectApp:number, nameOfApp: string, defaultNodePackageName: string, style: string) {
   const projectCleanupSpinner = ora("Project Cleanup...\n")
   projectCleanupSpinner.start()
 
@@ -105,17 +106,22 @@ function flowUp(nameOfApp: string, defaultNodePackageName: string) {
     )
     shell.rm("-rf", `${nameOfApp}/.git`)
     projectCleanupSpinner.stop()
-
-    const npmInstallSpinner = ora("npm install...just a moment, please.\n").start()
     shell.cd(nameOfApp)
-    shell.exec("npm install")
-    npmInstallSpinner.stop()
-
+    shell.exec("flow update")
+    reinstallAutotprefixcer(selectApp, style)
     shell.echo(chalk.greenBright(nameOfApp + " created."))
     process.exit(0)
   }, 2000)
 }
 
+function reinstallAutotprefixcer(selectApp:number, style: string) {
+  if (style == TYPE_OF_STYLE.TAILWIND && selectApp == TYPE_OF_APP.REACT) {
+    const tailwindSpinner = ora("autotprefixcer setting for tailwindcss...\n").start()
+    shell.exec("npm install autoprefixer@^9.8.6")
+    tailwindSpinner.succeed()
+  }
+}
+
 function invalidProgramInput() {
   shell.echo(chalk.redBright("There is no app for current choice. Please try again."))
   process.exit(0)
@@ -163,9 +169,9 @@ function selectTheNameOfTheApp() {
     if (!isValidateComponentNaming(nameOfApp)) {
       return process.exit(0)
     }
-    const gitURL = getGitURL(options[0].value, style)
+    const selectApp = options[0].value
     const defaultNodePackageName = getDefaultNodePackageName(options[0].value)
-    createApp(gitURL, nameOfApp, defaultNodePackageName)
+    createApp(selectApp, nameOfApp, defaultNodePackageName, style)
   })
 }
 

bin/main.ts

@@ -7,6 +7,7 @@ import chalk from "chalk"
 import pkg from "../package.json"
 import page from "./page"
 import updateNotifier from "update-notifier"
+import update from "./update"
 
 const printWelcomeMessage = () => {
   const welcome = `
@@ -28,6 +29,7 @@ const checkPkgUpdate = () => {
 printWelcomeMessage()
 checkPkgUpdate()
 init()
+update()
 page()
 
 program.parse(process.argv)

bin/update.ts

@@ -0,0 +1,20 @@
+import program from "commander"
+import shell from "shelljs"
+import ora from "ora"
+
+const update = () => {
+  program
+    .command("update")
+    .description("Generate page(screen) component.")
+    .action(() => {
+      const updateCheckSpinner = ora("Check package updates...\n").start()
+      shell.exec("npx npm-check-updates --packageFile package.json -u")
+      updateCheckSpinner.succeed()
+      const npmInstallSpinner = ora("npm install...just a moment, please.\n").start()
+      shell.exec("npm install")
+      npmInstallSpinner.succeed()
+      process.exit(0)
+    })
+}
+
+export default update