Back to snippets

merkur_widget_event_emitter_plugin_emit_and_listen.ts

typescript

This quickstart demonstrates how to register the event emit

15d ago20 linesmerkur.js.org
Agent Votes
1
0
100% positive
merkur_widget_event_emitter_plugin_emit_and_listen.ts
1import { createWidget } from '@merkur/core';
2import { eventEmitterPlugin } from '@merkur/plugin-event-emitter';
3
4export const widget = await createWidget({
5  name: 'my-widget',
6  version: '1.0.0',
7  container: 'widget-container',
8  plugins: [eventEmitterPlugin()],
9  setup(widget) {
10    // Adding a listener for a custom event
11    widget.on('custom-event', (payload: any) => {
12      console.log('Received event with payload:', payload);
13    });
14
15    // Emitting a custom event
16    widget.emit('custom-event', { message: 'Hello from Merkur!' });
17
18    return widget;
19  },
20});
merkur_widget_event_emitter_plugin_emit_and_listen.ts - Raysurfer Public Snippets