feat(qwikVite): show build/[name].js output in preview with debug mode

[maiieul]

What is it?

• Feature / enhancement

Description

To be able to debug production-only bugs more easily, instead of checking each q-[hash] manually to figure out what code it refers to.

Checklist

• My code follows the developer guidelines of this project
• I performed a self-review of my own code
• I added a changeset with pnpm change
• I made corresponding changes to the Qwik docs
• I added new tests to cover the fix / functionality

[changeset-bot]

🦋 Changeset detected

Latest commit: 9f95854

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages

Name	Type
@builder.io/qwik	Patch
eslint-plugin-qwik	Patch
@builder.io/qwik-city	Patch
create-qwik	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[gioboa]

It sounds reasonable to me 👏
Nice @maiieul

[pkg-pr-new]

Open in Stackblitz

npm i https://pkg.pr.new/@builder.io/qwik@7293

npm i https://pkg.pr.new/@builder.io/qwik-city@7293

npm i https://pkg.pr.new/eslint-plugin-qwik@7293

npm i https://pkg.pr.new/create-qwik@7293

commit: 87bc744

[github-actions]

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name	Status	Preview	Last Commit
qwik-docs	✅ Ready (View Log)	Visit Preview	e60bd6d

[maiieul]

Thanks @gioboa!

The output is not perfect but it's still quite helpful imo.

For example here index.qwik.mjs_GetForm_component_sJBBtCodZQs.js is related to Service Worker code. And index.qwik.mjs_Form_form_onSubmit_JzkFo0mD8j4.js is the core code.

Also I have some files generated in the client dist output called index2 which isn't very useful.

I think it's Rollup manually generating the names with some of our generic instructions.

Perhaps it would be worth manually changing the names of those core files to make it more intuitive.

[maiieul]

I tried my PR on 1.5.6... It was a quite a bit more cleaner haha. It shows that the index.qwik.mjs_GetForm_component_sJBBtCodZQs.js is actually preload-helper.js.

I'll see if I can prevent rollup from assigning it a weird name.

[gioboa]

The optimizer changed a lot between these versions

[wmertens]

Since chunks are merged, the name only indicates one thing it does. Why not look at the q-manifest with a server$ call and list the origins?