npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

inquirer-dynamic-list

v1.0.0

Published

A subclass of inquirer's list whose choices can be updated on the fly

Downloads

99

Readme

inquirer-dynamic-list

npm version dependencies Build Status Build status

A subclass of inquirer's list whose choices can be updated on the fly.

Notice this is a proof of concept and breaks inquirer's encapsulation.

Installation

Install inquirer-dynamic-list by running:

$ npm install --save inquirer-dynamic-list

Documentation

dynamiclist~DynamicList

Kind: inner class of dynamiclist
Summary: Dynamic list widget
Access: public

new DynamicList([options])

| Param | Type | Default | Description | | --- | --- | --- | --- | | [options] | Object | | options | | options.choices | Array.<Object> | | initial choices | | options.message | String | | widget message | | [options.emptyMessage] | String | 'No options' | message for when no choices |

Example

list = new DynamicList
	message: 'Foo'
	emptyMessage: 'Nothing to show'
	choices: [
		name: 'Foo'
		value: 'foo'
	]

# Run the list widget
list.run().then (answer) ->
	console.log(answer)

# You can add new choices on the fly
list.addChoice
	name: 'Bar'
	value: 'bar'

# We re-render to be able to see the new options
list.render()

dynamicList.render()

Kind: instance method of DynamicList
Summary: Render the list
Access: public
Example

list = new DynamicList
	message: 'Foo'
	emptyMessage: 'Nothing to show'
	choices: [
		name: 'Foo'
		value: 'foo'
	]

list.render()

dynamicList.addChoice(choice)

Kind: instance method of DynamicList
Summary: Add a choice
Access: public

| Param | Type | Description | | --- | --- | --- | | choice | Object | choice |

Example

list = new DynamicList
	message: 'Foo'
	emptyMessage: 'Nothing to show'
	choices: [
		name: 'Foo'
		value: 'foo'
	]

list.addChoice(name: 'Bar', value: 'bar')
list.render()

dynamicList.removeChoice(choice)

Kind: instance method of DynamicList
Summary: Remove a choice
Access: public

| Param | Type | Description | | --- | --- | --- | | choice | Object | choice |

Example

list = new DynamicList
	message: 'Foo'
	emptyMessage: 'Nothing to show'
	choices: [
		name: 'Foo'
		value: 'foo'
	]

list.removeChoice(name: 'Foo', value: 'foo')
list.render()

dynamicList.run() ⇒ Promise

Kind: instance method of DynamicList
Summary: Run the widget
Access: public
Fulfil: String answer
Example

list = new DynamicList
	message: 'Foo'
	emptyMessage: 'Nothing to show'
	choices: [
		name: 'Foo'
		value: 'foo'
	]

list.run().then (answer) ->
	console.log(answer)

Support

If you're having any problem, please raise an issue on GitHub and I'll be happy to help.

Tests

Run the test suite by doing:

$ gulp test

Contribute

Before submitting a PR, try to include tests, and make sure that coffeelint runs without any warning:

$ gulp lint

License

The project is licensed under the MIT license.