<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 { // Собираем все сущности в один массив const allEntities: Array&lt;{ start: number, end: number, html: string }&gt; = []; // Добавляем URL entities.urls.forEach(url =&gt; { allEntities.push({ start: url.indices[0], end: url.indices[1], html: `&lt;a href="${url.url}"&gt;${url.displayUrl}&lt;/a&gt;` }); }); // Добавляем упоминания entities.mentions.forEach(mention =&gt; { allEntities.push({ start: mention.indices[0], end: mention.indices[1], html: `&lt;a href="https://x.com/${mention.screeName}"&gt;@${mention.screeName}&lt;/a&gt;` }); }); // Сортируем по стартовому индексу (от конца к началу, чтобы не смещать индексы) allEntities.sort((a, b) =&gt; b.start - a.start); // Применяем замены с конца к началу let result = text; allEntities.forEach(entity =&gt; { result = result.substring(0, entity.start) + entity.html + result.substring(entity.end); }); return result;}</code></pre>

my first issues

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…