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

Nuxt Image Module

import { joinURL, withQuery, encodePath } from "ufo";
import { createOperationsGenerator } from "../utils/index.js";
import { defineProvider } from "../utils/provider.js";
const operationsGenerator = createOperationsGenerator({
  keyMap: {
    fit: "c",
    width: "w",
    height: "h",
    format: "f",
    quality: "q",
    bg: "bg",
    background: "bg",
    crop: "c",
    cropMode: "cm",
    aspectRatio: "ar",
    x: "x",
    y: "y",
    xc: "xc",
    yc: "yc",
    oix: "oix",
    oiy: "oiy",
    oixc: "oixc",
    oiyc: "oiyc",
    focus: "fo",
    radius: "r",
    border: "b",
    rotate: "rt",
    blur: "bl",
    named: "n",
    progressive: "pr",
    lossless: "lo",
    trim: "t",
    metadata: "md",
    colorProfile: "cp",
    defaultImage: "di",
    dpr: "dpr",
    effectSharpen: "e-sharpen",
    effectUSM: "e-usm",
    effectContrast: "e-contrast",
    effectGray: "e-grayscale",
    original: "orig"
  },
  valueMap: {
    fit: {
      cover: "maintain_ratio",
      contain: "pad_resize",
      fill: "force",
      inside: "at_max",
      outside: "at_least",
      extract: "extract",
      pad_extract: "pad_extract"
    },
    background(value) {
      if (value.startsWith("#")) {
        return value.replace("#", "");
      }
      return value;
    },
    crop: {
      maintain_ratio: "maintain_ratio",
      force: "force",
      at_max: "at_max",
      at_least: "at_least"
    },
    cropMode: {
      pad_resize: "pad_resize",
      pad_extract: "pad_extract",
      extract: "extract"
    },
    format: {
      auto: "auto",
      jpg: "jpg",
      jpeg: "jpeg",
      webp: "webp",
      avif: "avif",
      png: "png"
    },
    focus: {
      left: "left",
      right: "right",
      top: "top",
      bottom: "bottom",
      custom: "custom",
      center: "center",
      top_left: "top_left",
      top_right: "top_right",
      bottom_left: "bottom_left",
      bottom_right: "bottom_right",
      auto: "auto",
      face: "face"
    },
    rotate: {
      auto: "auto",
      0: "0",
      90: "90",
      180: "180",
      270: "270",
      360: "360"
    }
  },
  joinWith: ",",
  formatter: (key, value) => encodePath(`${key}-${value}`)
});
export default defineProvider({
  getImage: (src, { modifiers, baseURL = "/" }) => {
    let operations = operationsGenerator(modifiers);
    operations = operations.replace("c-pad_resize", "cm-pad_resize");
    operations = operations.replace("c-pad_extract", "cm-pad_extract");
    operations = operations.replace("c-extract", "cm-extract");
    operations = operations.replace("raw-", "");
    return {
      url: joinURL(baseURL, operations ? withQuery(src, { tr: operations }) : src)
    };
  }
});