whiptail-js

whiptail-js

8 devlogs
7h 17m
•  Ship certified
Created by Brian

whiptail-js is a lightweight terminal-style dialog library for the web, inspired by the classic Linux whiptail tool, featuring keyboard navigation and touch support for mobile devices.


This originally started out as an idea for a personal portfolio website of mine, but I figured why not publish it for others to use!

Timeline

Ship 2

1 payout of shell 58.0 shells

Brian

26 days ago

Brian Covers 2 devlogs and 2h 54m

Looks like the Summer of Making website was down! :(

During that time I finished adding the commands, updated the README, and also added an optional width/height parameter in the config.

Update attachment
Brian
Brian
2h 18m 26 days ago

I'm currently adding support for the existing box options, just like in the original whiptail library.

Update attachment

Ship 1

1 payout of shell 99.0 shells

Brian

about 2 months ago

Brian Covers 6 devlogs and 4h 22m

whiptail-js has been published to npm and the repository is live! I'm planning on potentially adding more features in the near future. Check it out on npm here: https://www.npmjs.com/package/whiptail-js

Update attachment

Just finished writing to README, being published to npm!

Update attachment

It's been a while! What started as a simple personal website turned into a full-on Whiptail UI class in JavaScript, which mimics the look and feel of a terminal-based dialog. It's now complete with keyboard navigation and touch support.

I'm calling it whiptail-js: a lightweight terminal-style dialog library for the web, which is used through the WhiptailJS class. Currently writing a short README to get it published on npmjs :)

Update attachment

I have added touch support and removed the viewport meta tag to keep the UI consistent across desktop and mobile.

I've made the UI responsive by listening to arrow key clicks! I'll be adding support for mobile next by allowing users to select by clicking the items with touch.

I've been working on a terminal-like GUI interface written w/ HTML + CSS. I used the raspi-config terminal GUI as my starting point because it's a good representation of what I'll want my website to look like.

Working on detecting arrow keys and allowing the user to select an item.

Update attachment