binary asset formats (e.g. png) are getting corrupted when bundled with new URL + import.meta.url

[thescientist13]

What happened?

Noticed as part of debugging #1408 (comment) that certain bundled asset were not loading correctly after running the build command.

Steps to reproduce

1. Have a binary asset type (e.g. .png, .svg)
2. Reference it in a component using new URL + import.meta.url

const template = document.createElement('template');

export default class HeaderComponent extends HTMLElement {
  #logo = new URL("../../assets/greenwood-logo.png", import.meta.url);

  connectedCallback() {
    if (!this.shadowRoot) {
      template.innerHTML = `
        <header class="header">
          <a href="/">
            <img src="${this.#logo.pathname.replace(window.location.pathname, "/")}" alt="Greenwood Logo"/>
            <h4>My Blog</h4>
          </a>
        </header>
      `;
      
      this.attachShadow({ mode: 'open' });
      this.shadowRoot.appendChild(template.content.cloneNode(true));
    }
  }
}

customElements.define('app-header', HeaderComponent);

Repro here - https://github.com/ProjectEvergreen/greenwood-getting-started/compare/1408-debug-new-url-import-meta?expand=1

Environment

• Greenwood v0.31.0
• Node v22

Additional Context

Looking at the generated output, it looks like the file is getting corrupted somehow, with starting source size of 7KB, and ending up as 12KB?

Plus VSCode can't open it