feat(repocard): parse emojis in description (#67) (3a9ded0a) · Commits · 郑智淋 / github-readme-stats

package.json

+2 −1

+8 −1

Original line number	Diff line number	Diff line
		@@ -5,6 +5,7 @@ const {
		FlexLayout,
		} = require("../src/utils");
		const icons = require("./icons");
		const toEmoji = require("emoji-name-map");

		const renderRepoCard = (repo, options = {}) => {
		const {
		@@ -34,8 +35,14 @@ const renderRepoCard = (repo, options = {}) => {
		const shiftText = langName.length > 15 ? 0 : 30;

		let desc = description \|\| "No description provided";

		// parse emojis to unicode
		desc = desc.replace(/:\w+:/gm, (emoji) => {
		return toEmoji.get(emoji) \|\| "";
		});

		if (desc.length > 55) {
		desc = `${description.slice(0, 55)}..`;
		desc = `${desc.slice(0, 55)}..`;
		}

		// returns theme based colors with proper overrides and defaults

+12 −0

Original line number	Diff line number	Diff line
		@@ -73,6 +73,18 @@ describe("Test renderRepoCard", () => {
		);
		});

		it("should render emojis", () => {
		document.body.innerHTML = renderRepoCard({
		...data_repo.repository,
		description: "This is a text with a :poop: poo emoji",
		});

		// poop emoji may not show in all editors but it's there between "a" and "poo"
		expect(document.getElementsByClassName("description")[0]).toHaveTextContent(
		"This is a text with a 💩 poo emoji"
		);
		});

		it("should shift the text position depending on language length", () => {
		document.body.innerHTML = renderRepoCard({
		...data_repo.repository,

+1 −1

File changed.

Contains only whitespace changes.