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.
npm install -g @heruka_urgyen/hiker
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.
- Clone this repository
https://github.com/heruka-urgyen/hiker.git
- Run
npm install
- 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 bynpm run app
ornode dist/index.js
- Run
npm start
to just build and run the app
- 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