Info

Open Website
WARNING! Clicking "Open Website" will launch a third-party app, use at your own risk. We do not recommend logging in with your main account.

Testing and Issues

You can test this app and submit issues during the testing period of the JavaScript Contest, Stage 3 contest.

Entries with serious issues will not be able to win the contest, but even minor issues might be important for overall results.

Voting

1

Comments

Giant Parrot Jun 22 at 16:09
Key features:
- The fastest MTProto implementation for JS in terms of streaming, history and downloading (single thread);
- The best scroll on iOS;
- Smooth transition from anywhere to any message in any dialog;
- Animated stickers in sticker sets. Each sticker should play at least once to become cached and looped;
- Stream downloading files directly to the device disk via native download UI panel in Chrome and Firefox;

Video demos of the features: https://drive.google.com/drive/folders/1ADcJfFCVGzEjPvIAyx8-gKstf-T-CiC_

Other features:
- Mobile search results count is tappable;
- Full support of audio and video streaming. Works both in mobile and desktop browsers;
- The gallery is swipeable and the audio player can switch previous and next tracks. Both can be opened at every history point and switch to correct sibling media;
- Go To Message context option inside the shared media panel;
Giant Parrot Jun 22 at 16:14
Other features:
- Separate folder tab badge color for a case when all the unread dialogs are muted;
- Hashtags, mentions and links in messages are clickable and navigable;
- Bot inline keyboard support;
- Full quiz and polls support;
- Dialog folder editing and dialog archive;
- Focus the search input in a dialog folder included/excluded list and press backspace. The last peer will be removed;
- GIFs and stickers search;
- Webp stickers are supported in Safari;
- The audio player has separate queues for voice messages and music and keeps playing after switching to another dialog;
- Sticky date badge;

Unfontunately I ran out of time so hadn't worked out all the details.

Known Issues:
- Click on the «Download» icon in the GIF panel will close the panel. Just click on the area around the download icon;
- History scrolling and jumps may cause FLOOD_WAIT. Just wait 5-10 secs and redo the action;
Giant Parrot Jun 24 at 03:33
The source code will be available after the contest end at:
- https://github.com/spalt08/telegram-js (application)
- https://github.com/spalt08/mtproto-js (MTProto library)
You have not added any comments yet...
by rating

Issues

Fair Mammoth Aug 18 at 06:42
Transferred size при первом старте: 187КB.
Transferred size после перезагрузки страницы для залогиненного аккаунта: 253КВ.

Скорость работы приложения на мобильных устройствах в целом оказалась выше ожидаемой, однако приложение может терять в производительности при переходе в чаты с большим количеством анимаций. Наличие в работе критических недостатков и большое количество прочих недочётов препятствуют продвижению работы на более высокое призовое место. 
Отдельно отметим качественную реализацию работы Shared Media и галереи, реализованный стриминг на iOS (Safari). К сожалению, нам не удалось запустить приложение на iPhone 5S – после попытки залогиниться оно зависает на первом экране в статусе ‘Please Wait’.

Работа в целом соответствует предложенному дизайну. К сожалению, были учтены не все замечания, озвученные по итогам предыдущих этапов конкурса – выявленные ранее проблемы по-прежнему воспроизводятся. В ходе тестирования работы выявлены: 

1. Критические недоработки:
– Приложение может зависнуть на экране чатов после нескольких минут неактивности, переставая реагировать на любые действия;
– Приложение может не подгружать текущие чаты при параллельном использовании аккаунта на нескольких устройствах одновременно;
– Некоторые GIF не отображаются на iOS, голосовые сообщения не проигрываются (Safari);
– Анимированные стикеры могут подгружаться достаточно долго: как в панели, так и в самом чате;
– Результаты поиска сбрасываются при возвращении из найденного чата;
– Закрепленные чаты не добавляются в Архив;
– Медиа всегда отправляются как файл в iOS (Safari) и Android (Chrome).
Samsung Galaxy S9 (Android 10); iPhone XS (iOS 13.6); macOS 10.15.5; Chrome 84.0.4147 / Safari 13.1.2.
20
Fair Mammoth Aug 18 at 06:42
2. Прочие недоработки:
– Приложение не запускается в Chrome на iOS;
– Страна по умолчанию всегда США, невозможно удалить код страны из поля ввода номера, невозможно нормально вставить скопированный номер.
– Нет анимации во время записи голосового сообщения;
– Не реализовано отображение подсказки 2ФА.
– Не оптимизирована работа с GIF – они прогружаются по нажатию в панели перед отправкой, после отправки требуется ещё нажатие для прогрузки в чате и третье касание для проигрывания;
– Saved Messages не по дизайну;
– Только что отправленные голосовые сообщения могут не воспроизводиться на Android (Chrome);
– Недоступна кнопка отправки сообщения, если в поле ввода присутствуют только эмодзи;
– Если в чате есть сервисные сообщения со звонками, постоянно всплывает попап про разрешение доступа к микрофону на iOS (Safari);
– Контекстное меню невозможно скрыть — только выбрать пункт из него или открыть какой-либо чат;
– Невозможно закрепить чаты и сообщения;
– Нет удаления сообщений; 
– Не поддержаны анимированные эмодзи;
– Не доделана поддержка альбомов;
– Кнопки в музыкальном плеере неправильно подсвечены;
– Нет индикации отправленной GIF из поиска;
– При вступлении в канал или группу, они отображаются в списке чатов по последнему сообщению в них.
– Производительность при записи голоса снижается, если начать набирать текстовое сообщение;
– В результатах викторин могут не отображаться собственные результаты до обновления страницы на iOS (Safari).

