Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
@bitty/event-emitter
Advanced tools
Readme
@bitty/event-emitter
Emit and listen events in any class, object or function without messing them extending classes.
Event emitters can be created from any class, object or function. And you can handle them with Fluent Interfaces or tree-shakeable functions.
📦 Distributions in ESM, CommonJS, UMD and UMD minified formats.
import
/export
) and CommonJS (require
/module.exports
).⚡ Lightweight:
🔋 Bateries included:
WeakMap
and Map
.
✅ Safe:
This library is published in the NPM registry and can be installed using any compatible package manager.
npm install @bitty/event-emitter --save
# For Yarn, use the command below.
yarn add @bitty/event-emitter
This module has an UMD bundle available through JSDelivr and Unpkg CDNs.
<!-- Using default bundle from JSDelivr -->
<script src="https://cdn.jsdelivr.net/npm/@bitty/event-emitter"></script>
<!-- Using default bundle from UNPKG -->
<script src="https://unpkg.com/@bitty/event-emitter"></script>
<script>
/**
* UMD bundle exposes library API through `EventEmitter` object.
*/
const emitter = EventEmitter.createEventEmitter(window);
emitter.once('add-product-to-cart', (product) => {
// ...
});
EventEmitter.emit(window, 'add-product-to-cart', '2x Banana');
</script>
createEventEmitter
Creates an EventEmitter
using target as reference.
import { createEventEmitter } from '@bitty/event-emitter';
const emitter = createEventEmitter(window);
EventEmitter
An interface that implements emit
, off
, on
and once
methods in specified target. Its created by createEventEmitter
function.
import type { EventEmitter } from '@bitty/event-emitter';
interface Product {
name: string;
// ...
}
interface CartEvents {
'add-product-to-cart': Product;
'remove-product-from-cart': Product;
'increase-product-count': [Product, number];
}
let emitter: EventEmitter<CartEvents>;
emitter
.on('add-product-to-cart', (product) => { /* ... */ })
.on('increase-product-count', ([product, count]) => { /* ... */ })
.once('remove-product-to-cart', (product) => { /* ... */ });
emitter.emit('add-product-to-cart', {
name: 'Banana',
// ...
});
emit
Execute event handlers attached to event name with payload as argument.
import { emit } from '@bitty/event-emitter';
emit(window, 'user-sign-in', null);
off
Detach event handler from event name.
import { off } from '@bitty/event-emitter';
function onUserSignIn(user) {
// ...
}
off(window, 'user-sign-in', onUserSignIn);
Detach all event handlers from event name, if no event handler is received.
import { off } from '@bitty/event-emitter';
off(window, 'user-sign-in');
Detach all event handlers from all event names, if no event name is received.
import { off } from '@bitty/event-emitter';
off(window);
on
Attach event handler to event name.
import { on } from '@bitty/event-emitter';
function onAddProductToCart(product) {
// ...
}
on(window, 'add-product-to-cart', onAddProductToCart);
once
Same as on
, but event handler can only be executed once.
import { once } from '@bitty/event-emitter';
function onUserSignOut(user) {
// ...
}
once(window, 'user-sign-out', onUserSignOut);
You can use same way as JavaScript. But to provide type-safe events, you need to create an event dictionary interface
/type
.
Event dictionaries are structures with event names as property names and payloads are values. Event emitter will correct type-check and correlate them.
interface UserEvents {
rename: {
from: string;
to: string;
};
delete: {
deletedAt: Date;
};
}
const user = {
name: 'Bruce Wayne'
};
const emitter = createEventEmitter<UserEvents>(user);
emitter.on('any-other-event-name', () => console.log('Not working'));
//=> ❌ you can only use "rename" and "delete" event names.
emitter.once('rename', ({ from, to }) => {
console.log(`User was renamed from "${from}" to "${to}".`);
});
//=> ✔ "rename" is a valid event name, and { from, to } is its payload.
emitter.emit('rename', {
from: 'Bruce Wayne',
to: 'Batman'
});
//=> ✔ Type-safe event emission.
Released under MIT License.
FAQs
Listen and emit events without dirty your classes, objects and functions with EventEmitter interface.
The npm package @bitty/event-emitter receives a total of 5 weekly downloads. As such, @bitty/event-emitter popularity was classified as not popular.
We found that @bitty/event-emitter demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.