6511
Story of the official Telegram Web app (web.telegram.org/a) by @zinchuk. 🇺🇦❤️
Telegram Web Z was updated to version v1.32
Harder
• Create and share Video Stickers made from .webm files.
• 5 new reactions and interactive emoji: 🥰🤯🤔🤬👏
• Send entire folders as a file.
• Directly add chats to chat folders from Global Search.
Better
• Redesigned group management pages with animated artwork.
• ‘Forward To’ menu has smooth infinite scroll on mobile.
• Spoiler animations re-hide text after a short period.
• Numerous layout fixes and improvements.
Faster
• Media loads and scrolls faster in Shared Media and Global Search.
• Optimized some heavy background calculations.
• Memory usage optimizations.
Stronger
• Fixed missing sticker suggestions (e.g. for ❤️ emoji).
• Fixed infinite spinning in Sticker panel.
• Fixed scroll jumps and missing sender names in local search results.
• Fixed highlight color when searching in dark mode.
• Fixed pasting text and media from clipboard on Firefox and iOS browsers.
• Media Viewer: Fixed navigating to the origin message on mobile.
• Media Viewer: Fixed lingering audio after moving to the next item.
• Reactions: Fixed unexpected interaction animations.
• Fixed jumping cursor when typing in Safari.
Telegram Web Z was updated to version 1.30
👏 Harder
• Meet Message Reactions:
- React to a message with ❤️🔥🎉😁😱🤩😢👎💩🤮 in the context menu.
- Send a quick 👍 reaction by hovering over the bottom corner of a message.
- You can change your default reaction to another emoji in Settings > General.
- Group and Channel admins can enable and control reactions via their chat's Info Page > Edit > Reactions.
• Interactive Emoji:
- Added support for all interactive emoji, including fullscreen animations and sound effects. Try 🔥, 🍆, 🍑 and more.
- Animations play simultaneously when both users have the chat open.
– The “is watching…” status will appear when your chat partner is also seeing the animations.
• Manage invite links for Groups and Channels:
– Enable admin approval or limited duration and users.
🤩 Better
• Better quality for uploaded profile pictures.
• Various UI improvements.
🚀 Faster
• Several optimizations for older devices – no more freezing while typing.
💪 Stronger
• Saved Messages now correctly renders in search results.
• Fixed missing icons for muted chats in the chat list.
• The context menu no longer flickers on older devices.
• Fix re-scheduling messages to a previous date.
About two years ago, the first JavaScript contest held by Telegram just ended. It was a thrilling challenge but that time I only managed to take the second prize. However, that was the starting point for a chain of events which led to the WebZ app becoming one of the official Telegram web clients.
Another longest and spectacular JavaScript contest was there to follow, and I want to share its story. I'm going to talk about the technologies we used, the problems we faced, and the solutions we were lucky to find. Moreover, because this story is still being written.
No doubt, the new Telegram web clients are among the most sophisticated and technologically advanced web projects out there. They combine most of modern Web APIs, specifications, and techniques: complicated CSS and Canvas animations, Web Workers and WebAssembly, multi-level caching and PWA, voice recording and media streaming, cryptography and raw binary data operations, optimistic and progressive interfaces, reactive data streams, and so much more.
I'll talk a little bit about it all and will provide links to the code examples in the telegram-webz repository as well as to some other useful external resources.
Stay tuned.
Telegram Web Z was updated to version v1.31
👏 Harder
• Hide text with an animation using the crossed-eye icon 👁 in the formatting menu.
• Quickly add Spoiler formatting with Ctrl + P (⌘ + P on macOS), or || markdown around the text.
• Admins can manage Join Requests and revoked invites.
• Promote new admins in your groups and channels via Global Search.
🤩 Better
• Network stability enhancements.
• Various improvements and tuning for reactions and interactive emoji.
• Media Viewer improved for mobile devices.
• Numerous layout adjustments.
🚀 Faster
• The app better renders multiple components.
💪 Stronger
• Fixed inline playback for QuickTime videos.
• Fixes for tooltips – including stickers, emoji, and mentions.
• Unread counter now correctly reflects values on mobile devices.
• Emoji now properly copy from message text.
• Users’ display names now appear in service messages.
• Fixed collapsing multiple spaces in messages.
• Reactions and the “Send As” feature are now always available in Discussion Groups.