create-v-kit-spa 0.9.3 → 0.9.5-alpha

package/README.md

@@ -143,4 +143,4 @@ To learn about the specific changes in each release, check the [Changelog](./Cha
 <br> -->
 
 ## License
-[MIT](./LICENSE) License &copy; 2024-PRESENT [Shuashuaa](https://github.com/Shuashuaa)
+v-kit-spa is OpenSource and licensed under the Terms of The [MIT](./LICENSE) License &copy; 2024-PRESENT [Shuashuaa](https://github.com/Shuashuaa)

package/dist/commands.js

@@ -18,6 +18,7 @@ const utils_1 = require("./utils");
 const prompts_1 = require("./prompts");
 const messages_1 = require("./messages");
 const yargs_1 = __importDefault(require("yargs"));
+const count_1 = require("./count");
 function createProject() {
     return __awaiter(this, void 0, void 0, function* () {
         const argv = yargs_1.default.argv;
@@ -32,12 +33,12 @@ function createProject() {
             (0, prompts_1.closeReadline)();
             return;
         }
-        const sourcePath = path_1.default.join(__dirname, '../lib', templatePath);
+        const sourcePath = path_1.default.join(__dirname, '../templates', templatePath);
         const destinationPath = path_1.default.join(process.cwd(), projectName);
         try {
             yield fs_1.default.promises.mkdir(destinationPath);
             yield (0, utils_1.copyProjectStructure)(sourcePath, destinationPath);
-            (0, messages_1.successMessage)(templatePath);
+            (0, count_1.getCount)(sourcePath, templatePath);
         }
         catch (error) {
             (0, messages_1.errorMessage)(error);

package/dist/count.d.ts

@@ -0,0 +1,3 @@
+export declare function countItems(dirPath: string): Promise<number>;
+export declare function getCount(sourcePath: string, templatePath: string): void;
+//# sourceMappingURL=count.d.ts.map

package/dist/count.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"count.d.ts","sourceRoot":"","sources":["../src/count.ts"],"names":[],"mappings":"AAKA,wBAAsB,UAAU,CAAC,OAAO,EAAE,MAAM,mBAgB/C;AAID,wBAAgB,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,QAShE"}

package/dist/count.js

@@ -0,0 +1,44 @@
+"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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.countItems = countItems;
+exports.getCount = getCount;
+const fs = require('fs');
+const path = require('path');
+const progress_1 = require("./progress");
+function countItems(dirPath) {
+    return __awaiter(this, void 0, void 0, function* () {
+        let count = 0;
+        const files = yield fs.promises.readdir(dirPath);
+        for (const file of files) {
+            const filePath = path.join(dirPath, file);
+            const stat = yield fs.promises.stat(filePath);
+            if (stat.isDirectory()) {
+                count += yield countItems(filePath); // Recursive
+            }
+            else if (stat.isFile()) {
+                count++;
+            }
+        }
+        return count;
+    });
+}
+// const sourcePath = path.join(__dirname, '../templates', '158');
+function getCount(sourcePath, templatePath) {
+    countItems(sourcePath)
+        .then((count) => {
+        // console.log(`There are ${count} items (files and folders) in the folder.`);
+        (0, progress_1.Progress)(count, templatePath);
+    })
+        .catch((err) => {
+        console.error('Error:', err);
+    });
+}

package/dist/messages.d.ts

@@ -1,3 +1,3 @@
-export declare function successMessage(boilerplateChoice: string): void;
+export declare function successMessage(sourceVal: string): Promise<void>;
 export declare function errorMessage(error: Error): void;
 //# sourceMappingURL=messages.d.ts.map

package/dist/messages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../src/messages.ts"],"names":[],"mappings":"AAEA,wBAAgB,cAAc,CAAC,iBAAiB,EAAE,MAAM,QA0BvD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,QAExC"}
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../src/messages.ts"],"names":[],"mappings":"AAEA,wBAAsB,cAAc,CAAC,SAAS,EAAE,MAAM,iBA6BrD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,QAExC"}

package/dist/messages.js

@@ -1,4 +1,13 @@
 "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 };
 };
@@ -6,47 +15,47 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.successMessage = successMessage;
 exports.errorMessage = errorMessage;
 const chalk_1 = __importDefault(require("chalk"));
-function successMessage(boilerplateChoice) {
-    console.log(chalk_1.default.green('\n✔  Project created successfully! \n'));
-    console.log(chalk_1.default.yellow.bold("              *       ˜"));
-    console.log(chalk_1.default.cyan.bold("        ˜                  |"));
-    console.log(chalk_1.default.red.bold("    ()    .-.,='``'=.    - o -"));
-    console.log(chalk_1.default.yellow.bold("          '=/_       〵    |"));
-    console.log(chalk_1.default.cyanBright.bold("       *   |  '=._    |"));
-    console.log(chalk_1.default.yellow.bold("           \\      `=../`,        '"));
-    console.log(chalk_1.default.redBright.bold("         .   '=.__.=' `='      *"));
-    console.log(chalk_1.default.yellow.bold("˜                         +"));
-    console.log(chalk_1.default.cyanBright.bold("     O      *        '       .\n"));
-    console.log('Well done 🎉🎉,', chalk_1.default.green('A Boilerplates is created with coffee & passion by', chalk_1.default.green.bold.underline('Shuashuaa'), chalk_1.default.whiteBright('\nFor more info: >>'), chalk_1.default.green.underline('https://github.com/Shuashuaa/v-kit-spa\n')));
-    console.log(chalk_1.default.bgBlack('Install Dependencies:'), chalk_1.default.cyanBright('npm install'), 'or', chalk_1.default.cyanBright('yarn install') + ',', chalk_1.default.cyanBright('\ncopy .env.example .env') + ',', chalk_1.default.cyanBright('php artisan key:generate'), 'and', chalk_1.default.cyanBright('composer install') + '.');
-    if (boilerplateChoice == "158" || boilerplateChoice == "159") {
-        console.log(chalk_1.default.bgBlack('Run Project:'), chalk_1.default.cyanBright('npm run artisan-watch') + '.\n');
-    }
-    else if (boilerplateChoice == "160" || boilerplateChoice == "161" || boilerplateChoice == "162") {
-        console.log(chalk_1.default.bgBlack('Run Project:'), chalk_1.default.cyanBright('npm run artisan-dev') + '.\n');
-    }
-    console.log(chalk_1.default.bgBlack('Visit:'), chalk_1.default.bold('http://127.0.0.1:8000\n'));
+function successMessage(sourceVal) {
+    return __awaiter(this, void 0, void 0, function* () {
+        // console.log(sourceVal)
+        let tempVal = '';
+        if (sourceVal == '158') {
+            tempVal = 'Vue2-Laravel8';
+        }
+        else if (sourceVal == '159') {
+            tempVal = 'Vue3-Laravel8';
+        }
+        else if (sourceVal == '160') {
+            tempVal = 'Vue3-Laravel9';
+        }
+        else if (sourceVal == '161') {
+            tempVal = 'Vue3-Laravel10';
+        }
+        else if (sourceVal == '162') {
+            tempVal = 'Vue3-Laravel11';
+        }
+        console.log(chalk_1.default.green(`\n✔  ${tempVal} boilerplate is successfully downloaded!. \n`));
+        setTimeout(() => {
+            console.log(chalk_1.default.yellow.bold("              *       ˜"));
+            console.log(chalk_1.default.cyan.bold("        ˜                  |"));
+            console.log(chalk_1.default.red.bold("    ()    .-.,='``'=.    - o -"));
+            console.log(chalk_1.default.yellow.bold("          '=/_       〵    |"));
+            console.log(chalk_1.default.cyanBright.bold("       *   |  '=._     )"));
+            console.log(chalk_1.default.yellow.bold("           \\      `=../`,        '"));
+            console.log(chalk_1.default.redBright.bold("         .   '=.__.=' `='      *"));
+            console.log(chalk_1.default.yellow.bold("˜                         +"));
+            console.log(chalk_1.default.cyanBright.bold("     O      *        '       .\n"));
+        }, 300);
+        setTimeout(() => {
+            console.log('Well done 🎉🎉,', chalk_1.default.green('A Boilerplates is created with coffee & passion by', chalk_1.default.green.bold.underline('Shuashuaa'), chalk_1.default.whiteBright('\nFor more info: >>'), chalk_1.default.green.underline('https://github.com/Shuashuaa/v-kit-spa\n')));
+        }, 800);
+        setTimeout(() => {
+            console.log(chalk_1.default.bgBlack('Install Dependencies:'), chalk_1.default.cyanBright('npm install'), 'or', chalk_1.default.cyanBright('yarn install') + ',', chalk_1.default.cyanBright('\ncopy .env.example .env') + ',', chalk_1.default.cyanBright('php artisan key:generate'), 'and', chalk_1.default.cyanBright('composer install') + '.');
+            console.log(chalk_1.default.bgBlack('Run Project:'), chalk_1.default.cyanBright('npm run artisan-watch') + '.\n');
+            console.log(chalk_1.default.bgBlack('Visit:'), chalk_1.default.bold('http://127.0.0.1:8000\n'));
+        }, 500);
+    });
 }
 function errorMessage(error) {
     console.error(chalk_1.default.red.inverse(`\n✖ Error creating project. ${error.message}`));
 }
-// console.log(chalk.yellow('     /\_/\ \n    ( o.o )\n     >^<\n'));
-// console.log(chalk.yellow("              *       +"));
-// console.log(chalk.yellow("        '                  |"));
-// console.log(chalk.yellow("    ()    .-.,='``'=.    - o -"));
-// console.log(chalk.yellow("          '=/_       〵     |"));
-// console.log(chalk.yellow("       *   |  '=._    |"));
-// console.log(chalk.yellow("           \\      `=../`,        '     ╱|\\\\"));
-// console.log(chalk.yellow("         .   '=.__.=' `='      *      (˚ˎ。7  "));
-// console.log(chalk.yellow("+                         +           |、˜〵  "));
-// console.log(chalk.yellow("     O      *        '       .        じしˍ,)ノ\n"));
-// console.log(chalk.yellow("                 ╱|\\\\\n                (˚ˎ。7  \n                |、˜〵          \n                じしˍ,)ノ\n"));
-//                  *       +
-//            '                  |
-//        ()    .-.,="``"=.    - o -
-//              '=/_       \     |
-//           *   |  '=._    |
-//                \     `=./`,        '
-//             .   '=.__.=' `='      *
-//    +                         +
-//         o      *        '       .

package/dist/progress.d.ts

@@ -0,0 +1,2 @@
+export declare function Progress(countVal: number, sourceVal: string): Promise<void>;
+//# sourceMappingURL=progress.d.ts.map

package/dist/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../src/progress.ts"],"names":[],"mappings":"AAKA,wBAAsB,QAAQ,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,iBA0BjE"}

package/dist/progress.js

@@ -0,0 +1,37 @@
+"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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Progress = Progress;
+const _progress = require('cli-progress');
+const colors = require('ansi-colors');
+const messages_1 = require("./messages");
+function Progress(countVal, sourceVal) {
+    return __awaiter(this, void 0, void 0, function* () {
+        console.log('\n');
+        const b1 = new _progress.SingleBar({
+            format: 'Downloading... |' + colors.cyan('{bar}') + '| {percentage}% | {value}/{total} Files | ETA: {eta}s',
+            barCompleteChar: '\u2588',
+            barIncompleteChar: '\u2591',
+            hideCursor: true
+        });
+        b1.start(countVal, 0);
+        let value = 0;
+        const timer = setInterval(function () {
+            value++;
+            b1.update(value);
+            if (value >= b1.getTotal()) {
+                clearInterval(timer);
+                b1.stop();
+                (0, messages_1.successMessage)(sourceVal);
+            }
+        }, 20);
+    });
+}

package/dist/prompts.js

@@ -1,56 +1,56 @@
-"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 = getProjectName;
-exports.getBoilerplateChoice = getBoilerplateChoice;
-exports.closeReadline = closeReadline;
-const chalk_1 = __importDefault(require("chalk"));
-const readline_1 = require("readline");
-const readline = (0, readline_1.createInterface)({
-    input: process.stdin,
-    output: process.stdout
-});
-function getProjectName() {
-    return __awaiter(this, void 0, void 0, function* () {
-        return new Promise((resolve) => {
-            // readline.question('? Enter a project name (using default "v-kit-app" if left blank): ', (answer) => {
-            //   resolve(answer || 'v-kit-app');
-            // });
-            let message = `\n${chalk_1.default.bold.cyan('?')} ${chalk_1.default.bold('Enter a project name')} (using default "${chalk_1.default.bold.magentaBright('v-kit-app')}" if left blank): `;
-            readline.question(message, (answer) => {
-                resolve(answer || 'v-kit-app');
-            });
-        });
-    });
-}
-function getBoilerplateChoice() {
-    return __awaiter(this, void 0, void 0, function* () {
-        return new Promise((resolve) => {
-            let message = `\n${chalk_1.default.bold.cyan('?')} ${chalk_1.default.bold('Select your preferred boilerplate:')}\n`;
-            message += `\nMonoRepo:                         Decoupled:\n`;
-            message += `[1] - ${chalk_1.default.bold.underline('Vue2-Laravel8')}               [6] - ${chalk_1.default.bold.underline.gray('Vue2-Laravel8')} ${chalk_1.default.gray.dim.italic('(on-going..)')}\n`;
-            message += `[2] - ${chalk_1.default.bold.underline.gray('Vue3-Laravel8')} ${chalk_1.default.gray.dim.italic('(on-going..)')}  [7] - ${chalk_1.default.bold.underline.gray('Vue3-Laravel8')} ${chalk_1.default.gray.dim.italic('(on-going..)')}\n`;
-            message += `[3] - ${chalk_1.default.bold.underline('Vue3-Laravel9')}               [8] - ${chalk_1.default.bold.underline.gray('Vue3-Laravel9')} ${chalk_1.default.gray.dim.italic('(on-going..)')}\n`;
-            message += `[4] - ${chalk_1.default.bold.underline.gray('Vue3-Laravel10')} ${chalk_1.default.gray.dim.italic('(on-going..)')}\n`;
-            message += `[5] - ${chalk_1.default.bold.underline.gray('Vue3-Laravel11')} ${chalk_1.default.gray.dim.italic('(on-going..)')}\n`;
-            message += '=> ';
-            readline.question(message, (answer) => {
-                resolve(parseInt(answer));
-            });
-        });
-    });
-}
-function closeReadline() {
-    readline.close();
-}
+"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 = getProjectName;
+exports.getBoilerplateChoice = getBoilerplateChoice;
+exports.closeReadline = closeReadline;
+const chalk_1 = __importDefault(require("chalk"));
+const readline_1 = require("readline");
+const readline = (0, readline_1.createInterface)({
+    input: process.stdin,
+    output: process.stdout
+});
+function getProjectName() {
+    return __awaiter(this, void 0, void 0, function* () {
+        return new Promise((resolve) => {
+            // readline.question('? Enter a project name (using default "v-kit-app" if left blank): ', (answer) => {
+            //   resolve(answer || 'v-kit-app');
+            // });
+            let message = `\n${chalk_1.default.bold.cyan('?')} ${chalk_1.default.bold('Enter a project name')} (using default "${chalk_1.default.bold.magentaBright('v-kit-app')}" if left blank): `;
+            readline.question(message, (answer) => {
+                resolve(answer || 'v-kit-app');
+            });
+        });
+    });
+}
+function getBoilerplateChoice() {
+    return __awaiter(this, void 0, void 0, function* () {
+        return new Promise((resolve) => {
+            let message = `\n${chalk_1.default.bold.cyan('?')} ${chalk_1.default.bold('Select your preferred boilerplate:')}\n`;
+            message += `\n        MonoRepo:              Decoupled:\n`;
+            message += `[1] - ${chalk_1.default.bold.underline('Vue2-Laravel8')}  [6] - ${chalk_1.default.bold.underline.gray('Vue2-Laravel8')} ${chalk_1.default.gray.dim.italic('(on-going..)')}\n`;
+            message += `[2] - ${chalk_1.default.bold.underline('Vue3-Laravel8')}  [7] - ${chalk_1.default.bold.underline.gray('Vue3-Laravel8')} ${chalk_1.default.gray.dim.italic('(on-going..)')}\n`;
+            message += `[3] - ${chalk_1.default.bold.underline('Vue3-Laravel9')}  [8] - ${chalk_1.default.bold.underline.gray('Vue3-Laravel9')} ${chalk_1.default.gray.dim.italic('(on-going..)')}\n`;
+            message += `[4] - ${chalk_1.default.bold.underline.gray('Vue3-Laravel10')} ${chalk_1.default.gray.dim.italic('(on-going..)')}\n`;
+            message += `[5] - ${chalk_1.default.bold.underline.gray('Vue3-Laravel11')} ${chalk_1.default.gray.dim.italic('(on-going..)')}\n`;
+            message += '=> ';
+            readline.question(message, (answer) => {
+                resolve(parseInt(answer));
+            });
+        });
+    });
+}
+function closeReadline() {
+    readline.close();
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-v-kit-spa",
-  "version": "0.9.3",
+  "version": "0.9.5-alpha",
   "main": "dist/index.js",
   "description": "A simple way to start your Vue-Laravel-spa projects",
   "repository": "Shuashuaa/v-kit-spa",
@@ -22,21 +22,24 @@
   "license": "MIT",
   "homepage": "https://github.com/Shuashuaa/v-kit-spa#readme",
   "dependencies": {
+    "ansi-colors": "^4.1.3",
     "chalk": "^4.1.2",
+    "cli-progress": "^3.12.0",
     "fs": "^0.0.1-security",
     "path": "^0.12.7",
     "yargs": "^17.7.2"
   },
   "devDependencies": {
     "@types/yargs": "^17.0.33",
+    "@types/cli-progress": "^3.11.6",
     "ts-node": "^10.9.2",
     "typescript": "^5.6.2"
   },
   "files": [
-    "dist",   
-    "lib",                          
-    "index.d.ts",                    
+    "dist",
+    "lib",
+    "index.d.ts",
     "package.json",
     "@shuashuaa-v-kit.png"
   ]
-}
+}