✏️ Change APP Name to '___APP NAME___' in Templates

Author: alexlee-dev

src/init.ts

@@ -144,6 +144,9 @@ export const copyTemplateFiles = async (
         path.join(root, "/.babelrc")
       );
     }
+
+    // * Apply the applicationName to template files
+    
     spinner.succeed("Template files copied successfully");
   } catch (error) {
     spinner.fail();

src/template/README.md

@@ -3,7 +3,7 @@
  <img width=256px height=256px src="https://svgshare.com/i/LWJ.svg" alt="Project logo"></a>
 </p>
 
-<h3 align="center">APP NAME</h3>
+<h3 align="center">___APP NAME___</h3>
 
 ---
 

src/template/js/src/index.js

@@ -9,7 +9,7 @@ import setup from "./setup";
 const main = async () => {
   const menuActionEmitter = new EventEmitter.EventEmitter();
   menuActionEmitter.on("actionCompleted", async (state) => {
-    await titleScreen("APP NAME");
+    await titleScreen("___APP NAME___");
     await displayMainMenu(state);
     await interpretMenuAction(state);
   });
@@ -30,7 +30,7 @@ const main = async () => {
       clear();
     }
 
-    await titleScreen("APP NAME");
+    await titleScreen("___APP NAME___");
     await displayMainMenu(state);
 
     await interpretMenuAction(state);

src/template/js/src/menu.js

@@ -71,7 +71,7 @@ export const interpretMenuAction = async (state) => {
     }
     const actions = {
       about: async (state) => {
-        await titleScreen("APP NAME");
+        await titleScreen("___APP NAME___");
         console.log(
           boxen(chalk.yellow(`Author: `) + "YOUR NAME", blankBoxenStyle)
         );
@@ -81,7 +81,7 @@ export const interpretMenuAction = async (state) => {
         state.menuActionEmitter.emit("actionCompleted", state);
       },
       option1: async (state) => {
-        await titleScreen("APP NAME");
+        await titleScreen("___APP NAME___");
         console.log("Option 1 Logic would take place here :)");
         console.log("");
 
@@ -90,7 +90,7 @@ export const interpretMenuAction = async (state) => {
         state.menuActionEmitter.emit("actionCompleted", state);
       },
       option2: async (state) => {
-        await titleScreen("APP NAME");
+        await titleScreen("___APP NAME___");
         console.log("Option 2 Logic would take place here :)");
         console.log("");
 
@@ -99,7 +99,7 @@ export const interpretMenuAction = async (state) => {
         state.menuActionEmitter.emit("actionCompleted", state);
       },
       option3: async (state) => {
-        await titleScreen("APP NAME");
+        await titleScreen("___APP NAME___");
         console.log("Option 3 Logic would take place here :)");
         console.log("");
 

src/template/js/src/setup.js

@@ -8,7 +8,7 @@ const setup = async (state) => {
 
     console.log(
       `Welcome to ${chalk.yellowBright(
-        "APP NAME"
+        "___APP NAME___"
       )}! Let's walk you through the initial set up.\n`
     );
 

src/template/ts/src/index.ts

@@ -10,7 +10,7 @@ import { AppState } from "./types";
 const main = async (): Promise<void> => {
   const menuActionEmitter = new EventEmitter.EventEmitter();
   menuActionEmitter.on("actionCompleted", async (state: AppState) => {
-    await titleScreen("APP NAME");
+    await titleScreen("___APP NAME___");
     await displayMainMenu(state);
     await interpretMenuAction(state);
   });
@@ -31,7 +31,7 @@ const main = async (): Promise<void> => {
       clear();
     }
 
-    await titleScreen("APP NAME");
+    await titleScreen("___APP NAME___");
     await displayMainMenu(state);
 
     await interpretMenuAction(state);

src/template/ts/src/menu.ts

@@ -73,7 +73,7 @@ export const interpretMenuAction = async (state: AppState): Promise<void> => {
     }
     const actions = {
       about: async (state: AppState): Promise<void> => {
-        await titleScreen("APP NAME");
+        await titleScreen("___APP NAME___");
         console.log(
           boxen(chalk.yellow(`Author: `) + "YOUR NAME", blankBoxenStyle)
         );
@@ -83,7 +83,7 @@ export const interpretMenuAction = async (state: AppState): Promise<void> => {
         state.menuActionEmitter.emit("actionCompleted", state);
       },
       option1: async (state: AppState): Promise<void> => {
-        await titleScreen("APP NAME");
+        await titleScreen("___APP NAME___");
         console.log("Option 1 Logic would take place here :)");
         console.log("");
 
@@ -92,7 +92,7 @@ export const interpretMenuAction = async (state: AppState): Promise<void> => {
         state.menuActionEmitter.emit("actionCompleted", state);
       },
       option2: async (state: AppState): Promise<void> => {
-        await titleScreen("APP NAME");
+        await titleScreen("___APP NAME___");
         console.log("Option 2 Logic would take place here :)");
         console.log("");
 
@@ -101,7 +101,7 @@ export const interpretMenuAction = async (state: AppState): Promise<void> => {
         state.menuActionEmitter.emit("actionCompleted", state);
       },
       option3: async (state: AppState): Promise<void> => {
-        await titleScreen("APP NAME");
+        await titleScreen("___APP NAME___");
         console.log("Option 3 Logic would take place here :)");
         console.log("");
 

src/template/ts/src/setup.ts

@@ -9,7 +9,7 @@ const setup = async (state: AppState): Promise<void> => {
 
     console.log(
       `Welcome to ${chalk.yellowBright(
-        "APP NAME"
+        "___APP NAME___"
       )}! Let's walk you through the initial set up.\n`
     );