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

eemoji

v2.0.3

Published

(๑•̀ㅂ•́)و✧ Add emojis to git commits

Downloads

13

Readme

eemoji

This is a tiny CLI tool that automatically adds emojis to your commit messages based on conventional commit types.

  • 📦 Easy Install: just install it once and forget about it
  • 🛠️ Customizable: you can add your own emojis and trigger words, and change the format of the commit message as per your needs.
  • 🫧 Seamless: operates with the prepare-commit-msg git hook, modifying your commit messages every time you make a commit.

[!WARNING] There is a known issue with GitHub Desktop on Windows.

😎 Emojis

Hi, read the README.md first (starting with Install). This emoji table is for quick reference. Btw it's generated from the default.jsonc file.

| Type | Subtype | Emoji | Description | | ---------- | ---------- | ----------- | ---------------------------------------------------------------------------------------------------------------------------------- | | fix | . | 🔧 | general fix | | fix | typo | ✏️ | fixed typo in code, docs, ui, etc. | | fix | bug | 🐛 | fixed a bug | | fix | security | 🔒 | fixed security issues | | chore | . | 🗑️ | did some chores | | chore | release | 🔖 | new release commit (pairs well with bumpp) | | chore | cleanup | 🧹 | cleaned up code, removed logs and debug stuff, made everyting ready for production | | chore | license | 📜 | changed the license | | chore | lint | 🧼 | fixed linting errors | | chore | deps | 📦 | changed dependencies | | chore | readme | 📕,📗,📘,📙 | update the README | | release | | 🔖 | | | cleanup | | 🧹 | | | lint | | 🧼 | | | deps | . | 📦 | added/removed/changed dependencies | | deps | up | ⬆️ | updated dependencies | | deps | down | ⬇️ | downgraded dependencies | | up | | ⬆️ | | | down | | ⬇️ | | | build | . | 🦺 | work regarding build processes | | build | deps | 📦 | dependabot PRs (see the prefix in the dependabot.yml file on how to add an emoji to our friend's PRs) | | docs | . | 📝 | documented something | | docs | readme | 📕,📗,📘,📙 | | | feat | . | ✨ | introduced a new feature | | feat | enhance | 💎 | made something a little better (but still include in release notes) | | enhance | | 💎 | made something a little better (omit from release notes) | | test | | 🧪 | worked on tests | | refactor | | ♻️ | refactored code, achieved the same with less | | init | | 🎉 | started a new project! | | perf | | ⚡ | improved performance, achieved the same faster | | breaking | | 💥 | special type: will be used if the commit contains an exclamation mark (!), indicates breaking changes | | ci | | 🦾 | changed workflow files, CI stuff | | config | | ⚙️ | changed configuration files | | style | | 🎨 | design changes, style changes | | ui | | 🪟 | worked on UI, UX or layout | | text | | 💬 | changed string literals, text content | | revert | | ⏪ | revert a commit | | i18n | | 🌐 | translated something | | security | | 🔒 | | | wip | | 🚧 | wildcard type, works for anything | | add | | ➕ | | | remove | | ➖ | |

🚀 Install

There are two different ways to install eemoji:

  • Locally: add it to a node project as a dev dependency. This way you can share it with other contributors.
  • Globally: install it globally to use it everywhere, not just in node projects. Note that you will need to initialize it in other repository for it to work there.

Thanks to the postinstall script, after installing eemoji locally/globally, it will automatically create the git hook for the current repo. This means it will just work, but it's especially useful when other users are going to contribute to your repository.

[!TIP] If you use yarn or pnpm, which do not run postinstall scripts by default, you need to run eemoji init manually. Besides that, you can create a prepare script in your package.json, so that it will be run automatically for others who contribute to your repository:

{
  "scripts": {
    "prepare": "eemoji init -c none"
  }
}

Local

npm i -D eemoji

Global

npm i -g eemoji

[!NOTE] For eemoji to work in a repository you still need to run the init command once, so that it can install the git hook there as well.

📖 Usage

After installing it, just create a commit and see an emoji appended to it.

Go to the Config section for examples and to see how to customize it.

The cli tool also has some commands for removing eemoji from a repository, running it manually, etc. But they are not that important. 👇

Commands

Use eemoji <command> if you installed it globally, or npx eemoji <command> if you installed it locally.

  • -h, --help: show help for a command
  • -v, --version: show version

🚩 Init

Installs the git hook in the current repository.

It will also ask you what type of config file you want to use, see Config.

The postinstall script will run this command with the -c none flag, so no config is assumed.

eemoji init

Flags:

Specify flags to skip the questions.

  • -c, --config <config>: specify the config type, json, ts or none

🧹 Cleanup

Removes eemoji from the current repository, including the git hook, config file and its vscode settings if present.

eemoji cleanup

🥏 Run

Runs the eemoji on the current commit message manually.

This is used by the git hook, but also allows you to test eemoji manually (specify a test file or it will use the current commit message in .git/COMMIT_EDITMSG).

eemoji run

Arguments:

  • commit_file: the file to run emoji on, defaults to .git/COMMIT_EDITMSG

Flags:

  • -d, --debug: the debug level, 0 for none, 1 for some, 2 for all
  • -t, --test: test mode, input a commit message instead of a file

🦾 Config

The default configuration is here: default.jsonc and the Emojis section.

This is used if no config file is found in the project.

Apart from emojis, the config also specifies other things, like:

  • format: the format of the commit message, see Format.
  • strict: enforce formatting, and only allow commits with emojis (default: true)

eemoji can be configured two different ways: json and typescript config files.

TS Config

This way your emojis will be merged with the default ones.

Use the init command and select the ts config type.

  • defineDefaultConfig: use this to append your emojis to the default ones
  • defineConfig: use this to define your own config, without the default emojis

eemoji will look for these config files:

  • eemoji.config.ts
  • .eemojirc.{js,ts,cjs,mjs}
  • eemoji.config.{js,ts,cjs,mjs}
  • .config/eemoji.config.{js,ts,cjs}

Format

The format specifies how the commit message will be formatted ({emoji} {type}: {subject} is the default format btw, this property is optional here).

  • {type}: this determines the emoji
  • {subject}: rest of the commit message
  • {emoji}: the place of the emoji to be inserted

Some other formats I could think of:

  • {emoji} {type} - {subject}
  • {emoji} {type} {subject}
  • {type}: {emoji} {subject}

Simple demonstration

import { defineConfig } from 'eemoji'

export default defineConfig({
  format: '{emoji} {type}: {subject}',
  emojis: {
    fix: '🔧',
    chore: '🗑️',
    feat: '✨',
    docs: '📝',
    test: '🧪'
  }
})

Example:

Commit message:

  • before: fix: navbar issue
  • after: 🔧 fix: navbar issue

Nested emojis

You can also nest emojis to create subtypes.

After finding the type, eemoji will look for subtypes in the commit message.

This is useful for conventional commit scopes, but you can include the subtype anywhere in the commit message.

Notes:

  • the '.' is the fallback subtype
  • specify multiple emojis by separating them with commas and a random one will be chosen: 💎,💲,💸,💰
import { defineConfig } from 'eemoji'

export default defineConfig({
  emojis: {
    fix: {
      '.': '🔧',
      'typo': '✏️',
      'bug': '🐛'
    },
    chore: {
      '.': '🗑️',
      'release': '🔖',
      'cleanup': '🧹',
      'license': '📜',
      'deps': '📦'
    },
    feat: '✨',
    bounty: '💎,💲,💸,💰'
  }
})

Examples:

Commit message:

  • before: fix: navbar issue
  • after: 🔧 fix: navbar issue
  • before: fix: typo in README
  • after: ✏️ fix: typo in README
  • before: chore: release v1.0.0
  • after: 🔖 chore: release v1.0.0
  • before: chore(deps): update eslint
  • after: 📦 chore(deps): update eslint

Presets

You can use presets, which are just functions with emoji objects that are included in the package.

[!NOTE] The emojis property can be an array of presets and objects

import { defineConfig, presetDefault } from 'eemoji'

export default defineConfig({
  emojis: [
    presetDefault(),
    {
      feat: '✨',
      fix: '🔧'
    }
  ]
})

JSON Config

Same deal, but you overwrite the whole config.

Use the init command and select the json config type to generate a config file.

[!IMPORTANT] You must specify the format property

You also get types thanks to the JSON schema.

eemoji will look for these config files:

  • .eemojirc.json
  • .eemojirc
  • .eemojirc.{json,yaml,yml}
  • .config/eemojirc
  • .config/eemojirc.{json,yaml,yml}

⚠️ Known issues

eemoji WILL NOT work with GitHub Desktop on Windows unless you do this.

This sucks, but this is an open issue with GitHub Desktop.

Follow these steps:

  • Move C:\Program Files\Git\cmd to the top of your system PATH
  • Add C:\Program Files\Git\bin just below that
  • Restart GitHub Desktop

If it continues to fail to work, try this as well and restart everything:

  • Run this command once: git config stash.usebuiltin false

🤝 Contributing

Adding a new emoji

To add a new emoji to a preset (even the default config) or modify it, open an issue first.

Then, if it's okay:

  • modify the default.jsonc file, add the emoji and a description
  • The Action will take care of the rest (copying it to the json, updating the readme emoji table and the json schema)
  • open a PR

Creating a new emoji preset

Add a new jsonc (note the c at the end) file to the presets folder and name it as you wish. Describe the emoji using comments.

Example:

{
  "fix": "🔧", // general fix
  "feat": "✨" // introduced a new feature
}

Locate the presets.ts file and add your preset like this:

export const [
  presetDefault,
  presetMinimal,
  /* ... */

  // add your presetSomething here
] = createPresets([
  'default',
  'minimal',
  /* ... */

  // add your file name here (without the .jsonc extension)
]) as [
  Preset,
  Preset,
  /* ... */

  // and make TypeScript happy
]

Then open a PR, the Action will take care of the rest.

Development

[!TIP] Install pnpm and ni.

npm i -g pnpm @antfu/ni
ni

Use the stub script to run have the latest changes build:

nr stub

Run commands with the dev script:

nr dev <command>

Also check the TODO file and open an issue first if you want to work on something.

💛 Badge

eemoji

[![eemoji](https://img.shields.io/badge/😎%20eemoji-fccf1d?style=for-the-badge)](
  https://github.com/Rettend/eemoji)

📜 License

MIT