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

muzovano

v0.1.4

Published

Since this tool is using __Spotify API__ to search releases by text query, you must have a `Spotify ID` and `Spotify Secret`. Go here https://developer.spotify.com/dashboard, click on __Create app__ and name it whatever you want. For `website` and `redire

Downloads

1

Readme

muzovano

Prerequisites:

Since this tool is using Spotify API to search releases by text query, you must have a Spotify ID and Spotify Secret. Go here https://developer.spotify.com/dashboard, click on Create app and name it whatever you want. For website and redirect url you can add any links --- to your blog or website. Next click Settings in top right corner and you will see Client ID. To get the Spotify Secret click the link View client secret. These two keys are required only the first time you run the script.

Usage:

When you run muzovano "text for search" it shows you 3 search results. Choose what you need and press Enter. Usually, if you type both the artist and release name, the desired release will be the first in the search results.

Disabling some effects:

--noframe - disable the frame

--noshadow - disable the shadow next to the frame

--novignette - disable vignette

Strength of some effects (only for the vignette so far):

--vignettestrength=[value from 0 to 100] - changes the strength of the vignette - the percentage of transparency. The default is 50.

Ukrainian artist

--ua - draws a Ukrainian flag icon to the left from artist name. Expect all countries flags available in future versions.

Colors

The script automatically extracts 6 colors from the cover and creates a palette.

A color palette consists of:

__1. Vibrant

  1. DarkVibrant

  2. LightVibrant

  3. Muted

  4. DarkMuted

  5. LightMuted__

These colors can be used as values for some elements coloring.


Parameters for colors manipulation:

accent - color of elements: frame, text, logo and buttons. Default is Vibrant.

start - the color of the gradient from above. Default is Vibrant.

end - the color of the gradient from below. Default is DarkMuted.

text - text color. By default, it inherits the color from the accent. Has priority over accent.

logo - the color of the logo and buttons. By default, it inherits the color from the accent. Has priority over accent.

frame - the color of the frame. By default, it inherits the color from the accent. Has priority over accent.

vignette - vignette color. Defaults to black.

shadow - the color of the shadow next to the frame. Defaults to black with 50% transparency.

Syntax:

--[element_name]color=[value]

Possible value formats for these variables are:

  1. HEX format - #ff0000, #0f0

  2. The name of the color - red, white, blue (available names here https://developer.mozilla.org/en-US/docs/Web/CSS/named-color)

  3. Name or index from the palette - Vibrant or a value between 1 and 6

Examples:

muzovano "Gunship - Monster in Paradise" --accentcolor=red

muzovano "Gunship - Monster in Paradise" --accentcolor=#f00

muzovano "Gunship - Monster in Paradise" --accentcolor=3

muzovano "Gunship - Monster in Paradise" --accentcolor=LightVibrant

Color modification

Setting colors manually is great, but sometimes we just need to make some of them lighter/darker. For this, there are separate parameters for each color:

--[element_name]darken=[value]

--[element_name]lighten=[value]

Possible values are from 0 to 100.

If you use both darken and lighten for the same element, the difference between them will be applied.

Examples:

muzovano "Gunship - Monster in Paradise" --startlighten=20 --accentdarken=40

The top color of the gradient is 20% lighter, the accent is 40% darker

muzovano "Gunship - Monster in Paradise" --accentcolor=LightVibrant --accentlighten=10

Change the accent color to another one from the palette and make it 10% lighter

muzovano "Gunship - Monster in Paradise" --framelighten=50 --framedarken=60

At the output, we get a frame darker by 10% (60 - 50 = -10)