@teamnovu/nuxt-image 0.5.5 → 1.0.0-beta.1

package/dist/runtime/providers/imagekit.js

@@ -1,172 +0,0 @@
-import {joinURL} from "ufo";
-import {createOperationsGenerator} from "~image";
-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",
-    overlayX: "ox",
-    overlayY: "oy",
-    overlayFocus: "ofo",
-    overlayHeight: "oh",
-    overlayWidth: "ow",
-    overlayImage: "oi",
-    overlayImageTrim: "oit",
-    overlayImageAspectRatio: "oiar",
-    overlayImageBackground: "oibg",
-    overlayImageBorder: "oib",
-    overlayImageDPR: "oidpr",
-    overlayImageQuality: "oiq",
-    overlayImageCropping: "oic",
-    overlayImageCropMode: "oicm",
-    overlayText: "ot",
-    overlayTextFontSize: "ots",
-    overlayTextFontFamily: "otf",
-    overlayTextColor: "otc",
-    overlayTextTransparency: "oa",
-    overlayTextTypography: "ott",
-    overlayBackground: "obg",
-    overlayTextEncoded: "ote",
-    overlayTextWidth: "otw",
-    overlayTextBackground: "otbg",
-    overlayTextPadding: "otp",
-    overlayTextInnerAlignment: "otia",
-    overlayRadius: "or",
-    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"
-    },
-    overlayFocus: {
-      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"
-    },
-    overlayImageCropping: {
-      maintain_ratio: "maintain_ratio",
-      force: "force",
-      at_max: "at_max",
-      at_least: "at_least"
-    },
-    overlayImageCropMode: {
-      pad_resize: "pad_resize",
-      pad_extract: "pad_extract",
-      extract: "extract"
-    },
-    overlayTextTypography: {
-      b: "b",
-      i: "i"
-    },
-    overlayTextInnerAlignment: {
-      left: "left",
-      right: "right",
-      center: "center"
-    }
-  },
-  joinWith: ",",
-  formatter: (key, value) => `${key}-${value}`
-});
-export const 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");
-  return {
-    url: joinURL(baseURL, src + (operations ? `?tr=${operations}` : ""))
-  };
-};

package/dist/runtime/providers/imgix.d.ts

@@ -1,3 +0,0 @@
-import type { ProviderGetImage } from 'src';
-export declare const operationsGenerator: any;
-export declare const getImage: ProviderGetImage;

package/dist/runtime/providers/imgix.js

