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

@ahmillat/js-hooks

v1.0.1

Published

A versatile JavaScript hooks system inspired by WordPress.

Downloads

5

Readme

JavaScript Hooks System

A versatile JavaScript hooks system inspired by WordPress, designed to add and remove actions and filters effortlessly. This library empowers developers to hook into core functions and modify their behavior, facilitating the creation of extensible JavaScript applications. Ideal for developing plugins or modules that can be seamlessly integrated or removed, enhancing the flexibility and maintainability of your codebase.

Features

  • addAction(tag, callback, priority): Register a new action for a specific tag.
  • addFilter(tag, callback, priority): Register a new filter for a specific tag.
  • removeAction(tag, callback): Remove a previously registered action.
  • removeFilter(tag, callback): Remove a previously registered filter.
  • doAction(tag, options): Execute all actions associated with a specific tag.
  • applyFilters(tag, value, options): Apply all filters associated with a specific tag to a value.
  • hasAction(tag): Check if any actions are registered for a specific tag.
  • hasFilter(tag): Check if any filters are registered for a specific tag.

Installation

You can include this library directly in your project by downloading the source code from this repository and adding it to your project.

<script src="path/to/hooks.js"></script>

Alternatively, you can use npm to install it:

npm i @ahmillat/js-hooks

Usage

Below is a basic example demonstrating how to use this library.

Example


// Add an action
addAction('init', () => {
    console.log('Initialization action called');
});

// Add a filter
addFilter('content', (content) => {
    return content.toUpperCase();
});

// Check if an action is registered
if (hasAction('init')) {
    console.log('Init action is registered');
}

// Check if a filter is registered
if (hasFilter('content')) {
    console.log('Content filter is registered');
}

// Execute an action
doAction('init');

// Apply a filter
const filteredContent = applyFilters('content', 'Hello World');
console.log(filteredContent);  // Outputs: HELLO WORLD

// Remove the action
removeAction('init', callback);

// Remove the filter
removeFilter('content', callback);

API Documentation

addAction(tag, callback, priority = 10)

Registers a new action callback for a specific tag.

  • tag: The tag specified by doAction.
  • callback: The callback function to call when doAction is executed.
  • priority: The order in which to call the callbacks. Lower numbers correspond to earlier execution. Default is 10.

addFilter(tag, callback, priority = 10)

Registers a new filter callback for a specific tag.

  • tag: The tag specified by applyFilters.
  • callback: The callback function to call when applyFilters is executed.
  • priority: The order in which to call the callbacks. Lower numbers correspond to earlier execution. Default is 10.

removeAction(tag, callback)

Removes a previously registered action callback for a specific tag.

  • tag: The tag specified by doAction.
  • callback: The callback function to remove.

removeFilter(tag, callback)

Removes a previously registered filter callback for a specific tag.

  • tag: The tag specified by applyFilters.
  • callback: The callback function to remove.

doAction(tag, options)

Executes all action callbacks registered for a specific tag.

  • tag: The tag of the registered actions to execute.
  • options: Optional JavaScript object to pass to the callbacks.

applyFilters(tag, value, options)

Applies all filter callbacks registered for a specific tag to a value.

  • tag: The tag of the registered filters to apply.
  • value: The value to be filtered.
  • options: Optional JavaScript object to pass to the callbacks.

hasAction(tag)

Checks if any actions are registered for a specific tag.

  • tag: The tag to check for registered actions.
  • returns: true if there are any actions registered for the tag, false otherwise.

hasFilter(tag)

Checks if any filters are registered for a specific tag.

  • tag: The tag to check for registered filters.
  • returns: true if there are any filters registered for the tag, false otherwise.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License.

Acknowledgments

Inspired by the WordPress hooks system.


Feel free to open issues or pull requests if you have any questions or suggestions!