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

garou

v0.7.4

Published

Do thing what heroes didn't do

Downloads

611

Readme

garou

Do thing what heroes didn't do.

npm github node

Features

A code refactoring tool, fixing what eslint/stylelint shouldn't care about, what prettier didn't care about. Offering better code comparing for git diff.

  • Enforce consistent brace style
  • Handle tsx/jsx/vue self closing
  • Handle text case from css/scss/less
  • Remove vendor prefix from css/scss/less
  • Handle whitespace, empty line between code
  • Sort css/scss/less properties
  • Sort html/htm attributes
  • Sort jsx/tsx props
  • Sort tsx/ts/mts/cts/jsx/js/mjs/cjs class members
  • Sort tsx/ts/mts/cts/jsx/js/mjs/cjs import / export
  • Sort vue component properties / attributes
  • Dedupe yarn v1 lockfile
  • Remove cnpm cache from yarn v1 lockfile
  • Sort OpenAPI Specification config files (json/yaml/yml)
  • ...other fixing

Installation

npm install garou --save-dev

Usage

npm exec garou .
npm exec garou src
npm exec garou **/foo.js

Run without installation

npx garou .

Configuration

// example: package.json
{
  "garou": {
    "import-groups": [
      // see: https://github.com/lydell/eslint-plugin-simple-import-sort#custom-grouping
      ["react", "react-dom"],
      // shorthand for ["^@external\\/"]
      "^@external\\/",
      "lodash"
    ],
    "ignore": ["fixture/**"]
  }
}

Tips

Using garou with lint-staged

// package.json
{
  "lint-staged": {
    "*": ["garou", "prettier", "eslint --fix"]
  }
}

Using garou might mess up your format, I suggest run garou before run prettier.

Read more at the lint-staged repo.

OpenAPI Specification file sorting

Garou will sort your file when it has openapi properties as 3.x.x.

npm exec garou "**/*.{json,yaml,yml}"

Inspiration

This project is inspired by sortier.

Related