@@ -1,153 +0,0 @@
-import {joinURL} from "ufo";
-import {createOperationsGenerator} from "~image";
-export const operationsGenerator = createOperationsGenerator({
-  keyMap: {
-    width: "w",
-    height: "h",
-    format: "fm",
-    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",
-    shadow: "shad",
-    sharpen: "sharp",
-    unsharpMask: "usm",
-    unsharpMaskRadius: "usmrad",
-    vibrance: "vib",
-    blend: "blend",
-    blendAlign: "blend-align",
-    blendAlpha: "blend-alpha",
-    blendColor: "blend-color",
-    blendCrop: "blend-crop",
-    blendFit: "blend-fit",
-    blendHeight: "blend-h",
-    blendMode: "blend-mode",
-    blendPadding: "blend-pad",
-    blendSize: "blend-size",
-    blendWidth: "blend-w",
-    blendXPosition: "blend-x",
-    blendYPosition: "blend-y",
-    padding: "pad",
-    borderBottom: "border-bottom",
-    borderLeft: "border-left",
-    innerBorderRadius: "border-radius-inner",
-    outerBorderRadius: "border-radius",
-    borderRight: "border-right",
-    borderTop: "border-top",
-    borderSizeColor: "border",
-    paddingBottom: "pad-bottom",
-    paddingLeft: "pad-left",
-    paddingRight: "pad-right",
-    paddingTop: "pad-top",
-    paletteColorCount: "colors",
-    colorPaletteExtraction: "palette",
-    cssPrefix: "prefix",
-    expirationTimestamp: "expires",
-    faceIndex: "faceindex",
-    facePadding: "facepad",
-    jsonFaceData: "faces",
-    fillMode: "fill",
-    fillColor: "fill-color",
-    gridColors: "grid-colors",
-    gridSize: "grid-size",
-    transparency: "transparency",
-    focalPointDebug: "fp-debug",
-    focalPointXPosition: "fp-x",
-    focalPointYPosition: "fp-y",
-    focalPointZoom: "fp-z",
-    clientHints: "ch",
-    chromaSubsampling: "chromasub",
-    colorQuantization: "colorquant",
-    colorSpace: "cs",
-    download: "dl",
-    dotsPerInch: "dpi",
-    losslessCompression: "lossless",
-    maskBackgroundColor: "mask-bg",
-    maskCornerRadius: "corner-radius",
-    noiseReductionSharp: "nrs",
-    noiseReductionBound: "nr",
-    pdfPageNumber: "page",
-    pdfAnnotation: "pdf-annotation",
-    pixelDensity: "dpr",
-    orientation: "orient",
-    flipAxis: "flip",
-    aspectRatio: "ar",
-    maximumHeight: "max-h",
-    maximumWidth: "max-w",
-    minimumHeight: "min-h",
-    minimumWidth: "min-w",
-    sourceRectangleRegion: "rect",
-    gaussianBlur: "blur",
-    duotoneAlpha: "duotone-alpha",
-    duotone: "duotone",
-    halftone: "htn",
-    monochrome: "monochrome",
-    pixellate: "px",
-    sepiaTone: "sepia",
-    textAlign: "txt-align",
-    textClippingMode: "txt-clip",
-    textColor: "txt-color",
-    textFitMode: "txt-fit",
-    textFont: "txt-font",
-    textLigatures: "txt-lig",
-    textOutlineColor: "txt-line-color",
-    textOutline: "txt-line",
-    textPadding: "txt-pad",
-    textShadow: "txt-shad",
-    textFontSize: "txt-size",
-    textWidth: "txt-width",
-    textString: "txt",
-    trimColor: "trim-color",
-    trimMeanDifference: "trim-md",
-    trimStandardDeviation: "trim-sd",
-    trimTolerance: "trim-tol",
-    trimImage: "trim",
-    textLeading: "txt-lead",
-    textTracking: "txt-track",
-    typesettingEndpoint: "~text",
-    watermarkAlignment: "mark-align",
-    watermarkAlpha: "mark-alpha",
-    watermarkBaseURL: "mark-base",
-    watermarkFitMode: "mark-fit",
-    watermarkHeight: "mark-h",
-    watermarkPadding: "mark-pad",
-    watermarkRotation: "mark-rot",
-    watermarkScale: "mark-sclae",
-    watermarkTile: "mark-tile",
-    watermarkWidth: "mark-w",
-    watermarkXPosition: "mark-x",
-    watermarkYPosition: "mark-y",
-    watermarkImageURL: "mark"
-  },
-  valueMap: {
-    fit: {
-      fill: "scale",
-      inside: "max",
-      outside: "min",
-      cover: "crop",
-      contain: "fill",
-      clamp: "clamp",
-      clip: "clip",
-      facearea: "facearea",
-      fillMax: "fillmax"
-    }
-  },
-  joinWith: "&",
-  formatter: (key, value) => `${key}=${value}`
-});
-export const getImage = (src, {modifiers = {}, baseURL = "/"} = {}) => {
-  const operations = operationsGenerator(modifiers);
-  return {
-    url: joinURL(baseURL, src + (operations ? "?" + operations : ""))
-  };
-};

package/dist/runtime/providers/ipx.d.ts

@@ -1,4 +0,0 @@
-import { ProviderGetImage } from 'src';
-export declare const getImage: ProviderGetImage;
-export declare const validateDomains = true;
-export declare const supportsAlias = true;

package/dist/runtime/providers/ipx.js

@@ -1,28 +0,0 @@
-import {joinURL, encodePath, encodeParam} from "ufo";
-import {createOperationsGenerator} from "~image";
-const operationsGenerator = createOperationsGenerator({
-  keyMap: {
-    format: "f",
-    fit: "fit",
-    width: "w",
-    height: "h",
-    resize: "s",
-    quality: "q",
-    background: "b"
-  },
-  joinWith: ",",
-  formatter: (key, val) => encodeParam(key) + "_" + encodeParam(val)
-});
-export const getImage = (src, {modifiers = {}, baseURL = "/_ipx"} = {}, {nuxtContext: {base: nuxtBase = "/"} = {}}) => {
-  if (modifiers.width && modifiers.height) {
-    modifiers.resize = `${modifiers.width}x${modifiers.height}`;
-    delete modifiers.width;
-    delete modifiers.height;
-  }
-  const params = operationsGenerator(modifiers);
-  return {
-    url: joinURL(nuxtBase, baseURL, params, encodePath(src))
-  };
-};
-export const validateDomains = true;
-export const supportsAlias = true;

