feat (rename): autocomlpete

Improvement of #5

Author: moshfeu

package.json

@@ -1,6 +1,6 @@
 {
   "name": "git-wiz",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "author": {
     "email": "moshfeu.dev@gmail.com",
     "name": "Mosh Feu",
@@ -31,15 +31,17 @@
   ],
   "dependencies": {
     "commander": "^6.1.0",
-    "inquirer": "^7.3.3"
+    "fast-glob": "^3.2.4",
+    "inquirer": "^7.3.3",
+    "inquirer-autocomplete-prompt": "git+https://github.com/moshfeu/inquirer-autocomplete-prompt.git"
   },
   "devDependencies": {
     "@types/inquirer": "^7.3.1",
     "json-loader": "^0.5.7",
+    "ts-loader": "^8.0.3",
+    "typescript": "^4.0.2",
     "webpack": "^4.44.1",
     "webpack-cli": "^3.3.12",
-    "webpack-node-externals": "^2.5.2",
-    "ts-loader": "^8.0.3",
-    "typescript": "^4.0.2"
+    "webpack-node-externals": "^2.5.2"
   }
 }

src/utils/cli.ts

@@ -1,4 +1,10 @@
 import inquirer, { Question } from 'inquirer';
+import glob from 'fast-glob';
+
+inquirer.registerPrompt(
+  'autocomplete',
+  require('inquirer-autocomplete-prompt')
+);
 
 export async function showFilesChooser(
   message: string,
@@ -36,3 +42,20 @@ export async function showFilesChooserAnd<
     ...additionalQuestionsArray,
   ]);
 }
+
+export function chooseFileFromFileSystemAnd(
+  ...additionalQuestions: Array<Question>
+) {
+  return inquirer.prompt([
+    {
+      type: 'autocomplete',
+      name: 'path',
+      message: 'Search by file name',
+      pageSize: 4,
+      source: (_answers, input = '*') => {
+        return glob(`**/*${input}*`);
+      },
+    },
+    ...additionalQuestions,
+  ]);
+}

src/utils/git.ts

@@ -1,5 +1,5 @@
 import { execCommand } from './exec';
-import { basename } from 'path';
+import { join, parse } from 'path';
 
 type File = {
   status: 'tracked' | 'staged' | 'untracked';
@@ -84,6 +84,8 @@ export function gitDiff(files: Array<string>, flags: Array<string>) {
 }
 
 export function gitMv(path: string, newName: string) {
-  const newPath = path.replace(basename(path), newName);
+  const {dir, ext} = parse(path);
+  const {name, ext: newExt} = parse(newName);
+  const newPath = join(dir, `${name}${newExt || ext}`);
   return runCommand('mv', [], [path, newPath]);
 }

src/utils/program.ts

@@ -30,7 +30,7 @@ export function init() {
       .action(diff);
 
     program
-      .command('rename <path> <newName>')
+      .command('rename')
       .description(
         'do "git mv" (for renaming) with style 🔖'
       )

src/utils/wiz.ts

@@ -1,5 +1,9 @@
 import { Command } from 'commander';
-import { showFilesChooser, showFilesChooserAnd } from './cli';
+import {
+  chooseFileFromFileSystemAnd,
+  showFilesChooser,
+  showFilesChooserAnd,
+} from './cli';
 import { gitStatus, gitAdd, gitReset, gitStash, gitDiff, gitMv } from './git';
 
 export const add = withErrorHandler(async () => {
@@ -28,7 +32,7 @@ export const reset = withErrorHandler(async () => {
 });
 
 export const stash = withErrorHandler(async () => {
-  const status = (await gitStatus()).filter(file => !file.deleted);
+  const status = (await gitStatus()).filter((file) => !file.deleted);
   if (!status.length) {
     console.log('\x1b[33m', 'Stash what exactly 🤥?');
     return;
@@ -67,7 +71,13 @@ export const diff = withErrorHandler(async (comObj: Command) => {
   await gitDiff(files, comObj.args);
 });
 
-export const rename = withErrorHandler(async ({args: [path, newName]}: Command) => {
+export const rename = withErrorHandler(async () => {
+  const { path, newName } = await chooseFileFromFileSystemAnd({
+    type: 'input',
+    name: 'newName',
+    message: 'New name (Can has a different extension)',
+    validate: (name) => (name.length ? true : 'Hello.. new name? 🙄'),
+  });
   await gitMv(path, newName);
 });
 

tsconfig.json

@@ -10,7 +10,8 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "types": [
-      "commander"
+      "commander",
+      "inquirer-autocomplete-prompt"
     ]
   }
 }