https://github.com/jaanauati/hyper-search

Search-text plugin for Hyper.js
https://github.com/jaanauati/hyper-search

es6 hyper hyper-search plugin react reactjs redux

Last synced: 3 days ago
JSON representation

Search-text plugin for Hyper.js

• Host: GitHub
• URL: https://github.com/jaanauati/hyper-search
• Owner: jaanauati
• Created: 2017-06-06T22:15:26.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2021-05-09T00:32:30.000Z (over 3 years ago)
• Last Synced: 2025-01-10T11:16:28.322Z (11 days ago)
• Topics: es6, hyper, hyper-search, plugin, react, reactjs, redux
• Language: JavaScript
• Size: 162 KB
• Stars: 173
• Watchers: 5
• Forks: 21
• Open Issues: 21
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Hyper-search · [![](https://img.shields.io/npm/dm/hyper-search.svg?label=DL)]() [![GitHub license](https://img.shields.io/badge/license-ISC-blue.svg)](https://github.com/jaanauati/hyper-search)

Extension for [Hyper](https://hyper.is) that allows you to search text in your terminal.

## How to use

Install [Hyper](https://hyper.is) and add `hyper-search`

to `plugins` in `~/.hyper.js` and restart hyper.js.

Usage:

 - A new 'find' submenu should be available in the 'Edit' menu.

 - Type ```+F``` to toggle the search controls.

 - Hit ```+G``` to find the next occurrence.

 - Hit ```++G``` to find the previous occurrence.

 - Hit `````` or ```+``` to expand the selection to the right or left (see Mouseless Copy: https://www.iterm2.com/features.html).

 - Hit `````` to hide the search dialog.

![demo](https://media.giphy.com/media/7SEQJPH0dqgErNF8Zq/giphy.gif)

## Config

hyper-search supports various style modifications.

In `~/.hyper.js`:

### Change Search Box Border Radius

```javascript

module.exports = {

  config: {

    ...

      hyperSearchUI: {

        inputBorderRadius: 2

      }

    ...

  }

}

````

![input border radius](https://i.imgur.com/POliDqP.png)

### Change Previous/Next Button Border Radius

```javascript

module.exports = {

  config: {

    ...

      hyperSearchUI: {

        buttonBorderRadius: 2,

      }

    ...

  }

}

````

![navigation button border radius](https://i.imgur.com/YSam2Ph.png)

### Change Button Margins

```javascript

module.exports = {

  config: {

    ...

      hyperSearchUI: {

        buttonMargin: 2,

      }

    ...

  }

}

````

![button margin](https://i.imgur.com/ZKk0mO8.png)

### Change Prev/Next Button Text

```javascript

module.exports = {

  config: {

    ...

      hyperSearchUI: {

        prevButton: '←',

        nextButton: '→'

      }

    ...

  }

}

````

![change prev/next button](https://i.imgur.com/ORRuvvw.png)

## TODO:

- regular expressions.

## Credits

Jonatan Anauati ([email protected])

## Contributors

- Aaron Markey (https://github.com/aaronmarkey)

- Alek Zdziarski (https://github.com/aldudalski)

- Emmanuel Salomon (https://github.com/ManUtopiK)

- Hai Nguyen (https://github.com/ng-hai)

- Samuel Yeung (https://github.com/samuelyeungkc)

- Timo Sand (https://github.com/deiga)

- Will Stern (https://github.com/willrstern)

- Yanir (https://github.com/yanir3)

## License

ISC