package/dist/runtime/providers/netlify.d.ts

@@ -1,3 +0,0 @@
-import type { ProviderGetImage } from 'src';
-export declare const operationsGenerator: any;
-export declare const getImage: ProviderGetImage;

package/dist/runtime/providers/netlify.js

@@ -1,40 +0,0 @@
-import {joinURL} from "ufo";
-import {createOperationsGenerator} from "~image";
-export const operationsGenerator = createOperationsGenerator({
-  keyMap: {
-    height: "h",
-    fit: "nf_resize",
-    width: "w"
-  },
-  valueMap: {
-    fit: {
-      fill: "smartcrop",
-      contain: "fit"
-    }
-  },
-  joinWith: "&",
-  formatter: (key, value) => `${key}=${value}`
-});
-const isDev = process.env.NODE_ENV === "development";
-export const getImage = (src, {modifiers = {}, baseURL = "/"} = {}) => {
-  if (modifiers.format) {
-    delete modifiers.format;
-  }
-  const hasTransformation = modifiers.height || modifiers.width;
-  if (!modifiers.fit && hasTransformation) {
-    modifiers.fit = "contain";
-  }
-  if (hasTransformation && modifiers.fit !== "contain" && !(modifiers.height && modifiers.width)) {
-    if (isDev) {
-      console.warn(`Defaulting to fit=contain as smart cropping is only supported when providing both height and width. Warning originated from \`${src}\`.`);
-    }
-    modifiers.fit = "contain";
-  }
-  if (isDev) {
-    return {url: src};
-  }
-  const operations = operationsGenerator(modifiers);
-  return {
-    url: joinURL(baseURL, src + (operations ? "?" + operations : ""))
-  };
-};

package/dist/runtime/providers/prismic.d.ts

@@ -1,2 +0,0 @@
-import type { ProviderGetImage } from 'src';
-export declare const getImage: ProviderGetImage;

package/dist/runtime/providers/prismic.js

@@ -1,10 +0,0 @@
-import {joinURL, parseQuery, parseURL, stringifyQuery} from "ufo";
-import {operationsGenerator} from "./imgix";
-const PRISMIC_IMGIX_BUCKET = "https://images.prismic.io";
-export const getImage = (src, {modifiers = {}, baseURL = PRISMIC_IMGIX_BUCKET} = {}) => {
-  const operations = operationsGenerator(modifiers);
-  const parsedURL = parseURL(src);
-  return {
-    url: joinURL(baseURL, parsedURL.pathname + "?" + stringifyQuery(Object.assign(parseQuery(parsedURL.search), parseQuery(operations))))
-  };
-};

package/dist/runtime/providers/sanity.d.ts

@@ -1,2 +0,0 @@
-import type { ProviderGetImage } from 'src';
-export declare const getImage: ProviderGetImage;

package/dist/runtime/providers/sanity.js

