Telegram Web A

This project won the first prize 🥇 at Telegram Lightweight Client Contest and now is an official Telegram client available to anyone at web.telegram.org/a.

According to the original contest rules, it has nearly zero dependencies and is fully based on its own Teact framework (which re-implements React paradigm). It also uses a custom version of GramJS as an MTProto implementation.

The project incorporates lots of technologically advanced features, modern Web APIs and techniques: WebSockets, Web Workers and WebAssembly, multi-level caching and PWA, voice recording and media streaming, cryptography and raw binary data operations, optimistic and progressive interfaces, complicated CSS/Canvas/SVG animations, reactive data streams, and so much more.

Feel free to explore, provide feedback and contribute.

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

Invoking API from console

Start your dev server and locate GramJS worker in the console context.

All constructors and functions available in global GramJs variable.

Run npm run gramjs:tl full to get access to all available Telegram methods.

Example usage:

await invoke(new GramJs.help.GetAppConfig())

Dependencies

• GramJS (MIT License)
• fflate (MIT License)
• cryptography (Apache License 2.0)
• emoji-data (MIT License)
• twemoji-parser (MIT License)
• tlottie (MIT License)
• opus-recorder (Various Licenses)
• qr-code-styling (MIT License)
• music-metadata (MIT License)
• Tiptap (MIT License)
• marked (MIT License)
• lowlight (MIT License)
• idb-keyval ()

Bug reports and Suggestions

If you find an issue with this app, let Telegram know using the Suggestions Platform.