[FEATURE] Option to choose between different / preferred designs for the HTML outcome?

[Marvolo1590]

Is your feature request related to a problem? Please describe.

My feature wish is not part of a "problem". I know that this script is relying on a Telegram-like design. However, it would probably upgrade this (already awesome) script by a lot, if there was an option to choose between different designs for the HTML outcome.

Describe the solution you'd like
Option to choose between different designs for the HTML files:

Like:

• Telegram design
• WhatsApp Web design
• other (?)

The chat bubbles known from the original WhatsApp design (inluding the bubbles for quoted messages) would make the oucome a lot more readable, at least for me, as I'm struggling a bit with the Telegram design where all the messages appear just right beneath each other with little visual markers to differentiate between own and other messages. The original WhatsApp bubbles to the left and right hand side of the chat make it a lot clearer and more navigable.

So, an option to choose between preferred designs would serve both parties, those who prefer the Telegram design and those who prefer the original WhatsApp design.

Additional context
NONE

[Marvolo1590]

Update:

Maybe this will help to implement the WhatsApp design. These sites list WhatsApp design code for HTML, CSS and JS:

• https://codepen.io/swaibu/pen/QxJjwN

• https://www.codewithfaraz.com/content/114/create-a-whatsapp-web-interface-clone-using-html-and-css

[KnugiHK]

Update:

Maybe this will help to implement the WhatsApp design. These sites list WhatsApp design code for HTML, CSS and JS:

* https://codepen.io/swaibu/pen/QxJjwN

* https://www.codewithfaraz.com/content/114/create-a-whatsapp-web-interface-clone-using-html-and-css

Thanks for finding the references. However, I need to review the copyright issues before adopting the code and style. For example, I will likely release the theme in a separate repository.

[code-consensus]

@KnugiHK check out WhatsApp Exporter on github -- there is implemented a WhatsApp-style theme using CSS that looks really great, almost exactly like on the phone. The project says GPL 3.0 in terms of license.

[KnugiHK]

@KnugiHK check out WhatsApp Exporter on github -- there is implemented a WhatsApp-style theme using CSS that looks really great, almost exactly like on the phone. The project says GPL 3.0 in terms of license.

Unfortunately, MIT is not compatible with GPL 3.0.

[KnugiHK]

But the good news is that the codepen implementation mentioned by @Marvolo1590 is MIT, according to https://blog.codepen.io/documentation/licensing/!

[KnugiHK]

I created a theme similar to WhatsApp Web using Claude. Of course, it is an overview only and has yet been implemented to be used with the exporter. Anyway, comments are welcome!

[code-consensus]

I created a theme similar to WhatsApp Web using Claude. Of course, it is only an overview only and has yet been implemented to be used with the exporter. Anyway, comments are welcome!

This looks great!

[Marvolo1590]

I created a theme similar to WhatsApp Web using Claude. Of course, it is only an overview only and has yet been implemented to be used with the exporter. Anyway, comments are welcome!

I created a theme similar to WhatsApp Web using Claude. Of course, it is only an overview only and has yet been implemented to be used with the exporter. Anyway, comments are welcome!

@KnugiHK Amazing. Lovely to know that my feature request is making progress. I believe many will like the option to choose between different layout.

I very much like the contacts' list on the left. This would be a major advantage to the current Telegram-based output where each chat ends up as an individual html file. Having a chat list like here would make it a lot more convenient. Maybe it would be possible to still have all the chats as individual html files and additionally a master-html file, joining them all together and using a chat list area like in the screenshot?

Anyway, keep it up!

PS: oops, must have hit the wrong button and this thread closed itself. I hope it's now active and open again, if not, maybe you can set it back to how it was before.

[KnugiHK]

I created a theme similar to WhatsApp Web using Claude. Of course, it is only an overview only and has yet been implemented to be used with the exporter. Anyway, comments are welcome!

I created a theme similar to WhatsApp Web using Claude. Of course, it is only an overview only and has yet been implemented to be used with the exporter. Anyway, comments are welcome!

@KnugiHK Amazing. Lovely to know that my feature request is making progress. I believe many will like the option to choose between different layout.

I very much like the contacts' list on the left. This would be a major advantage to the current Telegram-based output where each chat ends up as an individual html file. Having a chat list like here would make it a lot more convenient. Maybe it would be possible to still have all the chats as individual html files and additionally a master-html file, joining them all together and using a chat list area like in the screenshot?

Anyway, keep it up!

PS: oops, must have hit the wrong button and this thread closed itself. I hope it's now active and open again, if not, maybe you can set it back to how it was before.

I planned to implement the template using an iframe, with an index.html file serving as the master file. However, I anticipate that the changes required could potentially disrupt the current template, so maintaining compatibility will also need to be carefully addressed.

[suzarte]

Hello @KnugiHK, do you already have something we can test? I'm available to test it if it helps you.

[KnugiHK]

Hello @KnugiHK, do you already have something we can test? I'm available to test it if it helps you.

I haven’t started coding it yet, but I’ll definitely share it with you for testing when it’s ready. Stay tuned!