@@ -1,87 +0,0 @@
-import {joinURL} from "ufo";
-import {createOperationsGenerator} from "~image";
-const sanityCDN = "https://cdn.sanity.io/images";
-const operationsGenerator = createOperationsGenerator({
-  keyMap: {
-    format: "fm",
-    height: "h",
-    quality: "q",
-    width: "w",
-    background: "bg",
-    download: "dl",
-    sharpen: "sharp",
-    orientation: "or",
-    "min-height": "min-h",
-    "max-height": "max-h",
-    "min-width": "min-w",
-    "max-width": "max-w",
-    minHeight: "min-h",
-    maxHeight: "max-h",
-    minWidth: "min-w",
-    maxWidth: "max-w",
-    saturation: "sat"
-  },
-  valueMap: {
-    format: {
-      jpeg: "jpg"
-    },
-    fit: {
-      cover: "crop",
-      contain: "fill",
-      fill: "scale",
-      inside: "min",
-      outside: "max"
-    }
-  },
-  joinWith: "&",
-  formatter: (key, value) => String(value) === "true" ? key : `${key}=${value}`
-});
-const isDev = process.env.NODE_ENV === "development";
-const getMetadata = (id) => {
-  const result = id.match(/-(?<width>\d*)x(?<height>\d*)-(?<format>.*)$/);
-  if (!result || !result.groups) {
-    if (isDev) {
-      console.warn(`An invalid image asset ID was passed in: ${id}`);
-    }
-    return {width: void 0, height: void 0, format: void 0};
-  }
-  const width = Number(result.groups.width);
-  const height = Number(result.groups.height);
-  return {
-    width,
-    height,
-    format: result.groups.format
-  };
-};
-export const getImage = (src, {modifiers = {}, projectId, dataset = "production"} = {}) => {
-  const {height: sourceHeight, width: sourceWidth} = getMetadata(src);
-  if (modifiers.crop && typeof modifiers.crop !== "string" && sourceWidth && sourceHeight) {
-    const left = modifiers.crop.left * sourceWidth;
-    const top = modifiers.crop.top * sourceHeight;
-    const right = sourceWidth - modifiers.crop.right * sourceWidth;
-    const bottom = sourceHeight - modifiers.crop.bottom * sourceHeight;
-    modifiers.rect = [left, top, right - left, bottom - top].map((i) => i.toFixed(0)).join(",");
-    delete modifiers.crop;
-  }
-  if (modifiers.hotspot && typeof modifiers.hotspot !== "string") {
-    modifiers["fp-x"] = modifiers.hotspot.x;
-    modifiers["fp-y"] = modifiers.hotspot.y;
-    delete modifiers.hotspot;
-  }
-  if (!modifiers.format || modifiers.format === "auto") {
-    if (modifiers.format === "auto") {
-      delete modifiers.format;
-    }
-    modifiers.auto = "format";
-  }
-  if (modifiers.fit === "contain" && !modifiers.bg) {
-    modifiers.bg = "ffffff";
-  }
-  const operations = operationsGenerator(modifiers);
-  const parts = src.split("-").slice(1);
-  const format = parts.pop();
-  const filenameAndQueries = parts.join("-") + "." + format + (operations ? "?" + operations : "");
-  return {
-    url: joinURL(sanityCDN, projectId, dataset, filenameAndQueries)
-  };
-};

package/dist/runtime/providers/static.d.ts

@@ -1,3 +0,0 @@
-import { getImage as _getImage } from './ipx';
-export declare const getImage: typeof _getImage;
-export declare const supportsAlias = true;

package/dist/runtime/providers/static.js

@@ -1,6 +0,0 @@
-import {getImage as _getImage} from "./ipx";
-export const getImage = (src, options, ctx) => ({
-  ..._getImage(src, options, ctx),
-  isStatic: true
-});
-export const supportsAlias = true;

package/dist/runtime/providers/storyblok.d.ts

@@ -1,2 +0,0 @@
-import type { ProviderGetImage } from 'src';
-export declare const getImage: ProviderGetImage;

package/dist/runtime/providers/storyblok.js

@@ -1,27 +0,0 @@
-import {withBase, joinURL, parseURL} from "ufo";
-const storyblockCDN = "https://img2.storyblok.com";
-export const getImage = (src, {modifiers = {}, baseURL = storyblockCDN} = {}) => {
-  const {
-    fit,
-    smart,
-    width = "0",
-    height = "0",
-    filters = {},
-    format,
-    quality
-  } = modifiers;
-  const doResize = width !== "0" || height !== "0";
-  if (format) {
-    filters.format = format + "";
-  }
-  if (quality) {
-    filters.quality = quality + "";
-  }
-  const _filters = Object.entries(filters || {}).map((e) => `${e[0]}(${e[1]})`).join(":");
-  const options = joinURL(fit ? `fit-${fit}` : "", doResize ? `${width}x${height}` : "", smart ? "smart" : "", _filters ? "filters:" + _filters : "");
-  const {pathname} = parseURL(src);
-  const url = withBase(joinURL(options, pathname), baseURL);
-  return {
-    url
-  };
-};

package/dist/runtime/providers/twicpics.d.ts

@@ -1,2 +0,0 @@
-import type { ProviderGetImage } from 'src';
-export declare const getImage: ProviderGetImage;

package/dist/runtime/providers/twicpics.js

