Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lenneTech/gluegun-menu

Menu for gluegun CLIs
https://github.com/lenneTech/gluegun-menu

Last synced: 3 months ago
JSON representation

Menu for gluegun CLIs

Awesome Lists containing this project

README

        

# Gluegun Menu

The Gluegun Menu is an extension for [Gluegun](https://infinitered.github.io/gluegun) CLIs.
It generates an interactive menu structure from the commands of the CLI.

![Gluegun Menu Demo](assets/demo.gif)

The extension can be integrated into any Gluegun project.
It is already integrated in the [lenne.Tech CLI Starter](https://github.com/lenneTech/cli-starter),
which can be initialized comfortably via the [lenne.Tech CLI](https://github.com/lenneTech/cli).

## Integration

It can be easily integrated into your CLI:

### 1. Install extension:

```bash
$ npm install @lenne.tech/gluegun-menu
```

### 2. Integrate extension as plugin:

`src/cli.ts`:

```typescript
// ...
const cli = build()
// ...
.plugin(__dirname + '/../node_modules/@lenne.tech/gluegun-menu/dist', {
commandFilePattern: '*.js',
extensionFilePattern: '*.js'
})
// ...
.create();
// ...
```

### 3. Prepare main commands

`src/commands/YOUR_COMMAND/YOUR_COMMAND.ts`:

```typescript
import { GluegunMenuToolbox } from '@lenne.tech/gluegun-menu';

/**
* YOUR_COMMAND menu
*/
module.exports = {
name: 'YOUR_COMMAND',
alias: ['YOUR_COMMAND_ALIAS'],
description: 'YOUR_DESCRIPTION',
hidden: true,
run: async (toolbox: GluegunMenuToolbox) => {
await toolbox.menu.showMenu('(PARANT_COMMANDS) YOUR_COMMAND');
}
};
```

## Parameters of `showMenu`

1. parentCommands?: string
command name OR parent names + command name

2. options?: object

- level?: number => Level of the current section (0 = main section)
- headline?: string => Headline for the current section
- showHelp?: boolean => If you want to show the `help` command at the top
- hideBack?: boolean => If you want to hide the `back` command at the bottom
- setCache?: boolean => Re-use these `options` in subsequent menus (doesn't apply for `level`, `headline` or `setCache`)
- backLabel?: string => custom label to indicate `go back` action
- cancelLabel?: string => custom label to indicate `cancel` action
- byeMessage?: string => custom `bye` message

Note: If the options in the main menu are to be used, for example to define the headline,
`null` or an empty string `''` must be passed as the first parameter:
`showMenu(null, {headline: 'Main menu'})`

## Example

Example file structure:

```
src/commands/
section1/
subsection1/
subsection1.ts
yyy1.ts
yyy2.ts
section1.ts
xxx1.ts
xxx2.ts
section2/
section2.ts
zzz1.ts
zzz2.ts
brand.ts
```

`src/commands/brand.ts`:

```typescript
import { GluegunMenuToolbox } from '@lenne.tech/gluegun-menu';

/**
* Main menu
*/
module.exports = {
name: 'brand',
description: 'Welcome to brand CLI',
hidden: true,
run: async (toolbox: GluegunMenuToolbox) => {
await toolbox.menu.showMenu();
}
};
```

`src/commands/section1/section1.ts`:

```typescript
import { GluegunMenuToolbox } from '@lenne.tech/gluegun-menu';

/**
* Section1 menu
*/
module.exports = {
name: 'section1',
alias: ['s1'],
description: 'Description for section1',
hidden: true,
run: async (toolbox: GluegunMenuToolbox) => {
await toolbox.menu.showMenu('section1');
}
};
```

`src/commands/section1/subsection1/subsection1.ts`:

```typescript
import { GluegunMenuToolbox } from '@lenne.tech/gluegun-menu';

/**
* Subsection1 menu
*/
module.exports = {
name: 'subsection1',
alias: ['sub1'],
description: 'Description for subsection1',
hidden: true,
run: async (toolbox: GluegunMenuToolbox) => {
await toolbox.menu.showMenu('section1 subsection1', { headline: 'Subsection1 commands' });
}
};
```

## Extensions of the toolbox

### toolbox.menu

The menu extends the toolbox by the functionality to execute commands via a menu in the terminal (see above).

### toolbox.fromMenu

Extends the toolbox to the possibility to determine during the execution of a command whether the command was
called via the menu.

```typescript
const NewCommand: GluegunCommand = {
// ...
run: async (toolbox: GluegunMenuToolbox) => {
//...

if (toolbox.fromMenu()) {
console.log('I was called via the menu');
} else {
console.log('I was called via a direct command in the terminal');
}

// ...
}
};
export default NewCommand;
```

## Additional parameter options

### toolbox.parameters.options.fromGluegunMenu

Flag that shows whether the command was called via the menu.

## Thanks

Many thanks to the developers of [Glugun](https://infinitered.github.io/gluegun)
and all the developers whose packages are used here.

Many thanks also to:

- [pascal-klesse](https://github.com/pascal-klesse) for the support during the development
- [Tazaf](https://github.com/Tazaf) for the idea to set the `fromGlueguneMenu` flag

## License

MIT - see LICENSE