Your NameandClaude Sonnet 5
0824502ddd
真实两账号复现：好友刚加上、双方都还没发过消息的单聊，发消息表现为"发了
和没发一样"（无失败提示，但对方收不到），会话头部同时显示错误的裸ID和
"离线"（即使对方明明在线）。
根因（读tinode-sdk真实源码+原生协议脚本交叉验证，非猜测）：这类会话从
"对方user_id"（usr...）这个地址进入，服务端订阅成功后会返回一个不同的
真实内部话题名（p2p...哈希）。SDK的Topic#subscribe在topic对象处于
`_new`状态时（每个新建对象默认如此）会把本地缓存从usr...改名到这个真
实名字——但本组件的submit()/头部展示/MessageBubble的retry()全都各自
独立调用`tinode.getTopic(topicId)`，用的是URL里那个没变过的usr...字符
串。改名发生后再调用`getTopic('usr...')`是一次缓存未命中，会凭空造出
一个全新的、从未真正订阅过的"替身"对象——发送/已读/在线状态全部作用在
这个空对象上，而真正收到数据的是已经改名的那个对象，两者从此互不相干。
用一个独立的原生WS协议脚本验证了根因：直接订阅+发布到同一个usr别名，
服务端确认消息真的送达并持久化（用一次全新订阅的历史记录能拉到），证
明"消息发不出去"是假象，真正的问题在于客户端读的从来不是收到数据的那
个对象。
修复：openConversation()解析出的topic对象一旦.name和URL参数不一致
（即刚刚被服务端改名），立刻用real name替换当前URL（replace，不留历
史记录）。这样一来，本组件后续所有`getTopic(topicId)`都会读到同一个、
真正接了收数据的对象，而不是每次都对着URL里那个过期字符串重新变出一
个空壳。
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Tinode Web
Briefing
Single-page web chat application for Tinode. The app is built on React. The Tinode javascript SDK has no external dependencies. Overall, it's a lot like open source WhatsApp or Telegram web apps.
Although the app is generally usable, keep in mind that this is work in progress. Some bugs probably exist, some features are missing. The app was tested in the latest Chrome & Firefox only. NPM package is available.
Try possibly newer or older version live at https://sandbox.tinode.co/.
For demo access and other instructions see here.
Installing and running
This is NOT a standalone app, this is just a frontend, a client. It requires a backend. See installation instructions. See instructions for enabling push notifications.
Getting support
- Read client-side and server-side API documentation.
- For support, general questions, discussions post to https://groups.google.com/d/forum/tinode.
- For bugs and feature requests open an issue.
- Use https://tinode.co/contact for commercial inquiries.
Helping out
- If you appreciate our work, please help spread the word! Sharing on Reddit, HN, and other communities helps more than you think.
- Consider buying paid support: https://tinode.co/support.html
- If you are a software developer, send us your pull requests with bug fixes and new features.
- If you use the app and discover bugs or missing features, let us know by filing bug reports and feature requests. Vote for existing feature requests you find most valuable.
- If you speak a language other than English, translate the apps into your language. You may also review and improve existing translations.
- If you are a UI/UX expert, help us polish the app UI.
- Use it: install it for your colleagues or friends at work or at home.
Internationalization
The app is fully internationalized using React-Intl. The UI language is selected automatically from the language specified by the browser. A specific language can be forced by adding #?hl=XX parameter to the URL when starting the app, e.g. https://web.tinode.co/#?hl=fr.
The app is currently available in the following languages:
- English - default
- Arabic
- Chinese simplified
- Chinese traditional
- French
- German
- Italian
- Korean
- Romanian
- Russian
- Spanish
- Thai
- Ukrainian
- Vietnamese
More translations are welcome. See instructions.
Not done yet
- End-to-End encryption.
- Emoji support is weak.
- Mentions, hashtags.
- Previews not generated for links and docs.
- Location and contact sharing.
- Recording video messages.
Other
- Demo avatars and some other graphics are from https://www.pexels.com/ under CC0 license.
- Background patterns from http://subtlepatterns.com/, commercial and non-commercial use allowed with attribution.
- Fonts and icons from Google under license which permits commercial and non-commercial use.
- Push notifications built with https://firebase.google.com/.
Responsive design
Desktop screenshot
Mobile screenshots
