@nuxt/image/dist/runtime/providers/weserv.js

Nuxt Image Module

import { withBase } from "ufo";
import { createOperationsGenerator } from "../utils/index.js";
import { defineProvider } from "../utils/provider.js";
import { createError } from "#imports";
const operationsGenerator = createOperationsGenerator({
  keyMap: {
    format: "output",
    width: "w",
    height: "h",
    quality: "q",
    background: "bg",
    pixelDensity: "dpr",
    trimImage: "trim",
    sharpen: "sharp",
    brightness: "mod",
    saturation: "sat",
    hue: "hue",
    filter: "filt",
    gamma: "gam",
    contrast: "con",
    blur: "blur",
    mirror: "flop",
    rotate: "ro",
    mask: "mask",
    maskTrim: "mtrim",
    maskBackground: "mbg"
  },
  valueMap: {
    format: {
      jpeg: "jpg",
      jpg: "jpg",
      png: "png",
      webp: "webp"
    },
    fit: {
      cover: "cover",
      contain: "contain",
      fill: "fill",
      inside: "inside",
      outside: "outside"
    },
    filter: {
      greyscale: "greyscale",
      sepia: "sepia",
      negative: "negate",
      duotone: "duotone"
    },
    mask: {
      "circle": "circle",
      "ellipse": "ellipse",
      "triangle": "triangle",
      "triangle-180": "triangle-180",
      "pentagon": "pentagon",
      "pentagon-180": "pentagon-180",
      "hexagon": "hexagon",
      "square": "square",
      "star": "star",
      "heart": "heart"
    }
  }
});
export default defineProvider({
  getImage: (src, options) => {
    const filename = src.substring(src.lastIndexOf("/") + 1);
    if (typeof options.baseURL !== "string" || options.baseURL.length === 0) {
      if (import.meta.dev) {
        throw createError({
          statusCode: 500,
          statusMessage: "Internal Server Error",
          message: "The weserv provider requires the baseURL of your website.",
          data: {
            provider: "weserv",
            src,
            modifiers: options.modifiers
          },
          fatal: true,
          name: "NuxtImageError"
        });
      } else {
        return { url: src };
      }
    }
    const operations = operationsGenerator({
      filename,
      we: "true",
      ...options.modifiers,
      url: withBase(src, options.baseURL)
    }).replace("=true", "");
    return {
      url: withBase(
        operations.length ? "?" + operations : "",
        options.weservURL ?? "https://wsrv.nl"
      )
    };
  }
});