A Bun Plugin for Facebook StyleX

[husseinzchi]

What is the problem this feature would solve?

Description:
I would like to request an official integration between Bun and the StyleX library.

Background:
StyleX is a powerful and expressive library for writing type-safe and high-performance styles in JavaScript. It offers a unique approach to styling by combining the benefits of CSS-in-JS with the familiarity of CSS syntax.

Currently, StyleX provides plugins for popular build tools like Webpack, Rollup, Next.js, and esbuild. However, there is no integration with Bun yet.

Motivation:
Integrating Bun with StyleX would provide developers with a seamless and efficient way to leverage the power of both tools. It would allow us to write expressive and type-safe styles using StyleX while benefiting from the speed and simplicity of Bun's bundling process.

Benefits:

• Enhanced Developer Experience
• Performance Optimization
• Type Safety
• Ecosystem Synergy

What is the feature you are proposing to solve the problem?

Proposal:
I propose collaborating with the StyleX team to develop an official integration between Bun and StyleX. This integration could involve:

• Creating a Bun plugin that seamlessly integrates with StyleX.
• Providing documentation and examples.
• Ensuring compatibility and reliability through testing and maintenance.

Related Feature Request:
I have also submitted a feature request to the StyleX repository, asking for an official StyleX plugin for Bun. facebook/stylex#497

Additional Information:
StyleX official website: https://stylexjs.com/
StyleX official repository: https://github.com/facebook/stylex

What alternatives have you considered?

No response

[Electroid]

Hi, thanks for opening an issue. This sounds like something for the community to develop, and not something that would be baked into Bun.

[Jarred-Sumner]

Converting to discussion

[husseinzchi]

Hi @Electroid thank you for getting back to me.

I agree with you that bundling StyleX should not be baked natively into Bun. That is why I submitted my original request to the official StyleX repository here: facebook/stylex#497

Apparently, I didn't clarify that enough. My request is can someone from the Bun team help add a Bun Plugin to StyleX library? Definitely as time permits, I am pretty sure you have a lot of other priorities. Even if it is something for the community to develop in that case maybe just give guidance to the StyleX team on how to accomplish that will be super helpful.

Extra Overview Information Why StyleX is Important

My team develop very custom ui designs that are unique for each application we build. Most of the time we develop the whole design system from the ground up. We struggle a lot with implementing such designs with the current available solutions in the market even with the availability of amazing ui libraries.

StyleX resolved so many of our issues and gave us a complete control on the designs in a away that is so easy to manage and scale. Not to mention that the facebook and instagram website built completely using it.

After trying Bun for a bit, I am super impressed with it. Kudos to you and the team for accomplishing this. Now I can not even imaging going back to using Webpack lol. This will be an amazing combo if gets done.

[nedjulius]

hey, I published a Bun plugin for StyleX: https://github.com/nedjulius/bun-plugin-stylex. it may have some issues and the integration is rather quirky, but feel free to suggest any changes or report issues.

[Syntarex]

Thanks a lot. I will try this. :)