@farm.js/core 0.1.0-beta.6 → 0.1.0-beta.8

package/dist/image.cjs

@@ -0,0 +1,209 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/image.tsx
+var image_exports = {};
+__export(image_exports, {
+  Image: () => Image,
+  default: () => image_default,
+  getImageProps: () => getImageProps
+});
+module.exports = __toCommonJS(image_exports);
+var import_react = require("react");
+var ReactDOM = __toESM(require("react-dom"));
+
+// src/image-config.ts
+var DEFAULT_FARM_IMAGE_PATH = "/_farm/image";
+var DEFAULT_FARM_IMAGE_DEVICE_SIZES = [
+  640,
+  750,
+  828,
+  1080,
+  1200,
+  1920,
+  2048,
+  3840
+];
+var DEFAULT_FARM_IMAGE_SIZES = [16, 32, 48, 64, 96, 128, 256, 384];
+var DEFAULT_FARM_IMAGE_QUALITIES = [75];
+var DEFAULT_FARM_IMAGE_FORMATS = ["image/webp"];
+
+// src/image.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var FALLBACK_CONFIG = {
+  provider: "auto",
+  path: DEFAULT_FARM_IMAGE_PATH,
+  deviceSizes: DEFAULT_FARM_IMAGE_DEVICE_SIZES,
+  imageSizes: DEFAULT_FARM_IMAGE_SIZES,
+  qualities: DEFAULT_FARM_IMAGE_QUALITIES,
+  formats: DEFAULT_FARM_IMAGE_FORMATS
+};
+function getImageConfig() {
+  return typeof __FARM_IMAGE_CONFIG__ !== "undefined" && __FARM_IMAGE_CONFIG__ ? __FARM_IMAGE_CONFIG__ : FALLBACK_CONFIG;
+}
+__name(getImageConfig, "getImageConfig");
+function defaultImageLoader(config) {
+  return ({ src, width, quality }) => {
+    const query = new URLSearchParams({
+      url: src,
+      w: String(width),
+      q: String(quality)
+    });
+    return `${config.path}?${query}`;
+  };
+}
+__name(defaultImageLoader, "defaultImageLoader");
+function getClosestQuality(quality, allowed) {
+  const requested = quality ?? 75;
+  return allowed.reduce(
+    (closest, candidate) => Math.abs(candidate - requested) < Math.abs(closest - requested) ? candidate : closest
+  );
+}
+__name(getClosestQuality, "getClosestQuality");
+function getCandidateWidths(config, width, sizes, fill) {
+  const allSizes = [.../* @__PURE__ */ new Set([...config.imageSizes, ...config.deviceSizes])].sort(
+    (left, right) => left - right
+  );
+  if (fill || sizes) {
+    const viewportPercentages = [...sizes?.matchAll(/(^|\s)(\d{1,3})vw/g) ?? []].map(
+      (match) => Number(match[2])
+    );
+    if (viewportPercentages.length > 0) {
+      const smallestRatio = Math.min(...viewportPercentages) / 100;
+      const minimum = config.deviceSizes[0] * smallestRatio;
+      return { widths: allSizes.filter((candidate) => candidate >= minimum), descriptor: "w" };
+    }
+    return { widths: allSizes, descriptor: "w" };
+  }
+  if (!width) return { widths: config.deviceSizes.slice(), descriptor: "w" };
+  const requested = [width, width * 2];
+  const widths = requested.map(
+    (target) => allSizes.find((candidate) => candidate >= target) ?? allSizes.at(-1)
+  );
+  return { widths: [...new Set(widths)], descriptor: "x" };
+}
+__name(getCandidateWidths, "getCandidateWidths");
+function isStaticImageData(value) {
+  return typeof value === "object" && value !== null && typeof value.src === "string";
+}
+__name(isStaticImageData, "isStaticImageData");
+function shouldSkipOptimization(src, config) {
+  return config.provider === "none" || src.startsWith("data:") || src.startsWith("blob:") || /\.svg(?:$|[?#])/i.test(src);
+}
+__name(shouldSkipOptimization, "shouldSkipOptimization");
+function getImageProps(input) {
+  const {
+    src: srcInput,
+    alt,
+    width: widthInput,
+    height: heightInput,
+    fill = false,
+    quality: qualityInput,
+    sizes: sizesInput,
+    loading,
+    preload: preload2 = false,
+    placeholder = "empty",
+    blurDataURL: blurDataURLInput,
+    unoptimized: unoptimizedInput = false,
+    loader: loaderInput,
+    style,
+    ...rest
+  } = input;
+  const config = getImageConfig();
+  const staticImage = isStaticImageData(srcInput) ? srcInput : void 0;
+  const src = typeof srcInput === "string" ? srcInput : srcInput.src;
+  const width = Number(widthInput ?? staticImage?.width) || void 0;
+  const height = Number(heightInput ?? staticImage?.height) || void 0;
+  const blurDataURL = blurDataURLInput ?? staticImage?.blurDataURL;
+  if (!fill && (!width || !height)) {
+    throw new TypeError(
+      "Farm Image requires width and height unless src is a static import or fill is enabled"
+    );
+  }
+  if (fill && (widthInput !== void 0 || heightInput !== void 0)) {
+    throw new TypeError("Farm Image cannot use width or height together with fill");
+  }
+  if (placeholder === "blur" && !blurDataURL) {
+    throw new TypeError("Farm Image placeholder=blur requires a static import or blurDataURL");
+  }
+  const unoptimized = unoptimizedInput || shouldSkipOptimization(src, config);
+  const quality = getClosestQuality(qualityInput, config.qualities);
+  const loader = loaderInput ?? defaultImageLoader(config);
+  const sizes = sizesInput ?? (fill ? "100vw" : void 0);
+  const candidates = getCandidateWidths(config, width, sizes, fill);
+  const srcSet = unoptimized ? void 0 : candidates.widths.map((candidate, index) => {
+    const descriptor = candidates.descriptor === "w" ? `${candidate}w` : `${index + 1}x`;
+    return `${loader({ src, width: candidate, quality })} ${descriptor}`;
+  }).join(", ");
+  const renderedSrc = unoptimized ? src : loader({ src, width: candidates.widths.at(-1) ?? width ?? config.deviceSizes[0], quality });
+  const fillStyle = fill ? { position: "absolute", inset: 0, width: "100%", height: "100%" } : void 0;
+  const placeholderStyle = placeholder === "blur" ? {
+    backgroundImage: `url("${blurDataURL}")`,
+    backgroundPosition: "50% 50%",
+    backgroundRepeat: "no-repeat",
+    backgroundSize: "cover"
+  } : void 0;
+  return {
+    props: {
+      ...rest,
+      alt,
+      src: renderedSrc,
+      srcSet,
+      sizes,
+      width: fill ? void 0 : width,
+      height: fill ? void 0 : height,
+      loading: preload2 ? "eager" : loading ?? "lazy",
+      fetchPriority: preload2 ? "high" : rest.fetchPriority,
+      decoding: rest.decoding ?? "async",
+      style: { ...fillStyle, ...placeholderStyle, ...style }
+    }
+  };
+}
+__name(getImageProps, "getImageProps");
+var Image = (0, import_react.forwardRef)(/* @__PURE__ */ __name(function Image2(input, ref) {
+  const { props } = getImageProps(input);
+  if (input.preload && typeof ReactDOM.preload === "function") {
+    ReactDOM.preload(props.src, {
+      as: "image",
+      imageSrcSet: props.srcSet,
+      imageSizes: props.sizes,
+      fetchPriority: "high"
+    });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { ...props, ref });
+}, "Image"));
+Image.displayName = "Image";
+var image_default = Image;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Image,
+  getImageProps
+});
+//# sourceMappingURL=image.cjs.map

