[BUG] graphiql is not accessible

[jplhomer]

Describe the bug
Graphiql explorer should be available at:

• https://localhost:3000/graphiql
• https://localhost:3000/___graphql

But instead, the Hydrogen 404 template is returned.

To Reproduce

• Any new Hydrogen app

• Or visit: https://stackblitz.com/edit/hydrogen-hzpacq and update the preview URL bar to one of the above.

• Hydrogen version: 0.6.4

• Node version

• Device details

[jplhomer]

Hmm odd - this is working in stackblitz. Something we shipped but haven't yet released?

[blittle]

I wonder if it has to do with the work that @frandiox did to fix the static file routing.

[blittle]

The static file routing did cause the problem. The vite default middlewares, which run first now, rewrite the request.url property to be /index.html. See the logic here. A work around is vite under the hood also uses connect-history-api-fallback, which has logic that doesn't rewrite to /index.html if the path contains a dot. So http://localhost:3000/graphiql.html does work.

[blittle]

I'm not sure the best way to resolve this. Maybe @frandiox has some ideas.

[jplhomer]

Hmmm. Maybe we could split the Graphiql logic into a separate plugin, and run the middleware before Vite's?

[blittle]

That's a good option. It seems odd that there isn't a way to configure this in vite though.