@greenwood/cli/src/plugins/resource/plugin-standard-image.js

Greenwood CLI.

/*
 *
 * Manages web standard resource related operations for image formats.
 * This is a Greenwood default plugin.
 *
 */
import fs from "fs/promises";

class StandardImageResource {
  constructor(compilation) {
    this.compilation = compilation;

    // https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types
    this.extensions = ["avif", "webp", "jpg", "jpeg", "png", "gif", "svg", "ico"];
  }

  async shouldServe(url) {
    return url.protocol === "file:" && this.extensions.indexOf(url.pathname.split(".").pop()) >= 0;
  }

  async serve(url) {
    const extension = url.pathname.split(".").pop();
    const type = extension === "svg" ? `${extension}+xml` : extension;
    const body = await fs.readFile(url);
    const contentType = extension === "ico" ? "x-icon" : type;

    return new Response(body, {
      headers: new Headers({
        "Content-Type": `image/${contentType}`,
      }),
    });
  }
}

const greenwoodPluginStandardImage = {
  type: "resource",
  name: "plugin-standard-image",
  provider: (compilation) => new StandardImageResource(compilation),
};

export { greenwoodPluginStandardImage };