@burst/imagekit - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

dist/parse-source.d.ts

+interface DrupalImageField {
+    url?: null | string;
+    alt?: null | string;
+    width?: null | number;
+    height?: null | number;
+    entity?: null | {
+        url?: null | string;
+        focalPoint?: null | {
+            x?: null | number;
+            y?: null | number;
+        };
+    };
+}
+export declare type ImagekitSrc = string | DrupalImageField;
+interface ParsedSource {
+    url?: string;
+    width?: number;
+    height?: number;
+    x?: number;
+    y?: number;
+}
+export declare function parseSource(src: ImagekitSrc): ParsedSource;
+export {};

dist/create-imagekit-url.d.ts

@@ -0,1 +1,2 @@
+import { ImagekitSrc } from './parse-source';
 interface Transformations {
@@ -40,18 +41,4 @@ /**
 }
-interface DrupalImageField {
-    url?: null | string;
-    width?: null | number;
-    height?: null | number;
-    entity?: null | {
-        focalPoint?: null | {
-            x?: null | number;
-            y?: null | number;
-        };
-    };
-}
 export interface Options {
-    src: string | (DrupalImageField & {
-        entity?: DrupalImageField | null;
-        alt?: string | null;
-    });
+    src: ImagekitSrc;
     transformations?: Transformations | Transformations[];
@@ -58,0 +45,0 @@ }

dist/imagekit.cjs.development.js

@@ -42,2 +42,20 @@ 'use strict';
 
+function parseSource(src) {
+  var _src$entity, _src$entity2, _src$entity2$focalPoi, _src$entity3, _src$entity3$focalPoi;
+
+  if (typeof src === 'string') {
+    return {
+      url: src
+    };
+  }
+
+  return {
+    url: (src === null || src === void 0 ? void 0 : (_src$entity = src.entity) === null || _src$entity === void 0 ? void 0 : _src$entity.url) || (src === null || src === void 0 ? void 0 : src.url) || undefined,
+    width: (src === null || src === void 0 ? void 0 : src.width) || undefined,
+    height: (src === null || src === void 0 ? void 0 : src.height) || undefined,
+    x: (src === null || src === void 0 ? void 0 : (_src$entity2 = src.entity) === null || _src$entity2 === void 0 ? void 0 : (_src$entity2$focalPoi = _src$entity2.focalPoint) === null || _src$entity2$focalPoi === void 0 ? void 0 : _src$entity2$focalPoi.x) || undefined,
+    y: ((_src$entity3 = src.entity) === null || _src$entity3 === void 0 ? void 0 : (_src$entity3$focalPoi = _src$entity3.focalPoint) === null || _src$entity3$focalPoi === void 0 ? void 0 : _src$entity3$focalPoi.y) || undefined
+  };
+}
+
 function createImagekitTransformationsParameters(transformations) {
@@ -116,7 +134,6 @@ var parameters = [];
 function createImagekitUrl(options) {
-  var _drupalImageField$ent, _drupalImageField$ent2, _drupalImageField$ent3, _drupalImageField$ent4;
+  var _parseSource = parseSource(options.src),
+      src = _parseSource.url,
+      focalPoint = _objectWithoutPropertiesLoose(_parseSource, ["url"]);
 
-  var drupalImageField = getDrupalImageField(options.src);
-  var src = drupalImageField === null || drupalImageField === void 0 ? void 0 : drupalImageField.url;
-
   if (!src) {
@@ -131,8 +148,2 @@ throw new Error('You need to provide either an image trough the "src" option, or provide an image with an "url" property.');
   var originalTransformations = Array.isArray(options.transformations) ? options.transformations : [options.transformations];
-  var focalPoint = drupalImageField && {
-    width: drupalImageField.width,
-    height: drupalImageField.height,
-    x: (_drupalImageField$ent = drupalImageField.entity) === null || _drupalImageField$ent === void 0 ? void 0 : (_drupalImageField$ent2 = _drupalImageField$ent.focalPoint) === null || _drupalImageField$ent2 === void 0 ? void 0 : _drupalImageField$ent2.x,
-    y: (_drupalImageField$ent3 = drupalImageField.entity) === null || _drupalImageField$ent3 === void 0 ? void 0 : (_drupalImageField$ent4 = _drupalImageField$ent3.focalPoint) === null || _drupalImageField$ent4 === void 0 ? void 0 : _drupalImageField$ent4.y
-  };
 
@@ -172,12 +183,2 @@ if ((focalPoint === null || focalPoint === void 0 ? void 0 : focalPoint.x) && focalPoint.y && focalPoint.width && focalPoint.height) {
 
-function getDrupalImageField(f) {
-  var _f$entity, _f$entity$entity;
-
-  if (typeof f === 'string') return {
-    url: f
-  };
-  if ((_f$entity = f.entity) === null || _f$entity === void 0 ? void 0 : (_f$entity$entity = _f$entity.entity) === null || _f$entity$entity === void 0 ? void 0 : _f$entity$entity.focalPoint) return f.entity;
-  return f;
-}
-
 function ImagekitImage(props) {
@@ -184,0 +185,0 @@ var _props$breakpoints, _props$breakpoints2;

dist/imagekit.cjs.development.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"imagekit.cjs.development.js","sources":["../src/create-imagekit-url.ts","../src/imagekit-image.tsx"],"sourcesContent":["interface Transformations {\n  /**\n   * Width -\n   * Used to specify the width of the output image. Accepts integer value\n   * greater than 1. If a value between 0 and 1 is specified, it acts as a\n   * percentage width. Therefore, 0.1 means 10% of the original width, 0.4\n   * means 40% of the original width, and so on.\n   */\n  w?: number;\n\n  /**\n   * Height -\n   * Used to specify the height of the output image. Accepts integer value\n   * greater than 1. If a value between 0 and 1 is specified, the value acts as\n   * a percentage height. Therefore, 0.1 means 10% of the original height, 0.4\n   * means 40% of the original height, and so on.\n   */\n  h?: number;\n\n  /**\n   * Aspect ratio -\n   * Used to specify the aspect ratio of the output image or the ratio of width\n   * to height of the output image. This parameter must be used along with\n   * either the height(h) or width(w) parameter. The format for specifying this\n   * transformation is ar-<width>-<height>\n   */\n  ar?: number;\n\n  /**\n   * Crop Mode -\n   * If only, one of the height(h) or width(w) dimension is specified, then\n   * ImageKit.io adjusts the other dimension accordingly to preserve aspect\n   * ratio and no cropping takes place.\n   * But when you specify both height(h) and width(w) dimension, you need to\n   * choose the right cropping strategy based on your website layout and desired\n   * output image.\n   */\n  cm?:\n    | 'pad_resize'\n    | 'force'\n    | 'at_max'\n    | 'at_least'\n    | 'maintain_ratio' // Default cropping\n    | 'extract'\n    | 'pad_extract';\n\n  fo?: 'default' | 'auto' | 'face';\n\n  xc?: number;\n  yc?: number;\n}\n\ninterface DrupalImageField {\n  url?: null | string;\n  width?: null | number;\n  height?: null | number;\n  entity?: null | {\n    focalPoint?: null | {\n      x?: null | number;\n      y?: null | number;\n    };\n  };\n}\n\nexport interface Options {\n  src:\n    | string\n    | (DrupalImageField & {\n        entity?: DrupalImageField | null;\n        alt?: string | null;\n      });\n  transformations?: Transformations | Transformations[];\n}\n\nfunction createImagekitTransformationsParameters(\n  transformations: Transformations,\n) {\n  const parameters = [];\n  const { w, h } = calculateDimensions(transformations);\n  if (w) {\n    parameters.push(`w-${Math.round(w)}`);\n  }\n  if (h) {\n    parameters.push(`h-${Math.round(h)}`);\n  }\n  const { cm } = transformations;\n  if (cm && cm !== 'maintain_ratio') {\n    parameters.push(\n      `${['pad_resize', 'extract', 'pad_extract'].includes(cm) ? 'cm' : 'c'}-${\n        transformations.cm\n      }`,\n    );\n  }\n  if (transformations.fo && transformations.fo !== 'default') {\n    parameters.push(`fo-${transformations.fo}`);\n  }\n  if (transformations.xc) {\n    parameters.push(`xc-${transformations.xc}`);\n  }\n  if (transformations.yc) {\n    parameters.push(`yc-${transformations.yc}`);\n  }\n\n  return parameters.length ? parameters.join(',') : null;\n}\n\nexport function calculateDimensions({\n  w,\n  h,\n  ar,\n}: {\n  w?: number;\n  h?: number;\n  ar?: number;\n}): { w: number | undefined; h: number | undefined; ar: number | undefined } {\n  if (\n    (typeof w === typeof h && typeof h === typeof ar) ||\n    (!ar && typeof w !== typeof h)\n  )\n    return { w, h, ar };\n\n  if (w && h) {\n    return { w, h, ar: w / h };\n  }\n  if (w && ar) {\n    return { w, h: w / ar, ar };\n  }\n  if (h && ar) {\n    return { w: h * ar, h, ar };\n  }\n\n  throw new Error(\n    'Make sure that if \"ar\" is set, that you also set \"w\" or \"h\".',\n  );\n}\n\nexport function createImagekitUrl(options: Options) {\n  const drupalImageField = getDrupalImageField(options.src);\n  const src = drupalImageField?.url;\n  if (!src) {\n    throw new Error(\n      'You need to provide either an image trough the \"src\" option, or provide an image with an \"url\" property.',\n    );\n  }\n  if (!options.transformations) {\n    return src;\n  }\n\n  let originalTransformations = Array.isArray(options.transformations)\n    ? options.transformations\n    : [options.transformations];\n\n  const focalPoint = drupalImageField && {\n    width: drupalImageField.width,\n    height: drupalImageField.height,\n    x: drupalImageField.entity?.focalPoint?.x,\n    y: drupalImageField.entity?.focalPoint?.y,\n  };\n\n  if (focalPoint?.x && focalPoint.y && focalPoint.width && focalPoint.height) {\n    const targetDimensions = calculateDimensions(originalTransformations[0]);\n    if (targetDimensions.ar) {\n      // We need to make the smallest crop - we calculate the dimensions on both\n      // the width and height as source, and take the smallest one.\n      const sourceDimensionsCropW = calculateDimensions({\n        ar: targetDimensions.ar,\n        w: focalPoint.width,\n      });\n      const sourceDimensionsCropH = calculateDimensions({\n        ar: targetDimensions.ar,\n        h: focalPoint.height,\n      });\n      const sourceDimensionsCrop =\n        sourceDimensionsCropW.h! < sourceDimensionsCropH.h!\n          ? sourceDimensionsCropW\n          : sourceDimensionsCropH;\n\n      originalTransformations = [\n        {\n          ...sourceDimensionsCrop,\n          cm: 'extract',\n          xc: containWithinBoundary(\n            focalPoint.width,\n            focalPoint.x,\n            sourceDimensionsCrop.w!,\n          ),\n          yc: containWithinBoundary(\n            focalPoint.height,\n            focalPoint.y,\n            sourceDimensionsCrop.h!,\n          ),\n        },\n        ...originalTransformations,\n      ];\n    }\n  }\n\n  const transformations = originalTransformations\n    .map(createImagekitTransformationsParameters)\n    .filter(s => s)\n    .join(':');\n\n  return transformations ? `${src}?tr=${transformations}` : src;\n}\n\nexport function containWithinBoundary(\n  srcSize: number,\n  focalCenter: number,\n  targetSize: number,\n) {\n  if (srcSize === targetSize) return undefined;\n  return Math.min(\n    Math.max(targetSize / 2, focalCenter),\n    srcSize - targetSize / 2,\n  );\n}\n\nfunction getDrupalImageField(\n  f: string | (DrupalImageField & { entity?: DrupalImageField | null }),\n): DrupalImageField {\n  if (typeof f === 'string') return { url: f };\n  if (f.entity?.entity?.focalPoint) return f.entity;\n  return f;\n}\n","/* eslint-disable no-param-reassign, jsx-a11y/alt-text */\nimport React, { ComponentPropsWithRef } from 'react';\nimport {\n  calculateDimensions,\n  createImagekitUrl,\n  Options,\n} from './create-imagekit-url';\n\ninterface SizeTransformations {\n  w?: number;\n  h?: number;\n  ar?: number;\n}\n\ntype BreakpointSetting =\n  | number\n  | [number, SizeTransformations | number]\n  | SizeTransformations;\n\ninterface Props extends Omit<ComponentPropsWithRef<'img'>, 'src'> {\n  src: Options['src'];\n  breakpoints?: BreakpointSetting[];\n  aspectRatio?: number;\n  transformations?: Options['transformations'];\n}\n\nexport function ImagekitImage(props: Props) {\n  const { src, transformations, breakpoints, aspectRatio, ...imgProps } = props;\n\n  // If there are no breakpoints or an srcSet has already been provided, there\n  // is nothing special we can do here. Just return an img component.\n  if (!props.breakpoints?.length || props.srcSet) {\n    return (\n      <img src={createImagekitUrl({ src, transformations })} {...imgProps} />\n    );\n  }\n\n  const imgSources: {\n    // Used as key of this source.\n    ar: number | undefined;\n\n    // Used to calculate the props.\n    minMax: { min?: number; max?: number }[];\n    breakpoints: NormalizedBreakpoint[];\n\n    // Calculated props.\n    srcSet?: string;\n    sizes?: string;\n    media?: string;\n  }[] = [];\n\n  let largestImageUrl: [number, string] | null = null;\n\n  if (props.breakpoints?.length && !props.srcSet) {\n    const normalizedBreakpoints = props.breakpoints\n      .map(normalizeBreakpoint)\n      .map(b => {\n        // If no ar was provided, use the aspectRatio prop.\n        const sizes = { ar: props.aspectRatio, ...b[1] };\n\n        // If there is an aspectRatio but no width, use the maxWidth as image\n        // width.\n        if (!sizes.h && !sizes.w && sizes.ar) {\n          // eslint-disable-next-line prefer-destructuring\n          sizes.w = b[0];\n        }\n\n        // Now calculate the final dimensions.\n        const dimensions = calculateDimensions(sizes);\n\n        // If no maxWidth was given and there was only a height and aspect ratio\n        // available, we use the calculated w dimension as maxWidth.\n        return [b[0] || dimensions.w, dimensions] as const;\n      });\n\n    normalizedBreakpoints.forEach(([maxWidth, sizes], i) => {\n      // Set up the new image source.\n      let set = imgSources.find(s => s.ar === sizes.ar);\n      if (!set) {\n        set = {\n          ar: sizes.ar,\n          minMax: [],\n          breakpoints: [],\n        };\n        imgSources.push(set);\n      }\n      set.breakpoints.push([maxWidth, sizes]);\n\n      // If the previous breakpoint has another aspect ratio, this is a new\n      // source. This means that the min-width of this source is one pixel more\n      // as the max-width of the previous source (which is the previous\n      // breakpoint).\n      const previousBreakpoint = normalizedBreakpoints[i - 1];\n      if (!previousBreakpoint || previousBreakpoint[1].ar !== sizes.ar) {\n        set.minMax.push({\n          min: previousBreakpoint?.[0] ? previousBreakpoint[0] + 1 : undefined,\n        });\n      }\n\n      // Set the max-width (will be overwritten until the last max-width of this\n      // source).\n      set.minMax[set.minMax.length - 1].max = maxWidth;\n    });\n\n    if (!imgSources.length) {\n      throw new Error(\n        'Internal @burst/imagekit error - when there are breakpoints, there should be at least one image source (collection of breakpoints with the same aspect ratio).',\n      );\n    }\n\n    // To make sure that the largest image is always shown, we remove the last\n    // maxWidth on the source containing the last breakpoint.\n    const largestSource = imgSources.find(\n      source =>\n        source.ar ===\n        normalizedBreakpoints[normalizedBreakpoints.length - 1][1].ar,\n    );\n    if (largestSource) {\n      delete largestSource.minMax[largestSource.minMax.length - 1].max;\n    }\n\n    imgSources.forEach((source, si) => {\n      // Now, calculate the srcSet of every source.\n      source.srcSet = source.breakpoints\n        .map(([, sizes]) => {\n          const imagekitUrlBreakpoint = createImagekitUrl({\n            src,\n            transformations: [\n              ...(Array.isArray(transformations)\n                ? transformations\n                : transformations\n                ? [transformations]\n                : []),\n              sizes,\n            ],\n          });\n\n          if (sizes.w && (!largestImageUrl || largestImageUrl[0] < sizes.w)) {\n            largestImageUrl = [sizes.w, imagekitUrlBreakpoint];\n          }\n\n          return `${imagekitUrlBreakpoint} ${sizes.w}w`;\n        })\n        .join(', ');\n\n      // Calculate the sizes of every source.\n      source.sizes =\n        (source.breakpoints.length >= 2 &&\n          !source.breakpoints.every(s => s[0] === s[1].w) &&\n          source.breakpoints\n            .map(([, sizes], i) => {\n              const previousBreakpoint = source.breakpoints[i - 1];\n              if (!previousBreakpoint || !previousBreakpoint[0]) {\n                return `${sizes.w}px`;\n              }\n              return `(min-width: ${previousBreakpoint[0] + 1}px) ${sizes.w}px`;\n            })\n            .reverse()\n            .join(', ')) ||\n        '100vw';\n\n      // Calculate the media prop of all sources.\n      // If it's the first item, it will always be rendered. So there is no need\n      // for a media query then.\n      // If there is only one item in the minMax (there should be at least one)\n      // then we only need to print it if it has a 'min'.\n      if (si > 0 && (source.minMax.length > 1 || source.minMax[0].min)) {\n        source.media = source.minMax\n          .map(({ min, max }) =>\n            min && max\n              ? `(min-width: ${min}px) and (max-width: ${max}px)`\n              : min\n              ? `(min-width: ${min}px)`\n              : `(max-width: ${max}px)`,\n          )\n          .join(', ');\n      }\n    });\n  }\n\n  if (!largestImageUrl) {\n    throw new Error(\n      'Internal @burst/imagekit error - when there are breakpoints, there should be one image url generated.',\n    );\n  }\n\n  // If there is just one source, we can do everything in one img element.\n  if (imgSources.length === 1) {\n    return (\n      <img\n        src={largestImageUrl[1]}\n        srcSet={imgSources[0].srcSet}\n        sizes={imgSources[0].sizes}\n        {...imgProps}\n      />\n    );\n  }\n\n  // If it's more then one source, we will render a picture element. We need the\n  // largest imgSource on top.\n  imgSources.reverse();\n\n  return (\n    <picture>\n      {imgSources.map(source => (\n        <source\n          key={source.ar || 'original'}\n          media={source.media}\n          srcSet={source.srcSet}\n          sizes={source.sizes}\n        />\n      ))}\n      <img\n        src={largestImageUrl[1]}\n        alt={(typeof props.src !== 'string' && props.src.alt) || undefined}\n        {...imgProps}\n      />\n    </picture>\n  );\n}\n\ntype NormalizedBreakpoint = [number | undefined, SizeTransformations];\n\nfunction normalizeBreakpoint(\n  breakpoint: BreakpointSetting,\n): NormalizedBreakpoint {\n  return typeof breakpoint === 'number'\n    ? [breakpoint, { w: breakpoint }]\n    : Array.isArray(breakpoint)\n    ? [\n        breakpoint[0],\n        typeof breakpoint[1] === 'number'\n          ? { w: breakpoint[1] }\n          : breakpoint[1],\n      ]\n    : [breakpoint.w, breakpoint];\n}\n"],"names":["createImagekitTransformationsParameters","transformations","parameters","calculateDimensions","w","h","push","Math","round","cm","includes","fo","xc","yc","length","join","ar","Error","createImagekitUrl","options","drupalImageField","getDrupalImageField","src","url","originalTransformations","Array","isArray","focalPoint","width","height","x","entity","y","targetDimensions","sourceDimensionsCropW","sourceDimensionsCropH","sourceDimensionsCrop","containWithinBoundary","map","filter","s","srcSize","focalCenter","targetSize","undefined","min","max","f","ImagekitImage","props","breakpoints","imgProps","srcSet","React","imgSources","largestImageUrl","normalizedBreakpoints","normalizeBreakpoint","b","sizes","aspectRatio","dimensions","forEach","i","maxWidth","set","find","minMax","previousBreakpoint","largestSource","source","si","imagekitUrlBreakpoint","every","reverse","media","key","alt","breakpoint"],"mappings":"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"}
+{"version":3,"file":"imagekit.cjs.development.js","sources":["../src/parse-source.ts","../src/create-imagekit-url.ts","../src/imagekit-image.tsx"],"sourcesContent":["interface DrupalImageField {\n  url?: null | string;\n  alt?: null | string;\n  width?: null | number;\n  height?: null | number;\n  entity?: null | {\n    url?: null | string;\n    focalPoint?: null | {\n      x?: null | number;\n      y?: null | number;\n    };\n  };\n}\n\nexport type ImagekitSrc = string | DrupalImageField;\n\ninterface ParsedSource {\n  url?: string;\n  width?: number;\n  height?: number;\n  x?: number;\n  y?: number;\n}\n\nexport function parseSource(src: ImagekitSrc): ParsedSource {\n  if (typeof src === 'string') {\n    return { url: src };\n  }\n  return {\n    url: src?.entity?.url || src?.url || undefined,\n    width: src?.width || undefined,\n    height: src?.height || undefined,\n    x: src?.entity?.focalPoint?.x || undefined,\n    y: src.entity?.focalPoint?.y || undefined,\n  };\n}\n","import { ImagekitSrc, parseSource } from './parse-source';\n\ninterface Transformations {\n  /**\n   * Width -\n   * Used to specify the width of the output image. Accepts integer value\n   * greater than 1. If a value between 0 and 1 is specified, it acts as a\n   * percentage width. Therefore, 0.1 means 10% of the original width, 0.4\n   * means 40% of the original width, and so on.\n   */\n  w?: number;\n\n  /**\n   * Height -\n   * Used to specify the height of the output image. Accepts integer value\n   * greater than 1. If a value between 0 and 1 is specified, the value acts as\n   * a percentage height. Therefore, 0.1 means 10% of the original height, 0.4\n   * means 40% of the original height, and so on.\n   */\n  h?: number;\n\n  /**\n   * Aspect ratio -\n   * Used to specify the aspect ratio of the output image or the ratio of width\n   * to height of the output image. This parameter must be used along with\n   * either the height(h) or width(w) parameter. The format for specifying this\n   * transformation is ar-<width>-<height>\n   */\n  ar?: number;\n\n  /**\n   * Crop Mode -\n   * If only, one of the height(h) or width(w) dimension is specified, then\n   * ImageKit.io adjusts the other dimension accordingly to preserve aspect\n   * ratio and no cropping takes place.\n   * But when you specify both height(h) and width(w) dimension, you need to\n   * choose the right cropping strategy based on your website layout and desired\n   * output image.\n   */\n  cm?:\n    | 'pad_resize'\n    | 'force'\n    | 'at_max'\n    | 'at_least'\n    | 'maintain_ratio' // Default cropping\n    | 'extract'\n    | 'pad_extract';\n\n  fo?: 'default' | 'auto' | 'face';\n\n  xc?: number;\n  yc?: number;\n}\n\nexport interface Options {\n  src: ImagekitSrc;\n  transformations?: Transformations | Transformations[];\n}\n\nfunction createImagekitTransformationsParameters(\n  transformations: Transformations,\n) {\n  const parameters = [];\n  const { w, h } = calculateDimensions(transformations);\n  if (w) {\n    parameters.push(`w-${Math.round(w)}`);\n  }\n  if (h) {\n    parameters.push(`h-${Math.round(h)}`);\n  }\n  const { cm } = transformations;\n  if (cm && cm !== 'maintain_ratio') {\n    parameters.push(\n      `${['pad_resize', 'extract', 'pad_extract'].includes(cm) ? 'cm' : 'c'}-${\n        transformations.cm\n      }`,\n    );\n  }\n  if (transformations.fo && transformations.fo !== 'default') {\n    parameters.push(`fo-${transformations.fo}`);\n  }\n  if (transformations.xc) {\n    parameters.push(`xc-${transformations.xc}`);\n  }\n  if (transformations.yc) {\n    parameters.push(`yc-${transformations.yc}`);\n  }\n\n  return parameters.length ? parameters.join(',') : null;\n}\n\nexport function calculateDimensions({\n  w,\n  h,\n  ar,\n}: {\n  w?: number;\n  h?: number;\n  ar?: number;\n}): { w: number | undefined; h: number | undefined; ar: number | undefined } {\n  if (\n    (typeof w === typeof h && typeof h === typeof ar) ||\n    (!ar && typeof w !== typeof h)\n  )\n    return { w, h, ar };\n\n  if (w && h) {\n    return { w, h, ar: w / h };\n  }\n  if (w && ar) {\n    return { w, h: w / ar, ar };\n  }\n  if (h && ar) {\n    return { w: h * ar, h, ar };\n  }\n\n  throw new Error(\n    'Make sure that if \"ar\" is set, that you also set \"w\" or \"h\".',\n  );\n}\n\nexport function createImagekitUrl(options: Options) {\n  const { url: src, ...focalPoint } = parseSource(options.src);\n  if (!src) {\n    throw new Error(\n      'You need to provide either an image trough the \"src\" option, or provide an image with an \"url\" property.',\n    );\n  }\n  if (!options.transformations) {\n    return src;\n  }\n\n  let originalTransformations = Array.isArray(options.transformations)\n    ? options.transformations\n    : [options.transformations];\n\n  if (focalPoint?.x && focalPoint.y && focalPoint.width && focalPoint.height) {\n    const targetDimensions = calculateDimensions(originalTransformations[0]);\n    if (targetDimensions.ar) {\n      // We need to make the smallest crop - we calculate the dimensions on both\n      // the width and height as source, and take the smallest one.\n      const sourceDimensionsCropW = calculateDimensions({\n        ar: targetDimensions.ar,\n        w: focalPoint.width,\n      });\n      const sourceDimensionsCropH = calculateDimensions({\n        ar: targetDimensions.ar,\n        h: focalPoint.height,\n      });\n      const sourceDimensionsCrop =\n        sourceDimensionsCropW.h! < sourceDimensionsCropH.h!\n          ? sourceDimensionsCropW\n          : sourceDimensionsCropH;\n\n      originalTransformations = [\n        {\n          ...sourceDimensionsCrop,\n          cm: 'extract',\n          xc: containWithinBoundary(\n            focalPoint.width,\n            focalPoint.x,\n            sourceDimensionsCrop.w!,\n          ),\n          yc: containWithinBoundary(\n            focalPoint.height,\n            focalPoint.y,\n            sourceDimensionsCrop.h!,\n          ),\n        },\n        ...originalTransformations,\n      ];\n    }\n  }\n\n  const transformations = originalTransformations\n    .map(createImagekitTransformationsParameters)\n    .filter(s => s)\n    .join(':');\n\n  return transformations ? `${src}?tr=${transformations}` : src;\n}\n\nexport function containWithinBoundary(\n  srcSize: number,\n  focalCenter: number,\n  targetSize: number,\n) {\n  if (srcSize === targetSize) return undefined;\n  return Math.min(\n    Math.max(targetSize / 2, focalCenter),\n    srcSize - targetSize / 2,\n  );\n}\n","/* eslint-disable no-param-reassign, jsx-a11y/alt-text */\nimport React, { ComponentPropsWithRef } from 'react';\nimport {\n  calculateDimensions,\n  createImagekitUrl,\n  Options,\n} from './create-imagekit-url';\n\ninterface SizeTransformations {\n  w?: number;\n  h?: number;\n  ar?: number;\n}\n\ntype BreakpointSetting =\n  | number\n  | [number, SizeTransformations | number]\n  | SizeTransformations;\n\ninterface Props extends Omit<ComponentPropsWithRef<'img'>, 'src'> {\n  src: Options['src'];\n  breakpoints?: BreakpointSetting[];\n  aspectRatio?: number;\n  transformations?: Options['transformations'];\n}\n\nexport function ImagekitImage(props: Props) {\n  const { src, transformations, breakpoints, aspectRatio, ...imgProps } = props;\n\n  // If there are no breakpoints or an srcSet has already been provided, there\n  // is nothing special we can do here. Just return an img component.\n  if (!props.breakpoints?.length || props.srcSet) {\n    return (\n      <img src={createImagekitUrl({ src, transformations })} {...imgProps} />\n    );\n  }\n\n  const imgSources: {\n    // Used as key of this source.\n    ar: number | undefined;\n\n    // Used to calculate the props.\n    minMax: { min?: number; max?: number }[];\n    breakpoints: NormalizedBreakpoint[];\n\n    // Calculated props.\n    srcSet?: string;\n    sizes?: string;\n    media?: string;\n  }[] = [];\n\n  let largestImageUrl: [number, string] | null = null;\n\n  if (props.breakpoints?.length && !props.srcSet) {\n    const normalizedBreakpoints = props.breakpoints\n      .map(normalizeBreakpoint)\n      .map(b => {\n        // If no ar was provided, use the aspectRatio prop.\n        const sizes = { ar: props.aspectRatio, ...b[1] };\n\n        // If there is an aspectRatio but no width, use the maxWidth as image\n        // width.\n        if (!sizes.h && !sizes.w && sizes.ar) {\n          // eslint-disable-next-line prefer-destructuring\n          sizes.w = b[0];\n        }\n\n        // Now calculate the final dimensions.\n        const dimensions = calculateDimensions(sizes);\n\n        // If no maxWidth was given and there was only a height and aspect ratio\n        // available, we use the calculated w dimension as maxWidth.\n        return [b[0] || dimensions.w, dimensions] as const;\n      });\n\n    normalizedBreakpoints.forEach(([maxWidth, sizes], i) => {\n      // Set up the new image source.\n      let set = imgSources.find(s => s.ar === sizes.ar);\n      if (!set) {\n        set = {\n          ar: sizes.ar,\n          minMax: [],\n          breakpoints: [],\n        };\n        imgSources.push(set);\n      }\n      set.breakpoints.push([maxWidth, sizes]);\n\n      // If the previous breakpoint has another aspect ratio, this is a new\n      // source. This means that the min-width of this source is one pixel more\n      // as the max-width of the previous source (which is the previous\n      // breakpoint).\n      const previousBreakpoint = normalizedBreakpoints[i - 1];\n      if (!previousBreakpoint || previousBreakpoint[1].ar !== sizes.ar) {\n        set.minMax.push({\n          min: previousBreakpoint?.[0] ? previousBreakpoint[0] + 1 : undefined,\n        });\n      }\n\n      // Set the max-width (will be overwritten until the last max-width of this\n      // source).\n      set.minMax[set.minMax.length - 1].max = maxWidth;\n    });\n\n    if (!imgSources.length) {\n      throw new Error(\n        'Internal @burst/imagekit error - when there are breakpoints, there should be at least one image source (collection of breakpoints with the same aspect ratio).',\n      );\n    }\n\n    // To make sure that the largest image is always shown, we remove the last\n    // maxWidth on the source containing the last breakpoint.\n    const largestSource = imgSources.find(\n      source =>\n        source.ar ===\n        normalizedBreakpoints[normalizedBreakpoints.length - 1][1].ar,\n    );\n    if (largestSource) {\n      delete largestSource.minMax[largestSource.minMax.length - 1].max;\n    }\n\n    imgSources.forEach((source, si) => {\n      // Now, calculate the srcSet of every source.\n      source.srcSet = source.breakpoints\n        .map(([, sizes]) => {\n          const imagekitUrlBreakpoint = createImagekitUrl({\n            src,\n            transformations: [\n              ...(Array.isArray(transformations)\n                ? transformations\n                : transformations\n                ? [transformations]\n                : []),\n              sizes,\n            ],\n          });\n\n          if (sizes.w && (!largestImageUrl || largestImageUrl[0] < sizes.w)) {\n            largestImageUrl = [sizes.w, imagekitUrlBreakpoint];\n          }\n\n          return `${imagekitUrlBreakpoint} ${sizes.w}w`;\n        })\n        .join(', ');\n\n      // Calculate the sizes of every source.\n      source.sizes =\n        (source.breakpoints.length >= 2 &&\n          !source.breakpoints.every(s => s[0] === s[1].w) &&\n          source.breakpoints\n            .map(([, sizes], i) => {\n              const previousBreakpoint = source.breakpoints[i - 1];\n              if (!previousBreakpoint || !previousBreakpoint[0]) {\n                return `${sizes.w}px`;\n              }\n              return `(min-width: ${previousBreakpoint[0] + 1}px) ${sizes.w}px`;\n            })\n            .reverse()\n            .join(', ')) ||\n        '100vw';\n\n      // Calculate the media prop of all sources.\n      // If it's the first item, it will always be rendered. So there is no need\n      // for a media query then.\n      // If there is only one item in the minMax (there should be at least one)\n      // then we only need to print it if it has a 'min'.\n      if (si > 0 && (source.minMax.length > 1 || source.minMax[0].min)) {\n        source.media = source.minMax\n          .map(({ min, max }) =>\n            min && max\n              ? `(min-width: ${min}px) and (max-width: ${max}px)`\n              : min\n              ? `(min-width: ${min}px)`\n              : `(max-width: ${max}px)`,\n          )\n          .join(', ');\n      }\n    });\n  }\n\n  if (!largestImageUrl) {\n    throw new Error(\n      'Internal @burst/imagekit error - when there are breakpoints, there should be one image url generated.',\n    );\n  }\n\n  // If there is just one source, we can do everything in one img element.\n  if (imgSources.length === 1) {\n    return (\n      <img\n        src={largestImageUrl[1]}\n        srcSet={imgSources[0].srcSet}\n        sizes={imgSources[0].sizes}\n        {...imgProps}\n      />\n    );\n  }\n\n  // If it's more then one source, we will render a picture element. We need the\n  // largest imgSource on top.\n  imgSources.reverse();\n\n  return (\n    <picture>\n      {imgSources.map(source => (\n        <source\n          key={source.ar || 'original'}\n          media={source.media}\n          srcSet={source.srcSet}\n          sizes={source.sizes}\n        />\n      ))}\n      <img\n        src={largestImageUrl[1]}\n        alt={(typeof props.src !== 'string' && props.src.alt) || undefined}\n        {...imgProps}\n      />\n    </picture>\n  );\n}\n\ntype NormalizedBreakpoint = [number | undefined, SizeTransformations];\n\nfunction normalizeBreakpoint(\n  breakpoint: BreakpointSetting,\n): NormalizedBreakpoint {\n  return typeof breakpoint === 'number'\n    ? [breakpoint, { w: breakpoint }]\n    : Array.isArray(breakpoint)\n    ? [\n        breakpoint[0],\n        typeof breakpoint[1] === 'number'\n          ? { w: breakpoint[1] }\n          : breakpoint[1],\n      ]\n    : [breakpoint.w, breakpoint];\n}\n"],"names":["parseSource","src","url","entity","undefined","width","height","x","focalPoint","y","createImagekitTransformationsParameters","transformations","parameters","calculateDimensions","w","h","push","Math","round","cm","includes","fo","xc","yc","length","join","ar","Error","createImagekitUrl","options","originalTransformations","Array","isArray","targetDimensions","sourceDimensionsCropW","sourceDimensionsCropH","sourceDimensionsCrop","containWithinBoundary","map","filter","s","srcSize","focalCenter","targetSize","min","max","ImagekitImage","props","breakpoints","imgProps","srcSet","React","imgSources","largestImageUrl","normalizedBreakpoints","normalizeBreakpoint","b","sizes","aspectRatio","dimensions","forEach","i","maxWidth","set","find","minMax","previousBreakpoint","largestSource","source","si","imagekitUrlBreakpoint","every","reverse","media","key","alt","breakpoint"],"mappings":"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"}

dist/imagekit.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r,t=(r=require("react"))&&"object"==typeof r&&"default"in r?r.default:r;function e(){return(e=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n])}return r}).apply(this,arguments)}function n(r){var t=[],e=a(r),n=e.w,i=e.h;n&&t.push("w-"+Math.round(n)),i&&t.push("h-"+Math.round(i));var o=r.cm;return o&&"maintain_ratio"!==o&&t.push((["pad_resize","extract","pad_extract"].includes(o)?"cm":"c")+"-"+r.cm),r.fo&&"default"!==r.fo&&t.push("fo-"+r.fo),r.xc&&t.push("xc-"+r.xc),r.yc&&t.push("yc-"+r.yc),t.length?t.join(","):null}function a(r){var t=r.w,e=r.h,n=r.ar;if(typeof t==typeof e&&typeof e==typeof n||!n&&typeof t!=typeof e)return{w:t,h:e,ar:n};if(t&&e)return{w:t,h:e,ar:t/e};if(t&&n)return{w:t,h:t/n,ar:n};if(e&&n)return{w:e*n,h:e,ar:n};throw new Error('Make sure that if "ar" is set, that you also set "w" or "h".')}function i(r){var t,i,s,u,c,h,l,f="string"==typeof(c=r.src)?{url:c}:(null===(h=c.entity)||void 0===h||null===(l=h.entity)||void 0===l?void 0:l.focalPoint)?c.entity:c,p=null==f?void 0:f.url;if(!p)throw new Error('You need to provide either an image trough the "src" option, or provide an image with an "url" property.');if(!r.transformations)return p;var m=Array.isArray(r.transformations)?r.transformations:[r.transformations],d=f&&{width:f.width,height:f.height,x:null===(t=f.entity)||void 0===t||null===(i=t.focalPoint)||void 0===i?void 0:i.x,y:null===(s=f.entity)||void 0===s||null===(u=s.focalPoint)||void 0===u?void 0:u.y};if((null==d?void 0:d.x)&&d.y&&d.width&&d.height){var v=a(m[0]);if(v.ar){var w=a({ar:v.ar,w:d.width}),y=a({ar:v.ar,h:d.height}),g=w.h<y.h?w:y;m=[e({},g,{cm:"extract",xc:o(d.width,d.x,g.w),yc:o(d.height,d.y,g.h)})].concat(m)}}var x=m.map(n).filter((function(r){return r})).join(":");return x?p+"?tr="+x:p}function o(r,t,e){if(r!==e)return Math.min(Math.max(e/2,t),r-e/2)}function s(r){return"number"==typeof r?[r,{w:r}]:Array.isArray(r)?[r[0],"number"==typeof r[1]?{w:r[1]}:r[1]]:[r.w,r]}exports.ImagekitImage=function(r){var n,o,u=r.src,c=r.transformations,h=function(r,t){if(null==r)return{};var e,n,a={},i=Object.keys(r);for(n=0;n<i.length;n++)t.indexOf(e=i[n])>=0||(a[e]=r[e]);return a}(r,["src","transformations","breakpoints","aspectRatio"]);if(!(null===(n=r.breakpoints)||void 0===n?void 0:n.length)||r.srcSet)return t.createElement("img",Object.assign({src:i({src:u,transformations:c})},h));var l=[],f=null;if((null===(o=r.breakpoints)||void 0===o?void 0:o.length)&&!r.srcSet){var p=r.breakpoints.map(s).map((function(t){var n=e({ar:r.aspectRatio},t[1]);n.h||n.w||!n.ar||(n.w=t[0]);var i=a(n);return[t[0]||i.w,i]}));if(p.forEach((function(r,t){var e=r[0],n=r[1],a=l.find((function(r){return r.ar===n.ar}));a||l.push(a={ar:n.ar,minMax:[],breakpoints:[]}),a.breakpoints.push([e,n]);var i=p[t-1];i&&i[1].ar===n.ar||a.minMax.push({min:(null==i?void 0:i[0])?i[0]+1:void 0}),a.minMax[a.minMax.length-1].max=e})),!l.length)throw new Error("Internal @burst/imagekit error - when there are breakpoints, there should be at least one image source (collection of breakpoints with the same aspect ratio).");var m=l.find((function(r){return r.ar===p[p.length-1][1].ar}));m&&delete m.minMax[m.minMax.length-1].max,l.forEach((function(r,t){r.srcSet=r.breakpoints.map((function(r){var t=r[1],e=i({src:u,transformations:[].concat(Array.isArray(c)?c:c?[c]:[],[t])});return t.w&&(!f||f[0]<t.w)&&(f=[t.w,e]),e+" "+t.w+"w"})).join(", "),r.sizes=r.breakpoints.length>=2&&!r.breakpoints.every((function(r){return r[0]===r[1].w}))&&r.breakpoints.map((function(t,e){var n=t[1],a=r.breakpoints[e-1];return a&&a[0]?"(min-width: "+(a[0]+1)+"px) "+n.w+"px":n.w+"px"})).reverse().join(", ")||"100vw",t>0&&(r.minMax.length>1||r.minMax[0].min)&&(r.media=r.minMax.map((function(r){var t=r.min,e=r.max;return t&&e?"(min-width: "+t+"px) and (max-width: "+e+"px)":t?"(min-width: "+t+"px)":"(max-width: "+e+"px)"})).join(", "))}))}if(!f)throw new Error("Internal @burst/imagekit error - when there are breakpoints, there should be one image url generated.");return 1===l.length?t.createElement("img",Object.assign({src:f[1],srcSet:l[0].srcSet,sizes:l[0].sizes},h)):(l.reverse(),t.createElement("picture",null,l.map((function(r){return t.createElement("source",{key:r.ar||"original",media:r.media,srcSet:r.srcSet,sizes:r.sizes})})),t.createElement("img",Object.assign({src:f[1],alt:"string"!=typeof r.src&&r.src.alt||void 0},h))))},exports.createImagekitUrl=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r,t=(r=require("react"))&&"object"==typeof r&&"default"in r?r.default:r;function e(){return(e=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n])}return r}).apply(this,arguments)}function n(r,t){if(null==r)return{};var e,n,i={},a=Object.keys(r);for(n=0;n<a.length;n++)t.indexOf(e=a[n])>=0||(i[e]=r[e]);return i}function i(r){var t=[],e=a(r),n=e.w,i=e.h;n&&t.push("w-"+Math.round(n)),i&&t.push("h-"+Math.round(i));var o=r.cm;return o&&"maintain_ratio"!==o&&t.push((["pad_resize","extract","pad_extract"].includes(o)?"cm":"c")+"-"+r.cm),r.fo&&"default"!==r.fo&&t.push("fo-"+r.fo),r.xc&&t.push("xc-"+r.xc),r.yc&&t.push("yc-"+r.yc),t.length?t.join(","):null}function a(r){var t=r.w,e=r.h,n=r.ar;if(typeof t==typeof e&&typeof e==typeof n||!n&&typeof t!=typeof e)return{w:t,h:e,ar:n};if(t&&e)return{w:t,h:e,ar:t/e};if(t&&n)return{w:t,h:t/n,ar:n};if(e&&n)return{w:e*n,h:e,ar:n};throw new Error('Make sure that if "ar" is set, that you also set "w" or "h".')}function o(r){var t=function(r){var t,e,n,i,a;return"string"==typeof r?{url:r}:{url:(null==r||null===(t=r.entity)||void 0===t?void 0:t.url)||(null==r?void 0:r.url)||void 0,width:(null==r?void 0:r.width)||void 0,height:(null==r?void 0:r.height)||void 0,x:(null==r||null===(e=r.entity)||void 0===e||null===(n=e.focalPoint)||void 0===n?void 0:n.x)||void 0,y:(null===(i=r.entity)||void 0===i||null===(a=i.focalPoint)||void 0===a?void 0:a.y)||void 0}}(r.src),o=t.url,u=n(t,["url"]);if(!o)throw new Error('You need to provide either an image trough the "src" option, or provide an image with an "url" property.');if(!r.transformations)return o;var c=Array.isArray(r.transformations)?r.transformations:[r.transformations];if((null==u?void 0:u.x)&&u.y&&u.width&&u.height){var l=a(c[0]);if(l.ar){var h=a({ar:l.ar,w:u.width}),f=a({ar:l.ar,h:u.height}),p=h.h<f.h?h:f;c=[e({},p,{cm:"extract",xc:s(u.width,u.x,p.w),yc:s(u.height,u.y,p.h)})].concat(c)}}var m=c.map(i).filter((function(r){return r})).join(":");return m?o+"?tr="+m:o}function s(r,t,e){if(r!==e)return Math.min(Math.max(e/2,t),r-e/2)}function u(r){return"number"==typeof r?[r,{w:r}]:Array.isArray(r)?[r[0],"number"==typeof r[1]?{w:r[1]}:r[1]]:[r.w,r]}exports.ImagekitImage=function(r){var i,s,c=r.src,l=r.transformations,h=n(r,["src","transformations","breakpoints","aspectRatio"]);if(!(null===(i=r.breakpoints)||void 0===i?void 0:i.length)||r.srcSet)return t.createElement("img",Object.assign({src:o({src:c,transformations:l})},h));var f=[],p=null;if((null===(s=r.breakpoints)||void 0===s?void 0:s.length)&&!r.srcSet){var m=r.breakpoints.map(u).map((function(t){var n=e({ar:r.aspectRatio},t[1]);n.h||n.w||!n.ar||(n.w=t[0]);var i=a(n);return[t[0]||i.w,i]}));if(m.forEach((function(r,t){var e=r[0],n=r[1],i=f.find((function(r){return r.ar===n.ar}));i||f.push(i={ar:n.ar,minMax:[],breakpoints:[]}),i.breakpoints.push([e,n]);var a=m[t-1];a&&a[1].ar===n.ar||i.minMax.push({min:(null==a?void 0:a[0])?a[0]+1:void 0}),i.minMax[i.minMax.length-1].max=e})),!f.length)throw new Error("Internal @burst/imagekit error - when there are breakpoints, there should be at least one image source (collection of breakpoints with the same aspect ratio).");var d=f.find((function(r){return r.ar===m[m.length-1][1].ar}));d&&delete d.minMax[d.minMax.length-1].max,f.forEach((function(r,t){r.srcSet=r.breakpoints.map((function(r){var t=r[1],e=o({src:c,transformations:[].concat(Array.isArray(l)?l:l?[l]:[],[t])});return t.w&&(!p||p[0]<t.w)&&(p=[t.w,e]),e+" "+t.w+"w"})).join(", "),r.sizes=r.breakpoints.length>=2&&!r.breakpoints.every((function(r){return r[0]===r[1].w}))&&r.breakpoints.map((function(t,e){var n=t[1],i=r.breakpoints[e-1];return i&&i[0]?"(min-width: "+(i[0]+1)+"px) "+n.w+"px":n.w+"px"})).reverse().join(", ")||"100vw",t>0&&(r.minMax.length>1||r.minMax[0].min)&&(r.media=r.minMax.map((function(r){var t=r.min,e=r.max;return t&&e?"(min-width: "+t+"px) and (max-width: "+e+"px)":t?"(min-width: "+t+"px)":"(max-width: "+e+"px)"})).join(", "))}))}if(!p)throw new Error("Internal @burst/imagekit error - when there are breakpoints, there should be one image url generated.");return 1===f.length?t.createElement("img",Object.assign({src:p[1],srcSet:f[0].srcSet,sizes:f[0].sizes},h)):(f.reverse(),t.createElement("picture",null,f.map((function(r){return t.createElement("source",{key:r.ar||"original",media:r.media,srcSet:r.srcSet,sizes:r.sizes})})),t.createElement("img",Object.assign({src:p[1],alt:"string"!=typeof r.src&&r.src.alt||void 0},h))))},exports.createImagekitUrl=o;
 //# sourceMappingURL=imagekit.cjs.production.min.js.map

