[Feat]: Implement Syntax Highlighting in Webview Chat
yatendra2001 opened this issue · comments
Is your feature request related to a problem?
The chat interface in the webview currently does not support syntax highlighting, which can make it difficult for users to read and understand code snippets.
Describe the solution that you'd like
Integrate a syntax highlighting library into the webview chat interface to automatically highlight code snippets in messages. This should support Dart/Flutter syntax at a minimum.
Describe alternatives that you have considered
Additional Information
Investigate libraries like PrismJS or highlight.js that can be embedded into webviews for syntax highlighting. Explore media/chat/scripts/main.js to know how currently code markdown to plain text works.
Acceptance Criteria
- Code snippets in chat messages are syntax-highlighted.
- The highlighting supports Dart/Flutter syntax.
- The feature does not significantly impact the performance of the chat interface.
Hello @yatendra2001, I can made this feature
Awesome @matiasdev30 , assigned this to you.
@matiasdev30 , can we also make sure that the background colour for the code is black?
Try to look for a showdown library for that inside code. You can find it under the media/chat/scripts/main.js file.
Hi @matiasdev30, do we have an ETA for the issue? please let us know and we're happy to help.
Reassigning this issue because of no response.
@matiasdev30 we understand if you were not able to find time. Please feel free to share your interest on the other open issues.
Hi @samyakkkk please assign this issue to me
Assigned to you @wadhia-yash. Thanks.
closed by #154