this is a feature request for adding a button to test browser notifications.

could be maybe on Apperance window.

thanks for your time!

Первый раз работаю с node js
При попытке вызвать из корня, скопированного репозитория, npm install
Получаю ошибку:

npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/yallist-0a8a5093/package.json'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/webpack-dev-server-373b6925/package.json'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/execa-9d05926e/package.json'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/yallist-0a8a5093/README.md'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/webpack-dev-server-373b6925/CHANGELOG.md'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/execa-9d05926e/index.js'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/yallist-0a8a5093/LICENSE'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/webpack-dev-server-373b6925/LICENSE'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/yallist-0a8a5093/iterator.js'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/webpack-dev-server-373b6925/README.md'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/@babel/runtime-46e2b43a/LICENSE'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/yallist-0a8a5093/yallist.js'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/@babel/runtime-46e2b43a/README.md'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/react-router-dom-deccc8fa/umd/react-router-dom.min.js'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/emoji-mart-bc9fbe29/data/apple.json'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/lottie-web-46017fee/build/player/lottie_canvas.min.js'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/libphonenumber-js-837d0a1a/metadata.min.json'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/react-dom-9577a55d/cjs/react-dom-unstable-fire.production.min.js'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/prettier-c4b6c290/index.js'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/lodash-0e73f158/lodash.min.js'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/lodash-98face60/lodash.min.js'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/lodash-eb16d848/lodash.min.js'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/lodash-f3bae6f6/lodash.min.js'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/lodash-321ef208/lodash.min.js'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/lodash-39260369/lodash.min.js'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/lodash-d51ebb7e/lodash.min.js'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/lodash-6c2be400/lodash.min.js'
npm WARN tar ENOENT: no such file or directory, open '/opt/telegram-react-master/node_modules/.staging/lodash-f1b494f5/lodash.min.js'
npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/@arseny30/tdweb/-/tdweb-1.4.6.tgz
npm ERR! 404
npm ERR! 404 '@arseny30/[email protected]' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404 It was specified as a dependency of 'telegram-react-master'
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.

npm ERR! A complete log of this run can be found in:
npm ERR! /root/.npm/_logs/2019-08-26T06_57_53_406Z-debug.log

Если помогут могу отправить логи указанные в конце сообщения.

I think the correct behaviour would be to only open the link in another tab.

Telegram is blocked in Russia completely with it site, so I have to use VPN for access to *.telegram.org. Also I have to add this stroke (full Telegram domain) to sites list for browser proxy/VPN addons. Nevertheless I cannot login into your TDWeb (I get no verification code), even when I wrote *.telegram.org to sites list; proxies in browsers work in this mode. But when I Iaunch VPN for all sites (not only for exceptions list), I get verification code and can seamlessly use TDWeb.

So what web-address (associated with Telegram?) should I add to sites list for proxy addon only just for login?

