telegram-t

Demo

https://telegram-t-rc-7.netlify.app/

Local setup

mv .env.example .env

npm i

Obtain API ID and API hash on my.telegram.org and populate the .env file.

Dev mode

npm run dev

Features (as of August 22, 2020)

Performance

• Transferred size: 156 kB on auth screen, 277 kB within a chat
• Instant launch with preserved state
• Smooth UI launch with no avatars and fonts flickering
• Only visible set of messages is rendered while scrolling the viewport
• Progressive media loading and playing when moving the viewport
• Lazy loading for heavy assets and features
• Unstable network support with auto-reconnects any sync
• Ripple effect is flawless during rendering (when switching chats)

Nice stuff

• Apple emojis on all platforms
• Previews of media documents
• Custom media viewer controls
• Tails in photo messages
• Smart sticky dates in message list
• Deeply optimized animations and lists

Message types and features

• Regular, replies (with focusing), forwarded
• With photo, stickers (incl. animated), video (incl. playing inline, GIF and round), audio, voice (with marking as read), documents (with downloading), polls (with voting), albums, web-pages, contacts, emoji-only
• Text formatting, links, mentions, hashtags, code samples, quotes, and other entities
• Various combinations of all above
• Service messages with interactive mentions

Bigger features

• Navigating to any point in messages history, loading history starting from unread messages
• Updates support for all implemented UI features, incl. new/edited/deleted/pinned messages (incl. older chats) and various indicators for chats and users
• Support for attaching and copy-pasting quick photos and videos, documents, polls, recording audio, sending emojis, stickers, GIFs and web pages with preview. Flawless optimistic transitions between local and server sent messages
• Shared Media with infinite scroll and progressive loading. All messages with links (not only WebPages) are shown, support for audio files playback and documents download
• Message Search with infinite scroll and progressive loading
• Top Contacts, Recent Chats and fully-functional Global Search for chats and messages
• Media Viewer with preloading, navigation, forwarding and downloading
• Message Context Menu supporting reply, forward, edit, pin, copy (incl. media and selected text), delete features (incl. a popup with deleting options), respecting user permissions
• Creating groups and channels
• Profile management
• Full chat permissions support (incl. admin rights and slow mode)
• Full stickers and GIFs panel support with saved, favorites, search and trending

Indicators

• Chats: online users, unread inbox counter, mentions, pending/delivered/read outbox, pinned, verified, muted, time/date formatting
• Messages: pending/delivered/read, "edited" mark, channel views counter
• Download progress spinners
• Profiles and chats information in the middle and the right columns, incl. online members counter for supergroups
• "typing..." and "uploading [media]..." statuses

Misc

• The latest MTProto Layer 112 is used
• Cancelling sending media messages
• Manual read/unread marks for chats
• HTML and Markdown in message composer
• Drafts
• Charts statistics (mocked)
• Pinned message (with unpinning and focusing)
• <Esc> key support for closing chat, reply form, popup, context menu, etc.
• Chat with self is displayed as Saved Messages
• Phone numbers formatting
• Nearest country auto-detect