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 2 contest.

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

Voting

21
by rating

Issues

Fair Mammoth Mar 31 at 13:08
Transferred size: 222KB. Оптимизирован первый запуск, объём загружаемых данных один из самых небольших, чаты мгновенно отображаются при перезагрузке страницы.

Конкурсное задание выполнено практически до конца. Приложение поддерживает большое количество типов медиа, включая опросы, но не поддерживает альбомы. У аудиофайлов отсутствует перемотка. Поддержаны вкладки Recent Emoji и Recent Stickers.

Исправлены недочёты из первого этапа, но регистрация так и не поддержана полноценно. Скорость работы приложения высокая, хотя и может незначительно снижаться при быстрой прокрутке истории в крупных чатах и при просмотре анимированных стикеров.

Приложение практически полностью соответствует предоставленному дизайну макетов, однако отсутствуют некоторые анимации — например, для открытия третьей колонки. Частично отсутствуют прогресс-бары загрузки. По нажатию на имя пользователя в сервисном сообщении открывается Shared Media с этим пользователем вместо диалога.

В работе не реализован поиск в списке чатов, присутствует только поиск внутри чата в третьей колонке.

UPD.

Transferred size при первом старте: 243KB
Transferred size после перезагрузки страницы для залогиненного аккаунта: 266KB
macOS 10.15.3, Chrome 80.0.3987
20
Jolly Cobra Mar 31 at 13:15
Спасибо за комментарий. Поясните, пожалуйста, что имеется ввиду под "регистрация так и не поддержана полноценно"? В моём случае регистрация работает безошибочно, в том числе загрузка и обрезка фото профиля.
Fair Mammoth Mar 31 at 13:08
Другие недостатки, обнаруженные в процессе тестирования:

– Обновление списка чатов периодически не происходит или происходит слишком медленно;
– В некоторых ситуациях загружаемые файлы могут зависнуть на 100% при отправке, так окончательно и не загрузившись;
– Не хватает перехода из поиска к найденному сообщению в случае, когда часть истории не прогружена;
– Черновик открытого чата переносится в последующие открываемые чаты;
– Отправка сообщения не прокручивает чат вниз;
– GIF определяются как видеофайлы, отображаются в Shared Media с длительностью, открываются в плеере;
– Видеосообщения открываются в обычном плеере, при просмотре в чате у них нет радиального прогресса, а при старте их скачивания ломается вёрстка;
– Скачком изменяется размер фото после скачивания оригинала;
– В администрируемых каналах нет поля для отправки сообщений;
– Сервисные сообщения с днями накладываются на открытую вкладку с emoji и стикерами;
– Не реализовано отображение Apple эмодзи на других платформах, поддержаны не все эмодзи.

Дополнительным плюсом является реализация некоторые бонусных заданий:

– Дополнительные вкладки в Shared Media, включая проигрывание аудио из Shared Media;
– Контекстное меню действий над сообщениями.

UPD.

1. При регистрации мы столкнулись с бесконечной загрузкой фотографии профиля и последующей ошибкой после отмены загрузки и продолжения регистрации.

2. Некоторые действия, при которых это воспроизводится: изменение названия чата, изменение фотографии чата. Как вы отметили, обновления ещё не поддерживаются для закрепления чата.

UPD 2.

Реализованная отправка аудиосообщений была оценена. Прикрепляем видео с зависшей при загрузке фотографии. Баг воспроизводится произвольно, стабильных шагов для воспроизведения не обнаружено.

UPD 3.

Необходимо уделить внимание вёрстке при минимальной ширине окна браузера, например, предусмотреть отображение только одной колонки.
macOS 10.15.3, Chrome 80.0.3987
20
Jolly Cobra Apr 1 at 17:28
Старое сообщение удалено.

UPD.

Спасибо за пояснения. Есть ли возможность приложить аналогичное видео для этого: "В некоторых ситуациях загружаемые файлы могут зависнуть на 100% при отправке, так окончательно и не загрузившись;"? Также не воспроизводится с моей стороны. Спасибо!

И на всякий случай обращаю внимание, что в приложении ещё поддерживается отправка аудиосообщений.
Quirky Mammoth Feb 18 at 16:01
Wery well done work. I like all animations and attention to details. Couple of comments: I cant add new line for message. No updates for pinned/unpineed chats, no implementation for global search. No support for albums and I can't donwload files
Google Chrome, Windows
Jolly Cobra Feb 21 at 18:09
Thanks! Shift+Enter adds a new line.
Sasha Alejandro Mar 3 at 13:27
From the author:

=== Performance
- Transferred size: ~270 kb for most of the features (w/o lazy-loaded voice recorder polyfill)
- Full caching for instant subsequent launch
- 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 additional assets and features
- Unstable network support with auto-reconnects and sync
- Flawless ripple effect during rendering (when switching chats)
MacBook Pro 13", Chrome 80.0.3987.116
Sasha Alejandro Mar 3 at 13:29
=== Messages
- Regular, replies (clickable), forwarded
- With photo, stickers (incl. animated), video (incl. playing inline, GIF and round), audio, voice (playable, supported “read” indicators), documents, polls, 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

=== 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
MacBook Pro 13", Chrome 80.0.3987.116
Sasha Alejandro Mar 3 at 13:29
=== Bigger features
- Updates 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, recording audio, sending emojis, stickers 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, playable audio
- Message Search with infinite scroll and progressive loading
- Media Viewer with preloading and navigation
- Message Context Menu supporting reply, pin, copy (incl. media and selected text), delete features (incl. deleting options popup), with respect to user permissions
- Full info and chats information in the middle and the right columns, incl. pinned message (with unpinning and focusing) and online member counters
MacBook Pro 13", Chrome 80.0.3987.116
Sasha Alejandro Mar 3 at 13:29
=== Misc
- Own implementation of MTProto Layer 109 (GramJS)
- Animations for UI appearance, menus, popups and message deletion
- <Esc> key support for closing chats, reply form, popups, context menus, etc.
- Phone numbers formatting
- Sticky date indicators in the message list
- Full support for auth/register flows with nearest country auto-detection, interactive monkeys and uploading a cropped picture
MacBook Pro 13", Chrome 80.0.3987.116
Nobody added any issues yet...