test: test tailwind-v4 vite plugin

[hi-ogawa]

• closes (core) support tailwind v4 vite plugin #674

todo

• test dev
• test build
• test hmr

notes

Our virtual css request is getting stuck http://localhost:5173/@id/__x00__virtual:dev-ssr-css.css?direct

This can be reproduced with curl:

# it doesn't get stuck if virtual css is requested first.
$ curl -v 'http://localhost:5173'
... ok ...

$ curl -v 'http://localhost:5173/@id/__x00__virtual:dev-ssr-css.css?direct'
* Host localhost:5173 was resolved.
* IPv6: ::1
* IPv4: 127.0.0.1
*   Trying [::1]:5173...
* Connected to localhost (::1) port 5173
* using HTTP/1.x
> GET /@id/__x00__virtual:dev-ssr-css.css?direct HTTP/1.1
> Host: localhost:5173
> User-Agent: curl/8.11.1
> Accept: */*
> 
* Request completely sent off

---

It looks like this transformRequest is stuck when /app/styles.css?direct

vite-plugins/packages/react-server/src/features/assets/css.ts

Line 17 in fbb6b82

const res = await server.transformRequest(url + "?direct");

---

It's likely a dead lock of ViteDevServer.waitForRequestsIdle of multiple "css root files", which relies on the following heuristics isPotentialCssRootFile. Probably there's something odd with having both virtual:dev-ssr-css.css and /app/styles.css.

https://github.com/tailwindlabs/tailwindcss/blob/d684733d804a0b8951d13c94fe27350271e076b6/packages/%40tailwindcss-vite/src/index.ts#L313-L322

---

Since virtual:dev-ssr-css.css is only to proxy styles from server to client, it is legitimate to skip it from tailwind processing since /app/styles.css is the original one tailwind can process. Is there a way to let tailwind skip our virtual?

[hi-ogawa]

Since xxx.css and xxx.css?direct seem to also get in dead lock, we might need to add ?direct

https://github.com/tailwindlabs/tailwindcss/blob/7d51e38d8c4a5cba20face7384be9629c9dcc3c8/packages/%40tailwindcss-vite/src/index.ts#L10

- const SPECIAL_QUERY_RE = /[?&](?:worker|sharedworker|raw|url)\b/
+ const SPECIAL_QUERY_RE = /[?&](?:worker|sharedworker|raw|url|direct)\b/