dist/imagekit.cjs.production.min.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"imagekit.cjs.production.min.js","sources":["../src/create-imagekit-url.ts","../src/imagekit-image.tsx"],"sourcesContent":["interface Transformations {\n  /**\n   * Width -\n   * Used to specify the width of the output image. Accepts integer value\n   * greater than 1. If a value between 0 and 1 is specified, it acts as a\n   * percentage width. Therefore, 0.1 means 10% of the original width, 0.4\n   * means 40% of the original width, and so on.\n   */\n  w?: number;\n\n  /**\n   * Height -\n   * Used to specify the height of the output image. Accepts integer value\n   * greater than 1. If a value between 0 and 1 is specified, the value acts as\n   * a percentage height. Therefore, 0.1 means 10% of the original height, 0.4\n   * means 40% of the original height, and so on.\n   */\n  h?: number;\n\n  /**\n   * Aspect ratio -\n   * Used to specify the aspect ratio of the output image or the ratio of width\n   * to height of the output image. This parameter must be used along with\n   * either the height(h) or width(w) parameter. The format for specifying this\n   * transformation is ar-<width>-<height>\n   */\n  ar?: number;\n\n  /**\n   * Crop Mode -\n   * If only, one of the height(h) or width(w) dimension is specified, then\n   * ImageKit.io adjusts the other dimension accordingly to preserve aspect\n   * ratio and no cropping takes place.\n   * But when you specify both height(h) and width(w) dimension, you need to\n   * choose the right cropping strategy based on your website layout and desired\n   * output image.\n   */\n  cm?:\n    | 'pad_resize'\n    | 'force'\n    | 'at_max'\n    | 'at_least'\n    | 'maintain_ratio' // Default cropping\n    | 'extract'\n    | 'pad_extract';\n\n  fo?: 'default' | 'auto' | 'face';\n\n  xc?: number;\n  yc?: number;\n}\n\ninterface DrupalImageField {\n  url?: null | string;\n  width?: null | number;\n  height?: null | number;\n  entity?: null | {\n    focalPoint?: null | {\n      x?: null | number;\n      y?: null | number;\n    };\n  };\n}\n\nexport interface Options {\n  src:\n    | string\n    | (DrupalImageField & {\n        entity?: DrupalImageField | null;\n        alt?: string | null;\n      });\n  transformations?: Transformations | Transformations[];\n}\n\nfunction createImagekitTransformationsParameters(\n  transformations: Transformations,\n) {\n  const parameters = [];\n  const { w, h } = calculateDimensions(transformations);\n  if (w) {\n    parameters.push(`w-${Math.round(w)}`);\n  }\n  if (h) {\n    parameters.push(`h-${Math.round(h)}`);\n  }\n  const { cm } = transformations;\n  if (cm && cm !== 'maintain_ratio') {\n    parameters.push(\n      `${['pad_resize', 'extract', 'pad_extract'].includes(cm) ? 'cm' : 'c'}-${\n        transformations.cm\n      }`,\n    );\n  }\n  if (transformations.fo && transformations.fo !== 'default') {\n    parameters.push(`fo-${transformations.fo}`);\n  }\n  if (transformations.xc) {\n    parameters.push(`xc-${transformations.xc}`);\n  }\n  if (transformations.yc) {\n    parameters.push(`yc-${transformations.yc}`);\n  }\n\n  return parameters.length ? parameters.join(',') : null;\n}\n\nexport function calculateDimensions({\n  w,\n  h,\n  ar,\n}: {\n  w?: number;\n  h?: number;\n  ar?: number;\n}): { w: number | undefined; h: number | undefined; ar: number | undefined } {\n  if (\n    (typeof w === typeof h && typeof h === typeof ar) ||\n    (!ar && typeof w !== typeof h)\n  )\n    return { w, h, ar };\n\n  if (w && h) {\n    return { w, h, ar: w / h };\n  }\n  if (w && ar) {\n    return { w, h: w / ar, ar };\n  }\n  if (h && ar) {\n    return { w: h * ar, h, ar };\n  }\n\n  throw new Error(\n    'Make sure that if \"ar\" is set, that you also set \"w\" or \"h\".',\n  );\n}\n\nexport function createImagekitUrl(options: Options) {\n  const drupalImageField = getDrupalImageField(options.src);\n  const src = drupalImageField?.url;\n  if (!src) {\n    throw new Error(\n      'You need to provide either an image trough the \"src\" option, or provide an image with an \"url\" property.',\n    );\n  }\n  if (!options.transformations) {\n    return src;\n  }\n\n  let originalTransformations = Array.isArray(options.transformations)\n    ? options.transformations\n    : [options.transformations];\n\n  const focalPoint = drupalImageField && {\n    width: drupalImageField.width,\n    height: drupalImageField.height,\n    x: drupalImageField.entity?.focalPoint?.x,\n    y: drupalImageField.entity?.focalPoint?.y,\n  };\n\n  if (focalPoint?.x && focalPoint.y && focalPoint.width && focalPoint.height) {\n    const targetDimensions = calculateDimensions(originalTransformations[0]);\n    if (targetDimensions.ar) {\n      // We need to make the smallest crop - we calculate the dimensions on both\n      // the width and height as source, and take the smallest one.\n      const sourceDimensionsCropW = calculateDimensions({\n        ar: targetDimensions.ar,\n        w: focalPoint.width,\n      });\n      const sourceDimensionsCropH = calculateDimensions({\n        ar: targetDimensions.ar,\n        h: focalPoint.height,\n      });\n      const sourceDimensionsCrop =\n        sourceDimensionsCropW.h! < sourceDimensionsCropH.h!\n          ? sourceDimensionsCropW\n          : sourceDimensionsCropH;\n\n      originalTransformations = [\n        {\n          ...sourceDimensionsCrop,\n          cm: 'extract',\n          xc: containWithinBoundary(\n            focalPoint.width,\n            focalPoint.x,\n            sourceDimensionsCrop.w!,\n          ),\n          yc: containWithinBoundary(\n            focalPoint.height,\n            focalPoint.y,\n            sourceDimensionsCrop.h!,\n          ),\n        },\n        ...originalTransformations,\n      ];\n    }\n  }\n\n  const transformations = originalTransformations\n    .map(createImagekitTransformationsParameters)\n    .filter(s => s)\n    .join(':');\n\n  return transformations ? `${src}?tr=${transformations}` : src;\n}\n\nexport function containWithinBoundary(\n  srcSize: number,\n  focalCenter: number,\n  targetSize: number,\n) {\n  if (srcSize === targetSize) return undefined;\n  return Math.min(\n    Math.max(targetSize / 2, focalCenter),\n    srcSize - targetSize / 2,\n  );\n}\n\nfunction getDrupalImageField(\n  f: string | (DrupalImageField & { entity?: DrupalImageField | null }),\n): DrupalImageField {\n  if (typeof f === 'string') return { url: f };\n  if (f.entity?.entity?.focalPoint) return f.entity;\n  return f;\n}\n","/* eslint-disable no-param-reassign, jsx-a11y/alt-text */\nimport React, { ComponentPropsWithRef } from 'react';\nimport {\n  calculateDimensions,\n  createImagekitUrl,\n  Options,\n} from './create-imagekit-url';\n\ninterface SizeTransformations {\n  w?: number;\n  h?: number;\n  ar?: number;\n}\n\ntype BreakpointSetting =\n  | number\n  | [number, SizeTransformations | number]\n  | SizeTransformations;\n\ninterface Props extends Omit<ComponentPropsWithRef<'img'>, 'src'> {\n  src: Options['src'];\n  breakpoints?: BreakpointSetting[];\n  aspectRatio?: number;\n  transformations?: Options['transformations'];\n}\n\nexport function ImagekitImage(props: Props) {\n  const { src, transformations, breakpoints, aspectRatio, ...imgProps } = props;\n\n  // If there are no breakpoints or an srcSet has already been provided, there\n  // is nothing special we can do here. Just return an img component.\n  if (!props.breakpoints?.length || props.srcSet) {\n    return (\n      <img src={createImagekitUrl({ src, transformations })} {...imgProps} />\n    );\n  }\n\n  const imgSources: {\n    // Used as key of this source.\n    ar: number | undefined;\n\n    // Used to calculate the props.\n    minMax: { min?: number; max?: number }[];\n    breakpoints: NormalizedBreakpoint[];\n\n    // Calculated props.\n    srcSet?: string;\n    sizes?: string;\n    media?: string;\n  }[] = [];\n\n  let largestImageUrl: [number, string] | null = null;\n\n  if (props.breakpoints?.length && !props.srcSet) {\n    const normalizedBreakpoints = props.breakpoints\n      .map(normalizeBreakpoint)\n      .map(b => {\n        // If no ar was provided, use the aspectRatio prop.\n        const sizes = { ar: props.aspectRatio, ...b[1] };\n\n        // If there is an aspectRatio but no width, use the maxWidth as image\n        // width.\n        if (!sizes.h && !sizes.w && sizes.ar) {\n          // eslint-disable-next-line prefer-destructuring\n          sizes.w = b[0];\n        }\n\n        // Now calculate the final dimensions.\n        const dimensions = calculateDimensions(sizes);\n\n        // If no maxWidth was given and there was only a height and aspect ratio\n        // available, we use the calculated w dimension as maxWidth.\n        return [b[0] || dimensions.w, dimensions] as const;\n      });\n\n    normalizedBreakpoints.forEach(([maxWidth, sizes], i) => {\n      // Set up the new image source.\n      let set = imgSources.find(s => s.ar === sizes.ar);\n      if (!set) {\n        set = {\n          ar: sizes.ar,\n          minMax: [],\n          breakpoints: [],\n        };\n        imgSources.push(set);\n      }\n      set.breakpoints.push([maxWidth, sizes]);\n\n      // If the previous breakpoint has another aspect ratio, this is a new\n      // source. This means that the min-width of this source is one pixel more\n      // as the max-width of the previous source (which is the previous\n      // breakpoint).\n      const previousBreakpoint = normalizedBreakpoints[i - 1];\n      if (!previousBreakpoint || previousBreakpoint[1].ar !== sizes.ar) {\n        set.minMax.push({\n          min: previousBreakpoint?.[0] ? previousBreakpoint[0] + 1 : undefined,\n        });\n      }\n\n      // Set the max-width (will be overwritten until the last max-width of this\n      // source).\n      set.minMax[set.minMax.length - 1].max = maxWidth;\n    });\n\n    if (!imgSources.length) {\n      throw new Error(\n        'Internal @burst/imagekit error - when there are breakpoints, there should be at least one image source (collection of breakpoints with the same aspect ratio).',\n      );\n    }\n\n    // To make sure that the largest image is always shown, we remove the last\n    // maxWidth on the source containing the last breakpoint.\n    const largestSource = imgSources.find(\n      source =>\n        source.ar ===\n        normalizedBreakpoints[normalizedBreakpoints.length - 1][1].ar,\n    );\n    if (largestSource) {\n      delete largestSource.minMax[largestSource.minMax.length - 1].max;\n    }\n\n    imgSources.forEach((source, si) => {\n      // Now, calculate the srcSet of every source.\n      source.srcSet = source.breakpoints\n        .map(([, sizes]) => {\n          const imagekitUrlBreakpoint = createImagekitUrl({\n            src,\n            transformations: [\n              ...(Array.isArray(transformations)\n                ? transformations\n                : transformations\n                ? [transformations]\n                : []),\n              sizes,\n            ],\n          });\n\n          if (sizes.w && (!largestImageUrl || largestImageUrl[0] < sizes.w)) {\n            largestImageUrl = [sizes.w, imagekitUrlBreakpoint];\n          }\n\n          return `${imagekitUrlBreakpoint} ${sizes.w}w`;\n        })\n        .join(', ');\n\n      // Calculate the sizes of every source.\n      source.sizes =\n        (source.breakpoints.length >= 2 &&\n          !source.breakpoints.every(s => s[0] === s[1].w) &&\n          source.breakpoints\n            .map(([, sizes], i) => {\n              const previousBreakpoint = source.breakpoints[i - 1];\n              if (!previousBreakpoint || !previousBreakpoint[0]) {\n                return `${sizes.w}px`;\n              }\n              return `(min-width: ${previousBreakpoint[0] + 1}px) ${sizes.w}px`;\n            })\n            .reverse()\n            .join(', ')) ||\n        '100vw';\n\n      // Calculate the media prop of all sources.\n      // If it's the first item, it will always be rendered. So there is no need\n      // for a media query then.\n      // If there is only one item in the minMax (there should be at least one)\n      // then we only need to print it if it has a 'min'.\n      if (si > 0 && (source.minMax.length > 1 || source.minMax[0].min)) {\n        source.media = source.minMax\n          .map(({ min, max }) =>\n            min && max\n              ? `(min-width: ${min}px) and (max-width: ${max}px)`\n              : min\n              ? `(min-width: ${min}px)`\n              : `(max-width: ${max}px)`,\n          )\n          .join(', ');\n      }\n    });\n  }\n\n  if (!largestImageUrl) {\n    throw new Error(\n      'Internal @burst/imagekit error - when there are breakpoints, there should be one image url generated.',\n    );\n  }\n\n  // If there is just one source, we can do everything in one img element.\n  if (imgSources.length === 1) {\n    return (\n      <img\n        src={largestImageUrl[1]}\n        srcSet={imgSources[0].srcSet}\n        sizes={imgSources[0].sizes}\n        {...imgProps}\n      />\n    );\n  }\n\n  // If it's more then one source, we will render a picture element. We need the\n  // largest imgSource on top.\n  imgSources.reverse();\n\n  return (\n    <picture>\n      {imgSources.map(source => (\n        <source\n          key={source.ar || 'original'}\n          media={source.media}\n          srcSet={source.srcSet}\n          sizes={source.sizes}\n        />\n      ))}\n      <img\n        src={largestImageUrl[1]}\n        alt={(typeof props.src !== 'string' && props.src.alt) || undefined}\n        {...imgProps}\n      />\n    </picture>\n  );\n}\n\ntype NormalizedBreakpoint = [number | undefined, SizeTransformations];\n\nfunction normalizeBreakpoint(\n  breakpoint: BreakpointSetting,\n): NormalizedBreakpoint {\n  return typeof breakpoint === 'number'\n    ? [breakpoint, { w: breakpoint }]\n    : Array.isArray(breakpoint)\n    ? [\n        breakpoint[0],\n        typeof breakpoint[1] === 'number'\n          ? { w: breakpoint[1] }\n          : breakpoint[1],\n      ]\n    : [breakpoint.w, breakpoint];\n}\n"],"names":["createImagekitTransformationsParameters","transformations","parameters","calculateDimensions","w","h","push","Math","round","cm","includes","fo","xc","yc","length","join","ar","Error","createImagekitUrl","options","f","drupalImageField","src","url","entity","_f$entity","_f$entity$entity","focalPoint","originalTransformations","Array","isArray","width","height","x","_drupalImageField$ent","_drupalImageField$ent2","y","_drupalImageField$ent3","_drupalImageField$ent4","targetDimensions","sourceDimensionsCropW","sourceDimensionsCropH","sourceDimensionsCrop","containWithinBoundary","map","filter","s","srcSize","focalCenter","targetSize","min","max","normalizeBreakpoint","breakpoint","props","breakpoints","_props$breakpoints","srcSet","React","imgProps","imgSources","largestImageUrl","normalizedBreakpoints","b","sizes","aspectRatio","dimensions","forEach","i","maxWidth","set","find","minMax","previousBreakpoint","undefined","largestSource","source","si","imagekitUrlBreakpoint","every","reverse","media","key","alt"],"mappings":"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"}
+{"version":3,"file":"imagekit.cjs.production.min.js","sources":["../src/create-imagekit-url.ts","../src/parse-source.ts","../src/imagekit-image.tsx"],"sourcesContent":["import { ImagekitSrc, parseSource } from './parse-source';\n\ninterface Transformations {\n  /**\n   * Width -\n   * Used to specify the width of the output image. Accepts integer value\n   * greater than 1. If a value between 0 and 1 is specified, it acts as a\n   * percentage width. Therefore, 0.1 means 10% of the original width, 0.4\n   * means 40% of the original width, and so on.\n   */\n  w?: number;\n\n  /**\n   * Height -\n   * Used to specify the height of the output image. Accepts integer value\n   * greater than 1. If a value between 0 and 1 is specified, the value acts as\n   * a percentage height. Therefore, 0.1 means 10% of the original height, 0.4\n   * means 40% of the original height, and so on.\n   */\n  h?: number;\n\n  /**\n   * Aspect ratio -\n   * Used to specify the aspect ratio of the output image or the ratio of width\n   * to height of the output image. This parameter must be used along with\n   * either the height(h) or width(w) parameter. The format for specifying this\n   * transformation is ar-<width>-<height>\n   */\n  ar?: number;\n\n  /**\n   * Crop Mode -\n   * If only, one of the height(h) or width(w) dimension is specified, then\n   * ImageKit.io adjusts the other dimension accordingly to preserve aspect\n   * ratio and no cropping takes place.\n   * But when you specify both height(h) and width(w) dimension, you need to\n   * choose the right cropping strategy based on your website layout and desired\n   * output image.\n   */\n  cm?:\n    | 'pad_resize'\n    | 'force'\n    | 'at_max'\n    | 'at_least'\n    | 'maintain_ratio' // Default cropping\n    | 'extract'\n    | 'pad_extract';\n\n  fo?: 'default' | 'auto' | 'face';\n\n  xc?: number;\n  yc?: number;\n}\n\nexport interface Options {\n  src: ImagekitSrc;\n  transformations?: Transformations | Transformations[];\n}\n\nfunction createImagekitTransformationsParameters(\n  transformations: Transformations,\n) {\n  const parameters = [];\n  const { w, h } = calculateDimensions(transformations);\n  if (w) {\n    parameters.push(`w-${Math.round(w)}`);\n  }\n  if (h) {\n    parameters.push(`h-${Math.round(h)}`);\n  }\n  const { cm } = transformations;\n  if (cm && cm !== 'maintain_ratio') {\n    parameters.push(\n      `${['pad_resize', 'extract', 'pad_extract'].includes(cm) ? 'cm' : 'c'}-${\n        transformations.cm\n      }`,\n    );\n  }\n  if (transformations.fo && transformations.fo !== 'default') {\n    parameters.push(`fo-${transformations.fo}`);\n  }\n  if (transformations.xc) {\n    parameters.push(`xc-${transformations.xc}`);\n  }\n  if (transformations.yc) {\n    parameters.push(`yc-${transformations.yc}`);\n  }\n\n  return parameters.length ? parameters.join(',') : null;\n}\n\nexport function calculateDimensions({\n  w,\n  h,\n  ar,\n}: {\n  w?: number;\n  h?: number;\n  ar?: number;\n}): { w: number | undefined; h: number | undefined; ar: number | undefined } {\n  if (\n    (typeof w === typeof h && typeof h === typeof ar) ||\n    (!ar && typeof w !== typeof h)\n  )\n    return { w, h, ar };\n\n  if (w && h) {\n    return { w, h, ar: w / h };\n  }\n  if (w && ar) {\n    return { w, h: w / ar, ar };\n  }\n  if (h && ar) {\n    return { w: h * ar, h, ar };\n  }\n\n  throw new Error(\n    'Make sure that if \"ar\" is set, that you also set \"w\" or \"h\".',\n  );\n}\n\nexport function createImagekitUrl(options: Options) {\n  const { url: src, ...focalPoint } = parseSource(options.src);\n  if (!src) {\n    throw new Error(\n      'You need to provide either an image trough the \"src\" option, or provide an image with an \"url\" property.',\n    );\n  }\n  if (!options.transformations) {\n    return src;\n  }\n\n  let originalTransformations = Array.isArray(options.transformations)\n    ? options.transformations\n    : [options.transformations];\n\n  if (focalPoint?.x && focalPoint.y && focalPoint.width && focalPoint.height) {\n    const targetDimensions = calculateDimensions(originalTransformations[0]);\n    if (targetDimensions.ar) {\n      // We need to make the smallest crop - we calculate the dimensions on both\n      // the width and height as source, and take the smallest one.\n      const sourceDimensionsCropW = calculateDimensions({\n        ar: targetDimensions.ar,\n        w: focalPoint.width,\n      });\n      const sourceDimensionsCropH = calculateDimensions({\n        ar: targetDimensions.ar,\n        h: focalPoint.height,\n      });\n      const sourceDimensionsCrop =\n        sourceDimensionsCropW.h! < sourceDimensionsCropH.h!\n          ? sourceDimensionsCropW\n          : sourceDimensionsCropH;\n\n      originalTransformations = [\n        {\n          ...sourceDimensionsCrop,\n          cm: 'extract',\n          xc: containWithinBoundary(\n            focalPoint.width,\n            focalPoint.x,\n            sourceDimensionsCrop.w!,\n          ),\n          yc: containWithinBoundary(\n            focalPoint.height,\n            focalPoint.y,\n            sourceDimensionsCrop.h!,\n          ),\n        },\n        ...originalTransformations,\n      ];\n    }\n  }\n\n  const transformations = originalTransformations\n    .map(createImagekitTransformationsParameters)\n    .filter(s => s)\n    .join(':');\n\n  return transformations ? `${src}?tr=${transformations}` : src;\n}\n\nexport function containWithinBoundary(\n  srcSize: number,\n  focalCenter: number,\n  targetSize: number,\n) {\n  if (srcSize === targetSize) return undefined;\n  return Math.min(\n    Math.max(targetSize / 2, focalCenter),\n    srcSize - targetSize / 2,\n  );\n}\n","interface DrupalImageField {\n  url?: null | string;\n  alt?: null | string;\n  width?: null | number;\n  height?: null | number;\n  entity?: null | {\n    url?: null | string;\n    focalPoint?: null | {\n      x?: null | number;\n      y?: null | number;\n    };\n  };\n}\n\nexport type ImagekitSrc = string | DrupalImageField;\n\ninterface ParsedSource {\n  url?: string;\n  width?: number;\n  height?: number;\n  x?: number;\n  y?: number;\n}\n\nexport function parseSource(src: ImagekitSrc): ParsedSource {\n  if (typeof src === 'string') {\n    return { url: src };\n  }\n  return {\n    url: src?.entity?.url || src?.url || undefined,\n    width: src?.width || undefined,\n    height: src?.height || undefined,\n    x: src?.entity?.focalPoint?.x || undefined,\n    y: src.entity?.focalPoint?.y || undefined,\n  };\n}\n","/* eslint-disable no-param-reassign, jsx-a11y/alt-text */\nimport React, { ComponentPropsWithRef } from 'react';\nimport {\n  calculateDimensions,\n  createImagekitUrl,\n  Options,\n} from './create-imagekit-url';\n\ninterface SizeTransformations {\n  w?: number;\n  h?: number;\n  ar?: number;\n}\n\ntype BreakpointSetting =\n  | number\n  | [number, SizeTransformations | number]\n  | SizeTransformations;\n\ninterface Props extends Omit<ComponentPropsWithRef<'img'>, 'src'> {\n  src: Options['src'];\n  breakpoints?: BreakpointSetting[];\n  aspectRatio?: number;\n  transformations?: Options['transformations'];\n}\n\nexport function ImagekitImage(props: Props) {\n  const { src, transformations, breakpoints, aspectRatio, ...imgProps } = props;\n\n  // If there are no breakpoints or an srcSet has already been provided, there\n  // is nothing special we can do here. Just return an img component.\n  if (!props.breakpoints?.length || props.srcSet) {\n    return (\n      <img src={createImagekitUrl({ src, transformations })} {...imgProps} />\n    );\n  }\n\n  const imgSources: {\n    // Used as key of this source.\n    ar: number | undefined;\n\n    // Used to calculate the props.\n    minMax: { min?: number; max?: number }[];\n    breakpoints: NormalizedBreakpoint[];\n\n    // Calculated props.\n    srcSet?: string;\n    sizes?: string;\n    media?: string;\n  }[] = [];\n\n  let largestImageUrl: [number, string] | null = null;\n\n  if (props.breakpoints?.length && !props.srcSet) {\n    const normalizedBreakpoints = props.breakpoints\n      .map(normalizeBreakpoint)\n      .map(b => {\n        // If no ar was provided, use the aspectRatio prop.\n        const sizes = { ar: props.aspectRatio, ...b[1] };\n\n        // If there is an aspectRatio but no width, use the maxWidth as image\n        // width.\n        if (!sizes.h && !sizes.w && sizes.ar) {\n          // eslint-disable-next-line prefer-destructuring\n          sizes.w = b[0];\n        }\n\n        // Now calculate the final dimensions.\n        const dimensions = calculateDimensions(sizes);\n\n        // If no maxWidth was given and there was only a height and aspect ratio\n        // available, we use the calculated w dimension as maxWidth.\n        return [b[0] || dimensions.w, dimensions] as const;\n      });\n\n    normalizedBreakpoints.forEach(([maxWidth, sizes], i) => {\n      // Set up the new image source.\n      let set = imgSources.find(s => s.ar === sizes.ar);\n      if (!set) {\n        set = {\n          ar: sizes.ar,\n          minMax: [],\n          breakpoints: [],\n        };\n        imgSources.push(set);\n      }\n      set.breakpoints.push([maxWidth, sizes]);\n\n      // If the previous breakpoint has another aspect ratio, this is a new\n      // source. This means that the min-width of this source is one pixel more\n      // as the max-width of the previous source (which is the previous\n      // breakpoint).\n      const previousBreakpoint = normalizedBreakpoints[i - 1];\n      if (!previousBreakpoint || previousBreakpoint[1].ar !== sizes.ar) {\n        set.minMax.push({\n          min: previousBreakpoint?.[0] ? previousBreakpoint[0] + 1 : undefined,\n        });\n      }\n\n      // Set the max-width (will be overwritten until the last max-width of this\n      // source).\n      set.minMax[set.minMax.length - 1].max = maxWidth;\n    });\n\n    if (!imgSources.length) {\n      throw new Error(\n        'Internal @burst/imagekit error - when there are breakpoints, there should be at least one image source (collection of breakpoints with the same aspect ratio).',\n      );\n    }\n\n    // To make sure that the largest image is always shown, we remove the last\n    // maxWidth on the source containing the last breakpoint.\n    const largestSource = imgSources.find(\n      source =>\n        source.ar ===\n        normalizedBreakpoints[normalizedBreakpoints.length - 1][1].ar,\n    );\n    if (largestSource) {\n      delete largestSource.minMax[largestSource.minMax.length - 1].max;\n    }\n\n    imgSources.forEach((source, si) => {\n      // Now, calculate the srcSet of every source.\n      source.srcSet = source.breakpoints\n        .map(([, sizes]) => {\n          const imagekitUrlBreakpoint = createImagekitUrl({\n            src,\n            transformations: [\n              ...(Array.isArray(transformations)\n                ? transformations\n                : transformations\n                ? [transformations]\n                : []),\n              sizes,\n            ],\n          });\n\n          if (sizes.w && (!largestImageUrl || largestImageUrl[0] < sizes.w)) {\n            largestImageUrl = [sizes.w, imagekitUrlBreakpoint];\n          }\n\n          return `${imagekitUrlBreakpoint} ${sizes.w}w`;\n        })\n        .join(', ');\n\n      // Calculate the sizes of every source.\n      source.sizes =\n        (source.breakpoints.length >= 2 &&\n          !source.breakpoints.every(s => s[0] === s[1].w) &&\n          source.breakpoints\n            .map(([, sizes], i) => {\n              const previousBreakpoint = source.breakpoints[i - 1];\n              if (!previousBreakpoint || !previousBreakpoint[0]) {\n                return `${sizes.w}px`;\n              }\n              return `(min-width: ${previousBreakpoint[0] + 1}px) ${sizes.w}px`;\n            })\n            .reverse()\n            .join(', ')) ||\n        '100vw';\n\n      // Calculate the media prop of all sources.\n      // If it's the first item, it will always be rendered. So there is no need\n      // for a media query then.\n      // If there is only one item in the minMax (there should be at least one)\n      // then we only need to print it if it has a 'min'.\n      if (si > 0 && (source.minMax.length > 1 || source.minMax[0].min)) {\n        source.media = source.minMax\n          .map(({ min, max }) =>\n            min && max\n              ? `(min-width: ${min}px) and (max-width: ${max}px)`\n              : min\n              ? `(min-width: ${min}px)`\n              : `(max-width: ${max}px)`,\n          )\n          .join(', ');\n      }\n    });\n  }\n\n  if (!largestImageUrl) {\n    throw new Error(\n      'Internal @burst/imagekit error - when there are breakpoints, there should be one image url generated.',\n    );\n  }\n\n  // If there is just one source, we can do everything in one img element.\n  if (imgSources.length === 1) {\n    return (\n      <img\n        src={largestImageUrl[1]}\n        srcSet={imgSources[0].srcSet}\n        sizes={imgSources[0].sizes}\n        {...imgProps}\n      />\n    );\n  }\n\n  // If it's more then one source, we will render a picture element. We need the\n  // largest imgSource on top.\n  imgSources.reverse();\n\n  return (\n    <picture>\n      {imgSources.map(source => (\n        <source\n          key={source.ar || 'original'}\n          media={source.media}\n          srcSet={source.srcSet}\n          sizes={source.sizes}\n        />\n      ))}\n      <img\n        src={largestImageUrl[1]}\n        alt={(typeof props.src !== 'string' && props.src.alt) || undefined}\n        {...imgProps}\n      />\n    </picture>\n  );\n}\n\ntype NormalizedBreakpoint = [number | undefined, SizeTransformations];\n\nfunction normalizeBreakpoint(\n  breakpoint: BreakpointSetting,\n): NormalizedBreakpoint {\n  return typeof breakpoint === 'number'\n    ? [breakpoint, { w: breakpoint }]\n    : Array.isArray(breakpoint)\n    ? [\n        breakpoint[0],\n        typeof breakpoint[1] === 'number'\n          ? { w: breakpoint[1] }\n          : breakpoint[1],\n      ]\n    : [breakpoint.w, breakpoint];\n}\n"],"names":["createImagekitTransformationsParameters","transformations","parameters","calculateDimensions","w","h","push","Math","round","cm","includes","fo","xc","yc","length","join","ar","Error","createImagekitUrl","options","src","url","entity","undefined","width","height","x","focalPoint","y","parseSource","originalTransformations","Array","isArray","targetDimensions","sourceDimensionsCropW","sourceDimensionsCropH","sourceDimensionsCrop","containWithinBoundary","map","filter","s","srcSize","focalCenter","targetSize","min","max","normalizeBreakpoint","breakpoint","props","breakpoints","_props$breakpoints","srcSet","React","imgProps","imgSources","largestImageUrl","normalizedBreakpoints","b","sizes","aspectRatio","dimensions","forEach","i","maxWidth","set","find","minMax","previousBreakpoint","largestSource","source","si","imagekitUrlBreakpoint","every","reverse","media","key","alt"],"mappings":"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"}

