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

xtuff

v1.4.0

Published

A dev command to create stuffs easy! (components, services, etc...)

Downloads

6

Readme

xtuff License Version

A dev command to create your custom stuff easily! (components, services, etc...)

With xtuff you can create new custom components, services, etc .. for your application dynamically.

Just create its templates on xtuff's templates folder of your package, and run the command after that.

EASY! :sunglasses:

Installation

npm install xtuff --save-dev

Steps:

  • Put this in your "scripts" section of the package.json:

    "g": "xtuff g"
  • Create your custom stuff inside the new _templates_ folder that you should be have.

  • Run (for example) npm run g component helloComponent

    • "component": It's the name of the folder inside _templates_.
    • "helloComponent": Path where the new thing will generated and also: the name of thing.

Patterns

Example command: npm run g component src/helloWorld

  • %name% : Stuff name: if you run it, you'll get ‘helloWorld’.

  • %username% : get the current username of the PC.

  • %now(format)% : get now date with the format introduced (MM/DD/YYYY, DD-MM-YYYY, HH:mm, etc...)

  • %lc(name)%: get value to lowercase: if you run it, you'll get ‘helloworld’.

  • %uc(name)%: get value to uppercase: if you run it, you'll get HELLOWORLD.

  • %cz(name)%: get capitalized value: if you run it, you'll get ‘HelloWorld’.

  • %ls(name)%: get value with start letter in lower case: if you run it with stuff name 'HelloWorld', you'll get ‘helloWorld’.

  • %cc(name)%: get value to camel case: if you run it with stuff name 'hello-world', you'll get ‘helloWorld’.

  • %sc(name)%: get value to snake case: if you run it, you'll get ‘hello_world’.

  • %kc(name)%: get value to kebab case: if you run it, you'll get ‘hello-world’.

  • %replace("World", "word", name)%: search on a text by regular expression and replace by other text: if you run it, you'll get ‘helloword’.

  • %path('some_path/file.js')%: get relative path for the new stuff location ('src/helloWorld/').

    If you run it, you'll get '../../some_path/file.js'.

    Please, put the file path on template relative to your package.json.

Also you can define and use your own custom patterns ('vars' option).

Options

You can set these options passing as parameter (for example: --delimiter '%') or declaring in your package.json with 'xtuff' key (for example: "xtuff": { "delimiter": "%" }).

- vars: Define and use your own custom patterns. Also you can pass as third parameter, like this: `npm run g component example '{"pattern": "value"}'`. 
- delimiter: Change patterns delimiter (by default '%').

License

MIT