Since 0.4.5, URLs are also converted into emojis

This happens definitely since 0.4.5 (this PR).

import Emoji, { toArray } from 'react-emoji-render';

// Within the component render():

const text = "https://google.foo :)";
const values = [];
const items = toArray(text);
let idx = 0;

for (const item of items)
{
  values.push(
    <Emoji
      key={idx++}
      text={item.props.children}
      options={{ className: 'emoji' }}
    />
  );
}

return (
  <div>{values}</div>
);

This code is generating this:

https😕/google.foo 😃

As you can see, the :/ chars within the URL are also being converted into an emoji. Something tells me that it shouldn’t go so far.

I’m not sure what the solution should be, but IMHO it would make sense if the parser requires some space, tab, dot, comma or similar char before or after the matched emoji symbol.

[enzoferey]

Yes sure, the thing is that doing so you are removing support of consecutive emojis like “😃😃”. I added this kind of support in v0.4.5 because imagine yourself writing a text and you want to automatically parse the text as you write. For example you write “hello” and then add “😃😛” (letter by letter obviously), the former “😛” wouldn’t get parsed.

I’m working on a solution that works for both cases right now, expect some news later in the day 👍

[ibc]

Thanks guys, I confirm that it works great now in all cases I’ve tested.