Please, help. (In any case I can describe my issue in Russian, it's my native language.)

Poll features are not handled in telegram-react. Please add it. Thanks.

After scrolling to message with attachment app is crashing.

Please save themes settings in local storage/ cookies in web browser so that it keeps those settings always. Thanks.

App version: 0.0.155
Browser: Vivaldi 2.2.1388.37
OS: Windows 10 Pro 1809

Infinte restart after this error:

[ 0][t 0][1546018831.841000080][Status.h:185][!DialogDbActor]	Unexpected Status [Error : 0 : Failed to prepare SQLite [statement:INSERT OR REPLACE INTO dialogs VALUES(?1, ?2, ?3)][Error : 0 : table dialogs has 5 columns but 3 values were supplied]] in file ../../../../td/telegram/DialogDb.cpp at line 81
    at wasm-function[21106]:93
    at wasm-function[94]:325
    at wasm-function[250]:184
    at wasm-function[30574]:136
    at wasm-function[30575]:32
    at wasm-function[30576]:31

It can add a section that shows the lyrics of the songs while playing them using Genius (or others) for that purpose

Adding emojis does't respect cursor position.

It would be cool to let the title of the page change if notifications are available, in the same fashion WAWeb and webogram do.
Regards and thanks for the project

hey, i'm looking at your code with much interest, but can't build a thing because tdweb seems to be gone from the web, any idea on where i can find it ?

I suppose you already know this to be hones but I'll just write it so we don't lose track of this functionality.
Basically what title says, add support for Bots' keyboard.
Regards.

Currently on private chats, all messages are aligned on left side. Can you please add a setting or set by default, own messages on right side and person whom we are talking on left side? Thanks.

When I'm creating a screenshot, for example, I want to send it as an image, but if I paste it to chat it is sent as a file. Desktop Telegram asks whether you want to send it as image or file, others are just sending images as images.

When viewing page I just see [pageBlockSlideshow].

Well its will be nice if telegram-react support electron and ship as apps. Can you please make Telegram-react as Electron app? 😄

Application crashes every time I try to open a chat that has post with Instant View.

Application version: 0.0.413
Browser: Firefox 69
OS: Windows 10

When trying to use markdown elements they are simply ignored, editing and updating the same string without changes in different client activates markdown.

I believe implementation of the service worker API would be a great addition, especially for platforms that do not have a native Telegram client available. Fully implementing this API would allow people to "Install" the app with supported browsers, notably Chromium based browsers on desktop.
Information can be found about the Service Worker API here.

If the app is in foreground, it sets our status to offline from online (as expected).
However, if we leave a chat window open, and new messages arrive to it, they will be marked as read immediately. That leaves us with no notifications and trace that any messages in that thread had arrived until we look at it manually. (and we may forget and currently not be on a device we ran telegram-react on).
Expected behavior: do not mark incoming messages as read in open thread, if the app is in foreground/unfocused. (which would be consistent with Telegram Desktop's behavior)

...seems like it's not supported:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/instantiateStreaming

And this error in console after first

Module ef5b7375afcb3e32ba4066a0003c699c.wasm was not found in wasm cache

Please, add possibility to:

1. Make UI use whole width of window.
2. Change sidebar width.
3. No to use "typography ideals".

Please, don't enforce stupid things like TDesktop and current telegram-web does. Thanks.

When the group is flagged as supergroup the user list is not shown.
This is not the behavior of official clients like Telegram Android, in which user list is show, at least on supergroups with few members.

client does not currently load all the chats and messages, and when you scroll through a conversation, it comes back on its own without me touching anything.

Telegram React version 0.0.155 From Chrome for Android 71.0.3578.99 Android 8.1 Oreo Xiaomi Redmi Note 5 Pro (Whyred)

Hey!

I think it's related
#26

Steps to reproduce

• Open chrome incognito mode

• Login

• Wait for chats to load

• Click "Logout" - app hangs with state "logging out" + "connecting"

• Page refresh doesn't help - same state

• Reopen incognito mode helps (webworker gets terminated?)

App should receive "authorizationStateClosed" and then reinit td client.
In webworker I expect to receive events - "close" -> "onClose" -> to reminate worker

4 different people experienced this issue.

Any help?

For my business, I have built a custom in-app chat solution, very similar to telegram and Facebook messenger. After finding your library and experiencing the rate of innovating within the Telegram protocol/client - I've realised that using your solution would likely yield a better UX for my customers over time.

I wonder, is it possible to use this chat solution, without requiring each user to create a Telegram account and; have my application automate a Telegram account for each of my users so that they could use this Telegram client without having any knowledge/concern of Telegram?

When I click on logout, it kills the session but keeps the page as the attached screenshot. It should redirect back to login page.

Firefox can’t establish a connection to the server at wss://vesta.web.telegram.org/apiws.
The connection to wss://vesta.web.telegram.org/apiws was interrupted while the page was loading.

This I get in Firefox console. Thanks for this project.

YourPhone is displayed instead of "Your phone" and StartText is displayed instead of actual start text:

Maybe there are more localization issues, it's just an example (I didn't go further than that screen).

I see that this client features only the wide/plain chat screen format, and there are no chat bubbles, which are the default (or the only choice) on, I believe, all other platforms (besides current Telegram Web).
What are the reasons for selecting this design over bubbles here? Are bubbles planned for telegram-react as well?

When clicking on commented message whole current message is selected. In other clients, this action scrolls chat to the original message with the ability to return back to reply.

Currently emojis are being shown okay on emoji list, however, both on the text area and on the chat itself the rendering of said emojis is falling back to the system.
This may work on some configurations, but won't work in others. For example I have an old W10 build with Chrome and my W10 lacks some of the emojis available on the app

I have disabled groups and channels notifications in TGX android, so telegram-react should honor the global server settings for notifications.

When pasting strings to input field anything that falls under "<[.*]+>" is silently removed from the input.

I have parser for tdesktop themes, so possibly I can integrate it in this project?

There is cool solution for scrollbars.

::-webkit-scrollbar {
height: 5px;
width: 5px;
background: #f0f0f0;
}

::-webkit-scrollbar-thumb {
background: #acacac;
-webkit-border-radius: 0ex;
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
background: #f0f0f0;
}

Stuck on this page with this alert

Similar to how web.telegram.org handles this, for example:

https://web.telegram.org/#/im?tgaddr=tg%3A%2F%2Fresolve%3Fdomain%3Dtgx_android%26post%3D181

In general it would be nice to use the History API, e.g. when selecting a chat it would change the URL to show @username or @chat-id.

When trying to put the cursor into the input field you need to click in the higher part of the field or the cursor wouldn't appear.

When you start typing the text is correctly aligned vertically, but if the field is empty the cursor appears higher then background "Message" text.

For vim/emacs users, would there be a hotkey to start typing? Like typing '' to immediately put the cursor into the text field.

Like on web.telegram.org, it should be possible to record and send voice messages

Hi,
I just tried to use your project by "Try it here" of the readme, but after completing the login,
the page just goes blank.
Looking up the console of the browser, there were way to many outputs but overreading a bit I found this one:
TypeError: "this.db is undefined"
value FileStore.js:590
value DialogsList.js:309
e DialogsList.js:304
React 5
unstable_runWithPriority scheduler.production.min.js:274
React 7
value DialogsList.js:316
e DialogsList.js:304
x runtime.js:63
_invoke runtime.js:282
t runtime.js:116
r asyncToGenerator.js:3
u asyncToGenerator.js:25

and this one:
InvalidStateError: A mutation operation was attempted on a database that did not allow mutations.

I do not know your project good enough but I guess it has to do with these two logs.

When I start the application and the push subscription is created, it's never actually sent to telegram. This is due to the fact that authorizationState is null or undefined here:

I am a translator and after logging in I do not see my language in the language list.

The client takes a lot to load, not allowing me to access and suddenly makes me crash my Google Chrome on desktop

When you click on an @Profile which is linked to #/im?p=@Profile telegram react doesn't do anthing i would expect it to open a chat with the named person.

When I select Update in menu later I've got error every time i start new session

I had last opened the telegram-react app in February, so when I opened it, its just struck at connecting and I see lots of console activity. During these duration I had used tg via android app and tdesktop, so there is lots of update.
Other clients basically just update dialogues fast and don't get struck in loading all chats and messages.
Fixing this will be a great help and improve performance,
Thanks.

This is amazing work. I'm really excited to track your program. Well done!

Technically speaking, would it be possible to implement the Telegram payment flow and bots flow into this stack?

May I know is there any means to allow translations for this project? As it would be great to open up many possibilities, for other users to make use of this interface.