chakra-ui / panda

🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚡️

Home Page:https://panda-css.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Perf regression on v0.38.0 for HMR on Storybook + Vite

adbutterfield opened this issue · comments

Description

I noticed that HMR gets slower and slower after each change on Storybook after upgrading from v0.37.2. Versions from v.0.38.0 on seem to all have the issue.

I didn't check if it affects vite only, or also webpack.

Link to Reproduction

Sorry, no reproduction

Steps to reproduce

  1. You need a component library set up with Storybook + Vite
  2. Install panda v0.38.0
  3. Run DEBUG="vite:plugin-transform" storybook dev
  4. Make a change that triggers HMR (component code or story code)
  5. Check the time it takes to transform css in the console output
  6. Repeat steps 4 & 5, the time it takes to transform css will continue to increase with each change (in my case starts 200-300ms, eventually going up to 4+ seconds)
  7. Install panda v0.37.2
  8. Repeat steps 3-6, time it takes to transform css stays at 200-300ms

JS Framework

React

Panda CSS Version

0.38.0

Browser

No response

Operating System

  • macOS
  • Windows
  • Linux

Additional Information

No response