dist/imagekit.esm.js

@@ -36,2 +36,20 @@ import React from 'react';
 
+function parseSource(src) {
+  var _src$entity, _src$entity2, _src$entity2$focalPoi, _src$entity3, _src$entity3$focalPoi;
+
+  if (typeof src === 'string') {
+    return {
+      url: src
+    };
+  }
+
+  return {
+    url: (src === null || src === void 0 ? void 0 : (_src$entity = src.entity) === null || _src$entity === void 0 ? void 0 : _src$entity.url) || (src === null || src === void 0 ? void 0 : src.url) || undefined,
+    width: (src === null || src === void 0 ? void 0 : src.width) || undefined,
+    height: (src === null || src === void 0 ? void 0 : src.height) || undefined,
+    x: (src === null || src === void 0 ? void 0 : (_src$entity2 = src.entity) === null || _src$entity2 === void 0 ? void 0 : (_src$entity2$focalPoi = _src$entity2.focalPoint) === null || _src$entity2$focalPoi === void 0 ? void 0 : _src$entity2$focalPoi.x) || undefined,
+    y: ((_src$entity3 = src.entity) === null || _src$entity3 === void 0 ? void 0 : (_src$entity3$focalPoi = _src$entity3.focalPoint) === null || _src$entity3$focalPoi === void 0 ? void 0 : _src$entity3$focalPoi.y) || undefined
+  };
+}
+
 function createImagekitTransformationsParameters(transformations) {
@@ -110,7 +128,6 @@ var parameters = [];
 function createImagekitUrl(options) {
-  var _drupalImageField$ent, _drupalImageField$ent2, _drupalImageField$ent3, _drupalImageField$ent4;
+  var _parseSource = parseSource(options.src),
+      src = _parseSource.url,
+      focalPoint = _objectWithoutPropertiesLoose(_parseSource, ["url"]);
 
-  var drupalImageField = getDrupalImageField(options.src);
-  var src = drupalImageField === null || drupalImageField === void 0 ? void 0 : drupalImageField.url;
-
   if (!src) {
@@ -125,8 +142,2 @@ throw new Error('You need to provide either an image trough the "src" option, or provide an image with an "url" property.');
   var originalTransformations = Array.isArray(options.transformations) ? options.transformations : [options.transformations];
-  var focalPoint = drupalImageField && {
-    width: drupalImageField.width,
-    height: drupalImageField.height,
-    x: (_drupalImageField$ent = drupalImageField.entity) === null || _drupalImageField$ent === void 0 ? void 0 : (_drupalImageField$ent2 = _drupalImageField$ent.focalPoint) === null || _drupalImageField$ent2 === void 0 ? void 0 : _drupalImageField$ent2.x,
-    y: (_drupalImageField$ent3 = drupalImageField.entity) === null || _drupalImageField$ent3 === void 0 ? void 0 : (_drupalImageField$ent4 = _drupalImageField$ent3.focalPoint) === null || _drupalImageField$ent4 === void 0 ? void 0 : _drupalImageField$ent4.y
-  };
 
@@ -166,12 +177,2 @@ if ((focalPoint === null || focalPoint === void 0 ? void 0 : focalPoint.x) && focalPoint.y && focalPoint.width && focalPoint.height) {
 
-function getDrupalImageField(f) {
-  var _f$entity, _f$entity$entity;
-
-  if (typeof f === 'string') return {
-    url: f
-  };
-  if ((_f$entity = f.entity) === null || _f$entity === void 0 ? void 0 : (_f$entity$entity = _f$entity.entity) === null || _f$entity$entity === void 0 ? void 0 : _f$entity$entity.focalPoint) return f.entity;
-  return f;
-}
-
 function ImagekitImage(props) {
@@ -178,0 +179,0 @@ var _props$breakpoints, _props$breakpoints2;

dist/imagekit.esm.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"imagekit.esm.js","sources":["../src/create-imagekit-url.ts","../src/imagekit-image.tsx"],"sourcesContent":["interface Transformations {\n  /**\n   * Width -\n   * Used to specify the width of the output image. Accepts integer value\n   * greater than 1. If a value between 0 and 1 is specified, it acts as a\n   * percentage width. Therefore, 0.1 means 10% of the original width, 0.4\n   * means 40% of the original width, and so on.\n   */\n  w?: number;\n\n  /**\n   * Height -\n   * Used to specify the height of the output image. Accepts integer value\n   * greater than 1. If a value between 0 and 1 is specified, the value acts as\n   * a percentage height. Therefore, 0.1 means 10% of the original height, 0.4\n   * means 40% of the original height, and so on.\n   */\n  h?: number;\n\n  /**\n   * Aspect ratio -\n   * Used to specify the aspect ratio of the output image or the ratio of width\n   * to height of the output image. This parameter must be used along with\n   * either the height(h) or width(w) parameter. The format for specifying this\n   * transformation is ar-<width>-<height>\n   */\n  ar?: number;\n\n  /**\n   * Crop Mode -\n   * If only, one of the height(h) or width(w) dimension is specified, then\n   * ImageKit.io adjusts the other dimension accordingly to preserve aspect\n   * ratio and no cropping takes place.\n   * But when you specify both height(h) and width(w) dimension, you need to\n   * choose the right cropping strategy based on your website layout and desired\n   * output image.\n   */\n  cm?:\n    | 'pad_resize'\n    | 'force'\n    | 'at_max'\n    | 'at_least'\n    | 'maintain_ratio' // Default cropping\n    | 'extract'\n    | 'pad_extract';\n\n  fo?: 'default' | 'auto' | 'face';\n\n  xc?: number;\n  yc?: number;\n}\n\ninterface DrupalImageField {\n  url?: null | string;\n  width?: null | number;\n  height?: null | number;\n  entity?: null | {\n    focalPoint?: null | {\n      x?: null | number;\n      y?: null | number;\n    };\n  };\n}\n\nexport interface Options {\n  src:\n    | string\n    | (DrupalImageField & {\n        entity?: DrupalImageField | null;\n        alt?: string | null;\n      });\n  transformations?: Transformations | Transformations[];\n}\n\nfunction createImagekitTransformationsParameters(\n  transformations: Transformations,\n) {\n  const parameters = [];\n  const { w, h } = calculateDimensions(transformations);\n  if (w) {\n    parameters.push(`w-${Math.round(w)}`);\n  }\n  if (h) {\n    parameters.push(`h-${Math.round(h)}`);\n  }\n  const { cm } = transformations;\n  if (cm && cm !== 'maintain_ratio') {\n    parameters.push(\n      `${['pad_resize', 'extract', 'pad_extract'].includes(cm) ? 'cm' : 'c'}-${\n        transformations.cm\n      }`,\n    );\n  }\n  if (transformations.fo && transformations.fo !== 'default') {\n    parameters.push(`fo-${transformations.fo}`);\n  }\n  if (transformations.xc) {\n    parameters.push(`xc-${transformations.xc}`);\n  }\n  if (transformations.yc) {\n    parameters.push(`yc-${transformations.yc}`);\n  }\n\n  return parameters.length ? parameters.join(',') : null;\n}\n\nexport function calculateDimensions({\n  w,\n  h,\n  ar,\n}: {\n  w?: number;\n  h?: number;\n  ar?: number;\n}): { w: number | undefined; h: number | undefined; ar: number | undefined } {\n  if (\n    (typeof w === typeof h && typeof h === typeof ar) ||\n    (!ar && typeof w !== typeof h)\n  )\n    return { w, h, ar };\n\n  if (w && h) {\n    return { w, h, ar: w / h };\n  }\n  if (w && ar) {\n    return { w, h: w / ar, ar };\n  }\n  if (h && ar) {\n    return { w: h * ar, h, ar };\n  }\n\n  throw new Error(\n    'Make sure that if \"ar\" is set, that you also set \"w\" or \"h\".',\n  );\n}\n\nexport function createImagekitUrl(options: Options) {\n  const drupalImageField = getDrupalImageField(options.src);\n  const src = drupalImageField?.url;\n  if (!src) {\n    throw new Error(\n      'You need to provide either an image trough the \"src\" option, or provide an image with an \"url\" property.',\n    );\n  }\n  if (!options.transformations) {\n    return src;\n  }\n\n  let originalTransformations = Array.isArray(options.transformations)\n    ? options.transformations\n    : [options.transformations];\n\n  const focalPoint = drupalImageField && {\n    width: drupalImageField.width,\n    height: drupalImageField.height,\n    x: drupalImageField.entity?.focalPoint?.x,\n    y: drupalImageField.entity?.focalPoint?.y,\n  };\n\n  if (focalPoint?.x && focalPoint.y && focalPoint.width && focalPoint.height) {\n    const targetDimensions = calculateDimensions(originalTransformations[0]);\n    if (targetDimensions.ar) {\n      // We need to make the smallest crop - we calculate the dimensions on both\n      // the width and height as source, and take the smallest one.\n      const sourceDimensionsCropW = calculateDimensions({\n        ar: targetDimensions.ar,\n        w: focalPoint.width,\n      });\n      const sourceDimensionsCropH = calculateDimensions({\n        ar: targetDimensions.ar,\n        h: focalPoint.height,\n      });\n      const sourceDimensionsCrop =\n        sourceDimensionsCropW.h! < sourceDimensionsCropH.h!\n          ? sourceDimensionsCropW\n          : sourceDimensionsCropH;\n\n      originalTransformations = [\n        {\n          ...sourceDimensionsCrop,\n          cm: 'extract',\n          xc: containWithinBoundary(\n            focalPoint.width,\n            focalPoint.x,\n            sourceDimensionsCrop.w!,\n          ),\n          yc: containWithinBoundary(\n            focalPoint.height,\n            focalPoint.y,\n            sourceDimensionsCrop.h!,\n          ),\n        },\n        ...originalTransformations,\n      ];\n    }\n  }\n\n  const transformations = originalTransformations\n    .map(createImagekitTransformationsParameters)\n    .filter(s => s)\n    .join(':');\n\n  return transformations ? `${src}?tr=${transformations}` : src;\n}\n\nexport function containWithinBoundary(\n  srcSize: number,\n  focalCenter: number,\n  targetSize: number,\n) {\n  if (srcSize === targetSize) return undefined;\n  return Math.min(\n    Math.max(targetSize / 2, focalCenter),\n    srcSize - targetSize / 2,\n  );\n}\n\nfunction getDrupalImageField(\n  f: string | (DrupalImageField & { entity?: DrupalImageField | null }),\n): DrupalImageField {\n  if (typeof f === 'string') return { url: f };\n  if (f.entity?.entity?.focalPoint) return f.entity;\n  return f;\n}\n","/* eslint-disable no-param-reassign, jsx-a11y/alt-text */\nimport React, { ComponentPropsWithRef } from 'react';\nimport {\n  calculateDimensions,\n  createImagekitUrl,\n  Options,\n} from './create-imagekit-url';\n\ninterface SizeTransformations {\n  w?: number;\n  h?: number;\n  ar?: number;\n}\n\ntype BreakpointSetting =\n  | number\n  | [number, SizeTransformations | number]\n  | SizeTransformations;\n\ninterface Props extends Omit<ComponentPropsWithRef<'img'>, 'src'> {\n  src: Options['src'];\n  breakpoints?: BreakpointSetting[];\n  aspectRatio?: number;\n  transformations?: Options['transformations'];\n}\n\nexport function ImagekitImage(props: Props) {\n  const { src, transformations, breakpoints, aspectRatio, ...imgProps } = props;\n\n  // If there are no breakpoints or an srcSet has already been provided, there\n  // is nothing special we can do here. Just return an img component.\n  if (!props.breakpoints?.length || props.srcSet) {\n    return (\n      <img src={createImagekitUrl({ src, transformations })} {...imgProps} />\n    );\n  }\n\n  const imgSources: {\n    // Used as key of this source.\n    ar: number | undefined;\n\n    // Used to calculate the props.\n    minMax: { min?: number; max?: number }[];\n    breakpoints: NormalizedBreakpoint[];\n\n    // Calculated props.\n    srcSet?: string;\n    sizes?: string;\n    media?: string;\n  }[] = [];\n\n  let largestImageUrl: [number, string] | null = null;\n\n  if (props.breakpoints?.length && !props.srcSet) {\n    const normalizedBreakpoints = props.breakpoints\n      .map(normalizeBreakpoint)\n      .map(b => {\n        // If no ar was provided, use the aspectRatio prop.\n        const sizes = { ar: props.aspectRatio, ...b[1] };\n\n        // If there is an aspectRatio but no width, use the maxWidth as image\n        // width.\n        if (!sizes.h && !sizes.w && sizes.ar) {\n          // eslint-disable-next-line prefer-destructuring\n          sizes.w = b[0];\n        }\n\n        // Now calculate the final dimensions.\n        const dimensions = calculateDimensions(sizes);\n\n        // If no maxWidth was given and there was only a height and aspect ratio\n        // available, we use the calculated w dimension as maxWidth.\n        return [b[0] || dimensions.w, dimensions] as const;\n      });\n\n    normalizedBreakpoints.forEach(([maxWidth, sizes], i) => {\n      // Set up the new image source.\n      let set = imgSources.find(s => s.ar === sizes.ar);\n      if (!set) {\n        set = {\n          ar: sizes.ar,\n          minMax: [],\n          breakpoints: [],\n        };\n        imgSources.push(set);\n      }\n      set.breakpoints.push([maxWidth, sizes]);\n\n      // If the previous breakpoint has another aspect ratio, this is a new\n      // source. This means that the min-width of this source is one pixel more\n      // as the max-width of the previous source (which is the previous\n      // breakpoint).\n      const previousBreakpoint = normalizedBreakpoints[i - 1];\n      if (!previousBreakpoint || previousBreakpoint[1].ar !== sizes.ar) {\n        set.minMax.push({\n          min: previousBreakpoint?.[0] ? previousBreakpoint[0] + 1 : undefined,\n        });\n      }\n\n      // Set the max-width (will be overwritten until the last max-width of this\n      // source).\n      set.minMax[set.minMax.length - 1].max = maxWidth;\n    });\n\n    if (!imgSources.length) {\n      throw new Error(\n        'Internal @burst/imagekit error - when there are breakpoints, there should be at least one image source (collection of breakpoints with the same aspect ratio).',\n      );\n    }\n\n    // To make sure that the largest image is always shown, we remove the last\n    // maxWidth on the source containing the last breakpoint.\n    const largestSource = imgSources.find(\n      source =>\n        source.ar ===\n        normalizedBreakpoints[normalizedBreakpoints.length - 1][1].ar,\n    );\n    if (largestSource) {\n      delete largestSource.minMax[largestSource.minMax.length - 1].max;\n    }\n\n    imgSources.forEach((source, si) => {\n      // Now, calculate the srcSet of every source.\n      source.srcSet = source.breakpoints\n        .map(([, sizes]) => {\n          const imagekitUrlBreakpoint = createImagekitUrl({\n            src,\n            transformations: [\n              ...(Array.isArray(transformations)\n                ? transformations\n                : transformations\n                ? [transformations]\n                : []),\n              sizes,\n            ],\n          });\n\n          if (sizes.w && (!largestImageUrl || largestImageUrl[0] < sizes.w)) {\n            largestImageUrl = [sizes.w, imagekitUrlBreakpoint];\n          }\n\n          return `${imagekitUrlBreakpoint} ${sizes.w}w`;\n        })\n        .join(', ');\n\n      // Calculate the sizes of every source.\n      source.sizes =\n        (source.breakpoints.length >= 2 &&\n          !source.breakpoints.every(s => s[0] === s[1].w) &&\n          source.breakpoints\n            .map(([, sizes], i) => {\n              const previousBreakpoint = source.breakpoints[i - 1];\n              if (!previousBreakpoint || !previousBreakpoint[0]) {\n                return `${sizes.w}px`;\n              }\n              return `(min-width: ${previousBreakpoint[0] + 1}px) ${sizes.w}px`;\n            })\n            .reverse()\n            .join(', ')) ||\n        '100vw';\n\n      // Calculate the media prop of all sources.\n      // If it's the first item, it will always be rendered. So there is no need\n      // for a media query then.\n      // If there is only one item in the minMax (there should be at least one)\n      // then we only need to print it if it has a 'min'.\n      if (si > 0 && (source.minMax.length > 1 || source.minMax[0].min)) {\n        source.media = source.minMax\n          .map(({ min, max }) =>\n            min && max\n              ? `(min-width: ${min}px) and (max-width: ${max}px)`\n              : min\n              ? `(min-width: ${min}px)`\n              : `(max-width: ${max}px)`,\n          )\n          .join(', ');\n      }\n    });\n  }\n\n  if (!largestImageUrl) {\n    throw new Error(\n      'Internal @burst/imagekit error - when there are breakpoints, there should be one image url generated.',\n    );\n  }\n\n  // If there is just one source, we can do everything in one img element.\n  if (imgSources.length === 1) {\n    return (\n      <img\n        src={largestImageUrl[1]}\n        srcSet={imgSources[0].srcSet}\n        sizes={imgSources[0].sizes}\n        {...imgProps}\n      />\n    );\n  }\n\n  // If it's more then one source, we will render a picture element. We need the\n  // largest imgSource on top.\n  imgSources.reverse();\n\n  return (\n    <picture>\n      {imgSources.map(source => (\n        <source\n          key={source.ar || 'original'}\n          media={source.media}\n          srcSet={source.srcSet}\n          sizes={source.sizes}\n        />\n      ))}\n      <img\n        src={largestImageUrl[1]}\n        alt={(typeof props.src !== 'string' && props.src.alt) || undefined}\n        {...imgProps}\n      />\n    </picture>\n  );\n}\n\ntype NormalizedBreakpoint = [number | undefined, SizeTransformations];\n\nfunction normalizeBreakpoint(\n  breakpoint: BreakpointSetting,\n): NormalizedBreakpoint {\n  return typeof breakpoint === 'number'\n    ? [breakpoint, { w: breakpoint }]\n    : Array.isArray(breakpoint)\n    ? [\n        breakpoint[0],\n        typeof breakpoint[1] === 'number'\n          ? { w: breakpoint[1] }\n          : breakpoint[1],\n      ]\n    : [breakpoint.w, breakpoint];\n}\n"],"names":["createImagekitTransformationsParameters","transformations","parameters","calculateDimensions","w","h","push","Math","round","cm","includes","fo","xc","yc","length","join","ar","Error","createImagekitUrl","options","drupalImageField","getDrupalImageField","src","url","originalTransformations","Array","isArray","focalPoint","width","height","x","entity","y","targetDimensions","sourceDimensionsCropW","sourceDimensionsCropH","sourceDimensionsCrop","containWithinBoundary","map","filter","s","srcSize","focalCenter","targetSize","undefined","min","max","f","ImagekitImage","props","breakpoints","imgProps","srcSet","React","imgSources","largestImageUrl","normalizedBreakpoints","normalizeBreakpoint","b","sizes","aspectRatio","dimensions","forEach","i","maxWidth","set","find","minMax","previousBreakpoint","largestSource","source","si","imagekitUrlBreakpoint","every","reverse","media","key","alt","breakpoint"],"mappings":"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"}
+{"version":3,"file":"imagekit.esm.js","sources":["../src/parse-source.ts","../src/create-imagekit-url.ts","../src/imagekit-image.tsx"],"sourcesContent":["interface DrupalImageField {\n  url?: null | string;\n  alt?: null | string;\n  width?: null | number;\n  height?: null | number;\n  entity?: null | {\n    url?: null | string;\n    focalPoint?: null | {\n      x?: null | number;\n      y?: null | number;\n    };\n  };\n}\n\nexport type ImagekitSrc = string | DrupalImageField;\n\ninterface ParsedSource {\n  url?: string;\n  width?: number;\n  height?: number;\n  x?: number;\n  y?: number;\n}\n\nexport function parseSource(src: ImagekitSrc): ParsedSource {\n  if (typeof src === 'string') {\n    return { url: src };\n  }\n  return {\n    url: src?.entity?.url || src?.url || undefined,\n    width: src?.width || undefined,\n    height: src?.height || undefined,\n    x: src?.entity?.focalPoint?.x || undefined,\n    y: src.entity?.focalPoint?.y || undefined,\n  };\n}\n","import { ImagekitSrc, parseSource } from './parse-source';\n\ninterface Transformations {\n  /**\n   * Width -\n   * Used to specify the width of the output image. Accepts integer value\n   * greater than 1. If a value between 0 and 1 is specified, it acts as a\n   * percentage width. Therefore, 0.1 means 10% of the original width, 0.4\n   * means 40% of the original width, and so on.\n   */\n  w?: number;\n\n  /**\n   * Height -\n   * Used to specify the height of the output image. Accepts integer value\n   * greater than 1. If a value between 0 and 1 is specified, the value acts as\n   * a percentage height. Therefore, 0.1 means 10% of the original height, 0.4\n   * means 40% of the original height, and so on.\n   */\n  h?: number;\n\n  /**\n   * Aspect ratio -\n   * Used to specify the aspect ratio of the output image or the ratio of width\n   * to height of the output image. This parameter must be used along with\n   * either the height(h) or width(w) parameter. The format for specifying this\n   * transformation is ar-<width>-<height>\n   */\n  ar?: number;\n\n  /**\n   * Crop Mode -\n   * If only, one of the height(h) or width(w) dimension is specified, then\n   * ImageKit.io adjusts the other dimension accordingly to preserve aspect\n   * ratio and no cropping takes place.\n   * But when you specify both height(h) and width(w) dimension, you need to\n   * choose the right cropping strategy based on your website layout and desired\n   * output image.\n   */\n  cm?:\n    | 'pad_resize'\n    | 'force'\n    | 'at_max'\n    | 'at_least'\n    | 'maintain_ratio' // Default cropping\n    | 'extract'\n    | 'pad_extract';\n\n  fo?: 'default' | 'auto' | 'face';\n\n  xc?: number;\n  yc?: number;\n}\n\nexport interface Options {\n  src: ImagekitSrc;\n  transformations?: Transformations | Transformations[];\n}\n\nfunction createImagekitTransformationsParameters(\n  transformations: Transformations,\n) {\n  const parameters = [];\n  const { w, h } = calculateDimensions(transformations);\n  if (w) {\n    parameters.push(`w-${Math.round(w)}`);\n  }\n  if (h) {\n    parameters.push(`h-${Math.round(h)}`);\n  }\n  const { cm } = transformations;\n  if (cm && cm !== 'maintain_ratio') {\n    parameters.push(\n      `${['pad_resize', 'extract', 'pad_extract'].includes(cm) ? 'cm' : 'c'}-${\n        transformations.cm\n      }`,\n    );\n  }\n  if (transformations.fo && transformations.fo !== 'default') {\n    parameters.push(`fo-${transformations.fo}`);\n  }\n  if (transformations.xc) {\n    parameters.push(`xc-${transformations.xc}`);\n  }\n  if (transformations.yc) {\n    parameters.push(`yc-${transformations.yc}`);\n  }\n\n  return parameters.length ? parameters.join(',') : null;\n}\n\nexport function calculateDimensions({\n  w,\n  h,\n  ar,\n}: {\n  w?: number;\n  h?: number;\n  ar?: number;\n}): { w: number | undefined; h: number | undefined; ar: number | undefined } {\n  if (\n    (typeof w === typeof h && typeof h === typeof ar) ||\n    (!ar && typeof w !== typeof h)\n  )\n    return { w, h, ar };\n\n  if (w && h) {\n    return { w, h, ar: w / h };\n  }\n  if (w && ar) {\n    return { w, h: w / ar, ar };\n  }\n  if (h && ar) {\n    return { w: h * ar, h, ar };\n  }\n\n  throw new Error(\n    'Make sure that if \"ar\" is set, that you also set \"w\" or \"h\".',\n  );\n}\n\nexport function createImagekitUrl(options: Options) {\n  const { url: src, ...focalPoint } = parseSource(options.src);\n  if (!src) {\n    throw new Error(\n      'You need to provide either an image trough the \"src\" option, or provide an image with an \"url\" property.',\n    );\n  }\n  if (!options.transformations) {\n    return src;\n  }\n\n  let originalTransformations = Array.isArray(options.transformations)\n    ? options.transformations\n    : [options.transformations];\n\n  if (focalPoint?.x && focalPoint.y && focalPoint.width && focalPoint.height) {\n    const targetDimensions = calculateDimensions(originalTransformations[0]);\n    if (targetDimensions.ar) {\n      // We need to make the smallest crop - we calculate the dimensions on both\n      // the width and height as source, and take the smallest one.\n      const sourceDimensionsCropW = calculateDimensions({\n        ar: targetDimensions.ar,\n        w: focalPoint.width,\n      });\n      const sourceDimensionsCropH = calculateDimensions({\n        ar: targetDimensions.ar,\n        h: focalPoint.height,\n      });\n      const sourceDimensionsCrop =\n        sourceDimensionsCropW.h! < sourceDimensionsCropH.h!\n          ? sourceDimensionsCropW\n          : sourceDimensionsCropH;\n\n      originalTransformations = [\n        {\n          ...sourceDimensionsCrop,\n          cm: 'extract',\n          xc: containWithinBoundary(\n            focalPoint.width,\n            focalPoint.x,\n            sourceDimensionsCrop.w!,\n          ),\n          yc: containWithinBoundary(\n            focalPoint.height,\n            focalPoint.y,\n            sourceDimensionsCrop.h!,\n          ),\n        },\n        ...originalTransformations,\n      ];\n    }\n  }\n\n  const transformations = originalTransformations\n    .map(createImagekitTransformationsParameters)\n    .filter(s => s)\n    .join(':');\n\n  return transformations ? `${src}?tr=${transformations}` : src;\n}\n\nexport function containWithinBoundary(\n  srcSize: number,\n  focalCenter: number,\n  targetSize: number,\n) {\n  if (srcSize === targetSize) return undefined;\n  return Math.min(\n    Math.max(targetSize / 2, focalCenter),\n    srcSize - targetSize / 2,\n  );\n}\n","/* eslint-disable no-param-reassign, jsx-a11y/alt-text */\nimport React, { ComponentPropsWithRef } from 'react';\nimport {\n  calculateDimensions,\n  createImagekitUrl,\n  Options,\n} from './create-imagekit-url';\n\ninterface SizeTransformations {\n  w?: number;\n  h?: number;\n  ar?: number;\n}\n\ntype BreakpointSetting =\n  | number\n  | [number, SizeTransformations | number]\n  | SizeTransformations;\n\ninterface Props extends Omit<ComponentPropsWithRef<'img'>, 'src'> {\n  src: Options['src'];\n  breakpoints?: BreakpointSetting[];\n  aspectRatio?: number;\n  transformations?: Options['transformations'];\n}\n\nexport function ImagekitImage(props: Props) {\n  const { src, transformations, breakpoints, aspectRatio, ...imgProps } = props;\n\n  // If there are no breakpoints or an srcSet has already been provided, there\n  // is nothing special we can do here. Just return an img component.\n  if (!props.breakpoints?.length || props.srcSet) {\n    return (\n      <img src={createImagekitUrl({ src, transformations })} {...imgProps} />\n    );\n  }\n\n  const imgSources: {\n    // Used as key of this source.\n    ar: number | undefined;\n\n    // Used to calculate the props.\n    minMax: { min?: number; max?: number }[];\n    breakpoints: NormalizedBreakpoint[];\n\n    // Calculated props.\n    srcSet?: string;\n    sizes?: string;\n    media?: string;\n  }[] = [];\n\n  let largestImageUrl: [number, string] | null = null;\n\n  if (props.breakpoints?.length && !props.srcSet) {\n    const normalizedBreakpoints = props.breakpoints\n      .map(normalizeBreakpoint)\n      .map(b => {\n        // If no ar was provided, use the aspectRatio prop.\n        const sizes = { ar: props.aspectRatio, ...b[1] };\n\n        // If there is an aspectRatio but no width, use the maxWidth as image\n        // width.\n        if (!sizes.h && !sizes.w && sizes.ar) {\n          // eslint-disable-next-line prefer-destructuring\n          sizes.w = b[0];\n        }\n\n        // Now calculate the final dimensions.\n        const dimensions = calculateDimensions(sizes);\n\n        // If no maxWidth was given and there was only a height and aspect ratio\n        // available, we use the calculated w dimension as maxWidth.\n        return [b[0] || dimensions.w, dimensions] as const;\n      });\n\n    normalizedBreakpoints.forEach(([maxWidth, sizes], i) => {\n      // Set up the new image source.\n      let set = imgSources.find(s => s.ar === sizes.ar);\n      if (!set) {\n        set = {\n          ar: sizes.ar,\n          minMax: [],\n          breakpoints: [],\n        };\n        imgSources.push(set);\n      }\n      set.breakpoints.push([maxWidth, sizes]);\n\n      // If the previous breakpoint has another aspect ratio, this is a new\n      // source. This means that the min-width of this source is one pixel more\n      // as the max-width of the previous source (which is the previous\n      // breakpoint).\n      const previousBreakpoint = normalizedBreakpoints[i - 1];\n      if (!previousBreakpoint || previousBreakpoint[1].ar !== sizes.ar) {\n        set.minMax.push({\n          min: previousBreakpoint?.[0] ? previousBreakpoint[0] + 1 : undefined,\n        });\n      }\n\n      // Set the max-width (will be overwritten until the last max-width of this\n      // source).\n      set.minMax[set.minMax.length - 1].max = maxWidth;\n    });\n\n    if (!imgSources.length) {\n      throw new Error(\n        'Internal @burst/imagekit error - when there are breakpoints, there should be at least one image source (collection of breakpoints with the same aspect ratio).',\n      );\n    }\n\n    // To make sure that the largest image is always shown, we remove the last\n    // maxWidth on the source containing the last breakpoint.\n    const largestSource = imgSources.find(\n      source =>\n        source.ar ===\n        normalizedBreakpoints[normalizedBreakpoints.length - 1][1].ar,\n    );\n    if (largestSource) {\n      delete largestSource.minMax[largestSource.minMax.length - 1].max;\n    }\n\n    imgSources.forEach((source, si) => {\n      // Now, calculate the srcSet of every source.\n      source.srcSet = source.breakpoints\n        .map(([, sizes]) => {\n          const imagekitUrlBreakpoint = createImagekitUrl({\n            src,\n            transformations: [\n              ...(Array.isArray(transformations)\n                ? transformations\n                : transformations\n                ? [transformations]\n                : []),\n              sizes,\n            ],\n          });\n\n          if (sizes.w && (!largestImageUrl || largestImageUrl[0] < sizes.w)) {\n            largestImageUrl = [sizes.w, imagekitUrlBreakpoint];\n          }\n\n          return `${imagekitUrlBreakpoint} ${sizes.w}w`;\n        })\n        .join(', ');\n\n      // Calculate the sizes of every source.\n      source.sizes =\n        (source.breakpoints.length >= 2 &&\n          !source.breakpoints.every(s => s[0] === s[1].w) &&\n          source.breakpoints\n            .map(([, sizes], i) => {\n              const previousBreakpoint = source.breakpoints[i - 1];\n              if (!previousBreakpoint || !previousBreakpoint[0]) {\n                return `${sizes.w}px`;\n              }\n              return `(min-width: ${previousBreakpoint[0] + 1}px) ${sizes.w}px`;\n            })\n            .reverse()\n            .join(', ')) ||\n        '100vw';\n\n      // Calculate the media prop of all sources.\n      // If it's the first item, it will always be rendered. So there is no need\n      // for a media query then.\n      // If there is only one item in the minMax (there should be at least one)\n      // then we only need to print it if it has a 'min'.\n      if (si > 0 && (source.minMax.length > 1 || source.minMax[0].min)) {\n        source.media = source.minMax\n          .map(({ min, max }) =>\n            min && max\n              ? `(min-width: ${min}px) and (max-width: ${max}px)`\n              : min\n              ? `(min-width: ${min}px)`\n              : `(max-width: ${max}px)`,\n          )\n          .join(', ');\n      }\n    });\n  }\n\n  if (!largestImageUrl) {\n    throw new Error(\n      'Internal @burst/imagekit error - when there are breakpoints, there should be one image url generated.',\n    );\n  }\n\n  // If there is just one source, we can do everything in one img element.\n  if (imgSources.length === 1) {\n    return (\n      <img\n        src={largestImageUrl[1]}\n        srcSet={imgSources[0].srcSet}\n        sizes={imgSources[0].sizes}\n        {...imgProps}\n      />\n    );\n  }\n\n  // If it's more then one source, we will render a picture element. We need the\n  // largest imgSource on top.\n  imgSources.reverse();\n\n  return (\n    <picture>\n      {imgSources.map(source => (\n        <source\n          key={source.ar || 'original'}\n          media={source.media}\n          srcSet={source.srcSet}\n          sizes={source.sizes}\n        />\n      ))}\n      <img\n        src={largestImageUrl[1]}\n        alt={(typeof props.src !== 'string' && props.src.alt) || undefined}\n        {...imgProps}\n      />\n    </picture>\n  );\n}\n\ntype NormalizedBreakpoint = [number | undefined, SizeTransformations];\n\nfunction normalizeBreakpoint(\n  breakpoint: BreakpointSetting,\n): NormalizedBreakpoint {\n  return typeof breakpoint === 'number'\n    ? [breakpoint, { w: breakpoint }]\n    : Array.isArray(breakpoint)\n    ? [\n        breakpoint[0],\n        typeof breakpoint[1] === 'number'\n          ? { w: breakpoint[1] }\n          : breakpoint[1],\n      ]\n    : [breakpoint.w, breakpoint];\n}\n"],"names":["parseSource","src","url","entity","undefined","width","height","x","focalPoint","y","createImagekitTransformationsParameters","transformations","parameters","calculateDimensions","w","h","push","Math","round","cm","includes","fo","xc","yc","length","join","ar","Error","createImagekitUrl","options","originalTransformations","Array","isArray","targetDimensions","sourceDimensionsCropW","sourceDimensionsCropH","sourceDimensionsCrop","containWithinBoundary","map","filter","s","srcSize","focalCenter","targetSize","min","max","ImagekitImage","props","breakpoints","imgProps","srcSet","React","imgSources","largestImageUrl","normalizedBreakpoints","normalizeBreakpoint","b","sizes","aspectRatio","dimensions","forEach","i","maxWidth","set","find","minMax","previousBreakpoint","largestSource","source","si","imagekitUrlBreakpoint","every","reverse","media","key","alt","breakpoint"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAwBgBA,YAAYC;;;AAC1B,MAAI,OAAOA,GAAP,KAAe,QAAnB,EAA6B;AAC3B,WAAO;AAAEC,MAAAA,GAAG,EAAED;AAAP,KAAP;AACD;;AACD,SAAO;AACLC,IAAAA,GAAG,EAAE,CAAAD,GAAG,SAAH,IAAAA,GAAG,WAAH,2BAAAA,GAAG,CAAEE,MAAL,4DAAaD,GAAb,MAAoBD,GAApB,aAAoBA,GAApB,uBAAoBA,GAAG,CAAEC,GAAzB,KAAgCE,SADhC;AAELC,IAAAA,KAAK,EAAE,CAAAJ,GAAG,SAAH,IAAAA,GAAG,WAAH,YAAAA,GAAG,CAAEI,KAAL,KAAcD,SAFhB;AAGLE,IAAAA,MAAM,EAAE,CAAAL,GAAG,SAAH,IAAAA,GAAG,WAAH,YAAAA,GAAG,CAAEK,MAAL,KAAeF,SAHlB;AAILG,IAAAA,CAAC,EAAE,CAAAN,GAAG,SAAH,IAAAA,GAAG,WAAH,4BAAAA,GAAG,CAAEE,MAAL,uFAAaK,UAAb,gFAAyBD,CAAzB,KAA8BH,SAJ5B;AAKLK,IAAAA,CAAC,EAAE,iBAAAR,GAAG,CAACE,MAAJ,uFAAYK,UAAZ,gFAAwBC,CAAxB,KAA6BL;AAL3B,GAAP;AAOD;;ACwBD,SAASM,uCAAT,CACEC,eADF;AAGE,MAAMC,UAAU,GAAG,EAAnB;;6BACiBC,mBAAmB,CAACF,eAAD;MAA5BG,yBAAAA;MAAGC,yBAAAA;;AACX,MAAID,CAAJ,EAAO;AACLF,IAAAA,UAAU,CAACI,IAAX,QAAqBC,IAAI,CAACC,KAAL,CAAWJ,CAAX,CAArB;AACD;;AACD,MAAIC,CAAJ,EAAO;AACLH,IAAAA,UAAU,CAACI,IAAX,QAAqBC,IAAI,CAACC,KAAL,CAAWH,CAAX,CAArB;AACD;;MACOI,KAAOR,gBAAPQ;;AACR,MAAIA,EAAE,IAAIA,EAAE,KAAK,gBAAjB,EAAmC;AACjCP,IAAAA,UAAU,CAACI,IAAX,EACK,CAAC,YAAD,EAAe,SAAf,EAA0B,aAA1B,EAAyCI,QAAzC,CAAkDD,EAAlD,IAAwD,IAAxD,GAA+D,GADpE,UAEIR,eAAe,CAACQ,EAFpB;AAKD;;AACD,MAAIR,eAAe,CAACU,EAAhB,IAAsBV,eAAe,CAACU,EAAhB,KAAuB,SAAjD,EAA4D;AAC1DT,IAAAA,UAAU,CAACI,IAAX,SAAsBL,eAAe,CAACU,EAAtC;AACD;;AACD,MAAIV,eAAe,CAACW,EAApB,EAAwB;AACtBV,IAAAA,UAAU,CAACI,IAAX,SAAsBL,eAAe,CAACW,EAAtC;AACD;;AACD,MAAIX,eAAe,CAACY,EAApB,EAAwB;AACtBX,IAAAA,UAAU,CAACI,IAAX,SAAsBL,eAAe,CAACY,EAAtC;AACD;;AAED,SAAOX,UAAU,CAACY,MAAX,GAAoBZ,UAAU,CAACa,IAAX,CAAgB,GAAhB,CAApB,GAA2C,IAAlD;AACD;;AAED,SAAgBZ;MACdC,SAAAA;MACAC,SAAAA;MACAW,UAAAA;AAMA,MACG,OAAOZ,CAAP,KAAa,OAAOC,CAApB,IAAyB,OAAOA,CAAP,KAAa,OAAOW,EAA9C,IACC,CAACA,EAAD,IAAO,OAAOZ,CAAP,KAAa,OAAOC,CAF9B,EAIE,OAAO;AAAED,IAAAA,CAAC,EAADA,CAAF;AAAKC,IAAAA,CAAC,EAADA,CAAL;AAAQW,IAAAA,EAAE,EAAFA;AAAR,GAAP;;AAEF,MAAIZ,CAAC,IAAIC,CAAT,EAAY;AACV,WAAO;AAAED,MAAAA,CAAC,EAADA,CAAF;AAAKC,MAAAA,CAAC,EAADA,CAAL;AAAQW,MAAAA,EAAE,EAAEZ,CAAC,GAAGC;AAAhB,KAAP;AACD;;AACD,MAAID,CAAC,IAAIY,EAAT,EAAa;AACX,WAAO;AAAEZ,MAAAA,CAAC,EAADA,CAAF;AAAKC,MAAAA,CAAC,EAAED,CAAC,GAAGY,EAAZ;AAAgBA,MAAAA,EAAE,EAAFA;AAAhB,KAAP;AACD;;AACD,MAAIX,CAAC,IAAIW,EAAT,EAAa;AACX,WAAO;AAAEZ,MAAAA,CAAC,EAAEC,CAAC,GAAGW,EAAT;AAAaX,MAAAA,CAAC,EAADA,CAAb;AAAgBW,MAAAA,EAAE,EAAFA;AAAhB,KAAP;AACD;;AAED,QAAM,IAAIC,KAAJ,CACJ,8DADI,CAAN;AAGD;AAED,SAAgBC,kBAAkBC;qBACI7B,WAAW,CAAC6B,OAAO,CAAC5B,GAAT;MAAlCA,mBAALC;MAAaM;;AACrB,MAAI,CAACP,GAAL,EAAU;AACR,UAAM,IAAI0B,KAAJ,CACJ,0GADI,CAAN;AAGD;;AACD,MAAI,CAACE,OAAO,CAAClB,eAAb,EAA8B;AAC5B,WAAOV,GAAP;AACD;;AAED,MAAI6B,uBAAuB,GAAGC,KAAK,CAACC,OAAN,CAAcH,OAAO,CAAClB,eAAtB,IAC1BkB,OAAO,CAAClB,eADkB,GAE1B,CAACkB,OAAO,CAAClB,eAAT,CAFJ;;AAIA,MAAI,CAAAH,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAED,CAAZ,KAAiBC,UAAU,CAACC,CAA5B,IAAiCD,UAAU,CAACH,KAA5C,IAAqDG,UAAU,CAACF,MAApE,EAA4E;AAC1E,QAAM2B,gBAAgB,GAAGpB,mBAAmB,CAACiB,uBAAuB,CAAC,CAAD,CAAxB,CAA5C;;AACA,QAAIG,gBAAgB,CAACP,EAArB,EAAyB;AACvB;AACA;AACA,UAAMQ,qBAAqB,GAAGrB,mBAAmB,CAAC;AAChDa,QAAAA,EAAE,EAAEO,gBAAgB,CAACP,EAD2B;AAEhDZ,QAAAA,CAAC,EAAEN,UAAU,CAACH;AAFkC,OAAD,CAAjD;AAIA,UAAM8B,qBAAqB,GAAGtB,mBAAmB,CAAC;AAChDa,QAAAA,EAAE,EAAEO,gBAAgB,CAACP,EAD2B;AAEhDX,QAAAA,CAAC,EAAEP,UAAU,CAACF;AAFkC,OAAD,CAAjD;AAIA,UAAM8B,oBAAoB,GACxBF,qBAAqB,CAACnB,CAAtB,GAA2BoB,qBAAqB,CAACpB,CAAjD,GACImB,qBADJ,GAEIC,qBAHN;AAKAL,MAAAA,uBAAuB,iBAEhBM,oBAFgB;AAGnBjB,QAAAA,EAAE,EAAE,SAHe;AAInBG,QAAAA,EAAE,EAAEe,qBAAqB,CACvB7B,UAAU,CAACH,KADY,EAEvBG,UAAU,CAACD,CAFY,EAGvB6B,oBAAoB,CAACtB,CAHE,CAJN;AASnBS,QAAAA,EAAE,EAAEc,qBAAqB,CACvB7B,UAAU,CAACF,MADY,EAEvBE,UAAU,CAACC,CAFY,EAGvB2B,oBAAoB,CAACrB,CAHE;AATN,iBAelBe,uBAfkB,CAAvB;AAiBD;AACF;;AAED,MAAMnB,eAAe,GAAGmB,uBAAuB,CAC5CQ,GADqB,CACjB5B,uCADiB,EAErB6B,MAFqB,CAEd,UAAAC,CAAC;AAAA,WAAIA,CAAJ;AAAA,GAFa,EAGrBf,IAHqB,CAGhB,GAHgB,CAAxB;AAKA,SAAOd,eAAe,GAAMV,GAAN,YAAgBU,eAAhB,GAAoCV,GAA1D;AACD;AAED,SAAgBoC,sBACdI,SACAC,aACAC;AAEA,MAAIF,OAAO,KAAKE,UAAhB,EAA4B,OAAOvC,SAAP;AAC5B,SAAOa,IAAI,CAAC2B,GAAL,CACL3B,IAAI,CAAC4B,GAAL,CAASF,UAAU,GAAG,CAAtB,EAAyBD,WAAzB,CADK,EAELD,OAAO,GAAGE,UAAU,GAAG,CAFlB,CAAP;AAID;;SCtKeG,cAAcC;;;MACpB9C,MAAgE8C,MAAhE9C;MAAKU,kBAA2DoC,MAA3DpC;MAAiBqC,AAA6BC,yCAAaF;AAGxE;;;AACA,MAAI,wBAACA,KAAK,CAACC,WAAP,uDAAC,mBAAmBxB,MAApB,KAA8BuB,KAAK,CAACG,MAAxC,EAAgD;AAC9C,WACEC,mBAAA,MAAA;AAAKlD,MAAAA,GAAG,EAAE2B,iBAAiB,CAAC;AAAE3B,QAAAA,GAAG,EAAHA,GAAF;AAAOU,QAAAA,eAAe,EAAfA;AAAP,OAAD;OAAgCsC,SAA3D,CADF;AAGD;;AAED,MAAMG,UAAU,GAYV,EAZN;AAcA,MAAIC,eAAe,GAA4B,IAA/C;;AAEA,MAAI,wBAAAN,KAAK,CAACC,WAAN,4EAAmBxB,MAAnB,KAA6B,CAACuB,KAAK,CAACG,MAAxC,EAAgD;AAC9C,QAAMI,qBAAqB,GAAGP,KAAK,CAACC,WAAN,CAC3BV,GAD2B,CACvBiB,mBADuB,EAE3BjB,GAF2B,CAEvB,UAAAkB,CAAC;AACJ;AACA,UAAMC,KAAK;AAAK/B,QAAAA,EAAE,EAAEqB,KAAK,CAACW;AAAf,SAA+BF,CAAC,CAAC,CAAD,CAAhC,CAAX;AAGA;;;AACA,UAAI,CAACC,KAAK,CAAC1C,CAAP,IAAY,CAAC0C,KAAK,CAAC3C,CAAnB,IAAwB2C,KAAK,CAAC/B,EAAlC,EAAsC;AACpC;AACA+B,QAAAA,KAAK,CAAC3C,CAAN,GAAU0C,CAAC,CAAC,CAAD,CAAX;AACD;;;AAGD,UAAMG,UAAU,GAAG9C,mBAAmB,CAAC4C,KAAD,CAAtC;AAGA;;AACA,aAAO,CAACD,CAAC,CAAC,CAAD,CAAD,IAAQG,UAAU,CAAC7C,CAApB,EAAuB6C,UAAvB,CAAP;AACD,KAnB2B,CAA9B;AAqBAL,IAAAA,qBAAqB,CAACM,OAAtB,CAA8B,gBAAoBC,CAApB;UAAEC;UAAUL;AACxC;AACA,UAAIM,GAAG,GAAGX,UAAU,CAACY,IAAX,CAAgB,UAAAxB,CAAC;AAAA,eAAIA,CAAC,CAACd,EAAF,KAAS+B,KAAK,CAAC/B,EAAnB;AAAA,OAAjB,CAAV;;AACA,UAAI,CAACqC,GAAL,EAAU;AACRA,QAAAA,GAAG,GAAG;AACJrC,UAAAA,EAAE,EAAE+B,KAAK,CAAC/B,EADN;AAEJuC,UAAAA,MAAM,EAAE,EAFJ;AAGJjB,UAAAA,WAAW,EAAE;AAHT,SAAN;AAKAI,QAAAA,UAAU,CAACpC,IAAX,CAAgB+C,GAAhB;AACD;;AACDA,MAAAA,GAAG,CAACf,WAAJ,CAAgBhC,IAAhB,CAAqB,CAAC8C,QAAD,EAAWL,KAAX,CAArB;AAGA;AACA;AACA;;AACA,UAAMS,kBAAkB,GAAGZ,qBAAqB,CAACO,CAAC,GAAG,CAAL,CAAhD;;AACA,UAAI,CAACK,kBAAD,IAAuBA,kBAAkB,CAAC,CAAD,CAAlB,CAAsBxC,EAAtB,KAA6B+B,KAAK,CAAC/B,EAA9D,EAAkE;AAChEqC,QAAAA,GAAG,CAACE,MAAJ,CAAWjD,IAAX,CAAgB;AACd4B,UAAAA,GAAG,EAAE,CAAAsB,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,YAAAA,kBAAkB,CAAG,CAAH,CAAlB,IAA0BA,kBAAkB,CAAC,CAAD,CAAlB,GAAwB,CAAlD,GAAsD9D;AAD7C,SAAhB;AAGD;AAGD;;;AACA2D,MAAAA,GAAG,CAACE,MAAJ,CAAWF,GAAG,CAACE,MAAJ,CAAWzC,MAAX,GAAoB,CAA/B,EAAkCqB,GAAlC,GAAwCiB,QAAxC;AACD,KA3BD;;AA6BA,QAAI,CAACV,UAAU,CAAC5B,MAAhB,EAAwB;AACtB,YAAM,IAAIG,KAAJ,CACJ,gKADI,CAAN;AAGD,KAvD6C;AA0D9C;;;AACA,QAAMwC,aAAa,GAAGf,UAAU,CAACY,IAAX,CACpB,UAAAI,MAAM;AAAA,aACJA,MAAM,CAAC1C,EAAP,KACA4B,qBAAqB,CAACA,qBAAqB,CAAC9B,MAAtB,GAA+B,CAAhC,CAArB,CAAwD,CAAxD,EAA2DE,EAFvD;AAAA,KADc,CAAtB;;AAKA,QAAIyC,aAAJ,EAAmB;AACjB,aAAOA,aAAa,CAACF,MAAd,CAAqBE,aAAa,CAACF,MAAd,CAAqBzC,MAArB,GAA8B,CAAnD,EAAsDqB,GAA7D;AACD;;AAEDO,IAAAA,UAAU,CAACQ,OAAX,CAAmB,UAACQ,MAAD,EAASC,EAAT;AACjB;AACAD,MAAAA,MAAM,CAAClB,MAAP,GAAgBkB,MAAM,CAACpB,WAAP,CACbV,GADa,CACT;YAAImB;AACP,YAAMa,qBAAqB,GAAG1C,iBAAiB,CAAC;AAC9C3B,UAAAA,GAAG,EAAHA,GAD8C;AAE9CU,UAAAA,eAAe,YACToB,KAAK,CAACC,OAAN,CAAcrB,eAAd,IACAA,eADA,GAEAA,eAAe,GACf,CAACA,eAAD,CADe,GAEf,EALS,GAMb8C,KANa;AAF+B,SAAD,CAA/C;;AAYA,YAAIA,KAAK,CAAC3C,CAAN,KAAY,CAACuC,eAAD,IAAoBA,eAAe,CAAC,CAAD,CAAf,GAAqBI,KAAK,CAAC3C,CAA3D,CAAJ,EAAmE;AACjEuC,UAAAA,eAAe,GAAG,CAACI,KAAK,CAAC3C,CAAP,EAAUwD,qBAAV,CAAlB;AACD;;AAED,eAAUA,qBAAV,SAAmCb,KAAK,CAAC3C,CAAzC;AACD,OAnBa,EAoBbW,IApBa,CAoBR,IApBQ,CAAhB;;AAuBA2C,MAAAA,MAAM,CAACX,KAAP,GACGW,MAAM,CAACpB,WAAP,CAAmBxB,MAAnB,IAA6B,CAA7B,IACC,CAAC4C,MAAM,CAACpB,WAAP,CAAmBuB,KAAnB,CAAyB,UAAA/B,CAAC;AAAA,eAAIA,CAAC,CAAC,CAAD,CAAD,KAASA,CAAC,CAAC,CAAD,CAAD,CAAK1B,CAAlB;AAAA,OAA1B,CADF,IAECsD,MAAM,CAACpB,WAAP,CACGV,GADH,CACO,iBAAYuB,CAAZ;YAAIJ;AACP,YAAMS,kBAAkB,GAAGE,MAAM,CAACpB,WAAP,CAAmBa,CAAC,GAAG,CAAvB,CAA3B;;AACA,YAAI,CAACK,kBAAD,IAAuB,CAACA,kBAAkB,CAAC,CAAD,CAA9C,EAAmD;AACjD,iBAAUT,KAAK,CAAC3C,CAAhB;AACD;;AACD,iCAAsBoD,kBAAkB,CAAC,CAAD,CAAlB,GAAwB,CAA9C,aAAsDT,KAAK,CAAC3C,CAA5D;AACD,OAPH,EAQG0D,OARH,GASG/C,IATH,CASQ,IATR,CAFF,IAYA,OAbF;AAgBA;AACA;AACA;AACA;;AACA,UAAI4C,EAAE,GAAG,CAAL,KAAWD,MAAM,CAACH,MAAP,CAAczC,MAAd,GAAuB,CAAvB,IAA4B4C,MAAM,CAACH,MAAP,CAAc,CAAd,EAAiBrB,GAAxD,CAAJ,EAAkE;AAChEwB,QAAAA,MAAM,CAACK,KAAP,GAAeL,MAAM,CAACH,MAAP,CACZ3B,GADY,CACR;AAAA,cAAGM,GAAH,SAAGA,GAAH;AAAA,cAAQC,GAAR,SAAQA,GAAR;AAAA,iBACHD,GAAG,IAAIC,GAAP,oBACmBD,GADnB,4BAC6CC,GAD7C,WAEID,GAAG,oBACYA,GADZ,4BAEYC,GAFZ,QAHJ;AAAA,SADQ,EAQZpB,IARY,CAQP,IARO,CAAf;AASD;AACF,KAxDD;AAyDD;;AAED,MAAI,CAAC4B,eAAL,EAAsB;AACpB,UAAM,IAAI1B,KAAJ,CACJ,uGADI,CAAN;AAGD;;;AAGD,MAAIyB,UAAU,CAAC5B,MAAX,KAAsB,CAA1B,EAA6B;AAC3B,WACE2B,mBAAA,MAAA;AACElD,MAAAA,GAAG,EAAEoD,eAAe,CAAC,CAAD;AACpBH,MAAAA,MAAM,EAAEE,UAAU,CAAC,CAAD,CAAV,CAAcF;AACtBO,MAAAA,KAAK,EAAEL,UAAU,CAAC,CAAD,CAAV,CAAcK;OACjBR,SAJN,CADF;AAQD;AAGD;;;AACAG,EAAAA,UAAU,CAACoB,OAAX;AAEA,SACErB,mBAAA,UAAA,MAAA,EACGC,UAAU,CAACd,GAAX,CAAe,UAAA8B,MAAM;AAAA,WACpBjB,mBAAA,SAAA;AACEuB,MAAAA,GAAG,EAAEN,MAAM,CAAC1C,EAAP,IAAa;AAClB+C,MAAAA,KAAK,EAAEL,MAAM,CAACK;AACdvB,MAAAA,MAAM,EAAEkB,MAAM,CAAClB;AACfO,MAAAA,KAAK,EAAEW,MAAM,CAACX;KAJhB,CADoB;AAAA,GAArB,CADH,EASEN,mBAAA,MAAA;AACElD,IAAAA,GAAG,EAAEoD,eAAe,CAAC,CAAD;AACpBsB,IAAAA,GAAG,EAAG,OAAO5B,KAAK,CAAC9C,GAAb,KAAqB,QAArB,IAAiC8C,KAAK,CAAC9C,GAAN,CAAU0E,GAA5C,IAAoDvE;KACrD6C,SAHN,CATF,CADF;AAiBD;;AAID,SAASM,mBAAT,CACEqB,UADF;AAGE,SAAO,OAAOA,UAAP,KAAsB,QAAtB,GACH,CAACA,UAAD,EAAa;AAAE9D,IAAAA,CAAC,EAAE8D;AAAL,GAAb,CADG,GAEH7C,KAAK,CAACC,OAAN,CAAc4C,UAAd,IACA,CACEA,UAAU,CAAC,CAAD,CADZ,EAEE,OAAOA,UAAU,CAAC,CAAD,CAAjB,KAAyB,QAAzB,GACI;AAAE9D,IAAAA,CAAC,EAAE8D,UAAU,CAAC,CAAD;AAAf,GADJ,GAEIA,UAAU,CAAC,CAAD,CAJhB,CADA,GAOA,CAACA,UAAU,CAAC9D,CAAZ,EAAe8D,UAAf,CATJ;AAUD;;;;"}

dist/index.d.ts

 export { createImagekitUrl } from './create-imagekit-url';
 export { ImagekitImage } from './imagekit-image';
+export { ImagekitSrc } from './parse-source';

package.json

@@ -5,3 +5,3 @@ {
   "repository": "https://git.burst-digital.com/protected/utils/react-components",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "sideEffects": false,
@@ -8,0 +8,0 @@ "main": "dist/index.js",

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

106665

0.51%

Number of package files

13

8.33%

Lines of code

685

1.93%

Number of medium supply chain risk alerts

0

-100%

No dependency changes