Using a client-side filter hook

[josef]

Is it possible to use filter hockey on the customer side?
For example, listen to Hawk filter: messaging.send and replace Abc with ABC in the content of the message.
I know it can be bypassed, but there are things that will help, instead of starting to write a plugin you can just put a little code in ACP.
Is it possible?
Thanks!
@baris

[baris]

Sure you can use hooks on the client side, but server side and client side hooks are separate. Something that fires on the server side doesn't automatically fire client side.

You have to look in the client side code in the public folder to see if the hook you need exists. In the chat message case there is action:chat.sent which you can use to modify the message before being sent to the server. https://github.com/NodeBB/NodeBB/blob/master/public/src/client/chats/messages.js#L21

[josef]

@baris Can you please give a sample code? I can only listen and receive the message, but not change it...
Thanks!

[baris]

@josef

hooks.on('action:chat.sent', function (hookData) {
 hookData.message = hookData.message.toUpperCase(); 
});

[josef]

@baris

I saw that the client side code uses the define function to define the hooks, but I could not understand the usage...
Can you perhaps give a full example?

[baris]

This will work in 2.x.

const hooks = await app.require('hooks');
hooks.on('action:chat.sent', function (hookData) {
  hookData.message = hookData.message.toUpperCase(); 
});

In 1.9.x and lower you can use requirejs.

require(['hooks'], function (hooks) {
  hooks.on('action:chat.sent', function (hookData) {
    hookData.message = hookData.message.toUpperCase(); 
  });
});

[josef]

@baris Here is a screenshot from this forum:

Of course I entered the code first and only then did I send the message...
What did I not do well?

[baris]

Ahh I think this happens because the change you make isn't picked up in core because of the way the message variable is passed to the hook.

hooks.fire('action:chat.sent', { roomId, message, mid });

We will have to make a change or add a filter hook there to allow that. I will make a issue on our GH.

[baris]

add filter:chat.send to modify the message before sending · Issue #10729 · NodeBB/NodeBB

Description no hook to modify message before sending, action:chat.sent doesn't allow modifying see forum post Community forum reference https://community.nodebb.org/topic/16545/using-a-client-side-filter-hook

GitHub (github.com)

[josef]

@baris I can not change other things either...
Can you give a working example?