@@ -1,58 +0,0 @@
-import {joinURL} from "ufo";
-import {createMapper, createOperationsGenerator} from "~image";
-const fits = createMapper({
-  fill: "resize",
-  inside: "contain-max",
-  outside: "contain-min",
-  cover: "cover",
-  contain: "contain",
-  missingValue: "cover"
-});
-const operationsGenerator = createOperationsGenerator({
-  keyMap: {
-    format: "output",
-    quality: "quality",
-    background: "background",
-    focus: "focus",
-    zoom: "zoom"
-  },
-  valueMap: {
-    format(value) {
-      if (value === "jpg") {
-        return "jpeg";
-      }
-      return value;
-    },
-    background(value) {
-      if (value.startsWith("#")) {
-        return value.replace("#", "");
-      }
-      return value;
-    },
-    focus: {
-      auto: "auto",
-      faces: "faces",
-      north: "50px0p",
-      northEast: "100px0p",
-      northWest: "0px0p",
-      west: "0px50p",
-      southWest: "100px100p",
-      south: "50px100p",
-      southEast: "0px100p",
-      east: "100px50p",
-      center: "50px50p"
-    }
-  },
-  joinWith: "/",
-  formatter: (key, value) => `${key}=${value}`
-});
-export const getImage = (src, {modifiers = {}, baseURL = "/"} = {}) => {
-  const {width, height, fit, ...providerModifiers} = modifiers;
-  if (width || height) {
-    providerModifiers[fits(fit)] = `${width || "-"}x${height || "-"}`;
-  }
-  const operations = operationsGenerator(providerModifiers);
-  return {
-    url: joinURL(baseURL, src + (operations ? "?twic=v1/" + operations : ""))
-  };
-};

package/dist/runtime/providers/vercel.d.ts

@@ -1,3 +0,0 @@
-import { ProviderGetImage } from 'src';
-export declare const getImage: ProviderGetImage;
-export declare const validateDomains = true;

package/dist/runtime/providers/vercel.js

@@ -1,28 +0,0 @@
-import {stringifyQuery} from "ufo";
-export const getImage = (src, {modifiers, baseURL = "/_vercel/image"} = {}, ctx) => {
-  const validWidths = Object.values(ctx.options.screens || {}).sort();
-  const largestWidth = validWidths[validWidths.length - 1];
-  let width = Number(modifiers?.width || 0);
-  if (!width) {
-    width = largestWidth;
-    if (process.env.NODE_ENV === "development") {
-      console.warn(`A defined width should be provided to use the \`vercel\` provider. Defaulting to \`${largestWidth}\`. Warning originated from \`${src}\`.`);
-    }
-  } else if (!validWidths.includes(width)) {
-    width = validWidths.find((validWidth) => validWidth > width) || largestWidth;
-    if (process.env.NODE_ENV === "development") {
-      console.warn(`The width being used (\`${modifiers?.width}\`) should be added to \`image.screens\`. Defaulting to \`${width}\`. Warning originated from \`${src}\`.`);
-    }
-  }
-  if (process.env.NODE_ENV === "development") {
-    return {url: src};
-  }
-  return {
-    url: baseURL + "?" + stringifyQuery({
-      url: src,
-      w: String(width),
-      q: String(modifiers?.quality || "100")
-    })
-  };
-};
-export const validateDomains = true;

package/dist/runtime/utils/index.d.ts

@@ -1,17 +0,0 @@
-import type { OperationGeneratorConfig } from '../../types/image';
-export default function imageFetch(url: string): Promise<Response>;
-export declare function getInt(x: unknown): number | undefined;
-export declare function getFileExtension(url?: string): string;
-export declare function cleanDoubleSlashes(path?: string): string;
-export declare function createMapper(map: any): (key?: string) => any;
-export declare function createOperationsGenerator({ formatter, keyMap, joinWith, valueMap }?: OperationGeneratorConfig): (modifiers?: {
-    [key: string]: string;
-}) => string;
-declare type Attrs = {
-    [key: string]: string | number;
-};
-export declare function renderAttributesToString(attributes?: Attrs): string;
-export declare function renderTag(tag: string, attrs: Attrs, contents?: string): string;
-export declare function generateAlt(src?: string): string;
-export declare function parseSize(input?: string | number | undefined): number;
-export {};