package/dist/image.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/image.tsx","../src/image-config.ts"],"sourcesContent":["import { forwardRef, type CSSProperties, type ImgHTMLAttributes, type SyntheticEvent } from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport {\n  DEFAULT_FARM_IMAGE_DEVICE_SIZES,\n  DEFAULT_FARM_IMAGE_FORMATS,\n  DEFAULT_FARM_IMAGE_PATH,\n  DEFAULT_FARM_IMAGE_QUALITIES,\n  DEFAULT_FARM_IMAGE_SIZES,\n  type PublicFarmImageConfig,\n} from \"./image-config\";\n\ndeclare const __FARM_IMAGE_CONFIG__: PublicFarmImageConfig | undefined;\n\nexport interface StaticImageData {\n  src: string;\n  width: number;\n  height: number;\n  blurDataURL?: string;\n}\n\nexport interface FarmImageLoaderProps {\n  src: string;\n  width: number;\n  quality: number;\n}\n\nexport type FarmImageLoader = (props: FarmImageLoaderProps) => string;\n\nexport interface ImageProps extends Omit<\n  ImgHTMLAttributes<HTMLImageElement>,\n  \"src\" | \"srcSet\" | \"width\" | \"height\" | \"loading\" | \"placeholder\"\n> {\n  src: string | StaticImageData;\n  alt: string;\n  width?: number | `${number}`;\n  height?: number | `${number}`;\n  fill?: boolean;\n  quality?: number;\n  sizes?: string;\n  loading?: \"eager\" | \"lazy\";\n  preload?: boolean;\n  placeholder?: \"empty\" | \"blur\";\n  blurDataURL?: string;\n  unoptimized?: boolean;\n  loader?: FarmImageLoader;\n  onLoad?: (event: SyntheticEvent<HTMLImageElement>) => void;\n}\n\nexport interface ImagePropsResult {\n  props: ImgHTMLAttributes<HTMLImageElement>;\n}\n\nconst FALLBACK_CONFIG: PublicFarmImageConfig = {\n  provider: \"auto\",\n  path: DEFAULT_FARM_IMAGE_PATH,\n  deviceSizes: DEFAULT_FARM_IMAGE_DEVICE_SIZES,\n  imageSizes: DEFAULT_FARM_IMAGE_SIZES,\n  qualities: DEFAULT_FARM_IMAGE_QUALITIES,\n  formats: DEFAULT_FARM_IMAGE_FORMATS,\n};\n\nfunction getImageConfig(): PublicFarmImageConfig {\n  return typeof __FARM_IMAGE_CONFIG__ !== \"undefined\" && __FARM_IMAGE_CONFIG__\n    ? __FARM_IMAGE_CONFIG__\n    : FALLBACK_CONFIG;\n}\n\nfunction defaultImageLoader(config: PublicFarmImageConfig): FarmImageLoader {\n  return ({ src, width, quality }) => {\n    const query = new URLSearchParams({\n      url: src,\n      w: String(width),\n      q: String(quality),\n    });\n    return `${config.path}?${query}`;\n  };\n}\n\nfunction getClosestQuality(quality: number | undefined, allowed: readonly number[]): number {\n  const requested = quality ?? 75;\n  return allowed.reduce((closest, candidate) =>\n    Math.abs(candidate - requested) < Math.abs(closest - requested) ? candidate : closest,\n  );\n}\n\nfunction getCandidateWidths(\n  config: PublicFarmImageConfig,\n  width: number | undefined,\n  sizes: string | undefined,\n  fill: boolean,\n): { widths: number[]; descriptor: \"w\" | \"x\" } {\n  const allSizes = [...new Set([...config.imageSizes, ...config.deviceSizes])].sort(\n    (left, right) => left - right,\n  );\n\n  if (fill || sizes) {\n    const viewportPercentages = [...(sizes?.matchAll(/(^|\\s)(\\d{1,3})vw/g) ?? [])].map((match) =>\n      Number(match[2]),\n    );\n    if (viewportPercentages.length > 0) {\n      const smallestRatio = Math.min(...viewportPercentages) / 100;\n      const minimum = config.deviceSizes[0] * smallestRatio;\n      return { widths: allSizes.filter((candidate) => candidate >= minimum), descriptor: \"w\" };\n    }\n    return { widths: allSizes, descriptor: \"w\" };\n  }\n\n  if (!width) return { widths: config.deviceSizes.slice(), descriptor: \"w\" };\n\n  const requested = [width, width * 2];\n  const widths = requested.map(\n    (target) => allSizes.find((candidate) => candidate >= target) ?? allSizes.at(-1)!,\n  );\n  return { widths: [...new Set(widths)], descriptor: \"x\" };\n}\n\nfunction isStaticImageData(value: ImageProps[\"src\"]): value is StaticImageData {\n  return typeof value === \"object\" && value !== null && typeof value.src === \"string\";\n}\n\nfunction shouldSkipOptimization(src: string, config: PublicFarmImageConfig): boolean {\n  return (\n    config.provider === \"none\" ||\n    src.startsWith(\"data:\") ||\n    src.startsWith(\"blob:\") ||\n    /\\.svg(?:$|[?#])/i.test(src)\n  );\n}\n\nexport function getImageProps(input: ImageProps): ImagePropsResult {\n  const {\n    src: srcInput,\n    alt,\n    width: widthInput,\n    height: heightInput,\n    fill = false,\n    quality: qualityInput,\n    sizes: sizesInput,\n    loading,\n    preload = false,\n    placeholder = \"empty\",\n    blurDataURL: blurDataURLInput,\n    unoptimized: unoptimizedInput = false,\n    loader: loaderInput,\n    style,\n    ...rest\n  } = input;\n  const config = getImageConfig();\n  const staticImage = isStaticImageData(srcInput) ? srcInput : undefined;\n  const src = typeof srcInput === \"string\" ? srcInput : srcInput.src;\n  const width = Number(widthInput ?? staticImage?.width) || undefined;\n  const height = Number(heightInput ?? staticImage?.height) || undefined;\n  const blurDataURL = blurDataURLInput ?? staticImage?.blurDataURL;\n\n  if (!fill && (!width || !height)) {\n    throw new TypeError(\n      \"Farm Image requires width and height unless src is a static import or fill is enabled\",\n    );\n  }\n  if (fill && (widthInput !== undefined || heightInput !== undefined)) {\n    throw new TypeError(\"Farm Image cannot use width or height together with fill\");\n  }\n  if (placeholder === \"blur\" && !blurDataURL) {\n    throw new TypeError(\"Farm Image placeholder=blur requires a static import or blurDataURL\");\n  }\n\n  const unoptimized = unoptimizedInput || shouldSkipOptimization(src, config);\n  const quality = getClosestQuality(qualityInput, config.qualities);\n  const loader = loaderInput ?? defaultImageLoader(config);\n  const sizes = sizesInput ?? (fill ? \"100vw\" : undefined);\n  const candidates = getCandidateWidths(config, width, sizes, fill);\n  const srcSet = unoptimized\n    ? undefined\n    : candidates.widths\n        .map((candidate, index) => {\n          const descriptor = candidates.descriptor === \"w\" ? `${candidate}w` : `${index + 1}x`;\n          return `${loader({ src, width: candidate, quality })} ${descriptor}`;\n        })\n        .join(\", \");\n  const renderedSrc = unoptimized\n    ? src\n    : loader({ src, width: candidates.widths.at(-1) ?? width ?? config.deviceSizes[0], quality });\n  const fillStyle: CSSProperties | undefined = fill\n    ? { position: \"absolute\", inset: 0, width: \"100%\", height: \"100%\" }\n    : undefined;\n  const placeholderStyle: CSSProperties | undefined =\n    placeholder === \"blur\"\n      ? {\n          backgroundImage: `url(\"${blurDataURL}\")`,\n          backgroundPosition: \"50% 50%\",\n          backgroundRepeat: \"no-repeat\",\n          backgroundSize: \"cover\",\n        }\n      : undefined;\n\n  return {\n    props: {\n      ...rest,\n      alt,\n      src: renderedSrc,\n      srcSet,\n      sizes,\n      width: fill ? undefined : width,\n      height: fill ? undefined : height,\n      loading: preload ? \"eager\" : (loading ?? \"lazy\"),\n      fetchPriority: preload ? \"high\" : rest.fetchPriority,\n      decoding: rest.decoding ?? \"async\",\n      style: { ...fillStyle, ...placeholderStyle, ...style },\n    },\n  };\n}\n\nexport const Image = forwardRef<HTMLImageElement, ImageProps>(function Image(input, ref) {\n  const { props } = getImageProps(input);\n\n  if (input.preload && typeof (ReactDOM as any).preload === \"function\") {\n    (ReactDOM as any).preload(props.src as string, {\n      as: \"image\",\n      imageSrcSet: props.srcSet,\n      imageSizes: props.sizes,\n      fetchPriority: \"high\",\n    });\n  }\n\n  return <img {...props} ref={ref} />;\n});\n\nImage.displayName = \"Image\";\n\nexport default Image;\n\nexport type {\n  FarmImageConfig,\n  FarmImageFormat,\n  FarmImageLocalPattern,\n  FarmImageProvider,\n  FarmImageRemotePattern,\n  ResolvedFarmImageConfig,\n} from \"./image-config\";\n","export const DEFAULT_FARM_IMAGE_PATH = \"/_farm/image\";\nexport const DEFAULT_FARM_IMAGE_DEVICE_SIZES = [\n  640, 750, 828, 1080, 1200, 1920, 2048, 3840,\n] as const;\nexport const DEFAULT_FARM_IMAGE_SIZES = [16, 32, 48, 64, 96, 128, 256, 384] as const;\nexport const DEFAULT_FARM_IMAGE_QUALITIES = [75] as const;\nexport const DEFAULT_FARM_IMAGE_FORMATS = [\"image/webp\"] as const;\n\nexport type FarmImageFormat = \"image/avif\" | \"image/webp\";\nexport type FarmImageProvider = \"auto\" | \"node\" | \"cloudflare\" | \"none\";\n\nexport interface FarmImageRemotePattern {\n  protocol?: \"http\" | \"https\";\n  hostname: string;\n  port?: string;\n  pathname?: string;\n  search?: string;\n}\n\nexport interface FarmImageLocalPattern {\n  pathname: string;\n  search?: string;\n}\n\nexport interface FarmImageConfig {\n  /** Runtime optimizer. Auto selects Cloudflare Images on Cloudflare and Sharp elsewhere. */\n  provider?: FarmImageProvider;\n  /** Public optimizer endpoint. */\n  path?: string;\n  /** @deprecated Prefer remotePatterns, which also restricts protocol, path, port, and query. */\n  domains?: readonly string[];\n  remotePatterns?: readonly FarmImageRemotePattern[];\n  localPatterns?: readonly FarmImageLocalPattern[];\n  deviceSizes?: readonly number[];\n  imageSizes?: readonly number[];\n  qualities?: readonly number[];\n  formats?: readonly FarmImageFormat[];\n  minimumCacheTTL?: number;\n  maximumResponseBody?: number | string;\n  maximumRedirects?: number;\n  dangerouslyAllowSVG?: boolean;\n  dangerouslyAllowLocalIP?: boolean;\n}\n\nexport interface ResolvedFarmImageConfig {\n  provider: FarmImageProvider;\n  path: string;\n  domains: readonly string[];\n  remotePatterns: readonly FarmImageRemotePattern[];\n  localPatterns: readonly FarmImageLocalPattern[];\n  deviceSizes: readonly number[];\n  imageSizes: readonly number[];\n  qualities: readonly number[];\n  formats: readonly FarmImageFormat[];\n  minimumCacheTTL: number;\n  maximumResponseBody: number;\n  maximumRedirects: number;\n  dangerouslyAllowSVG: boolean;\n  dangerouslyAllowLocalIP: boolean;\n}\n\nexport type PublicFarmImageConfig = Pick<\n  ResolvedFarmImageConfig,\n  \"provider\" | \"path\" | \"deviceSizes\" | \"imageSizes\" | \"qualities\" | \"formats\"\n>;\n\nconst SIZE_UNITS: Record<string, number> = {\n  b: 1,\n  kb: 1_000,\n  mb: 1_000_000,\n  gb: 1_000_000_000,\n  kib: 1_024,\n  mib: 1_048_576,\n  gib: 1_073_741_824,\n};\n\nexport function resolveFarmImageConfig(\n  config: FarmImageConfig | undefined,\n): ResolvedFarmImageConfig {\n  const path = normalizeImagePath(config?.path ?? DEFAULT_FARM_IMAGE_PATH);\n  const deviceSizes = normalizeIntegerList(\n    config?.deviceSizes ?? DEFAULT_FARM_IMAGE_DEVICE_SIZES,\n    \"images.deviceSizes\",\n  );\n  const imageSizes = normalizeIntegerList(\n    config?.imageSizes ?? DEFAULT_FARM_IMAGE_SIZES,\n    \"images.imageSizes\",\n  );\n  const qualities = normalizeIntegerList(\n    config?.qualities ?? DEFAULT_FARM_IMAGE_QUALITIES,\n    \"images.qualities\",\n    100,\n  );\n  const formats = [...new Set(config?.formats ?? DEFAULT_FARM_IMAGE_FORMATS)];\n\n  if (formats.some((format) => format !== \"image/avif\" && format !== \"image/webp\")) {\n    throw new TypeError('images.formats only supports \"image/avif\" and \"image/webp\"');\n  }\n\n  const minimumCacheTTL = normalizeNonNegativeInteger(\n    config?.minimumCacheTTL ?? 60,\n    \"images.minimumCacheTTL\",\n  );\n  const maximumRedirects = normalizeNonNegativeInteger(\n    config?.maximumRedirects ?? 3,\n    \"images.maximumRedirects\",\n  );\n\n  return Object.freeze({\n    provider: config?.provider ?? \"auto\",\n    path,\n    domains: Object.freeze([\n      ...new Set(\n        (config?.domains ?? []).map((domain) => domain.trim().toLowerCase()).filter(Boolean),\n      ),\n    ]),\n    remotePatterns: Object.freeze(\n      (config?.remotePatterns ?? []).map((pattern) => normalizeRemotePattern(pattern)),\n    ),\n    localPatterns: Object.freeze(\n      (config?.localPatterns ?? [{ pathname: \"/**\" }]).map((pattern) =>\n        normalizeLocalPattern(pattern),\n      ),\n    ),\n    deviceSizes: Object.freeze(deviceSizes),\n    imageSizes: Object.freeze(imageSizes),\n    qualities: Object.freeze(qualities),\n    formats: Object.freeze(formats),\n    minimumCacheTTL,\n    maximumResponseBody: parseSize(\n      config?.maximumResponseBody ?? \"10mb\",\n      \"images.maximumResponseBody\",\n    ),\n    maximumRedirects,\n    dangerouslyAllowSVG: config?.dangerouslyAllowSVG ?? false,\n    dangerouslyAllowLocalIP: config?.dangerouslyAllowLocalIP ?? false,\n  });\n}\n\nexport function getPublicFarmImageConfig(\n  config: Pick<ResolvedFarmImageConfig, keyof PublicFarmImageConfig>,\n): PublicFarmImageConfig {\n  return {\n    provider: config.provider,\n    path: config.path,\n    deviceSizes: config.deviceSizes,\n    imageSizes: config.imageSizes,\n    qualities: config.qualities,\n    formats: config.formats,\n  };\n}\n\nfunction normalizeImagePath(value: string): string {\n  const path = value.trim().replace(/\\/+$/, \"\") || \"/\";\n  if (!path.startsWith(\"/\") || path.includes(\"?\") || path.includes(\"#\")) {\n    throw new TypeError(\"images.path must be an absolute pathname without a query or hash\");\n  }\n  return path;\n}\n\nfunction normalizeIntegerList(values: readonly number[], name: string, max?: number): number[] {\n  if (values.length === 0) {\n    throw new TypeError(`${name} must contain at least one value`);\n  }\n\n  const normalized = [...new Set(values)].sort((left, right) => left - right);\n  for (const value of normalized) {\n    if (!Number.isSafeInteger(value) || value <= 0 || (max !== undefined && value > max)) {\n      throw new TypeError(\n        `${name} must contain positive integers${max ? ` no greater than ${max}` : \"\"}`,\n      );\n    }\n  }\n  return normalized;\n}\n\nfunction normalizeNonNegativeInteger(value: number, name: string): number {\n  if (!Number.isSafeInteger(value) || value < 0) {\n    throw new TypeError(`${name} must be a non-negative safe integer`);\n  }\n  return value;\n}\n\nfunction parseSize(value: number | string, name: string): number {\n  if (typeof value === \"number\") {\n    if (!Number.isSafeInteger(value) || value <= 0) {\n      throw new TypeError(`${name} must be a positive safe integer`);\n    }\n    return value;\n  }\n\n  const match = value\n    .trim()\n    .toLowerCase()\n    .match(/^(\\d+(?:\\.\\d+)?)\\s*(b|kb|mb|gb|kib|mib|gib)$/);\n  if (!match) {\n    throw new TypeError(`${name} must be bytes or a size string such as \"5mb\"`);\n  }\n\n  const bytes = Number(match[1]) * SIZE_UNITS[match[2]];\n  if (!Number.isSafeInteger(bytes) || bytes <= 0) {\n    throw new TypeError(`${name} must resolve to a positive safe integer`);\n  }\n  return bytes;\n}\n\nfunction normalizeRemotePattern(pattern: FarmImageRemotePattern): FarmImageRemotePattern {\n  const hostname = pattern.hostname.trim().toLowerCase();\n  if (!hostname || hostname.includes(\"/\") || hostname.includes(\":\")) {\n    throw new TypeError(\"images.remotePatterns[].hostname must be a hostname or wildcard hostname\");\n  }\n  if (pattern.pathname && !pattern.pathname.startsWith(\"/\")) {\n    throw new TypeError(\"images.remotePatterns[].pathname must start with /\");\n  }\n  if (pattern.search && !pattern.search.startsWith(\"?\")) {\n    throw new TypeError(\"images.remotePatterns[].search must start with ?\");\n  }\n  return Object.freeze({ ...pattern, hostname });\n}\n\nfunction normalizeLocalPattern(pattern: FarmImageLocalPattern): FarmImageLocalPattern {\n  if (!pattern.pathname.startsWith(\"/\")) {\n    throw new TypeError(\"images.localPatterns[].pathname must start with /\");\n  }\n  if (pattern.search && !pattern.search.startsWith(\"?\")) {\n    throw new TypeError(\"images.localPatterns[].search must start with ?\");\n  }\n  return Object.freeze({ ...pattern });\n}\n"],"mappings":"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","names":["preload","Image"]}

