New discord.js-react utility bridge library

[domin-mnd]

• Resolves useReactions() hook #33
• Documentation README.md
• useMessage hook to return instance message
• Manual tests for each hook
• Unit tests

Note
Additionally implemented bounce counter test in order to test useEffect

[domin-mnd]

Implementing useMessage would require a bit of context rewrite as far as I can see

[itsMapleLeaf]

Is exposing the collector useful here? That feels like an implementation detail that could change over time. If the use case is wanting to be able to control the behavior, I'd expose wrapped callbacks or additional options instead (like an active option)

I also don't see a use case for alive - I feel most usages of this hook only care about the current reactions

[domin-mnd]

The alive use case should've been an addition for watching the effect. Yes, I should definitely wrap callbacks. I will look into the implementation later once I solve the message context problem.

[itsMapleLeaf]

To make this work, the DJS adapter could render its own context provider with whatever content the user passes:

// reacord-discord-js.tsx
export const MessageContext = createContext<Message | undefined>(undefined)

export class ReacordDiscordJs extends Reacord {
	// ...

	protected createInstance(renderer: Renderer): ReacordInstance {
		const { render, ...instance } = super.createInstance(renderer)
		return {
			...instance,
			render(content) {
				return render(
					// renderer.message needs to be public now
					<MessageContext.Provider value={renderer.message}>
						{content}
					</MessageContext.Provider>,
				)
			},
		}
	}

	// ...
}

Although 🤔 since this is a separate package, that means MessageContext has to become a public export of the library... not great.

I guess we could just mark it as @private in JSDoc, but the "real" solution would be to move ReacordDiscordJs to this new package, so it can use that context without having to export it publicly

[domin-mnd]

Yes I was thinking about a similar solution, this is why I left it empty. I will investigate the problem further. Thank you for an example