Show a preview of the component posted by users so others can see how it looks.

[Parth18Shah]

This will help them decide if they want to use it or not.
Please assign me this enhancement under gssoc'24.

[github-actions]

Thank you for creating this issue! 🎉 We'll look into it as soon as possible. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.

[VaibhavArora314]

how are you planning to implement this?

[Parth18Shah]

Initially, I plan to take an easier approach, dynamically inject the CSS code, and render it (perhaps by using dangerouslySetInnerHTML, which obviously will include me cleaning the code to reduce the security risk this can pose). Subsequently, I plan to research more methods to improve this feature to provide a more secure and faster way to render the previews. Apologies if you were expecting a more advanced approach. This is the only approach I am aware of now, and I will be open to any suggestions from your end. It will be a crucial feature to add to your application.

[Parth18Shah]

On basic parsing of the net, I found react-jsx-parser and html-react-parser, which could be explored further by me after implementing the basic approach mentioned by me above. Please allow me to try both approaches (i.e., the first one being the easier one to introduce this feature and the second one improving it). let me know if I can create two PRs for it(if both work).

[VaibhavArora314]

Sure go ahead. As for the second part, you can later raise another issue for enhancing the preview feature after implementing this.

[Parth18Shah]

Sure, that works. Thanks!

[github-actions]

Hello @Parth18Shah! Your issue #26 has been closed. Thank you for your contribution!