Happy to see this great project, may I ask which license is this project based on, may I reference or copy fonts, images and icons in my own projects for free?

Some humanized features/UI ideas

Description

• make chat boxes draggable.
• when you press enter, it means send text as well.
• allow user to upload an image as a new character.
• the avatar on the left of input box can be a button that sends sticker in the game.
• the help button is still useless, write instructions about the site.
• animation that student is typing
• save the conversation history so that users can quickly start next time

selecting too many students will change the width of chat-interface

Description

when add too many students in the selected student area, the area width will extend. Actually, this width should be fixed, perhaps a horizontal scroll can be added to meet this requirement.

Solution

maybe add the overflow-x in css.

This is really a great project and i love the features like system msg and event message!

Seems that currently the chat history is stored on the localStorage of the browser, do you consider to add an chat history export/import feature (for example allow users to export as json or whatever other formats, and allow users to import chat history from files) so that users can save or edit their chats in any other browsers or devices?

Some pictures/images can enrich a conversation

Description

the image button near the send button is disable now. The implementation of this function will make conversation more interesting.

是否考虑加入学生差分表情图支持呢？
网站设计的很还原游戏，⭐了

Add search capabilities to student list

Description

The student list on the left is too long and unsorted to locate the student you want. It is necessary to add the search bar that can be helpful to the problem.

Support for multiple search methods, such as name in game, romaji, and the nickname for the character, would be great.

Solution

Add a search bar which can replace the text 未読メッセジ(4) and button 未読 , then the rightmost button can be a search button.

比如说将主视角切换为某个学生，此时希望发送者气泡能像普通对话气泡那样，多一个可自定义的名称和头像（或者是可以直接选择想要扮演的学生？）

我没学过前端，所以只能提issue了，不好意思😭

• Create a new version of the document in Japanese.

https://github.com/U1805/momotalk/blob/main/docs/How-to-use.md

please add heading level 4-6 so we can be able to send out small worded text.
as of now only heading level 1-3 (big-normal) are implemented.

你好，我们社团用你的momotalk做了一个同人本，想要把你放在尾页的特别鸣谢。
这是我们社团的cpp主页：https://www.allcpp.cn/c/350672.do
如果可以的话，希望可以留一个你的地址，我把这届cp30会卖的本子和制品都送你一份！
我的邮箱是：[email protected]

Currently it seems there is no direct way to insert a new message at a certain position (for example after a certain message). Though it do have a workaround that adding a new message at the end and then drag it to the expected place, but this is not quite feasible when chat list are becoming longer and longer.

If it's possible to allow user to insert a new message at the middle of the chat history? For example one possible solution is to show an "Insert After" button when hovering over messages or showing "Insert Here" button when hovering between two message etc. But anyway this is just my own thought and there could be a better way to achieve this feature 😂

the delete button of story box

Description

something wrong with the delete button of story box:

• the delete button of story div should be on the left, not the top
• it does not appear when mouse moves on the box, and only works when mouse moves on the button
• the first one leads to that there is a blank between story box and other chat box

Solution

fix the style of Story.vue, or rewrite it!

please change the event title text color above the testing word to be black please!

this is all i could find on this text colour issue for now
if the text colour issue isn't consistent then here my browser.
my browser is edge Version 124.0.2478.105, yes i use edge please don't bully me.
i tested it on mobile and it seem to work normally.

on the text newline issue, when the word are automatically newline'd they don't go down a line together but rather are chopped into half, this can be work around by simply press enter before the word "time" but it usually a hassle when doing it alot.
the mobile device has this problem alot due to it small scaling.

the bad scaling of the mobile version for me personally has made it so the gray/black momotalk buttons below are obstructed.
You can still press it.

however do note that when i swipe up for the phone functionality buttons, the momotalk buttons jumped up too!
but it is still obstructed by the phone functionality buttons. which made me wonder if this is really a scaling problem.

缺少文件
根目录下缺少momotalk这个文件夹以及所以文件

how it should look.


how it printed out

Despite the fact that the zoom level are 100%, the bug happen on my edge browser somehow when im almost done.
i don't know how to recreate it on browser like chrome since it happened randomly

we need to download the chat as image!

Description

The feature of downloading conversations as images should be on the agenda, just like what ClosureTalk/closure-talk does.

Solution

the package dom-to-image may be useful

this bug didn't happen at the beginning but it somehow popped up midway during today session.
what it supposed to show

what the downloaded image show after i use the website download function.

however it seem that the other browser with a clean slate/no data is fine.
it clear that my momotalk site is corrupted in some way, i tried to delete it cookies but the momotalk dont contain any cookies itself.
please add a function to "factory reset" momotalk to it original state. thank you

以上两张图片分别代表正常的学生差分可以加载以及不能加载的情况，我不确定是什么原因导致；但我不是第一次遇到了，在此之前还有代表我自己的表情无法加载的情况，如图：
The above two images represent the normal situation where the differential student can and cannot be loaded respectively, and I am not sure what causes it; But it's not the first time I've encountered it, and before that there was a situation where the expression representing myself could not load, as shown in the picture:


在加载的时候就出现无法加载出图片的情况，加载完成后表现就是这个样子；
我需要怎么解决这个问题？
When loading, the image cannot be loaded, and this is what it looks like after the loading is completed;
What do I need to do to fix this?

你好大佬.
19岁, 是学生.
thank you for reading this issure.
Recently I am trying hard to make your masterpiece into a downloadable file and execute it as an .exe.
but it occurs me that maybe it would be better if u can do it yourself, or I can help someway.
It would be tremendously good if we (or, us) could use the fantastic momotalk without the limit of WLAN and , most significantly, the copyright issues.
Thank you again and wish you a good day.
sincerely.