runtime: defer scheme resolution to globalThis.fetch in Image/Audio/Video

[natureglass]

Image.src, Audio.src, and Video.src setters today do import { fetch } from './fetch/fetch' at module init and capture that fetch closure. ./fetch/fetch's scheme registry is fixed at http/https/blob/data/file/sdmc/romfs.

Embedders that install a session-time globalThis.fetch wrapper to extend the scheme registry (e.g. a custom app:// scheme handler, or a resource-loader that resolves paths against an in-memory package) will find that <img src="app://foo.png"> still rejects at scheme lookup — the Image.src setter is calling the pre-wrapper ./fetch/fetch, not the embedder's globalThis.fetch.

Move the setter's fetch reference to a call-time globalThis.fetch lookup. Each of the three modules gets a local:

function fetch(
    input: string | URL | Request,
    init?: RequestInit,
): Promise<Response> {
    return globalThis.fetch(input, init);
}

which replaces the previous import { fetch } from './fetch/fetch'. The call sites in the setters are unchanged (fetch(url).then(...)).

Behavior

• No change for embedders that don't override globalThis.fetch — the engine's global fetch is ./fetch/fetch's exported fetch by default, so the delegation chain terminates at the same implementation.
• Embedders that DO override globalThis.fetch now have their wrapper honored on Image.src/Audio.src/Video.src assignments.

Gotcha

The lookup MUST be call-time, not import-time. An import { fetch } from './fetch/fetch' line captures the export at module init — before any embedder installs its wrapper. Replacing it with const fetch = globalThis.fetch; at module top-level would freeze the pre-wrapper fetch and reintroduce the bug in code that looks like it should work. The function-body form guarantees the lookup happens per-call.

Diff summary

 packages/runtime/src/audio.ts | 14 +++++++++++++-
 packages/runtime/src/image.ts | 14 +++++++++++++-
 packages/runtime/src/video.ts | 15 ++++++++++++++-
 3 files changed, 40 insertions(+), 3 deletions(-)

Each file: replaces one import { fetch } from './fetch/fetch'; line with a ~12-line local function definition + explanatory comment.

[vercel]

@natureglass is attempting to deploy a commit to the TooTallNate's Team Team on Vercel.

A member of the Team first needs to authorize it.

[changeset-bot]

🦋 Changeset detected

Latest commit: 02fc808

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

This PR includes changesets to release 4 packages

Name	Type
@nx.js/runtime	Patch
@nx.js/nro	Patch
@nx.js/nsp	Patch
create-nxjs-app	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

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
nx-js	Ready	Preview, Comment	Jul 8, 2026 7:27am

[github-actions]

📝 Runtime Type Changes

✅ No changes to the public TypeScript API surface.