<pre class="shiki github-dark shaku"><code>type EntityBase = { indices: [number, number]}type UrlEntity = EntityBase &amp; { displayUrl: string, url: string,}type MentionEntity = EntityBase &amp; { screeName: string}type Entities = { urls: Array&lt;UrlEntity&gt;, mentions: Array&lt;MentionEntity&gt;}function renderTextWithEntities(text: string, entities: Entities): string { // put your code here let result = text; entities.mentions.forEach(mention =&gt; result = result.replace(`@${mention.screeName}`, `&lt;a href="https://x.com/${mention.screeName}"&gt;@${mention.screeName}&lt;/a&gt;`)) entities.urls.forEach(url =&gt; result = result.replace(url.url, `&lt;a href="${url.url}"&gt;${url.displayUrl}&lt;/a&gt;`)) console.log(result) return result;}</code></pre>

easy

On Twitter(now X), we always see mentions, hashtags and links in blue links, like this one below. > Shaku syntax is now supported on https://t.co/Upkm…