hunk.code_window:   });
     test("root relative image URLs", async ({ page }) => {
       let app = new PlaywrightFixture(appFixture, page);
       await app.goto("/root-relative-image-urls-test");
       let locator = await page.locator(
         "[data-testid='root-relative-image-urls']"
       );
  
hunk.labels: keep keep add keep keep keep keep
hunk.after_edit:     let imgStatus: number | null = null;
       app.page.on("response", (res) => {
         if (res.url().endsWith(".svg")) imgStatus = res.status();
       });
  
hunk.file_path: integration/css-side-effect-imports-test.ts
hunk.type: add
file: import type { Plugin } from "esbuild";
  
  import type { RemixConfig } from "../../config";
  import {
    serverBuildVirtualModule,
    assetsManifestVirtualModule,
  } from "../virtualModules";
  
  /**
   * Creates a virtual module called `@remix-run/dev/server-build` that exports the
   * compiled server build for consumption in remix request handlers. This allows
   * for you to consume the build in a custom server entry that is also fed through
   * the compiler.
   */
  export function serverEntryModulePlugin(config: RemixConfig): Plugin {
    let filter = serverBuildVirtualModule.filter;
  
    return {
      name: "server-entry-module",
      setup(build) {
        build.onResolve({ filter }, ({ path }) => {
          return {
            path,
            namespace: "server-entry-module",
          };
        });
  
        build.onLoad({ filter }, async () => {
          return {
            resolveDir: config.appDirectory,
            loader: "js",
            contents: `
  import * as entryServer from ${JSON.stringify(`./${config.entryServerFile}`)};
  ${Object.keys(config.routes)
    .map((key, index) => {
      // IMPORTANT: Any values exported from this generated module must also be
      // typed in `packages/remix-dev/server-build.ts` to avoid tsc errors.
      let route = config.routes[key];
      return `import * as route${index} from ${JSON.stringify(
        `./${route.file}`
      )};`;
    })
    .join("\n")}
    export { default as assets } from ${JSON.stringify(
      assetsManifestVirtualModule.id
    )};
    export const assetsBuildDirectory = ${JSON.stringify(
      config.relativeAssetsBuildDirectory
    )};
    export const future = ${JSON.stringify(config.future)};
    export const publicPath = ${JSON.stringify(config.publicPath)};
    export const entry = { module: entryServer };
    export const routes = {
      ${Object.keys(config.routes)
        .map((key, index) => {
          let route = config.routes[key];
          return `${JSON.stringify(key)}: {
        id: ${JSON.stringify(route.id)},
        parentId: ${JSON.stringify(route.parentId)},
        path: ${JSON.stringify(route.path)},
        index: ${JSON.stringify(route.index)},
        caseSensitive: ${JSON.stringify(route.caseSensitive)},
        module: route${index}
      }`;
        })
        .join(",\n  ")}
    };`,
          };
        });
      },
    };
  }
  