Skip to content

Commit

Permalink
feat: add emoji support (#63) 82c0a3a
Browse files Browse the repository at this point in the history
  • Loading branch information
brandonroberts committed Jul 24, 2023
1 parent c56a7f6 commit 464652b
Show file tree
Hide file tree
Showing 7 changed files with 442 additions and 17 deletions.
84 changes: 84 additions & 0 deletions coverage.html
Expand Up @@ -511,6 +511,90 @@
<span class="coverage-count">(0/8)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/functions.html#getIconCode">src/utils/twemoji.ts</a>
</td>
<td>function</td>
<td>getIconCode</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/functions.html#loadEmoji">src/utils/twemoji.ts</a>
</td>
<td>function</td>
<td>loadEmoji</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/functions.html#toCodePoint">src/utils/twemoji.ts</a>
</td>
<td>function</td>
<td>toCodePoint</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/variables.html#apis">src/utils/twemoji.ts</a>
</td>
<td>variable</td>
<td>apis</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/variables.html#emojiCache">src/utils/twemoji.ts</a>
</td>
<td>variable</td>
<td>emojiCache</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
<tr class="very-good">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/variables.html#U200D">src/utils/twemoji.ts</a>
</td>
<td>variable</td>
<td>U200D</td>
<td align="right" data-sort="100">
<span class="coverage-percent">100 %</span>
<span class="coverage-count">(1/1)</span>
</td>
</tr>
<tr class="low">
<td>
<!-- miscellaneous -->
<a href="./miscellaneous/variables.html#UFE0Fg">src/utils/twemoji.ts</a>
</td>
<td>variable</td>
<td>UFE0Fg</td>
<td align="right" data-sort="0">
<span class="coverage-percent">0 %</span>
<span class="coverage-count">(0/1)</span>
</td>
</tr>
</tbody>
</table>

Expand Down
2 changes: 1 addition & 1 deletion images/coverage-badge-documentation.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
37 changes: 24 additions & 13 deletions injectables/HighlightCardService.html
Expand Up @@ -143,7 +143,7 @@ <h3 id="constructor">Constructor</h3>
</tr>
<tr>
<td class="col-md-4">
<div class="io-line">Defined in <a href="" data-line="35" class="link-to-prism">src/social-card/highlight-card/highlight-card.service.ts:35</a></div>
<div class="io-line">Defined in <a href="" data-line="36" class="link-to-prism">src/social-card/highlight-card/highlight-card.service.ts:36</a></div>
</td>
</tr>

Expand Down Expand Up @@ -232,8 +232,8 @@ <h3 id="methods">

<tr>
<td class="col-md-4">
<div class="io-line">Defined in <a href="" data-line="134"
class="link-to-prism">src/social-card/highlight-card/highlight-card.service.ts:134</a></div>
<div class="io-line">Defined in <a href="" data-line="145"
class="link-to-prism">src/social-card/highlight-card/highlight-card.service.ts:145</a></div>
</td>
</tr>

Expand Down Expand Up @@ -303,8 +303,8 @@ <h3 id="methods">

<tr>
<td class="col-md-4">
<div class="io-line">Defined in <a href="" data-line="93"
class="link-to-prism">src/social-card/highlight-card/highlight-card.service.ts:93</a></div>
<div class="io-line">Defined in <a href="" data-line="94"
class="link-to-prism">src/social-card/highlight-card/highlight-card.service.ts:94</a></div>
</td>
</tr>

Expand Down Expand Up @@ -387,8 +387,8 @@ <h3 id="methods">

<tr>
<td class="col-md-4">
<div class="io-line">Defined in <a href="" data-line="81"
class="link-to-prism">src/social-card/highlight-card/highlight-card.service.ts:81</a></div>
<div class="io-line">Defined in <a href="" data-line="82"
class="link-to-prism">src/social-card/highlight-card/highlight-card.service.ts:82</a></div>
</td>
</tr>

Expand Down Expand Up @@ -426,8 +426,8 @@ <h3 id="methods">

<tr>
<td class="col-md-4">
<div class="io-line">Defined in <a href="" data-line="170"
class="link-to-prism">src/social-card/highlight-card/highlight-card.service.ts:170</a></div>
<div class="io-line">Defined in <a href="" data-line="181"
class="link-to-prism">src/social-card/highlight-card/highlight-card.service.ts:181</a></div>
</td>
</tr>

Expand Down Expand Up @@ -498,8 +498,8 @@ <h3 id="methods">

<tr>
<td class="col-md-4">
<div class="io-line">Defined in <a href="" data-line="43"
class="link-to-prism">src/social-card/highlight-card/highlight-card.service.ts:43</a></div>
<div class="io-line">Defined in <a href="" data-line="44"
class="link-to-prism">src/social-card/highlight-card/highlight-card.service.ts:44</a></div>
</td>
</tr>

Expand Down Expand Up @@ -578,7 +578,7 @@ <h3 id="inputs">
</tr>
<tr>
<td class="col-md-4">
<div class="io-line">Defined in <a href="" data-line="35" class="link-to-prism">src/social-card/highlight-card/highlight-card.service.ts:35</a></div>
<div class="io-line">Defined in <a href="" data-line="36" class="link-to-prism">src/social-card/highlight-card/highlight-card.service.ts:36</a></div>
</td>
</tr>

Expand All @@ -605,7 +605,7 @@ <h3 id="inputs">
</tr>
<tr>
<td class="col-md-4">
<div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">src/social-card/highlight-card/highlight-card.service.ts:34</a></div>
<div class="io-line">Defined in <a href="" data-line="35" class="link-to-prism">src/social-card/highlight-card/highlight-card.service.ts:35</a></div>
</td>
</tr>

Expand Down Expand Up @@ -634,6 +634,7 @@ <h3 id="inputs">
import { DbUserHighlight } from &quot;../../github/entities/db-user-highlight.entity&quot;;
import { DbReaction } from &quot;../../github/entities/db-reaction.entity&quot;;
import { RequiresUpdateMeta } from &quot;../user-card/user-card.service&quot;;
import { getIconCode, loadEmoji } from &quot;../../utils/twemoji&quot;;

interface HighlightCardData {
login: string;
Expand Down Expand Up @@ -742,6 +743,16 @@ <h3 id="inputs">
},
],
tailwindConfig,
loadAdditionalAsset: async (code: string, segment: string) &#x3D;&gt; {
if (code &#x3D;&#x3D;&#x3D; &quot;emoji&quot;) {
// if segment is an emoji
// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
return (&#x60;data:image/svg+xml;base64,${btoa(await loadEmoji( &quot;twemoji&quot;, getIconCode(segment)))}&#x60;);
}

// if segment is normal text
return (code);
},
});

