npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

hyperambient-beta

v0.3.0

Published

A Hyperterm theme that reacts to ambient light

Downloads

12

Readme

HyperAmbient - A HyperTerm theme that responds to ambient light changes

Build Status npm version

Demo

Moving from shadows to outdoors and back, the camera adjusted for the light changes - however, you may notice the color scheme changing from dark to light and back.

Due to changing lightning conditions using just one color scheme rarely suffices. Especially when moving from indoors to sunny outdoors a dark color scheme that looked incredible inside is almost unreadable. Thus the terminal color scheme should react to ambient light changes!

Let me introduce HyperAmbient - the HyperTerm theme that that changes the color scheme to fit the current ambient lighting conditions.

The theme toggles between hyperterm-solarized-light and hyperterm-solarized-dark

NOTE: Currently underlying implementation for accessing ambient light sensor data only works in OSX.

How install

Install HyperTerm and add hyperambient to plugins in ~/.hyperterm.js.

 plugins: ["hyperambient"],

HyperTerm should automatically load the plugin. If it does not, perform a "Full Reload" for the change to take effect.

How to use

It automatically checks for ambient light changes and changes color shceme if neccesary - keep on using hyperterm for a while when ambient lightning condition change.

Should you want the changes to reflect immediately you'll need to make a Full Reload to all plugins (shift + cmd + R)

Customizing

Should you want to use alternative HyperTerm themes for light and dark ambient lighting conditions, you may define the themes in ~/.hyperambient.json like this:

{
  "config": {
    "darkTheme": "hyperterm-gruvbox-dark",
    "lightTheme": "hyperterm-one-light"
  }
}

For this change to take effect, you must twise run the Plugins -> Update All Now and ignore possible errors during the first load.

Troubleshooting

  • The ambient light sensor is located next to facetime camera on most mac models
  • It takes a few event for the change to take place, try hitting enter for 50 times
  • Checkout DevTools log for possible ambient light readings.
    • You might not exeed the threshold on which the color scheme is changed.

TODO

  • [x] Automatically change color scheme when lightning conditions changes
  • [x] Make themes configurable
  • [ ] Make threshold configurable