Conditionally styled emoji

[milesj]

Conditionally styled emoji

[milesj]

Thanks for the kind words!

I'm actually working on v2 of the library right this moment. I can quickly look into this.

[milesj]

Got it working.

[milesj]

Done! Thanks for the awesome idea.

[anri-asaturov]

Oh. Thanks. Those callbacks will definitely be useful. Are you working on this as a part of some project?

[milesj]

@anri-asaturov We use this a bit at my work, but besides that, mainly for fun. Wanted to learn more about emojis.

[anri-asaturov]

Quick question, if you don't mind - how do u publish npm package so /lib becomes a root?

[milesj]

Just append the folder to the publish command: npm publish ./lib/. Which I seem to forgot to do a lot, like I did with the 2.0.0 release. Had to bump a 2.0.1.

I'm also working on a new release/deploy tool that builds and stages everything to lib/, then deploys it as root.

[anri-asaturov]

Thanks. Btw, emoji enlargement doesn't work if convertEmoji=false, I'll try to fix that soon.

[milesj]

It'll only work if the Emoji component is rendered. Unicode emojis will be rendered as is.

[anri-asaturov]

We could wrap them in a span if they have to be enlarged. Or apply the enlargement class to parent node?

[milesj]

That may work. We would just need a way to cleanly verify that a span + unicode symbol is an emoji React element.

[anri-asaturov]

What if we just modify the same Emoji component to render unicode if that's the setting?

[milesj]

Yeah most likely. We can move this logic to a prop on the Emoji component.

https://github.com/milesj/interweave/blob/master/src/matchers/Emoji.js#L29

<Emoji {...props} renderUnicode={this.options.renderUnicode} />