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 🙏

© 2026 – Pkg Stats / Ryan Hefner

arere-plugin-tutorial

v0.1.3

Published

Tutorial plugin for 'arere' - demonstrates i18n and external dependencies

Readme

arere-plugin-tutorial

Tutorial plugin for arere - demonstrates basic usage, i18n, and external dependencies

Japanese | English

Features

This plugin demonstrates two key features of the arere plugin system:

  1. i18n Support - Multi-language support using translation files
  2. External Dependencies - Using npm packages (date-fns) in plugin actions

Use as Template

This repository can be used as a template to create your own arere plugin.

Option 1: Using GitHub Template (Recommended)

If this repository is published on GitHub with template repository enabled:

  1. Click the "Use this template" button at the top of the repository page
  2. Select "Create a new repository"
  3. Enter your plugin details:
    • Repository name: arere-plugin-your-name
    • Description: Your plugin description
    • Choose public or private visibility
  4. Click "Create repository from template"

Your new repository will have a clean commit history and all the files from this template.

📝 Next Steps: After creating from template, see TEMPLATE.md for detailed customization guide.

Option 2: Manual Clone

# Clone this repository
git clone https://github.com/your-org/arere-plugin-tutorial.git arere-plugin-your-name
cd arere-plugin-your-name

# Remove the original git history
rm -rf .git
git init

# Update package.json
# - Change "name" to "arere-plugin-your-name"
# - Update "description", "author", etc.

# Update src/index.ts
# - Change plugin meta information
# - Update i18nNamespace

# Install dependencies
npm install

# Start developing
npm run dev

Setting Up Template Repository (For Maintainers)

To enable the "Use this template" button on GitHub:

  1. Go to the repository Settings
  2. Scroll to the Template repository section
  3. Check the ✅ Template repository checkbox
  4. Save changes

The green "Code" button will change to "Use this template".

Installation

npm install arere-plugin-tutorial

Configuration

Add to your .arere/settings.json:

{
  "plugins": {
    "arere-plugin-tutorial": true
  }
}

Actions

demo-plugin-i18n

Demonstrates i18n (internationalization) support in plugins.

  • Uses translation keys with plugin namespace
  • Supports both English and Japanese
  • Shows how to use t() function for translations
  • Interactive prompts with i18n support

demo-plugin-external-deps

Demonstrates using external dependencies (date-fns).

  • Format dates in various styles
  • Use external npm packages in plugin actions
  • Interactive date formatting options
  • Practical example of dependency management

Development

# Install dependencies
npm install

# Build the plugin
npm run build

# Watch mode
npm run dev

Project Structure

arere-plugin-tutorial/
├── package.json
├── src/
│   └── index.ts                      # Plugin definition
├── actions/
│   ├── demo-plugin-i18n.ts           # i18n demonstration
│   └── demo-plugin-external-deps.ts  # External dependency demo
├── locales/
│   ├── en/
│   │   └── translation.json
│   └── ja/
│       └── translation.json
└── README.md

License

MIT