3. Недоработки второй части задания:
– В Chrome на Android доступна не вся вкладка Media – пятый ряд обрезается, прокрутка недоступна;
– Допускается параллельное проигрывание видео и аудио;
– Не реализована корректная отмена загрузки медиа;
– Нет предпросмотра кадров в стриминге;
– При создании папки часть анимации выглядывает из-под заголовка меню на iOS (Safari);
– Папки могут не открываться сразу после нажатия на iOS (Safari);
– Не реализован поиск по дате внутри чата.
Samsung Galaxy S9 (Android 10); iPhone XS (iOS 13.6); macOS 10.15.5; Chrome 84.0.4147 / Safari 13.1.2.
20
Ali Gasymov Jun 22 at 05:22
Легендарная работа!
All
1
Giant Parrot Aug 6 at 15:41
Other features:
- Production-ready and supportable code, covered with unit tests and UI tests via storybook: https://tg-storybook.website.yandexcloud.net/

Solutions for the other stages:
https://contest.com/javascript-web/entry1070
https://contest.com/javascript-web-2/entry1301
Fᴏʀᴅᴇɴ Jun 21 at 22:54
For some reason, it shows last online for service account, instead of "service notifications"
Yandex Browser 20.6.1.148 / Windows 10
Fᴏʀᴅᴇɴ Jun 21 at 22:58
For some reason, it doesn't show if message if forwarded
Yandex Browser 20.6.1.148 / Windows 10
Captain Awesome Jun 22 at 23:09
I am from Ukraine, but my country is defined USA at login
GIFs do not start automatically
no video player
incorrect animation of the mediaviewer where there are tails in the media. twitches to the side
layout does not match mockups
context menu in chat only reply
context menu in the dialog sheet archive only
the application is not optimized, from one dialogue I received a 2 GB leak in 1 minute. in the dialogue 40-50 stickers and 40 voices
folders do not work correctly, not the entire list of contacts is displayed, there are too few of them
round videos without progress bar
after 5 minutes of use, the client crashed and stopped opening dialogs, just the background camomile and nothing else, the page refresh helped
Chrome 83.0.4103.106, Win10 64bit, res 2560x1440
Captain Awesome Jun 22 at 23:09
left and right sidebar animations are wrong
when scrolling chat history up scroll jumps
not all media is loaded and not all chat stickers
many media, stickers, avatars just do not load, the reason ??
the sidebar works very poorly and loads the media when you saw it in the chat, it also somehow jumps strange, there are no errors in the console
no recent searches
memory leak is big when you use the application without reloading the page
in a simple application can consume a large amount of cpu resources 90-100+
when a message is written to you and you reply, the last message you answered is not always visible, but when you try to go down it does not show it.
Chrome 83.0.4103.106, Win10 64bit, res 2560x1440
Captain Awesome Jun 22 at 23:09
messages are not displayed correctly in the saved messages. there must be two sides
sidebar closes every time you switch dialogs
when I went into the chat it’s impossible to type until you click on the input field
unread messages freeze and work incorrectly. when restarting, it displays the same messages in the dialog as last time
you say that you have animated stickers, but I did not see the animated stickers in the popup and sidebar
not all stickers are loaded in the sidebar
no emoji anywhere
cannot open a set of stickers from the sidebar.
stickers & gifs in the emoji panel sometimes just stop opening
Sticker animations do not start in the chat if you return to this dialog again. those. runs only 1 time
stickers in chat are laggy
Chrome 83.0.4103.106, Win10 64bit, res 2560x1440
Captain Awesome Jun 22 at 23:09
+beautiful animation of polls and quizzes
+streaming audio works well, but sometimes it doesn’t load fragments of a song if it was fast-forwarded, then backward
+if the audio is over, then the next is turned on, this is cool, but the audio does not have a progress bar in the sidebar
Chrome 83.0.4103.106, Win10 64bit, res 2560x1440
Captain Awesome Jun 22 at 23:14
https://t.me/parrot1422 - videos and screens here.
Chrome 83.0.4103.106, Win10 64bit, res 2560x1440
Oleg Illarionov Jul 23 at 11:54
Service Message: messageActionPhoneCall between messages, on all platforms
Xiaomi mi9t, default browser
Night Dragon Jul 28 at 07:20
"scroll to bottom" button displaying when you at the bottom of dialog
mac os chrome 84.0.4147.89
Night Dragon Jul 28 at 07:23
chat creation based on contacts, so you cant invite non-contact user
mac os chrome 84.0.4147.89
Night Dragon Jul 28 at 07:35
Poll creation is not working for me
mac os chrome 84.0.4147.89
Night Dragon Jul 28 at 07:38
you cannot use the application while the files are uploading
mac os chrome 84.0.4147.89
Night Dragon Jul 28 at 07:40
by clicking on "create channel" opens "create group"
mac os chrome 84.0.4147.89
Night Dragon Jul 28 at 07:44
sometimes messages are not sending
mac os chrome 84.0.4147.89
Night Dragon Jul 28 at 12:47
app is totally broken in Xiaomi Browser
Google Pixel 4XL, Xiaomi Browser
Night Dragon Jul 31 at 12:41
app is also broken in safari browser: problems with rendering, some times chats are not opening
Iphone 8 , 11.4.1, safari
Nobody added any issues yet...