refactor(devtools): generate the extension VNode bridge from one shared source

[Aejkatappaja]

Problem

packages/browser-extension/public/vnode-bridge.js duplicated the VNode bridge logic the Vite plugin already owns in packages/devtools/plugin/src/virtualmodules/vnodeBridge.ts (via createVNodeRuntime() / __qwik_install_vnode_runtime__): tree building, prop serialization, component name normalization, DOM element resolution, highlighting, and component tree update posting. Both had to be kept in sync by hand.

Solution

Generate the extension bridge from the single canonical source, the same way devtools-hook.js is handled.

• Expose createVNodeRuntime through the internal codegen entry of @qwik.dev/devtools (build-time only, not a published subpath).
• Generalize the extension generate step into scripts/gen-injected-scripts.mjs, which now emits both devtools-hook.js and vnode-bridge.js from their canonical builders. It replaces gen-devtools-hook.mjs and stays wired as the first step of build and dev (and the firefox variants).
• Stop tracking public/vnode-bridge.js: it is gitignored and generated on build/dev, matching the devtools-hook.js approach.

The extension bridge is now byte-for-byte the same module the plugin injects (same createVNodeRuntime() output), so the two cannot drift.

Verification

• @qwik.dev/devtools builds and codegen.mjs exports createVNodeRuntime.
• The generate step writes both injected scripts; vnode-bridge.js is valid ESM and exposes the full bridge surface (getVNodeTree, resolveElementToComponent, getElementRect, highlightNode, unhighlightNode, getNodeProps, component tree update posting), installed with the bound @qwik.dev/core/internal helpers.
• eslint passes on the touched source.

References

QwikDev project board, card "p1 VNode Bridge Duplication": https://github.com/orgs/QwikDev/projects/6/views/1

[changeset-bot]

🦋 Changeset detected

Latest commit: 2e6ed3b

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

This PR includes changesets to release 1 package

Name	Type
@qwik.dev/devtools	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

[pkg-pr-new]

Open in StackBlitz

@qwik.dev/core

npm i https://pkg.pr.new/QwikDev/qwik/@qwik.dev/core@8713

@qwik.dev/router

npm i https://pkg.pr.new/QwikDev/qwik/@qwik.dev/router@8713

eslint-plugin-qwik

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

create-qwik

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

@qwik.dev/optimizer

npm i https://pkg.pr.new/QwikDev/qwik/@qwik.dev/optimizer@8713

commit: 2e6ed3b

[JerryWu1234]

done, @wmertens please take a look

[wmertens]