inquirer-plugins 1.0.0-alpha.2 → 1.0.0-alpha.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 cilly
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1 +1,40 @@
+<!-- MD_HOPPER: CONFIG:
+skip-hidden: true
+filenames: README.md
+output: README.md
+ -->
+
 # inquirer-plugins
+
+_This repository manages custom plugins for the iInquirer package. (Currently, it only includes table.)_
+
+This is mostly a collection of custom plugins for my personal use, but feel free to use any that you find useful.
+
+## Plugins
+
+<!-- MD_HOPPER: LINK_NEXT_LINE:
+id: src-_internal-plugins-table-rmd
+inline: true
+-->
+
+### [Table][md_hopper:src-_internal-plugins-table-rmd]
+
+`Table Plugin` is based on the original [inquirer-table-input](https://github.com/edelciomolina/inquirer-table-input).
+This plugin has been customized to support TypeScript and symbol input.
+
+## PLUGIN DOCS (same as above plugin title links)
+
+<!-- MD_HOPPER: BEGIN_LINKS:
+all: true
+linked: true
+-->
+
+[TABLE PLUGIN][md_hopper:src-_internal-plugins-table-rmd]
+
+<!-- MD_HOPPER: END_LINKS: -->
+
+<!-- MD_HOPPER: BEGIN_DEFINE_LINKS: -->
+
+[md_hopper:src-_internal-plugins-table-rmd]: ./src/_internal/plugins/table/README.md 'TABLE PLUGIN'
+
+<!-- MD_HOPPER: END_DEFINE_LINKS: -->

package/dist/_internal/plugins/table/table.d.ts

@@ -1,11 +1,15 @@
-import { Column, Cell } from './types.js';
+import { Answers } from 'inquirer';
+import { Column, Cell, RawInputs } from './types.js';
 export declare class TableClass {
     columns: Column[];
     rows: string[][];
     constructor(columns: Column[], rows: Cell[][]);
     get header(): string[];
     getColumnType(columnIndex: number): import("../../types/parse-types.js").ParseType;
-    updateRow(rowIndex: number, columnIndex: number, value: string): void;
+    getParser(columnIndex: number): Exclude<Column['parser'], undefined>;
+    getValidator(columnIndex: number): Exclude<Column['validate'], undefined>;
+    updateRow(rowIndex: number, columnIndex: number, value: string, answers: Answers): string;
     getValue(rowIndex: number, columnIndex: number): string;
-    getResult(): Record<string, Cell>[];
+    getRaw(): RawInputs;
+    getResult(answers: Answers): Record<string, Cell>[];
 }

package/dist/_internal/plugins/table/table.js

@@ -1,5 +1,5 @@
 import { PARSE_TYPES } from '../../types/parse-types.js';
-import { trim } from '../../utils/chalk.js';
+import { trim, error } from '../../utils/chalk.js';
 import { parse } from '../../utils/parse-types.js';
 export class TableClass {
     columns = [];
@@ -17,21 +17,29 @@ export class TableClass {
         }
         return this.columns[columnIndex].type;
     }
-    updateRow(rowIndex, columnIndex, value) {
+    getParser(columnIndex) {
+        return this.columns[columnIndex].parser || ((txt, _inputs, _answers) => txt);
+    }
+    getValidator(columnIndex) {
+        return (this.columns[columnIndex].validate ||
+            ((_txt, _inputs, _answers) => ({ isValid: true, message: '' })));
+    }
+    updateRow(rowIndex, columnIndex, value, answers) {
         if (!(rowIndex in this.rows)) {
-            return;
+            return error(`row index (${rowIndex}) not found`);
         }
         const columns = this.rows[rowIndex];
         if (!(columnIndex in columns)) {
-            return;
+            return error(`column index (${columnIndex}) not found`);
         }
-        const validate = this.columns[columnIndex].validate || (() => true);
-        if (!validate(value)) {
-            return;
+        const validateResult = this.getValidator(columnIndex)(value, this.getRaw(), answers);
+        if (!validateResult.isValid) {
+            return validateResult.message;
         }
-        const parser = this.columns[columnIndex].parser || ((txt) => txt);
-        const parsed = parser(value);
+        const parser = this.getParser(columnIndex);
+        const parsed = parser(value, this.getRaw(), answers);
         columns[columnIndex] = `${parsed}`;
+        return '';
     }
     getValue(rowIndex, columnIndex) {
         if (!(rowIndex in this.rows)) {
@@ -43,14 +51,25 @@ export class TableClass {
         }
         return columns[columnIndex];
     }
-    getResult() {
+    getRaw() {
+        const result = [];
+        for (let i = 0; i < this.rows.length; i++) {
+            result.push({});
+            for (let ii = 0; ii < (this.rows[i] || []).length; ii++) {
+                const { value: key } = this.columns[ii];
+                result[i][key] = trim(this.rows[i][ii]);
+            }
+        }
+        return result;
+    }
+    getResult(answers) {
         const result = [];
         for (let i = 0; i < this.rows.length; i++) {
             result.push({});
             for (let ii = 0; ii < (this.rows[i] || []).length; ii++) {
                 const { value: key, type, parser } = this.columns[ii];
                 const value = trim(this.rows[i][ii]);
-                result[i][key] = parser ? parser(value) : parse(value, type);
+                result[i][key] = parser ? parser(value, this.getRaw(), answers) : parse(value, type);
             }
         }
         return result;

package/dist/_internal/plugins/table/types.d.ts

@@ -1,4 +1,5 @@
 import { ChalkInstance } from 'chalk';
+import { Answers } from 'inquirer';
 import { ParseType } from '../../types/parse-types.js';
 export declare const DEFAULT_PAGE_SIZE = 5;
 export declare const INDEX_ERRORS: Readonly<{
@@ -39,7 +40,8 @@ export interface Column {
     name: string | ChalkInstance;
     value: string;
     type: ParseType;
-    validate?: (input: string) => boolean;
-    parser?: (input: any) => any;
+    validate?: (input: string, raws: RawInputs, answers: Answers) => ValidateResult;
+    parser?: (input: any, raws: RawInputs, answers: Answers) => any;
 }
 export type Cell = number | string | boolean;
+export type RawInputs = Record<string, string>[];

package/dist/_internal/plugins/table.d.ts

@@ -18,6 +18,7 @@ export declare class TablePlugin extends Base {
     };
     editing: boolean;
     temporaryBackup: string | null;
+    purTyping: string;
     answers: Answers;
     constructor(question: Question<TableQuestion>, readLine: ReadLineInterface, answers: Answers);
     getCurrentValues(): Record<string, import("./table/types.js").Cell>[];
@@ -35,8 +36,7 @@ export declare class TablePlugin extends Base {
     onEnd(state: any): void;
     validate(): import("./table/types.js").ValidateResult;
     onError(_state: any): void;
-    validateValue(): void;
-    updateChoice(value: string): void;
+    updateChoice(value: string): string;
     get currentValue(): string;
     onEditPress(key: Key): void;
     getShowRowIndex(): {
@@ -45,5 +45,5 @@ export declare class TablePlugin extends Base {
     };
     isSelected(rowIndex: number, columnIndex: number): boolean;
     getColor(_value: string, isSelected: boolean, isEditable: boolean): string;
-    render(isDisconnect?: boolean): void;
+    render(isDisconnect?: boolean, message?: string): void;
 }

package/dist/_internal/plugins/table.js

@@ -4,7 +4,7 @@ import Base from 'inquirer/lib/prompts/base.js';
 import observe from 'inquirer/lib/utils/events.js';
 import { map } from 'rxjs/operators';
 import { dim, error } from '../utils/chalk.js';
-import { getKeypressValue } from '../utils/keypress.js';
+import { getKeypressValue, getBackspaceText } from '../utils/keypress.js';
 import { TableClass } from './table/table.js';
 import { DEFAULT_OPTIONS } from './table/types.js';
 import { isNoChoiceOfIndex, gateValidateColumnIndexError, getNextIndex } from './table/utils.js';
@@ -21,6 +21,7 @@ export class TablePlugin extends Base {
     };
     editing = false;
     temporaryBackup = null;
+    purTyping = '';
     answers = [];
     constructor(question, readLine, answers) {
         super({ ...question, validate: () => false }, readLine, answers);
@@ -38,7 +39,7 @@ export class TablePlugin extends Base {
         this.updateColumnIndex(1);
     }
     getCurrentValues() {
-        return this.table.getResult();
+        return this.table.getResult(this.answers);
     }
     isEditable(index) {
         return !this.options.disableColumnIndexes.includes(index);
@@ -75,6 +76,7 @@ export class TablePlugin extends Base {
                     default:
                         if (this.isEditable(this.pointerIndexes.column)) {
                             this.editing = true;
+                            this.clear();
                             this.onEditPress(key);
                         }
                 }
@@ -129,10 +131,10 @@ export class TablePlugin extends Base {
     }
     clear() {
         this.temporaryBackup = null;
+        this.purTyping = '';
     }
     onEnd(state) {
         this.render(true);
-        this.clear();
         this.status = 'answered';
         this.screen.done();
         cliCursor.show();
@@ -152,7 +154,6 @@ export class TablePlugin extends Base {
         return this.options.validate(this.getCurrentValues(), this.answers);
     }
     onError(_state) {
-        this.clear();
         if (this.editing) {
             this.editing = false;
             this.render();
@@ -166,38 +167,39 @@ export class TablePlugin extends Base {
             }
         }
     }
-    validateValue() { }
     updateChoice(value) {
-        this.table.updateRow(this.pointerIndexes.row, this.pointerIndexes.column, value);
+        return this.table.updateRow(this.pointerIndexes.row, this.pointerIndexes.column, value, this.answers);
     }
     get currentValue() {
         return this.table.getValue(this.pointerIndexes.row, this.pointerIndexes.column);
     }
     onEditPress(key) {
-        let value = this.currentValue;
         if (this.temporaryBackup === null) {
-            this.temporaryBackup = value;
-            value = '';
+            this.temporaryBackup = this.currentValue;
         }
+        let value = this.purTyping;
         switch (key.name) {
             case 'escape':
-                this.updateChoice(this.temporaryBackup);
+                this.purTyping = '';
+                value = this.temporaryBackup;
                 this.editing = false;
                 break;
             case 'delete':
-                this.updateChoice('');
+                this.purTyping = '';
+                value = this.purTyping;
                 break;
             case 'backspace': {
-                let currentValue = value;
-                currentValue = currentValue.slice(0, -1);
-                this.updateChoice(currentValue);
+                this.purTyping = getBackspaceText(this.purTyping);
+                value = this.purTyping;
                 break;
             }
             default:
-                this.updateChoice(`${value}${getKeypressValue(key)}`);
+                this.purTyping = `${this.purTyping}${getKeypressValue(key)}`;
+                value = this.purTyping;
                 break;
         }
-        this.render();
+        const message = this.updateChoice(value);
+        this.render(false, message);
     }
     getShowRowIndex() {
         const middleOfPage = Math.floor(this.options.pageSize / 2);
@@ -219,7 +221,7 @@ export class TablePlugin extends Base {
         }
         return isEditable ? this.options.colors.editable(value) : this.options.colors.selected(value);
     }
-    render(isDisconnect = false) {
+    render(isDisconnect = false, message = '') {
         let content = this.getQuestion();
         let bottomContent = '';
         content += this.options.description ? `\n${this.options.description}` : '';
@@ -235,7 +237,8 @@ export class TablePlugin extends Base {
             for (let ii = 0; ii < (this.table.rows[i] || []).length; ii++) {
                 const isEditable = this.isEditable(ii);
                 const value = this.table.rows[i][ii];
-                columnValues.push(this.getColor(value, this.isSelected(i, ii), isEditable));
+                const parser = this.table.getParser(ii);
+                columnValues.push(this.getColor(parser(value, this.table.getRaw(), this.answers), this.isSelected(i, ii), isEditable));
             }
             table.push(columnValues);
         }
@@ -252,6 +255,9 @@ export class TablePlugin extends Base {
         if (this.isNextCloses.escape) {
             bottomContent = this.options.escapeMessage;
         }
+        if (message) {
+            bottomContent = message;
+        }
         this.screen.render(content, bottomContent);
     }
 }

package/dist/_internal/plugins/test.js

@@ -1,15 +1,14 @@
 import chalk from 'chalk';
 import inquirer from 'inquirer';
-import { success, warn, hop, cyan } from '../utils/chalk.js';
+import { success, warn, hop, cyan, error } from '../utils/chalk.js';
 import { TablePlugin } from './table.js';
 const run = async () => {
     inquirer.registerPrompt('table-input', TablePlugin);
-    const rows = [...Array(33).keys()].map(i => [cyan(`--path ${i}--`), '--id--', true, i + 100, '--lock--']);
     const question = {
         type: 'table-input',
-        name: 'links',
-        message: chalk.red('GENERATE LINKS PATH SETTINGS'),
-        description: 'Edit setting.',
+        name: 'settings',
+        message: 'SETTINGS',
+        description: `You can edit data.`,
         disableColumnIndexes: [0],
         colors: {
             selected: warn,
@@ -17,18 +16,22 @@ const run = async () => {
             editing: hop,
         },
         columns: [
-            { name: cyan.bold('filepath'), value: 'path', type: 'input' },
-            { name: cyan.bold('id'), value: 'id', type: 'input', parser: () => 'aaa' },
-            { name: cyan.bold('title'), value: 'title', type: 'confirm' },
-            {
-                name: cyan.bold('num'),
-                value: 'output',
-                type: 'number',
-                validate: (value) => /^\d*$/.test(value) || value === '0' || !value,
+            { name: cyan.bold('ID'), value: 'id', type: 'input' },
+            { name: cyan.bold('title'), value: 'title', type: 'input', parser: (input) => /\.md$/.test(input) ? input : `${input}.md` },
+            { name: cyan.bold('count'), value: 'cnt', type: 'number', validate: (input) => {
+                    const isValid = input !== '0';
+                    return {
+                        isValid,
+                        message: isValid ? '' : error('should be more than 0')
+                    };
+                }
             },
-            { name: cyan.bold('lock'), value: 'lock', type: 'input' },
+            { name: cyan.bold('IS LOCK'), value: 'lock', type: 'confirm' },
+        ],
+        rows: [
+            [chalk.bold('ABCD'), 'hoge', 0, true],
+            [chalk.bold('EFG'), 'foo', 1, false]
         ],
-        rows: rows,
         validate: (inputs, _answers) => {
             const isValid = inputs.every((i) => Object.values(i).every(v => `${v}`.length));
             return {

package/dist/_internal/utils/keypress.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="node" resolution-mode="require"/>
 import { Key } from 'readline';
 export declare const getKeypressValue: (key: Key) => string | undefined;
+export declare const getBackspaceText: (str: string) => string;

package/dist/_internal/utils/keypress.js

@@ -12,3 +12,9 @@ export const getKeypressValue = (key) => {
             return key.sequence;
     }
 };
+export const getBackspaceText = (str) => {
+    if (!str) {
+        return '';
+    }
+    return str.slice(0, -1);
+};

package/dist/_internal/utils/parse-types.js

@@ -1,9 +1,10 @@
+import { isNumber } from 'my-gadgetry/type-check';
 import { PARSE_TYPES } from '../types/parse-types.js';
 const BOOL_VALUES = Object.freeze(['Y', 'y', 'yes', 'YES', 'x', 'v', 'o', 'true']);
 export const parse = (value, type) => {
     switch (type) {
         case PARSE_TYPES.number:
-            return value ? Number(value) : 0;
+            return isNumber(value, true) ? Number(value) : 0;
         case PARSE_TYPES.confirm:
             return BOOL_VALUES.includes(value);
         default:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inquirer-plugins",
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0-alpha.3",
   "main": "index.js",
   "type": "module",
   "scripts": {
@@ -16,16 +16,19 @@
     "generate": "tsx --tsconfig ./tsconfig.tsx.json ./tools/generate-alias.zx.ts",
     "ci:update-version": "tsx --tsconfig ./tsconfig.tsx.json ./tools/update-version.zx.ts",
     "md:generate": "tsx --tsconfig ./tsconfig.tsx.json ./tools/generate-md.ts",
+
     "//--- test ---//": "",
     "test": "run-s test:*",
     "test:lint": "npm run lint",
     "test:prettier": "npm run prettier:check",
+
     "//--- build ---//": "",
     "build": "run-s build:*",
     "build:test": "npm run test",
     "build:clean": "npm run clean",
     "build:tsc": "npm run tsc",
     "build:generate": "npm run generate",
+
     "//--- publish ---//": "",
     "publish:build": "run-s build:{clean,tsc,generate}",
     "dry-run": "tsx --tsconfig ./tsconfig.tsx.json ./src/_internal/plugins/test.ts"
@@ -36,6 +39,20 @@
   "engines": {
     "node": ">=19.0.0"
   },
+  "keywords": [
+    "answer",
+    "answers",
+    "ask",
+    "confirm",
+    "generator",
+    "input",
+    "inquire",
+    "inquirer",
+    "prompt",
+    "prompts",
+    "table",
+    "question"
+  ],
   "exports": {
     ".": "./dist/**/*.js",
     "./table": "./dist/modules/table.js",
@@ -51,6 +68,7 @@
     "cli-cursor": "^4.0.0",
     "cli-table3": "^0.6.5",
     "inquirer": "^9.2.23",
+    "my-gadgetry": "^1.2.5",
     "zx": "^8.1.2"
   },
   "devDependencies": {
@@ -66,7 +84,6 @@
     "eslint-plugin-unused-imports": "^3.2.0",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.5",
-    "my-gadgetry": "^1.2.5",
     "npm-run-all2": "^6.2.0",
     "prettier": "^3.3.1",
     "tsc-alias": "^1.8.10",

package/src/_internal/plugins/table/README.md

@@ -0,0 +1,117 @@
+<!-- MD_HOPPER: ID: src-_internal-plugins-table-rmd -->
+<!-- MD_HOPPER: TITLE: TABLE PLUGIN -->
+<!-- MD_HOPPER: OUTPUT: README.md -->
+
+`Table Plugin` is based on the original [inquirer-table-input](https://github.com/edelciomolina/inquirer-table-input).
+This plugin has been customized to support TypeScript and symbol input.
+
+```ts
+import chalk from 'chalk'
+import inquirer from 'inquirer'
+import { TablePlugin, TableQuestion } from 'inquirer-plugins/table'
+
+inquirer.registerPrompt('table', TablePlugin)
+
+const question: TableQuestion = {
+  type: 'table',
+  name: 'settings',
+  message: 'SETTINGS',
+  description: `You can edit data.`,
+  disableColumnIndexes: [0],
+  colors: {
+    selected: chalk.hex('#FFA500'),
+    editable: chalk.green,
+    editing: chalk.hex('#F577F5'),
+  },
+  columns: [
+    { name: cyan.bold('ID'), value: 'id', type: 'input' },
+    {
+      name: cyan.bold('filename'),
+      value: 'filename',
+      type: 'input',
+      parser: (input: string, _inputs, _answers) => (/\.md$/.test(input) ? input : `${input}.md`),
+    },
+    {
+      name: cyan.bold('count'),
+      value: 'cnt',
+      type: 'number',
+      validate: (input: string, _inputs, _answers) => {
+        const isValid = Number(input) > 0
+        return {
+          isValid,
+          message: isValid ? '' : error('should be more than 0'),
+        }
+      },
+    },
+    { name: cyan.bold('IS LOCK'), value: 'lock', type: 'confirm' },
+  ],
+  rows: [
+    [chalk.bold('ABCD'), 'hoge', 0, true],
+    [chalk.bold('EFG'), 'foo', 1, false],
+  ],
+  validate: (inputs, _answers) => {
+    const isValid = inputs.every((i: any) => Object.values(i).every(v => `${v}`.length))
+    return {
+      isValid,
+      message: isValid ? '' : 'not allow empty input',
+    }
+  },
+}
+inquirer.prompt([question])
+```
+
+> In the [inquirer-table-input](https://github.com/edelciomolina/inquirer-table-input#usage), it was necessary to set validation to false, but this plugin makes it configurable by separating the validation and processing within Inquirer. Instead of using a boolean, changes have been made to pass isValid and message.
+
+```json
+{
+  "settings": {
+    "state": true,
+    "result": [
+      {
+        "id": "ABCD",
+        "filename": "hoge.md",
+        "cnt": 0,
+        "lock": true
+      },
+      {
+        "id": "EFG",
+        "filename": "foo.md",
+        "cnt": 1,
+        "lock": false
+      }
+    ]
+  }
+}
+```
+
+## Params
+
+- **type** [*required*]
+- **name** [*required*]
+- **message** [*optional*] (String | ChalkInstance)
+- **description** [*optional*] (String | ChalkInstance)
+- **escapeMessage** [*optional*] (String | ChalkInstance)
+- **confirmMessage** [*optional*] (String | ChalkInstance)
+- **disableColumnIndexes** [*optional*] (number[])
+- **colors** [*optional*]
+  - _selected_ [*optional*] (ChalkInstance)
+  - _editable_ [*optional*] (ChalkInstance)
+  - _editing_ [*optional*] (ChalkInstance)
+- **columns** [*required*]
+- **rows** [*required*]
+- **validate** [*optional*] (() => { isValid: boolean, message: string })
+- **pageSize** [*optional*] number
+
+## Column Params
+
+- **name**: [*required*] (String | ChalkInstance) To show table header colum name.
+- **value**: [*required*] (String) result param property name.
+- **type**: [*required*] (String) `input`, `number`, `confirm`
+- **parser**: [*optional*] (() => any) table view & result parser
+- **validate**: [*optional*] (() => { isValid: boolean, message: string }) validate cell
+
+## Raws (number | string | boolean)
+
+<!-- MD_HOPPER: BEGIN_DEFINE_LINKS: -->
+
+<!-- MD_HOPPER: END_DEFINE_LINKS: -->

package/src/_internal/plugins/table/table.ts

@@ -1,8 +1,10 @@
+import { Answers } from 'inquirer'
+
 import { PARSE_TYPES } from '~types/parse-types.js'
-import { trim } from '~utils/chalk.js'
+import { trim, error } from '~utils/chalk.js'
 import { parse } from '~utils/parse-types.js'
 
-import { Column, Cell } from './types.js'
+import { Column, Cell, RawInputs } from './types.js'
 
 export class TableClass {
   columns: Column[] = []
@@ -24,21 +26,33 @@ export class TableClass {
     return this.columns[columnIndex].type
   }
 
-  updateRow(rowIndex: number, columnIndex: number, value: string) {
+  getParser(columnIndex: number): Exclude<Column['parser'], undefined> {
+    return this.columns[columnIndex].parser || ((txt: string, _inputs: RawInputs, _answers: Answers) => txt)
+  }
+
+  getValidator(columnIndex: number): Exclude<Column['validate'], undefined> {
+    return (
+      this.columns[columnIndex].validate ||
+      ((_txt: string, _inputs: RawInputs, _answers: Answers) => ({ isValid: true, message: '' }))
+    )
+  }
+
+  updateRow(rowIndex: number, columnIndex: number, value: string, answers: Answers) {
     if (!(rowIndex in this.rows)) {
-      return
+      return error(`row index (${rowIndex}) not found`)
     }
     const columns = this.rows[rowIndex]
     if (!(columnIndex in columns)) {
-      return
+      return error(`column index (${columnIndex}) not found`)
     }
-    const validate = this.columns[columnIndex].validate || (() => true)
-    if (!validate(value)) {
-      return
+    const validateResult = this.getValidator(columnIndex)(value, this.getRaw(), answers)
+    if (!validateResult.isValid) {
+      return validateResult.message
     }
-    const parser = this.columns[columnIndex].parser || ((txt: string) => txt)
-    const parsed = parser(value)
+    const parser = this.getParser(columnIndex)
+    const parsed = parser(value, this.getRaw(), answers)
     columns[columnIndex] = `${parsed}`
+    return ''
   }
 
   getValue(rowIndex: number, columnIndex: number) {
@@ -52,14 +66,26 @@ export class TableClass {
     return columns[columnIndex]
   }
 
-  getResult() {
+  getRaw(): RawInputs {
+    const result: RawInputs = []
+    for (let i = 0; i < this.rows.length; i++) {
+      result.push({})
+      for (let ii = 0; ii < (this.rows[i] || []).length; ii++) {
+        const { value: key } = this.columns[ii]
+        result[i][key] = trim(this.rows[i][ii])
+      }
+    }
+    return result
+  }
+
+  getResult(answers: Answers) {
     const result: Record<string, Cell>[] = []
     for (let i = 0; i < this.rows.length; i++) {
       result.push({})
       for (let ii = 0; ii < (this.rows[i] || []).length; ii++) {
         const { value: key, type, parser } = this.columns[ii]
         const value = trim(this.rows[i][ii])
-        result[i][key] = parser ? parser(value) : parse(value, type)
+        result[i][key] = parser ? parser(value, this.getRaw(), answers) : parse(value, type)
       }
     }
     return result

package/src/_internal/plugins/table/types.ts

@@ -1,4 +1,5 @@
 import chalk, { ChalkInstance } from 'chalk'
+import { Answers } from 'inquirer'
 
 import { ParseType } from '~types/parse-types.js'
 import { hop, success, warn } from '~utils/chalk.js'
@@ -64,8 +65,10 @@ export interface Column {
   name: string | ChalkInstance
   value: string
   type: ParseType
-  validate?: (input: string) => boolean
-  parser?: (input: any) => any
+  validate?: (input: string, raws: RawInputs, answers: Answers) => ValidateResult
+  parser?: (input: any, raws: RawInputs, answers: Answers) => any
 }
 
 export type Cell = number | string | boolean
+
+export type RawInputs = Record<string, string>[]

package/src/_internal/plugins/table.ts

@@ -10,7 +10,7 @@ import { map } from 'rxjs/operators'
 
 import { Done } from '~types/inquirer.js'
 import { dim, error } from '~utils/chalk.js'
-import { getKeypressValue } from '~utils/keypress.js'
+import { getKeypressValue, getBackspaceText } from '~utils/keypress.js'
 
 import { TableClass } from './table/table.js'
 import { DEFAULT_OPTIONS, RequiredOptions, TableQuestion } from './table/types.js'
@@ -31,6 +31,7 @@ export class TablePlugin extends Base {
   }
   editing = false
   temporaryBackup: string | null = null
+  purTyping = ''
   answers: Answers = []
 
   constructor(question: Question<TableQuestion>, readLine: ReadLineInterface, answers: Answers) {
@@ -51,7 +52,7 @@ export class TablePlugin extends Base {
   }
 
   getCurrentValues() {
-    return this.table.getResult()
+    return this.table.getResult(this.answers)
   }
 
   isEditable(index: number) {
@@ -97,6 +98,7 @@ export class TablePlugin extends Base {
           default:
             if (this.isEditable(this.pointerIndexes.column)) {
               this.editing = true
+              this.clear()
               this.onEditPress(key)
             }
         }
@@ -159,11 +161,11 @@ export class TablePlugin extends Base {
 
   clear() {
     this.temporaryBackup = null
+    this.purTyping = ''
   }
 
   onEnd(state: any) {
     this.render(true)
-    this.clear()
     this.status = 'answered'
     this.screen.done()
     cliCursor.show()
@@ -184,7 +186,6 @@ export class TablePlugin extends Base {
   }
 
   onError(_state: any) {
-    this.clear()
     if (this.editing) {
       this.editing = false
       this.render()
@@ -197,10 +198,8 @@ export class TablePlugin extends Base {
     }
   }
 
-  validateValue() {}
-
   updateChoice(value: string) {
-    this.table.updateRow(this.pointerIndexes.row, this.pointerIndexes.column, value)
+    return this.table.updateRow(this.pointerIndexes.row, this.pointerIndexes.column, value, this.answers)
   }
 
   get currentValue() {
@@ -208,30 +207,32 @@ export class TablePlugin extends Base {
   }
 
   onEditPress(key: Key) {
-    let value = this.currentValue
     if (this.temporaryBackup === null) {
-      this.temporaryBackup = value
-      value = ''
+      this.temporaryBackup = this.currentValue
     }
+    let value = this.purTyping
     switch (key.name) {
       case 'escape':
-        this.updateChoice(this.temporaryBackup)
+        this.purTyping = ''
+        value = this.temporaryBackup
         this.editing = false
         break
       case 'delete':
-        this.updateChoice('')
+        this.purTyping = ''
+        value = this.purTyping
         break
       case 'backspace': {
-        let currentValue = value
-        currentValue = currentValue.slice(0, -1)
-        this.updateChoice(currentValue)
+        this.purTyping = getBackspaceText(this.purTyping)
+        value = this.purTyping
         break
       }
       default:
-        this.updateChoice(`${value}${getKeypressValue(key)}`)
+        this.purTyping = `${this.purTyping}${getKeypressValue(key)}`
+        value = this.purTyping
         break
     }
-    this.render()
+    const message = this.updateChoice(value)
+    this.render(false, message)
   }
 
   getShowRowIndex() {
@@ -256,7 +257,7 @@ export class TablePlugin extends Base {
     return isEditable ? this.options.colors.editable(value) : this.options.colors.selected(value)
   }
 
-  render(isDisconnect = false) {
+  render(isDisconnect = false, message = '') {
     let content = this.getQuestion()
     let bottomContent: string | ChalkInstance = ''
 
@@ -274,7 +275,10 @@ export class TablePlugin extends Base {
       for (let ii = 0; ii < (this.table.rows[i] || []).length; ii++) {
         const isEditable = this.isEditable(ii)
         const value = this.table.rows[i][ii]
-        columnValues.push(this.getColor(value, this.isSelected(i, ii), isEditable))
+        const parser = this.table.getParser(ii)
+        columnValues.push(
+          this.getColor(parser(value, this.table.getRaw(), this.answers), this.isSelected(i, ii), isEditable)
+        )
       }
       table.push(columnValues)
     }
@@ -293,7 +297,9 @@ export class TablePlugin extends Base {
     if (this.isNextCloses.escape) {
       bottomContent = this.options.escapeMessage
     }
-
+    if (message) {
+      bottomContent = message
+    }
     this.screen.render(content, bottomContent as string)
   }
 }

package/src/_internal/plugins/test.ts

@@ -1,38 +1,56 @@
 import chalk from 'chalk'
 import inquirer from 'inquirer'
 
-import { success, warn, hop, cyan } from '../utils/chalk.js'
+import { success, warn, hop, cyan, error } from '../utils/chalk.js'
 
 import { TableQuestion } from './table/types.js'
 import { TablePlugin } from './table.js'
 
 const run = async () => {
   inquirer.registerPrompt('table-input', TablePlugin)
-  const rows = [...Array(33).keys()].map(i => [cyan(`--path ${i}--`), '--id--', true, i + 100, '--lock--'])
+  // const rows = [...Array(33).keys()].map(i => [cyan(`--path ${i}--`), '--id--', true, i + 100, '--lock--'])
   const question: TableQuestion = {
     type: 'table-input',
-    name: 'links',
-    message: chalk.red('GENERATE LINKS PATH SETTINGS'),
-    description: 'Edit setting.',
+    name: 'settings',
+    message: 'SETTINGS',
+    description: `You can edit data.`,
     disableColumnIndexes: [0],
     colors: {
       selected: warn,
       editable: success,
       editing: hop,
     },
+    // columns: [
+    //   { name: cyan.bold('filepath'), value: 'path', type: 'input' },
+    //   { name: cyan.bold('id'), value: 'id', type: 'input', parser: () => 'aaa' },
+    //   { name: cyan.bold('title'), value: 'title', type: 'confirm' },
+    //   {
+    //     name: cyan.bold('num'),
+    //     value: 'output',
+    //     type: 'number',
+    //     validate: (value: string) => /^\d*$/.test(value) || value === '0' || !value,
+    //   },
+    //   { name: cyan.bold('lock'), value: 'lock', type: 'input' },
+    // ],
+    // rows: rows,
     columns: [
-      { name: cyan.bold('filepath'), value: 'path', type: 'input' },
-      { name: cyan.bold('id'), value: 'id', type: 'input', parser: () => 'aaa' },
-      { name: cyan.bold('title'), value: 'title', type: 'confirm' },
-      {
-        name: cyan.bold('num'),
-        value: 'output',
-        type: 'number',
-        validate: (value: string) => /^\d*$/.test(value) || value === '0' || !value,
+      { name: cyan.bold('ID'), value: 'id', type: 'input' },
+      // { name: cyan.bold('title'), value: 'title', type: 'input', parser: (input: string) => `${input}.md` },
+      { name: cyan.bold('title'), value: 'title', type: 'input', parser: (input: string) => /\.md$/.test(input) ? input : `${input}.md` },
+      { name: cyan.bold('count'), value: 'cnt', type: 'number', validate: (input) => {
+        const isValid = input !== '0'
+          return {
+            isValid,
+            message: isValid ? '' : error('should be more than 0')
+          }
+        }
       },
-      { name: cyan.bold('lock'), value: 'lock', type: 'input' },
+      { name: cyan.bold('IS LOCK'), value: 'lock', type: 'confirm' },
+    ],
+    rows: [
+      [chalk.bold('ABCD'), 'hoge', 0, true],
+      [chalk.bold('EFG'), 'foo', 1, false]
     ],
-    rows: rows,
     validate: (inputs, _answers) => {
       const isValid = inputs.every((i: any) => Object.values(i).every(v => `${v}`.length))
       return {

package/src/_internal/utils/keypress.ts

@@ -14,3 +14,10 @@ export const getKeypressValue = (key: Key) => {
       return key.sequence
   }
 }
+
+export const getBackspaceText = (str: string) => {
+  if (!str) {
+    return ''
+  }
+  return str.slice(0, -1)
+}

package/src/_internal/utils/parse-types.ts

@@ -1,3 +1,5 @@
+import { isNumber } from 'my-gadgetry/type-check'
+
 import { PARSE_TYPES, ParseType } from '~types/parse-types.js'
 
 const BOOL_VALUES = Object.freeze(['Y', 'y', 'yes', 'YES', 'x', 'v', 'o', 'true'])
@@ -5,7 +7,7 @@ const BOOL_VALUES = Object.freeze(['Y', 'y', 'yes', 'YES', 'x', 'v', 'o', 'true'
 export const parse = (value: string, type: ParseType) => {
   switch (type) {
     case PARSE_TYPES.number:
-      return value ? Number(value) : 0
+      return isNumber(value, true) ? Number(value) : 0
     case PARSE_TYPES.confirm:
       return BOOL_VALUES.includes(value)
     default: