image/src/runtime/providers/gumlet.ts at main · nuxt/image · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
import { joinURL } from 'ufo'
import { createOperationsGenerator } from '../utils/index'
import { defineProvider } from '../utils/provider'

const operationsGenerator = createOperationsGenerator({
  keyMap: {
    width: 'w',
    height: 'h',
    format: 'format',
    quality: 'q',
    backgroundColor: 'bg',
    rotate: 'rot',
    mask: 'mask',
    auto: 'auto',
    crop: 'crop',
    brightness: 'bri',
    contrast: 'con',
    exposure: 'exp',
    gamma: 'gam',
    highlight: 'high',
    hueShift: 'hue',
    invert: 'invert',
    saturation: 'sat',
    sharpen: 'sharp',
    padding: 'pad',
    paletteColorCount: 'colors',
    colorPaletteExtraction: 'palette',
    cssPrefix: 'prefix',
    jsonFaceData: 'faces',
    fillMode: 'fill',
    fillColor: 'fill-color',
    transparency: 'transparency',
    focalPointDebug: 'fp-debug',
    focalPointXPosition: 'fp-x',
    focalPointYPosition: 'fp-y',
    focalPointZoom: 'fp-z',
    chromaSubsampling: 'chromasub',
    colorQuantization: 'colorquant',
    colorSpace: 'colorspace',
    dotsPerInch: 'dpi',
    pdfPageNumber: 'page',
    pixelDensity: 'dpr',
    aspectRatio: 'ar',
    sourceRectangleRegion: 'rect',
    monochrome: 'monochrome',
  },
  valueMap: {
    fit: {
      fill: 'scale',
      inside: 'max',
      outside: 'min',
      cover: 'crop',
      contain: 'fill',
      clamp: 'clamp',
      clip: 'clip',
      facearea: 'facearea',
      fillMax: 'fillmax',
    },
    format: {
      gif: 'gif',
      jpg: 'jpg',
      json: 'json',
      png: 'png',
      avif: 'avif',
      webp: 'webp',
      auto: 'auto',
    },
  },
})

interface GumletOptions {
  baseURL?: string
}

export default defineProvider<GumletOptions>({
  getImage: (src, { modifiers, baseURL = '/' }) => {
    const operations = operationsGenerator(modifiers)
    return {
      url: joinURL(baseURL, src + (operations ? ('?' + operations) : '')),
    }
  },
})