const resvg &#x3D; new Resvg(svg, { background: &quot;rgba(238, 235, 230, .9)&quot; });
Expand Down
11 changes: 11 additions & 0 deletions interfaces/HighlightCardData.html
Expand Up @@ -466,6 +466,7 @@ <h3 id="inputs">Properties</h3>
import { DbUserHighlight } from &quot;../../github/entities/db-user-highlight.entity&quot;;
import { DbReaction } from &quot;../../github/entities/db-reaction.entity&quot;;
import { RequiresUpdateMeta } from &quot;../user-card/user-card.service&quot;;
import { getIconCode, loadEmoji } from &quot;../../utils/twemoji&quot;;

interface HighlightCardData {
login: string;
Expand Down Expand Up @@ -574,6 +575,16 @@ <h3 id="inputs">Properties</h3>
},
],
tailwindConfig,
loadAdditionalAsset: async (code: string, segment: string) &#x3D;&gt; {
if (code &#x3D;&#x3D;&#x3D; &quot;emoji&quot;) {
// if segment is an emoji
// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
return (&#x60;data:image/svg+xml;base64,${btoa(await loadEmoji( &quot;twemoji&quot;, getIconCode(segment)))}&#x60;);
}

// if segment is normal text
return (code);
},
});

const resvg &#x3D; new Resvg(svg, { background: &quot;rgba(238, 235, 230, .9)&quot; });
Expand Down
4 changes: 2 additions & 2 deletions js/search/search_index.js

Large diffs are not rendered by default.

0 comments on commit 464652b

Please sign in to comment.