package/dist/image.d.mts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { ImgHTMLAttributes, SyntheticEvent } from 'react';
+export { F as FarmImageConfig, a as FarmImageFormat, b as FarmImageLocalPattern, c as FarmImageProvider, d as FarmImageRemotePattern, R as ResolvedFarmImageConfig } from './image-config-Duob7wER.mjs';
+
+interface StaticImageData {
+    src: string;
+    width: number;
+    height: number;
+    blurDataURL?: string;
+}
+interface FarmImageLoaderProps {
+    src: string;
+    width: number;
+    quality: number;
+}
+type FarmImageLoader = (props: FarmImageLoaderProps) => string;
+interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "src" | "srcSet" | "width" | "height" | "loading" | "placeholder"> {
+    src: string | StaticImageData;
+    alt: string;
+    width?: number | `${number}`;
+    height?: number | `${number}`;
+    fill?: boolean;
+    quality?: number;
+    sizes?: string;
+    loading?: "eager" | "lazy";
+    preload?: boolean;
+    placeholder?: "empty" | "blur";
+    blurDataURL?: string;
+    unoptimized?: boolean;
+    loader?: FarmImageLoader;
+    onLoad?: (event: SyntheticEvent<HTMLImageElement>) => void;
+}
+interface ImagePropsResult {
+    props: ImgHTMLAttributes<HTMLImageElement>;
+}
+declare function getImageProps(input: ImageProps): ImagePropsResult;
+declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;
+
+export { type FarmImageLoader, type FarmImageLoaderProps, Image, type ImageProps, type ImagePropsResult, type StaticImageData, Image as default, getImageProps };

