Hook for Add Tag event about tagify

[yairEO]

The concept of hooks solely exists due the async nature of their usage and there is no asynchronicity in your needs, it's a matter of A before B, as fast as it can happen, so adding a hook is not the correct thing here.

There is an infinite-look problem here that if one would programmatically add a tag, before a tag was added by the user, that that programmatically-added tag would also trigger the same (tagify) event which detected a tag has been added, and keep re-adding.

the addTags() method is quite complex and it automatically triggers the add event, there is no way around that unless you would temporarily stop listening to the event and then re-instate it:

https://jsbin.com/xiyoken/2/edit?html,js,output

var input = document.querySelector('input')
var tagify = new Tagify(input)

tagify.on('add', onAddTag)

function onAddTag() {
    tagData = {value: 'added before'}
    
    tagify.off('add', onAddTag) // must unlisten to the "add" event before calling "addtags"
    tagify.addTags('whatever') // here you can add the "pre" tag, whatever it is
    tagify.on('add', onAddTag) // re-add the event listener
}