chakra-ui / panda

🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚡️
https://panda-css.com
MIT License
5.23k stars 236 forks source link

Studio build has incorrect paths #2756

Closed rajat2502 closed 3 months ago

rajat2502 commented 3 months ago

Description

When I run the studio build command to generate the studio, the HTML file has incorrect paths to the different assets (CSS, JS, etc). Which breaks the final page.

Here's the screenshot of the page with broken paths + what the current paths are: Screenshot 2024-07-26 at 12 44 25 PM

Screenshot 2024-07-26 at 12 45 27 PM

If I manually fix these paths, then the page works perfectly.

Link to Reproduction

https://github.com/rajat2502/pandacss-experiments/pull/1

Steps to reproduce

  1. Checkout to the design-system directory.
  2. Run yarn studio:build
  3. The build should get generated, now open the index.html file from the studio folder.
  4. See the issue

JS Framework

React (TS)

Panda CSS Version

0.37.2

Browser

CLI

Operating System

Additional Information

No response

segunadebayo commented 3 months ago

Here's how to resolve this

After running the studio:build, I recommend running npx serve ./studio instead of manually opening the index.html

rajat2502 commented 3 months ago

any way i can convert them to relative paths? I don't want to use a server for this particular build