package/dist/image.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { ImgHTMLAttributes, SyntheticEvent } from 'react';
+export { F as FarmImageConfig, a as FarmImageFormat, b as FarmImageLocalPattern, c as FarmImageProvider, d as FarmImageRemotePattern, R as ResolvedFarmImageConfig } from './image-config-Duob7wER.js';
+
+interface StaticImageData {
+    src: string;
+    width: number;
+    height: number;
+    blurDataURL?: string;
+}
+interface FarmImageLoaderProps {
+    src: string;
+    width: number;
+    quality: number;
+}
+type FarmImageLoader = (props: FarmImageLoaderProps) => string;
+interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "src" | "srcSet" | "width" | "height" | "loading" | "placeholder"> {
+    src: string | StaticImageData;
+    alt: string;
+    width?: number | `${number}`;
+    height?: number | `${number}`;
+    fill?: boolean;
+    quality?: number;
+    sizes?: string;
+    loading?: "eager" | "lazy";
+    preload?: boolean;
+    placeholder?: "empty" | "blur";
+    blurDataURL?: string;
+    unoptimized?: boolean;
+    loader?: FarmImageLoader;
+    onLoad?: (event: SyntheticEvent<HTMLImageElement>) => void;
+}
+interface ImagePropsResult {
+    props: ImgHTMLAttributes<HTMLImageElement>;
+}
+declare function getImageProps(input: ImageProps): ImagePropsResult;
+declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;
+
+export { type FarmImageLoader, type FarmImageLoaderProps, Image, type ImageProps, type ImagePropsResult, type StaticImageData, Image as default, getImageProps };

