Jsx Preview

This Extension Allows you to preview JSX and TSX files without needing to setup a react development environment or using a paid service.
You can literally just click on the extension and open your file directly in the browser completely free and no strings attached.

It was designed to be used for previewing AI generated code.

NEW AVAILABLE FEATURES FROM version 0.1.2:

- Tailwind Support: you can now enable tailwindcss by clicking a button.

- Multi-File Support: Originally this extension works with just individual JSX/TSX files. but now you can preview a JSX file that imports other JSX files.
FYI there is no limit to the number of jsx files that you can add. so you can preview an entire project.
!!NOTE: this extension will not work the entry point of the react App. i.e main.jsx or main.tsx.
To preview the entire project with this you can import the App.tsx or App.tsx as the "Main file" and the remaining files in the project can be imported as "Dependent Files"

- Common UI libraries Added: originally the extension would only work properly if no external library was used.. It now support a list of common libraries the these AI tools use often.
* lucide-react: for UI elements and Icons
* motion/react(Framer-motion): for UI elements and animations
This list is not final, I am going to add more as time goes on

NEXT RELEASE FEATURES:
- CSS imports: In the next release, you will be able to add your css files to the previewer.(I am still working on it)
- UI refresh: I built this extension out of necessity, at the time the i wasn't really trying to make it look good. not that it's working properly, I think it deserves a face-lift.
- Proper Errors: This is related to the UI refresh I was talking about. I am working on making the error messages more understandable

If you have any questions or feature request or you need help launching you App, feel free to react out to me on X(formerly twitter) @Remmy_sammy.
They call me the AI janitor for a reason