Hooks in svelte component? (not really a typhon question but nowhere else to ask :)

In my foundry index.js I'm listening for hook:

Hooks.on('renderChatMessage', doSomething);

Hooks.on('renderChatMessage', doSomething);

However I want to also listen for that hook in a chat card svelte component (one that is already rendered to the Chat panel):

<script>
  function catchRolls(message, html) {
    console.log("catchRolls");
  }

  function clickTargetButton() {
    contest.toggle();
    console.log("isContest", $contest);
    Hooks.off("renderChatMessage", catchRolls);
    Hooks.on("renderChatMessage", catchRolls);
  }
</script>
<template>
TargetButton(targetCallback="{clickTargetButton}")

<script>
  function catchRolls(message, html) {
    console.log("catchRolls");
  }

  function clickTargetButton() {
    contest.toggle();
    console.log("isContest", $contest);
    Hooks.off("renderChatMessage", catchRolls);
    Hooks.on("renderChatMessage", catchRolls);
  }
</script>
<template>
TargetButton(targetCallback="{clickTargetButton}")

While the hook in the index triggers, the one in the component does not. What am I missing?

TyphonJS•3y ago•

30 replies

geoidesic [Aardvark Games]

Hooks in svelte component? (not really a typhon question but nowhere else to ask :)

In my foundry index.js I'm listening for hook:

Hooks.on('renderChatMessage', doSomething);

Hooks.on('renderChatMessage', doSomething);

However I want to also listen for that hook in a chat card svelte component (one that is already rendered to the Chat panel):

<script>
  function catchRolls(message, html) {
    console.log("catchRolls");
  }

  function clickTargetButton() {
    contest.toggle();
    console.log("isContest", $contest);
    Hooks.off("renderChatMessage", catchRolls);
    Hooks.on("renderChatMessage", catchRolls);
  }
</script>
<template>
TargetButton(targetCallback="{clickTargetButton}")

<script>
  function catchRolls(message, html) {
    console.log("catchRolls");
  }

  function clickTargetButton() {
    contest.toggle();
    console.log("isContest", $contest);
    Hooks.off("renderChatMessage", catchRolls);
    Hooks.on("renderChatMessage", catchRolls);
  }
</script>
<template>
TargetButton(targetCallback="{clickTargetButton}")

While the hook in the index triggers, the one in the component does not. What am I missing?

Hooks in svelte component? (not really a typhon question but nowhere else to ask :)

Similar Threads

Hooks in svelte component? (not really a typhon question but nowhere else to ask :)

Similar Threads

Similar Threads

Similar Threads