package/dist/image.mjs

@@ -0,0 +1,165 @@
+import {
+  DEFAULT_FARM_IMAGE_DEVICE_SIZES,
+  DEFAULT_FARM_IMAGE_FORMATS,
+  DEFAULT_FARM_IMAGE_PATH,
+  DEFAULT_FARM_IMAGE_QUALITIES,
+  DEFAULT_FARM_IMAGE_SIZES
+} from "./chunk-GY2STC2S.mjs";
+import {
+  __name
+} from "./chunk-CGILA3WO.mjs";
+
+// src/image.tsx
+import { forwardRef } from "react";
+import * as ReactDOM from "react-dom";
+import { jsx } from "react/jsx-runtime";
+var FALLBACK_CONFIG = {
+  provider: "auto",
+  path: DEFAULT_FARM_IMAGE_PATH,
+  deviceSizes: DEFAULT_FARM_IMAGE_DEVICE_SIZES,
+  imageSizes: DEFAULT_FARM_IMAGE_SIZES,
+  qualities: DEFAULT_FARM_IMAGE_QUALITIES,
+  formats: DEFAULT_FARM_IMAGE_FORMATS
+};
+function getImageConfig() {
+  return typeof __FARM_IMAGE_CONFIG__ !== "undefined" && __FARM_IMAGE_CONFIG__ ? __FARM_IMAGE_CONFIG__ : FALLBACK_CONFIG;
+}
+__name(getImageConfig, "getImageConfig");
+function defaultImageLoader(config) {
+  return ({ src, width, quality }) => {
+    const query = new URLSearchParams({
+      url: src,
+      w: String(width),
+      q: String(quality)
+    });
+    return `${config.path}?${query}`;
+  };
+}
+__name(defaultImageLoader, "defaultImageLoader");
+function getClosestQuality(quality, allowed) {
+  const requested = quality ?? 75;
+  return allowed.reduce(
+    (closest, candidate) => Math.abs(candidate - requested) < Math.abs(closest - requested) ? candidate : closest
+  );
+}
+__name(getClosestQuality, "getClosestQuality");
+function getCandidateWidths(config, width, sizes, fill) {
+  const allSizes = [.../* @__PURE__ */ new Set([...config.imageSizes, ...config.deviceSizes])].sort(
+    (left, right) => left - right
+  );
+  if (fill || sizes) {
+    const viewportPercentages = [...sizes?.matchAll(/(^|\s)(\d{1,3})vw/g) ?? []].map(
+      (match) => Number(match[2])
+    );
+    if (viewportPercentages.length > 0) {
+      const smallestRatio = Math.min(...viewportPercentages) / 100;
+      const minimum = config.deviceSizes[0] * smallestRatio;
+      return { widths: allSizes.filter((candidate) => candidate >= minimum), descriptor: "w" };
+    }
+    return { widths: allSizes, descriptor: "w" };
+  }
+  if (!width) return { widths: config.deviceSizes.slice(), descriptor: "w" };
+  const requested = [width, width * 2];
+  const widths = requested.map(
+    (target) => allSizes.find((candidate) => candidate >= target) ?? allSizes.at(-1)
+  );
+  return { widths: [...new Set(widths)], descriptor: "x" };
+}
+__name(getCandidateWidths, "getCandidateWidths");
+function isStaticImageData(value) {
+  return typeof value === "object" && value !== null && typeof value.src === "string";
+}
+__name(isStaticImageData, "isStaticImageData");
+function shouldSkipOptimization(src, config) {
+  return config.provider === "none" || src.startsWith("data:") || src.startsWith("blob:") || /\.svg(?:$|[?#])/i.test(src);
+}
+__name(shouldSkipOptimization, "shouldSkipOptimization");
+function getImageProps(input) {
+  const {
+    src: srcInput,
+    alt,
+    width: widthInput,
+    height: heightInput,
+    fill = false,
+    quality: qualityInput,
+    sizes: sizesInput,
+    loading,
+    preload: preload2 = false,
+    placeholder = "empty",
+    blurDataURL: blurDataURLInput,
+    unoptimized: unoptimizedInput = false,
+    loader: loaderInput,
+    style,
+    ...rest
+  } = input;
+  const config = getImageConfig();
+  const staticImage = isStaticImageData(srcInput) ? srcInput : void 0;
+  const src = typeof srcInput === "string" ? srcInput : srcInput.src;
+  const width = Number(widthInput ?? staticImage?.width) || void 0;
+  const height = Number(heightInput ?? staticImage?.height) || void 0;
+  const blurDataURL = blurDataURLInput ?? staticImage?.blurDataURL;
+  if (!fill && (!width || !height)) {
+    throw new TypeError(
+      "Farm Image requires width and height unless src is a static import or fill is enabled"
+    );
+  }
+  if (fill && (widthInput !== void 0 || heightInput !== void 0)) {
+    throw new TypeError("Farm Image cannot use width or height together with fill");
+  }
+  if (placeholder === "blur" && !blurDataURL) {
+    throw new TypeError("Farm Image placeholder=blur requires a static import or blurDataURL");
+  }
+  const unoptimized = unoptimizedInput || shouldSkipOptimization(src, config);
+  const quality = getClosestQuality(qualityInput, config.qualities);
+  const loader = loaderInput ?? defaultImageLoader(config);
+  const sizes = sizesInput ?? (fill ? "100vw" : void 0);
+  const candidates = getCandidateWidths(config, width, sizes, fill);
+  const srcSet = unoptimized ? void 0 : candidates.widths.map((candidate, index) => {
+    const descriptor = candidates.descriptor === "w" ? `${candidate}w` : `${index + 1}x`;
+    return `${loader({ src, width: candidate, quality })} ${descriptor}`;
+  }).join(", ");
+  const renderedSrc = unoptimized ? src : loader({ src, width: candidates.widths.at(-1) ?? width ?? config.deviceSizes[0], quality });
+  const fillStyle = fill ? { position: "absolute", inset: 0, width: "100%", height: "100%" } : void 0;
+  const placeholderStyle = placeholder === "blur" ? {
+    backgroundImage: `url("${blurDataURL}")`,
+    backgroundPosition: "50% 50%",
+    backgroundRepeat: "no-repeat",
+    backgroundSize: "cover"
+  } : void 0;
+  return {
+    props: {
+      ...rest,
+      alt,
+      src: renderedSrc,
+      srcSet,
+      sizes,
+      width: fill ? void 0 : width,
+      height: fill ? void 0 : height,
+      loading: preload2 ? "eager" : loading ?? "lazy",
+      fetchPriority: preload2 ? "high" : rest.fetchPriority,
+      decoding: rest.decoding ?? "async",
+      style: { ...fillStyle, ...placeholderStyle, ...style }
+    }
+  };
+}
+__name(getImageProps, "getImageProps");
+var Image = forwardRef(/* @__PURE__ */ __name(function Image2(input, ref) {
+  const { props } = getImageProps(input);
+  if (input.preload && typeof ReactDOM.preload === "function") {
+    ReactDOM.preload(props.src, {
+      as: "image",
+      imageSrcSet: props.srcSet,
+      imageSizes: props.sizes,
+      fetchPriority: "high"
+    });
+  }
+  return /* @__PURE__ */ jsx("img", { ...props, ref });
+}, "Image"));
+Image.displayName = "Image";
+var image_default = Image;
+export {
+  Image,
+  image_default as default,
+  getImageProps
+};
+//# sourceMappingURL=image.mjs.map

package/dist/image.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/image.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type ImgHTMLAttributes, type SyntheticEvent } from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport {\n  DEFAULT_FARM_IMAGE_DEVICE_SIZES,\n  DEFAULT_FARM_IMAGE_FORMATS,\n  DEFAULT_FARM_IMAGE_PATH,\n  DEFAULT_FARM_IMAGE_QUALITIES,\n  DEFAULT_FARM_IMAGE_SIZES,\n  type PublicFarmImageConfig,\n} from \"./image-config\";\n\ndeclare const __FARM_IMAGE_CONFIG__: PublicFarmImageConfig | undefined;\n\nexport interface StaticImageData {\n  src: string;\n  width: number;\n  height: number;\n  blurDataURL?: string;\n}\n\nexport interface FarmImageLoaderProps {\n  src: string;\n  width: number;\n  quality: number;\n}\n\nexport type FarmImageLoader = (props: FarmImageLoaderProps) => string;\n\nexport interface ImageProps extends Omit<\n  ImgHTMLAttributes<HTMLImageElement>,\n  \"src\" | \"srcSet\" | \"width\" | \"height\" | \"loading\" | \"placeholder\"\n> {\n  src: string | StaticImageData;\n  alt: string;\n  width?: number | `${number}`;\n  height?: number | `${number}`;\n  fill?: boolean;\n  quality?: number;\n  sizes?: string;\n  loading?: \"eager\" | \"lazy\";\n  preload?: boolean;\n  placeholder?: \"empty\" | \"blur\";\n  blurDataURL?: string;\n  unoptimized?: boolean;\n  loader?: FarmImageLoader;\n  onLoad?: (event: SyntheticEvent<HTMLImageElement>) => void;\n}\n\nexport interface ImagePropsResult {\n  props: ImgHTMLAttributes<HTMLImageElement>;\n}\n\nconst FALLBACK_CONFIG: PublicFarmImageConfig = {\n  provider: \"auto\",\n  path: DEFAULT_FARM_IMAGE_PATH,\n  deviceSizes: DEFAULT_FARM_IMAGE_DEVICE_SIZES,\n  imageSizes: DEFAULT_FARM_IMAGE_SIZES,\n  qualities: DEFAULT_FARM_IMAGE_QUALITIES,\n  formats: DEFAULT_FARM_IMAGE_FORMATS,\n};\n\nfunction getImageConfig(): PublicFarmImageConfig {\n  return typeof __FARM_IMAGE_CONFIG__ !== \"undefined\" && __FARM_IMAGE_CONFIG__\n    ? __FARM_IMAGE_CONFIG__\n    : FALLBACK_CONFIG;\n}\n\nfunction defaultImageLoader(config: PublicFarmImageConfig): FarmImageLoader {\n  return ({ src, width, quality }) => {\n    const query = new URLSearchParams({\n      url: src,\n      w: String(width),\n      q: String(quality),\n    });\n    return `${config.path}?${query}`;\n  };\n}\n\nfunction getClosestQuality(quality: number | undefined, allowed: readonly number[]): number {\n  const requested = quality ?? 75;\n  return allowed.reduce((closest, candidate) =>\n    Math.abs(candidate - requested) < Math.abs(closest - requested) ? candidate : closest,\n  );\n}\n\nfunction getCandidateWidths(\n  config: PublicFarmImageConfig,\n  width: number | undefined,\n  sizes: string | undefined,\n  fill: boolean,\n): { widths: number[]; descriptor: \"w\" | \"x\" } {\n  const allSizes = [...new Set([...config.imageSizes, ...config.deviceSizes])].sort(\n    (left, right) => left - right,\n  );\n\n  if (fill || sizes) {\n    const viewportPercentages = [...(sizes?.matchAll(/(^|\\s)(\\d{1,3})vw/g) ?? [])].map((match) =>\n      Number(match[2]),\n    );\n    if (viewportPercentages.length > 0) {\n      const smallestRatio = Math.min(...viewportPercentages) / 100;\n      const minimum = config.deviceSizes[0] * smallestRatio;\n      return { widths: allSizes.filter((candidate) => candidate >= minimum), descriptor: \"w\" };\n    }\n    return { widths: allSizes, descriptor: \"w\" };\n  }\n\n  if (!width) return { widths: config.deviceSizes.slice(), descriptor: \"w\" };\n\n  const requested = [width, width * 2];\n  const widths = requested.map(\n    (target) => allSizes.find((candidate) => candidate >= target) ?? allSizes.at(-1)!,\n  );\n  return { widths: [...new Set(widths)], descriptor: \"x\" };\n}\n\nfunction isStaticImageData(value: ImageProps[\"src\"]): value is StaticImageData {\n  return typeof value === \"object\" && value !== null && typeof value.src === \"string\";\n}\n\nfunction shouldSkipOptimization(src: string, config: PublicFarmImageConfig): boolean {\n  return (\n    config.provider === \"none\" ||\n    src.startsWith(\"data:\") ||\n    src.startsWith(\"blob:\") ||\n    /\\.svg(?:$|[?#])/i.test(src)\n  );\n}\n\nexport function getImageProps(input: ImageProps): ImagePropsResult {\n  const {\n    src: srcInput,\n    alt,\n    width: widthInput,\n    height: heightInput,\n    fill = false,\n    quality: qualityInput,\n    sizes: sizesInput,\n    loading,\n    preload = false,\n    placeholder = \"empty\",\n    blurDataURL: blurDataURLInput,\n    unoptimized: unoptimizedInput = false,\n    loader: loaderInput,\n    style,\n    ...rest\n  } = input;\n  const config = getImageConfig();\n  const staticImage = isStaticImageData(srcInput) ? srcInput : undefined;\n  const src = typeof srcInput === \"string\" ? srcInput : srcInput.src;\n  const width = Number(widthInput ?? staticImage?.width) || undefined;\n  const height = Number(heightInput ?? staticImage?.height) || undefined;\n  const blurDataURL = blurDataURLInput ?? staticImage?.blurDataURL;\n\n  if (!fill && (!width || !height)) {\n    throw new TypeError(\n      \"Farm Image requires width and height unless src is a static import or fill is enabled\",\n    );\n  }\n  if (fill && (widthInput !== undefined || heightInput !== undefined)) {\n    throw new TypeError(\"Farm Image cannot use width or height together with fill\");\n  }\n  if (placeholder === \"blur\" && !blurDataURL) {\n    throw new TypeError(\"Farm Image placeholder=blur requires a static import or blurDataURL\");\n  }\n\n  const unoptimized = unoptimizedInput || shouldSkipOptimization(src, config);\n  const quality = getClosestQuality(qualityInput, config.qualities);\n  const loader = loaderInput ?? defaultImageLoader(config);\n  const sizes = sizesInput ?? (fill ? \"100vw\" : undefined);\n  const candidates = getCandidateWidths(config, width, sizes, fill);\n  const srcSet = unoptimized\n    ? undefined\n    : candidates.widths\n        .map((candidate, index) => {\n          const descriptor = candidates.descriptor === \"w\" ? `${candidate}w` : `${index + 1}x`;\n          return `${loader({ src, width: candidate, quality })} ${descriptor}`;\n        })\n        .join(\", \");\n  const renderedSrc = unoptimized\n    ? src\n    : loader({ src, width: candidates.widths.at(-1) ?? width ?? config.deviceSizes[0], quality });\n  const fillStyle: CSSProperties | undefined = fill\n    ? { position: \"absolute\", inset: 0, width: \"100%\", height: \"100%\" }\n    : undefined;\n  const placeholderStyle: CSSProperties | undefined =\n    placeholder === \"blur\"\n      ? {\n          backgroundImage: `url(\"${blurDataURL}\")`,\n          backgroundPosition: \"50% 50%\",\n          backgroundRepeat: \"no-repeat\",\n          backgroundSize: \"cover\",\n        }\n      : undefined;\n\n  return {\n    props: {\n      ...rest,\n      alt,\n      src: renderedSrc,\n      srcSet,\n      sizes,\n      width: fill ? undefined : width,\n      height: fill ? undefined : height,\n      loading: preload ? \"eager\" : (loading ?? \"lazy\"),\n      fetchPriority: preload ? \"high\" : rest.fetchPriority,\n      decoding: rest.decoding ?? \"async\",\n      style: { ...fillStyle, ...placeholderStyle, ...style },\n    },\n  };\n}\n\nexport const Image = forwardRef<HTMLImageElement, ImageProps>(function Image(input, ref) {\n  const { props } = getImageProps(input);\n\n  if (input.preload && typeof (ReactDOM as any).preload === \"function\") {\n    (ReactDOM as any).preload(props.src as string, {\n      as: \"image\",\n      imageSrcSet: props.srcSet,\n      imageSizes: props.sizes,\n      fetchPriority: \"high\",\n    });\n  }\n\n  return <img {...props} ref={ref} />;\n});\n\nImage.displayName = \"Image\";\n\nexport default Image;\n\nexport type {\n  FarmImageConfig,\n  FarmImageFormat,\n  FarmImageLocalPattern,\n  FarmImageProvider,\n  FarmImageRemotePattern,\n  ResolvedFarmImageConfig,\n} from \"./image-config\";\n"],"mappings":"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","names":["preload","Image"]}