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

unakki

v1.0.3

Published

Boost your productivity by simplifying the process of organising your project ⚡️

Downloads

11

Readme

unakki 🤺

CI 🤺

Automate the process of creating re-usable components and modules 😵. Have you ever been exhausted and tired of creating the components and new modules in your javascript project. And then I'm pretty sure that you are on the who should defenitely try out Unakki 🤺.

What is Unakki 🤔?

Unakki 🤺 is a simply configurable and usable CLI application for organising your project. It helps in keeping a re-usable copy of how your project should be looking inside a JSON configuration file. And after configuring it with the right settings, you can create components instantly ⚡️ with a single command by running:

unakki create <the-component-name>

Why Unakki 🧐?

When creating and maintaining a project at any scale, you will exhaust most of your time handling with the files, components or modules or in other words Unakki helps you in organising your code in a componentised-way.

Installing

You can use either npm or yarn to install the package.

yarn add -D unakki

# or

npm i -D unakki

Configuring ⛓

Configuring your project with unakki along with other config files can be very hard. So, We have build a simple init argument inside the CLI to intialise the project with a single component.

You can initialise your project with this command:

unakki init

After running this command you will need to answer some questions in-order to configure the project.

Name your component: The name of the component you need to re-use, this can be very simple like "util", "view", "ui", "core" etc.

Root Directory: The root directory where the components will exist, this was meant to create because we don't need to use absolute path for files every time. This property make that part simple.

Files: The files you want when you are actually creating a new component. You can add more files by seperating them with a gap like this " ". This property will pass on the argument , which is passed on from the CLI at the runtime of this component. These can be used in-order to create much more simpler workflow in your project.

For example, you want to create a component named hello.js in the folder /src/fun folder. Everytime, you don't want to create the same file again and again. This is why we implemented a template string like structure in the files property.

Let's take a look at this in action:

yarn dev create <component-name> <name-argument> # name-argument will be passed onto when creating the files.

So according to this function, you can re-use your files in this way of configuring it.

files: <name>.util.js # or name.test.js or anything

Configuring using JSON

Most of the time the CLI cannot be very helpful at configuring things for your project. This is why you need to know what's actually inside our config file.

First of all, our config file is an array of components.

  • name: Component name
  • rootDir: The root directory of the component
  • files: The files that should be created when creating this component, this is an array of files.
    • name: File name
    • defaultValue: The default value inside a specific file, by default we add a text "// File created by unakki" inside every component.

Support ❤️

We are very grateful, if you could support us by giving a star for this repo ⭐️

License 📜

This project unakki is licensed under the MIT license.