# html-embed API
Once you've created a new WidgetBot element, the html-embed script adds the API methods onto the Elements prototype.
You can access them by simply querying the <widgetbot> element, example:
<widgetbot server="299881420891881473" id="embed"></widgetbot>
...
<script>
const embed = document.getElementById('embed')
// embed.emit()
</script>
1
2
3
4
5
6
2
3
4
5
6
# Embed API
WARNING
This is not currently implemented in the latest version of WidgetBot.
# Emit
Definition
type emit = <Event>(event: Event, data: Events[Event]) => void
1
Emits an event to the embed-api
Usage
// Send a message on the active Discord channel
embed.emit('sendMessage', 'hi')
// Send a message on a specific Discord channel
embed.emit('sendMessage', {
channel: '123456789',
message: 'hi'
})
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# On
Definition
type on = <Event>(event: Event, (data: Events[Event]) => void) => void
1
Listens for a specific event from the embed-api
Usage
// Listens for when the user has signed in
embed.on('signIn', (user) => {
console.log(`Guest signed in as ${user.name}`, user)
})
// Listen for discord message events
embed.on('message', ({ message, channel }) => {
console.log(`New message in ${channel}`, message)
})
// Listen for discord message delete events
embed.on('messageDelete', ({ channel, id }) => {
console.log(`Message in ${channel} with an ID of ${id}, was deleted`)
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
← Attributes Intro →