@eliyya/inquirer-fs-selector

inquirer-fs-selector

An file or dir selector prompt implementation for Inquirer.js.

Installation

npm install inquirer-file-selector

Usage

import fileSelector from 'inquirer-file-selector'

const filePath = await fileSelector({
  message: 'Select a file:',
  ...
})

Options

Option	Type	Required	Description
message	string	✔	The message to display in the prompt.
dir	boolena	✔	Allow select dir.
path	string		The path to the directory where it will be started. Default: process.cwd()
pageSize	number		The maximum number of items to display in the list. Default: 10
match	(file: Item) => boolean		A function to filter the files. If not provided, all files will be included.
hideNonMatch	boolean		If true, the list will be filtered to show only files that match the match function. Default: false
disabledLabel	string		The label to display when a file is disabled. Default: (not allowed)
allowCancel	boolean		If true, the prompt will allow the user to cancel the selection. Default: false
cancelText	string		The message to display when the user cancels the selection. Default: Canceled.
emptyText	string		The message that will be displayed when the directory is empty. Default: Directory is empty.
theme	See Theming		The theme to use for the file selector.
canceledLabel	string		Deprecated: Use cancelText instead. Will be removed in the next major version.
noFilesFound	string		Deprecated: Use emptyText instead. Will be removed in the next major version.

Theming

You can theme a prompt by passing a theme object option. The theme object only need to includes the keys you wish to modify, we'll fallback on the defaults for the rest.

type FileSelectorTheme = {
  icon: {
    /**
     * The prefix to use for the line.
     * @default isLast => isLast ? └── : ├──
     */
    linePrefix: (isLast: boolean) => string
  }
  style: {
    /**
     * The style to use for the disabled items.
     * @default chalk.dim
     */
    disabled: (text: string) => string
    /**
     * The style to use for the active item.
     * @default chalk.cyan
     */
    active: (text: string) => string
    /**
     * The style to use for the cancel text.
     * @default chalk.red
     */
    cancelText: (text: string) => string
    /**
     * Alias for `emptyText`.
     * @deprecated Use `emptyText` instead. Will be removed in the next major version.
     */
    noFilesFound?: (text: string) => string
    /**
     * The style to use for the empty text.
     * @default chalk.red
     */
    emptyText: (text: string) => string
    /**
     * The style to use for items of type directory.
     * @default chalk.yellow
     */
    directory: (text: string) => string
    /**
     * The style to use for items of type file.
     * @default chalk.white
     */
    file: (text: string) => string
    /**
     * The style to use for the current directory header.
     * @default chalk.magenta
     */
    currentDir: (text: string) => string
    /**
     * The style to use for the key bindings help.
     * @default chalk.white
     */
    help: (text: string) => string
    /**
     * The style to use for the keys in the key bindings help.
     * @default chalk.cyan
     */
    key: (text: string) => string
  }
}

Examples

For examples look in the examples/ directory. You can execute the examples using node.

cd examples/
node <example-name>.js

[!NOTE] Before running the examples, make sure you have installed the dependencies with npm install and compiled the project with npm run build.

Contributing

• Fork it!
• Create your feature branch: git checkout -b my-new-feature
• Commit your changes: git commit -am "feat: my new feature"
• Push to the branch: git push origin my-new-feature
• Submit a pull request :D

[!NOTE] The commit message should follow the Conventional Commits specification.

Copyright & License

© 2024 Brian Fernandez

This project is licensed under the MIT license. See the file LICENSE for details.