heruka-urgyen / hiker

file manager in react ink

Hiker

File manager in react ink

This is a tiny file manager written as a proof of concept to see how well ink would be suitable to build terminal apps of medium complexity. It is inspired by ranger. It uses ink for UI, redux and redux-loop for state management.

Install

npm install -g @heruka_urgyen/hiker

Use

Run it as hiker. Use vi keybindings (h, j, k, l, gg, shift+g) or arrows + enter to navigate around. Pressing / toggles search in folder.

Run locally

1. Clone this repository https://github.com/heruka-urgyen/hiker.git
2. Run npm install
3. Run npm run dev to start a dev loop that watches files for changes, builds the app, runs tests, and lints the code. Restarting the app on build is currently not possible, so it should be run manually by npm run app or node dist/index.js
4. Run npm start to just build and run the app

TODO

• add external config
• display metadata in status bar
• allow running shell commands
• add directory sizes
• add custom previews to support code highlighting
• write tests for UI