vinext 0.0.45 → 0.0.46

package/dist/shims/image.js

@@ -1,5 +1,6 @@
+"use client";
 import { hasRemoteMatch } from "./image-config.js";
-import { forwardRef } from "react";
+import { forwardRef, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Image as Image$1 } from "@unpic/react";
 //#region src/shims/image.tsx
@@ -152,17 +153,30 @@ function generateSrcSet(src, originalWidth, quality = 75) {
 	if (widths.length === 0) return `${imageOptimizationUrl(src, originalWidth, quality)} ${originalWidth}w`;
 	return widths.map((w) => `${imageOptimizationUrl(src, w, quality)} ${w}w`).join(", ");
 }
-const Image = forwardRef(function Image({ src: srcProp, alt, width, height, fill, priority, quality, placeholder, blurDataURL, loader, sizes, className, style, onLoad, onLoadingComplete, unoptimized: _unoptimized, overrideSrc: _overrideSrc, loading, ...rest }, ref) {
-	const handleLoad = onLoadingComplete ? (e) => {
-		onLoad?.(e);
-		onLoadingComplete(e.currentTarget);
-	} : onLoad;
+const Image = forwardRef(function Image({ src: srcProp, alt, width, height, fill, priority, quality, placeholder, blurDataURL, loader, sizes, className, style, onLoad, onLoadingComplete, onError, unoptimized: _unoptimized, overrideSrc: _overrideSrc, loading, ...rest }, ref) {
+	const lastLoadedSrcRef = useRef(void 0);
+	const lastErrorSrcRef = useRef(void 0);
 	const { src, width: imgWidth, height: imgHeight, blurDataURL: imgBlurDataURL } = resolveImageSource({
 		src: srcProp,
 		width,
 		height,
 		blurDataURL
 	});
+	const handleLoad = onLoadingComplete ? (e) => {
+		if (lastLoadedSrcRef.current === src) return;
+		lastLoadedSrcRef.current = src;
+		onLoad?.(e);
+		onLoadingComplete(e.currentTarget);
+	} : onLoad ? (e) => {
+		if (lastLoadedSrcRef.current === src) return;
+		lastLoadedSrcRef.current = src;
+		onLoad(e);
+	} : void 0;
+	const handleError = onError ? (e) => {
+		if (lastErrorSrcRef.current === src) return;
+		lastErrorSrcRef.current = src;
+		onError(e);
+	} : void 0;
 	if (loader) return /* @__PURE__ */ jsx("img", {
 		ref,
 		src: loader({
@@ -178,6 +192,7 @@ const Image = forwardRef(function Image({ src: srcProp, alt, width, height, fill
 		sizes,
 		className,
 		onLoad: handleLoad,
+		onError: handleError,
 		style: fill ? {
 			position: "absolute",
 			inset: 0,
@@ -206,7 +221,8 @@ const Image = forwardRef(function Image({ src: srcProp, alt, width, height, fill
 			sizes,
 			className,
 			background: bg,
-			onLoad: handleLoad
+			onLoad: handleLoad,
+			onError: handleError
 		});
 		if (imgWidth && imgHeight) return /* @__PURE__ */ jsx(Image$1, {
 			src,
@@ -219,7 +235,8 @@ const Image = forwardRef(function Image({ src: srcProp, alt, width, height, fill
 			sizes,
 			className,
 			background: bg,
-			onLoad: handleLoad
+			onLoad: handleLoad,
+			onError: handleError
 		});
 	}
 	const imgQuality = quality ?? 75;
@@ -248,6 +265,7 @@ const Image = forwardRef(function Image({ src: srcProp, alt, width, height, fill
 		className,
 		"data-nimg": fill ? "fill" : "1",
 		onLoad: handleLoad,
+		onError: handleError,
 		style: fill ? {
 			position: "absolute",
 			inset: 0,

package/dist/shims/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","names":["UnpicImage"],"sources":["../../src/shims/image.tsx"],"sourcesContent":["/**\n * next/image shim\n *\n * Translates Next.js Image props to @unpic/react Image component.\n * @unpic/react auto-detects CDN from URL and uses native transforms.\n * For local images (relative paths), routes through `/_vinext/image`\n * for server-side optimization (resize, format negotiation, quality).\n *\n * Remote images are validated against `images.remotePatterns` and\n * `images.domains` from next.config.js. Unmatched URLs are blocked\n * in production and warn in development, matching Next.js behavior.\n */\nimport React, { forwardRef } from \"react\";\nimport { Image as UnpicImage } from \"@unpic/react\";\nimport { hasRemoteMatch, type RemotePattern } from \"./image-config.js\";\n\nexport type StaticImageData = {\n  src: string;\n  height: number;\n  width: number;\n  blurDataURL?: string;\n};\n\n/**\n * Image config injected at build time via Vite define.\n * Serialized as JSON — parsed once at module level.\n */\nconst __imageRemotePatterns: RemotePattern[] = (() => {\n  try {\n    return JSON.parse(process.env.__VINEXT_IMAGE_REMOTE_PATTERNS ?? \"[]\");\n  } catch {\n    return [];\n  }\n})();\nconst __imageDomains: string[] = (() => {\n  try {\n    return JSON.parse(process.env.__VINEXT_IMAGE_DOMAINS ?? \"[]\");\n  } catch {\n    return [];\n  }\n})();\nconst __hasImageConfig = __imageRemotePatterns.length > 0 || __imageDomains.length > 0;\nconst __isDev = process.env.NODE_ENV !== \"production\";\nconst __imageDeviceSizes: number[] = (() => {\n  try {\n    return JSON.parse(\n      process.env.__VINEXT_IMAGE_DEVICE_SIZES ?? \"[640,750,828,1080,1200,1920,2048,3840]\",\n    );\n  } catch {\n    return [640, 750, 828, 1080, 1200, 1920, 2048, 3840];\n  }\n})();\n/**\n * Whether dangerouslyAllowSVG is enabled in next.config.js.\n * When false (default), .svg sources auto-skip the optimization endpoint\n * and are served directly, matching Next.js behavior.\n * When true, .svg sources are routed through the optimizer (served as-is\n * with security headers).\n */\nconst __dangerouslyAllowSVG = process.env.__VINEXT_IMAGE_DANGEROUSLY_ALLOW_SVG === \"true\";\n/**\n * Validate that a remote URL is allowed by the configured remote patterns.\n * Returns true if the URL is allowed, false otherwise.\n *\n * When no remotePatterns/domains are configured, all remote URLs are allowed\n * (backwards-compatible — user hasn't opted into restriction).\n *\n * When patterns ARE configured, only matching URLs are allowed.\n * In development, non-matching URLs produce a console warning.\n * In production, non-matching URLs are blocked (src replaced with empty string).\n */\nfunction validateRemoteUrl(src: string): { allowed: boolean; reason?: string } {\n  if (!__hasImageConfig) {\n    // No image config — allow everything (backwards-compatible)\n    return { allowed: true };\n  }\n\n  let url: URL;\n  try {\n    url = new URL(src, \"http://n\");\n  } catch {\n    return { allowed: false, reason: `Invalid URL: ${src}` };\n  }\n\n  if (hasRemoteMatch(__imageDomains, __imageRemotePatterns, url)) {\n    return { allowed: true };\n  }\n\n  return {\n    allowed: false,\n    reason: `Image URL \"${src}\" is not configured in images.remotePatterns or images.domains in next.config.js. See: https://nextjs.org/docs/messages/next-image-unconfigured-host`,\n  };\n}\n\ntype ImageProps = {\n  src: string | StaticImageData;\n  alt: string;\n  width?: number;\n  height?: number;\n  fill?: boolean;\n  priority?: boolean;\n  quality?: number;\n  placeholder?: \"blur\" | \"empty\";\n  blurDataURL?: string;\n  loader?: (params: { src: string; width: number; quality?: number }) => string;\n  sizes?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  onLoad?: React.ReactEventHandler<HTMLImageElement>;\n  /** @deprecated Use onLoad instead. Still supported for migration compat. */\n  onLoadingComplete?: (img: HTMLImageElement) => void;\n  onError?: React.ReactEventHandler<HTMLImageElement>;\n  onClick?: React.MouseEventHandler<HTMLImageElement>;\n  id?: string;\n  // Accept and ignore Next.js-specific props that don't apply\n  unoptimized?: boolean;\n  overrideSrc?: string;\n  loading?: \"lazy\" | \"eager\";\n};\n\n/**\n * Sanitize a blurDataURL to prevent CSS injection.\n *\n * A crafted data URL containing `)` can break out of the `url()` CSS function,\n * allowing injection of arbitrary CSS properties or rules. Characters like `{`,\n * `}`, and `\\` can also assist in crafting injection payloads.\n *\n * This validates the URL starts with `data:image/` and rejects characters that\n * could escape the `url()` context. Semicolons are allowed since they're part\n * of valid data URLs (`data:image/png;base64,...`) and harmless inside `url()`.\n *\n * Returns undefined for invalid URLs, which causes the blur placeholder to be\n * skipped gracefully.\n */\nfunction sanitizeBlurDataURL(url: string): string | undefined {\n  // Must be a data: image URL\n  if (!url.startsWith(\"data:image/\")) return undefined;\n  // Reject characters that can break out of CSS url():\n  //   ) - closes url()\n  //   ( - could open nested functions\n  //   { } - CSS rule boundaries\n  //   \\ - CSS escape sequences\n  //   newlines - break CSS parsing\n  if (/[)(}{\\\\'\"\\n\\r]/.test(url)) return undefined;\n  return url;\n}\n\n/**\n * Determine if a src is a remote URL (CDN-optimizable) or local.\n */\nfunction isRemoteUrl(src: string): boolean {\n  return src.startsWith(\"http://\") || src.startsWith(\"https://\") || src.startsWith(\"//\");\n}\n\n/**\n * Resolve src, width, height, blurDataURL from Image props (string or StaticImageData).\n * Shared by the Image component and getImageProps to keep behavior in sync.\n */\nfunction resolveImageSource(v: {\n  src: string | StaticImageData;\n  width?: number;\n  height?: number;\n  blurDataURL?: string;\n}): { src: string; width?: number; height?: number; blurDataURL?: string } {\n  const src = typeof v.src === \"string\" ? v.src : v.src.src;\n  const imgWidth = v.width ?? (typeof v.src === \"object\" ? v.src.width : undefined);\n  const imgHeight = v.height ?? (typeof v.src === \"object\" ? v.src.height : undefined);\n  const imgBlurDataURL =\n    v.blurDataURL ?? (typeof v.src === \"object\" ? v.src.blurDataURL : undefined);\n  return { src, width: imgWidth, height: imgHeight, blurDataURL: imgBlurDataURL };\n}\n\n/**\n * Responsive image widths matching Next.js's device sizes config.\n * These are the breakpoints used for srcSet generation.\n * Configurable via `images.deviceSizes` in next.config.js.\n */\nconst RESPONSIVE_WIDTHS = __imageDeviceSizes;\n\n/**\n * Build a `/_vinext/image` optimization URL.\n *\n * In production (Cloudflare Workers), the worker intercepts this path and uses\n * the Images binding to resize/transcode on the fly. In dev, the Vite dev\n * server handles it as a passthrough (serves the original file).\n */\nexport function imageOptimizationUrl(src: string, width: number, quality: number = 75): string {\n  return `/_vinext/image?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`;\n}\n\n/**\n * Generate a srcSet string for responsive images.\n *\n * Each width points to the `/_vinext/image` optimization endpoint so the\n * server can resize and transcode the image. Only includes widths that are\n * <= 2x the original image width to avoid pointless upscaling.\n */\nfunction generateSrcSet(src: string, originalWidth: number, quality: number = 75): string {\n  const widths = RESPONSIVE_WIDTHS.filter((w) => w <= originalWidth * 2);\n  if (widths.length === 0)\n    return `${imageOptimizationUrl(src, originalWidth, quality)} ${originalWidth}w`;\n  return widths.map((w) => `${imageOptimizationUrl(src, w, quality)} ${w}w`).join(\", \");\n}\n\nconst Image = forwardRef<HTMLImageElement, ImageProps>(function Image(\n  {\n    src: srcProp,\n    alt,\n    width,\n    height,\n    fill,\n    priority,\n    quality,\n    placeholder,\n    blurDataURL,\n    loader,\n    sizes,\n    className,\n    style,\n    onLoad,\n    onLoadingComplete,\n    unoptimized: _unoptimized,\n    overrideSrc: _overrideSrc,\n    loading,\n    ...rest\n  },\n  ref,\n) {\n  // Wire onLoadingComplete (deprecated) into onLoad — matches Next.js behavior.\n  // onLoad fires first, then onLoadingComplete receives the HTMLImageElement.\n  const handleLoad = onLoadingComplete\n    ? (e: React.SyntheticEvent<HTMLImageElement>) => {\n        onLoad?.(e);\n        onLoadingComplete(e.currentTarget);\n      }\n    : onLoad;\n\n  const {\n    src,\n    width: imgWidth,\n    height: imgHeight,\n    blurDataURL: imgBlurDataURL,\n  } = resolveImageSource({ src: srcProp, width, height, blurDataURL });\n\n  // If a custom loader is provided, use basic img with loader URL\n  if (loader) {\n    const resolvedSrc = loader({ src, width: imgWidth ?? 0, quality: quality ?? 75 });\n    return (\n      <img\n        ref={ref}\n        src={resolvedSrc}\n        alt={alt}\n        width={fill ? undefined : imgWidth}\n        height={fill ? undefined : imgHeight}\n        loading={priority ? \"eager\" : (loading ?? \"lazy\")}\n        decoding=\"async\"\n        sizes={sizes}\n        className={className}\n        onLoad={handleLoad}\n        style={\n          fill\n            ? {\n                position: \"absolute\",\n                inset: 0,\n                width: \"100%\",\n                height: \"100%\",\n                objectFit: \"cover\",\n                ...style,\n              }\n            : style\n        }\n        {...rest}\n      />\n    );\n  }\n\n  // For remote URLs, validate against remotePatterns then use @unpic/react\n  if (isRemoteUrl(src)) {\n    const validation = validateRemoteUrl(src);\n    if (!validation.allowed) {\n      if (__isDev) {\n        console.warn(`[next/image] ${validation.reason}`);\n        // In dev, render the image but with a warning — matches Next.js dev behavior\n      } else {\n        // In production, block the image entirely\n        console.error(`[next/image] ${validation.reason}`);\n        return null;\n      }\n    }\n\n    const sanitizedBlur = imgBlurDataURL ? sanitizeBlurDataURL(imgBlurDataURL) : undefined;\n    const bg = placeholder === \"blur\" && sanitizedBlur ? `url(${sanitizedBlur})` : undefined;\n\n    if (fill) {\n      return (\n        <UnpicImage\n          src={src}\n          alt={alt}\n          layout=\"fullWidth\"\n          // `priority` is a Next.js concept — translate it to HTML attributes so\n          // it is never forwarded to the DOM as a non-boolean attribute, which\n          // would trigger React's \"Received `true` for a non-boolean attribute\"\n          // warning.\n          loading={priority ? \"eager\" : (loading ?? \"lazy\")}\n          fetchPriority={priority ? \"high\" : undefined}\n          sizes={sizes}\n          className={className}\n          background={bg}\n          onLoad={handleLoad}\n        />\n      );\n    }\n    // constrained layout requires width+height or aspectRatio\n    if (imgWidth && imgHeight) {\n      return (\n        <UnpicImage\n          src={src}\n          alt={alt}\n          width={imgWidth}\n          height={imgHeight}\n          layout=\"constrained\"\n          // Same translation as above — never pass `priority` to the DOM.\n          loading={priority ? \"eager\" : (loading ?? \"lazy\")}\n          fetchPriority={priority ? \"high\" : undefined}\n          sizes={sizes}\n          className={className}\n          background={bg}\n          onLoad={handleLoad}\n        />\n      );\n    }\n    // Fall through to basic <img> if dimensions not provided\n    // (unpic requires them for constrained layout)\n  }\n\n  // Route local images through the /_vinext/image optimization endpoint.\n  // In production on Cloudflare Workers, this resizes and transcodes via\n  // the Images binding. In dev, it serves the original file as a passthrough.\n  // When `unoptimized` is true, bypass the endpoint entirely (Next.js compat).\n  // SVG sources auto-skip unless dangerouslyAllowSVG is enabled, matching\n  // Next.js behavior where .svg triggers unoptimized=true by default.\n  const imgQuality = quality ?? 75;\n  const isSvg = src.endsWith(\".svg\");\n  const skipOptimization = _unoptimized === true || (isSvg && !__dangerouslyAllowSVG);\n\n  // Build srcSet for responsive local images (common breakpoints).\n  // Each entry points to /_vinext/image with the appropriate width.\n  const srcSet =\n    imgWidth && !fill && !skipOptimization\n      ? generateSrcSet(src, imgWidth, imgQuality)\n      : imgWidth && !fill\n        ? RESPONSIVE_WIDTHS.filter((w) => w <= imgWidth * 2)\n            .map((w) => `${src} ${w}w`)\n            .join(\", \") || `${src} ${imgWidth}w`\n        : undefined;\n\n  // The main `src` also goes through the optimization endpoint. Use the\n  // declared width (or the first responsive width as fallback).\n  const optimizedSrc = skipOptimization\n    ? src\n    : imgWidth\n      ? imageOptimizationUrl(src, imgWidth, imgQuality)\n      : imageOptimizationUrl(src, RESPONSIVE_WIDTHS[0], imgQuality);\n\n  // Blur placeholder: show a low-quality background while the image loads.\n  // Sanitize blurDataURL to prevent CSS injection via crafted data URLs.\n  const sanitizedLocalBlur = imgBlurDataURL ? sanitizeBlurDataURL(imgBlurDataURL) : undefined;\n  const blurStyle =\n    placeholder === \"blur\" && sanitizedLocalBlur\n      ? {\n          backgroundImage: `url(${sanitizedLocalBlur})`,\n          backgroundSize: \"cover\",\n          backgroundRepeat: \"no-repeat\",\n          backgroundPosition: \"center\",\n        }\n      : undefined;\n\n  // For local images, render a standard <img> tag with srcSet and blur support.\n  // The src and srcSet point to the /_vinext/image optimization endpoint.\n  return (\n    <img\n      ref={ref}\n      src={optimizedSrc}\n      alt={alt}\n      width={fill ? undefined : imgWidth}\n      height={fill ? undefined : imgHeight}\n      loading={priority ? \"eager\" : (loading ?? \"lazy\")}\n      fetchPriority={priority ? \"high\" : undefined}\n      decoding=\"async\"\n      srcSet={srcSet}\n      sizes={sizes ?? (fill ? \"100vw\" : undefined)}\n      className={className}\n      data-nimg={fill ? \"fill\" : \"1\"}\n      onLoad={handleLoad}\n      style={\n        fill\n          ? {\n              position: \"absolute\",\n              inset: 0,\n              width: \"100%\",\n              height: \"100%\",\n              objectFit: \"cover\",\n              ...blurStyle,\n              ...style,\n            }\n          : { ...blurStyle, ...style }\n      }\n      {...rest}\n    />\n  );\n});\n\n/**\n * getImageProps — for advanced use cases (picture elements, background images).\n * Returns the props that would be passed to the underlying <img> element.\n */\nexport function getImageProps(props: ImageProps): {\n  props: React.ImgHTMLAttributes<HTMLImageElement>;\n} {\n  const {\n    src: srcProp,\n    alt,\n    width,\n    height,\n    fill,\n    priority,\n    quality: _quality,\n    placeholder,\n    blurDataURL: blurDataURLProp,\n    loader,\n    sizes,\n    className,\n    style,\n    onLoad: _onLoad,\n    onLoadingComplete: _onLoadingComplete,\n    unoptimized: _unoptimized,\n    overrideSrc: _overrideSrc,\n    loading,\n    ...rest\n  } = props;\n\n  const {\n    src,\n    width: imgWidth,\n    height: imgHeight,\n    blurDataURL: imgBlurDataURL,\n  } = resolveImageSource({ src: srcProp, width, height, blurDataURL: blurDataURLProp });\n\n  // Validate remote URLs against configured patterns\n  let blockedInProd = false;\n  if (isRemoteUrl(src)) {\n    const validation = validateRemoteUrl(src);\n    if (!validation.allowed) {\n      if (__isDev) {\n        console.warn(`[next/image] ${validation.reason}`);\n      } else {\n        console.error(`[next/image] ${validation.reason}`);\n        blockedInProd = true;\n      }\n    }\n  }\n\n  // Resolve src through custom loader if provided\n  const imgQuality = _quality ?? 75;\n  const resolvedSrc = blockedInProd\n    ? \"\"\n    : loader\n      ? loader({ src, width: imgWidth ?? 0, quality: imgQuality })\n      : src;\n\n  // For local images (no loader, not remote), route through optimization endpoint.\n  // When `unoptimized` is true, bypass the endpoint entirely (Next.js compat).\n  // SVG sources auto-skip unless dangerouslyAllowSVG is enabled.\n  const isSvg = resolvedSrc.endsWith(\".svg\");\n  const skipOpt =\n    _unoptimized === true ||\n    (isSvg && !__dangerouslyAllowSVG) ||\n    blockedInProd ||\n    !!loader ||\n    isRemoteUrl(resolvedSrc);\n  const optimizedSrc = skipOpt\n    ? resolvedSrc\n    : imgWidth\n      ? imageOptimizationUrl(resolvedSrc, imgWidth, imgQuality)\n      : imageOptimizationUrl(resolvedSrc, RESPONSIVE_WIDTHS[0], imgQuality);\n\n  // Build srcSet for local images — each width points to /_vinext/image\n  const srcSet =\n    imgWidth && !fill && !isRemoteUrl(resolvedSrc) && !loader && !skipOpt\n      ? generateSrcSet(resolvedSrc, imgWidth, imgQuality)\n      : undefined;\n\n  // Blur placeholder styles — sanitize to prevent CSS injection\n  const sanitizedBlurURL = imgBlurDataURL ? sanitizeBlurDataURL(imgBlurDataURL) : undefined;\n  const blurStyle =\n    placeholder === \"blur\" && sanitizedBlurURL\n      ? {\n          backgroundImage: `url(${sanitizedBlurURL})`,\n          backgroundSize: \"cover\",\n          backgroundRepeat: \"no-repeat\" as const,\n          backgroundPosition: \"center\" as const,\n        }\n      : undefined;\n\n  return {\n    props: {\n      src: optimizedSrc,\n      alt,\n      width: fill ? undefined : imgWidth,\n      height: fill ? undefined : imgHeight,\n      loading: priority ? \"eager\" : (loading ?? \"lazy\"),\n      fetchPriority: priority ? (\"high\" as const) : undefined,\n      decoding: \"async\" as const,\n      srcSet,\n      sizes: sizes ?? (fill ? \"100vw\" : undefined),\n      className,\n      \"data-nimg\": fill ? \"fill\" : \"1\",\n      style: fill\n        ? {\n            position: \"absolute\" as const,\n            inset: 0,\n            width: \"100%\",\n            height: \"100%\",\n            objectFit: \"cover\" as const,\n            ...blurStyle,\n            ...style,\n          }\n        : { ...blurStyle, ...style },\n      ...rest,\n    } as React.ImgHTMLAttributes<HTMLImageElement>,\n  };\n}\n\nexport default Image;\n"],"mappings":"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"}
+{"version":3,"file":"image.js","names":["UnpicImage"],"sources":["../../src/shims/image.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * next/image shim\n *\n * Translates Next.js Image props to @unpic/react Image component.\n * @unpic/react auto-detects CDN from URL and uses native transforms.\n * For local images (relative paths), routes through `/_vinext/image`\n * for server-side optimization (resize, format negotiation, quality).\n *\n * Remote images are validated against `images.remotePatterns` and\n * `images.domains` from next.config.js. Unmatched URLs are blocked\n * in production and warn in development, matching Next.js behavior.\n */\nimport React, { forwardRef, useRef } from \"react\";\nimport { Image as UnpicImage } from \"@unpic/react\";\nimport { hasRemoteMatch, type RemotePattern } from \"./image-config.js\";\n\nexport type StaticImageData = {\n  src: string;\n  height: number;\n  width: number;\n  blurDataURL?: string;\n};\n\n/**\n * Image config injected at build time via Vite define.\n * Serialized as JSON — parsed once at module level.\n */\nconst __imageRemotePatterns: RemotePattern[] = (() => {\n  try {\n    return JSON.parse(process.env.__VINEXT_IMAGE_REMOTE_PATTERNS ?? \"[]\");\n  } catch {\n    return [];\n  }\n})();\nconst __imageDomains: string[] = (() => {\n  try {\n    return JSON.parse(process.env.__VINEXT_IMAGE_DOMAINS ?? \"[]\");\n  } catch {\n    return [];\n  }\n})();\nconst __hasImageConfig = __imageRemotePatterns.length > 0 || __imageDomains.length > 0;\nconst __isDev = process.env.NODE_ENV !== \"production\";\nconst __imageDeviceSizes: number[] = (() => {\n  try {\n    return JSON.parse(\n      process.env.__VINEXT_IMAGE_DEVICE_SIZES ?? \"[640,750,828,1080,1200,1920,2048,3840]\",\n    );\n  } catch {\n    return [640, 750, 828, 1080, 1200, 1920, 2048, 3840];\n  }\n})();\n/**\n * Whether dangerouslyAllowSVG is enabled in next.config.js.\n * When false (default), .svg sources auto-skip the optimization endpoint\n * and are served directly, matching Next.js behavior.\n * When true, .svg sources are routed through the optimizer (served as-is\n * with security headers).\n */\nconst __dangerouslyAllowSVG = process.env.__VINEXT_IMAGE_DANGEROUSLY_ALLOW_SVG === \"true\";\n/**\n * Validate that a remote URL is allowed by the configured remote patterns.\n * Returns true if the URL is allowed, false otherwise.\n *\n * When no remotePatterns/domains are configured, all remote URLs are allowed\n * (backwards-compatible — user hasn't opted into restriction).\n *\n * When patterns ARE configured, only matching URLs are allowed.\n * In development, non-matching URLs produce a console warning.\n * In production, non-matching URLs are blocked (src replaced with empty string).\n */\nfunction validateRemoteUrl(src: string): { allowed: boolean; reason?: string } {\n  if (!__hasImageConfig) {\n    // No image config — allow everything (backwards-compatible)\n    return { allowed: true };\n  }\n\n  let url: URL;\n  try {\n    url = new URL(src, \"http://n\");\n  } catch {\n    return { allowed: false, reason: `Invalid URL: ${src}` };\n  }\n\n  if (hasRemoteMatch(__imageDomains, __imageRemotePatterns, url)) {\n    return { allowed: true };\n  }\n\n  return {\n    allowed: false,\n    reason: `Image URL \"${src}\" is not configured in images.remotePatterns or images.domains in next.config.js. See: https://nextjs.org/docs/messages/next-image-unconfigured-host`,\n  };\n}\n\ntype ImageProps = {\n  src: string | StaticImageData;\n  alt: string;\n  width?: number;\n  height?: number;\n  fill?: boolean;\n  priority?: boolean;\n  quality?: number;\n  placeholder?: \"blur\" | \"empty\";\n  blurDataURL?: string;\n  loader?: (params: { src: string; width: number; quality?: number }) => string;\n  sizes?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  onLoad?: React.ReactEventHandler<HTMLImageElement>;\n  /** @deprecated Use onLoad instead. Still supported for migration compat. */\n  onLoadingComplete?: (img: HTMLImageElement) => void;\n  onError?: React.ReactEventHandler<HTMLImageElement>;\n  onClick?: React.MouseEventHandler<HTMLImageElement>;\n  id?: string;\n  // Accept and ignore Next.js-specific props that don't apply\n  unoptimized?: boolean;\n  overrideSrc?: string;\n  loading?: \"lazy\" | \"eager\";\n};\n\n/**\n * Sanitize a blurDataURL to prevent CSS injection.\n *\n * A crafted data URL containing `)` can break out of the `url()` CSS function,\n * allowing injection of arbitrary CSS properties or rules. Characters like `{`,\n * `}`, and `\\` can also assist in crafting injection payloads.\n *\n * This validates the URL starts with `data:image/` and rejects characters that\n * could escape the `url()` context. Semicolons are allowed since they're part\n * of valid data URLs (`data:image/png;base64,...`) and harmless inside `url()`.\n *\n * Returns undefined for invalid URLs, which causes the blur placeholder to be\n * skipped gracefully.\n */\nfunction sanitizeBlurDataURL(url: string): string | undefined {\n  // Must be a data: image URL\n  if (!url.startsWith(\"data:image/\")) return undefined;\n  // Reject characters that can break out of CSS url():\n  //   ) - closes url()\n  //   ( - could open nested functions\n  //   { } - CSS rule boundaries\n  //   \\ - CSS escape sequences\n  //   newlines - break CSS parsing\n  if (/[)(}{\\\\'\"\\n\\r]/.test(url)) return undefined;\n  return url;\n}\n\n/**\n * Determine if a src is a remote URL (CDN-optimizable) or local.\n */\nfunction isRemoteUrl(src: string): boolean {\n  return src.startsWith(\"http://\") || src.startsWith(\"https://\") || src.startsWith(\"//\");\n}\n\n/**\n * Resolve src, width, height, blurDataURL from Image props (string or StaticImageData).\n * Shared by the Image component and getImageProps to keep behavior in sync.\n */\nfunction resolveImageSource(v: {\n  src: string | StaticImageData;\n  width?: number;\n  height?: number;\n  blurDataURL?: string;\n}): { src: string; width?: number; height?: number; blurDataURL?: string } {\n  const src = typeof v.src === \"string\" ? v.src : v.src.src;\n  const imgWidth = v.width ?? (typeof v.src === \"object\" ? v.src.width : undefined);\n  const imgHeight = v.height ?? (typeof v.src === \"object\" ? v.src.height : undefined);\n  const imgBlurDataURL =\n    v.blurDataURL ?? (typeof v.src === \"object\" ? v.src.blurDataURL : undefined);\n  return { src, width: imgWidth, height: imgHeight, blurDataURL: imgBlurDataURL };\n}\n\n/**\n * Responsive image widths matching Next.js's device sizes config.\n * These are the breakpoints used for srcSet generation.\n * Configurable via `images.deviceSizes` in next.config.js.\n */\nconst RESPONSIVE_WIDTHS = __imageDeviceSizes;\n\n/**\n * Build a `/_vinext/image` optimization URL.\n *\n * In production (Cloudflare Workers), the worker intercepts this path and uses\n * the Images binding to resize/transcode on the fly. In dev, the Vite dev\n * server handles it as a passthrough (serves the original file).\n */\nexport function imageOptimizationUrl(src: string, width: number, quality: number = 75): string {\n  return `/_vinext/image?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`;\n}\n\n/**\n * Generate a srcSet string for responsive images.\n *\n * Each width points to the `/_vinext/image` optimization endpoint so the\n * server can resize and transcode the image. Only includes widths that are\n * <= 2x the original image width to avoid pointless upscaling.\n */\nfunction generateSrcSet(src: string, originalWidth: number, quality: number = 75): string {\n  const widths = RESPONSIVE_WIDTHS.filter((w) => w <= originalWidth * 2);\n  if (widths.length === 0)\n    return `${imageOptimizationUrl(src, originalWidth, quality)} ${originalWidth}w`;\n  return widths.map((w) => `${imageOptimizationUrl(src, w, quality)} ${w}w`).join(\", \");\n}\n\nconst Image = forwardRef<HTMLImageElement, ImageProps>(function Image(\n  {\n    src: srcProp,\n    alt,\n    width,\n    height,\n    fill,\n    priority,\n    quality,\n    placeholder,\n    blurDataURL,\n    loader,\n    sizes,\n    className,\n    style,\n    onLoad,\n    onLoadingComplete,\n    onError,\n    unoptimized: _unoptimized,\n    overrideSrc: _overrideSrc,\n    loading,\n    ...rest\n  },\n  ref,\n) {\n  // Dedup refs: ensure onLoad and onError fire at most once per src per mount.\n  // Matches Next.js behavior — prevents double-firing from React re-renders,\n  // strict-mode double-invocation, or state updates inside the handler itself.\n  // Ported from Next.js: https://github.com/vercel/next.js/pull/93209\n  const lastLoadedSrcRef = useRef<string | undefined>(undefined);\n  const lastErrorSrcRef = useRef<string | undefined>(undefined);\n\n  const {\n    src,\n    width: imgWidth,\n    height: imgHeight,\n    blurDataURL: imgBlurDataURL,\n  } = resolveImageSource({ src: srcProp, width, height, blurDataURL });\n\n  // Wire onLoadingComplete (deprecated) into onLoad — matches Next.js behavior.\n  // onLoad fires first, then onLoadingComplete receives the HTMLImageElement.\n  const handleLoad = onLoadingComplete\n    ? (e: React.SyntheticEvent<HTMLImageElement>) => {\n        if (lastLoadedSrcRef.current === src) return;\n        lastLoadedSrcRef.current = src;\n        onLoad?.(e);\n        onLoadingComplete(e.currentTarget);\n      }\n    : onLoad\n      ? (e: React.SyntheticEvent<HTMLImageElement>) => {\n          if (lastLoadedSrcRef.current === src) return;\n          lastLoadedSrcRef.current = src;\n          onLoad(e);\n        }\n      : undefined;\n\n  const handleError = onError\n    ? (e: React.SyntheticEvent<HTMLImageElement>) => {\n        if (lastErrorSrcRef.current === src) return;\n        lastErrorSrcRef.current = src;\n        onError(e);\n      }\n    : undefined;\n\n  // If a custom loader is provided, use basic img with loader URL\n  if (loader) {\n    const resolvedSrc = loader({ src, width: imgWidth ?? 0, quality: quality ?? 75 });\n    return (\n      <img\n        ref={ref}\n        src={resolvedSrc}\n        alt={alt}\n        width={fill ? undefined : imgWidth}\n        height={fill ? undefined : imgHeight}\n        loading={priority ? \"eager\" : (loading ?? \"lazy\")}\n        decoding=\"async\"\n        sizes={sizes}\n        className={className}\n        onLoad={handleLoad}\n        onError={handleError}\n        style={\n          fill\n            ? {\n                position: \"absolute\",\n                inset: 0,\n                width: \"100%\",\n                height: \"100%\",\n                objectFit: \"cover\",\n                ...style,\n              }\n            : style\n        }\n        {...rest}\n      />\n    );\n  }\n\n  // For remote URLs, validate against remotePatterns then use @unpic/react\n  if (isRemoteUrl(src)) {\n    const validation = validateRemoteUrl(src);\n    if (!validation.allowed) {\n      if (__isDev) {\n        console.warn(`[next/image] ${validation.reason}`);\n        // In dev, render the image but with a warning — matches Next.js dev behavior\n      } else {\n        // In production, block the image entirely\n        console.error(`[next/image] ${validation.reason}`);\n        return null;\n      }\n    }\n\n    const sanitizedBlur = imgBlurDataURL ? sanitizeBlurDataURL(imgBlurDataURL) : undefined;\n    const bg = placeholder === \"blur\" && sanitizedBlur ? `url(${sanitizedBlur})` : undefined;\n\n    if (fill) {\n      return (\n        <UnpicImage\n          src={src}\n          alt={alt}\n          layout=\"fullWidth\"\n          // `priority` is a Next.js concept — translate it to HTML attributes so\n          // it is never forwarded to the DOM as a non-boolean attribute, which\n          // would trigger React's \"Received `true` for a non-boolean attribute\"\n          // warning.\n          loading={priority ? \"eager\" : (loading ?? \"lazy\")}\n          fetchPriority={priority ? \"high\" : undefined}\n          sizes={sizes}\n          className={className}\n          background={bg}\n          onLoad={handleLoad}\n          onError={handleError}\n        />\n      );\n    }\n    // constrained layout requires width+height or aspectRatio\n    if (imgWidth && imgHeight) {\n      return (\n        <UnpicImage\n          src={src}\n          alt={alt}\n          width={imgWidth}\n          height={imgHeight}\n          layout=\"constrained\"\n          // Same translation as above — never pass `priority` to the DOM.\n          loading={priority ? \"eager\" : (loading ?? \"lazy\")}\n          fetchPriority={priority ? \"high\" : undefined}\n          sizes={sizes}\n          className={className}\n          background={bg}\n          onLoad={handleLoad}\n          onError={handleError}\n        />\n      );\n    }\n    // Fall through to basic <img> if dimensions not provided\n    // (unpic requires them for constrained layout)\n  }\n\n  // Route local images through the /_vinext/image optimization endpoint.\n  // In production on Cloudflare Workers, this resizes and transcodes via\n  // the Images binding. In dev, it serves the original file as a passthrough.\n  // When `unoptimized` is true, bypass the endpoint entirely (Next.js compat).\n  // SVG sources auto-skip unless dangerouslyAllowSVG is enabled, matching\n  // Next.js behavior where .svg triggers unoptimized=true by default.\n  const imgQuality = quality ?? 75;\n  const isSvg = src.endsWith(\".svg\");\n  const skipOptimization = _unoptimized === true || (isSvg && !__dangerouslyAllowSVG);\n\n  // Build srcSet for responsive local images (common breakpoints).\n  // Each entry points to /_vinext/image with the appropriate width.\n  const srcSet =\n    imgWidth && !fill && !skipOptimization\n      ? generateSrcSet(src, imgWidth, imgQuality)\n      : imgWidth && !fill\n        ? RESPONSIVE_WIDTHS.filter((w) => w <= imgWidth * 2)\n            .map((w) => `${src} ${w}w`)\n            .join(\", \") || `${src} ${imgWidth}w`\n        : undefined;\n\n  // The main `src` also goes through the optimization endpoint. Use the\n  // declared width (or the first responsive width as fallback).\n  const optimizedSrc = skipOptimization\n    ? src\n    : imgWidth\n      ? imageOptimizationUrl(src, imgWidth, imgQuality)\n      : imageOptimizationUrl(src, RESPONSIVE_WIDTHS[0], imgQuality);\n\n  // Blur placeholder: show a low-quality background while the image loads.\n  // Sanitize blurDataURL to prevent CSS injection via crafted data URLs.\n  const sanitizedLocalBlur = imgBlurDataURL ? sanitizeBlurDataURL(imgBlurDataURL) : undefined;\n  const blurStyle =\n    placeholder === \"blur\" && sanitizedLocalBlur\n      ? {\n          backgroundImage: `url(${sanitizedLocalBlur})`,\n          backgroundSize: \"cover\",\n          backgroundRepeat: \"no-repeat\",\n          backgroundPosition: \"center\",\n        }\n      : undefined;\n\n  // For local images, render a standard <img> tag with srcSet and blur support.\n  // The src and srcSet point to the /_vinext/image optimization endpoint.\n  return (\n    <img\n      ref={ref}\n      src={optimizedSrc}\n      alt={alt}\n      width={fill ? undefined : imgWidth}\n      height={fill ? undefined : imgHeight}\n      loading={priority ? \"eager\" : (loading ?? \"lazy\")}\n      fetchPriority={priority ? \"high\" : undefined}\n      decoding=\"async\"\n      srcSet={srcSet}\n      sizes={sizes ?? (fill ? \"100vw\" : undefined)}\n      className={className}\n      data-nimg={fill ? \"fill\" : \"1\"}\n      onLoad={handleLoad}\n      onError={handleError}\n      style={\n        fill\n          ? {\n              position: \"absolute\",\n              inset: 0,\n              width: \"100%\",\n              height: \"100%\",\n              objectFit: \"cover\",\n              ...blurStyle,\n              ...style,\n            }\n          : { ...blurStyle, ...style }\n      }\n      {...rest}\n    />\n  );\n});\n\n/**\n * getImageProps — for advanced use cases (picture elements, background images).\n * Returns the props that would be passed to the underlying <img> element.\n */\nexport function getImageProps(props: ImageProps): {\n  props: React.ImgHTMLAttributes<HTMLImageElement>;\n} {\n  const {\n    src: srcProp,\n    alt,\n    width,\n    height,\n    fill,\n    priority,\n    quality: _quality,\n    placeholder,\n    blurDataURL: blurDataURLProp,\n    loader,\n    sizes,\n    className,\n    style,\n    onLoad: _onLoad,\n    onLoadingComplete: _onLoadingComplete,\n    unoptimized: _unoptimized,\n    overrideSrc: _overrideSrc,\n    loading,\n    ...rest\n  } = props;\n\n  const {\n    src,\n    width: imgWidth,\n    height: imgHeight,\n    blurDataURL: imgBlurDataURL,\n  } = resolveImageSource({ src: srcProp, width, height, blurDataURL: blurDataURLProp });\n\n  // Validate remote URLs against configured patterns\n  let blockedInProd = false;\n  if (isRemoteUrl(src)) {\n    const validation = validateRemoteUrl(src);\n    if (!validation.allowed) {\n      if (__isDev) {\n        console.warn(`[next/image] ${validation.reason}`);\n      } else {\n        console.error(`[next/image] ${validation.reason}`);\n        blockedInProd = true;\n      }\n    }\n  }\n\n  // Resolve src through custom loader if provided\n  const imgQuality = _quality ?? 75;\n  const resolvedSrc = blockedInProd\n    ? \"\"\n    : loader\n      ? loader({ src, width: imgWidth ?? 0, quality: imgQuality })\n      : src;\n\n  // For local images (no loader, not remote), route through optimization endpoint.\n  // When `unoptimized` is true, bypass the endpoint entirely (Next.js compat).\n  // SVG sources auto-skip unless dangerouslyAllowSVG is enabled.\n  const isSvg = resolvedSrc.endsWith(\".svg\");\n  const skipOpt =\n    _unoptimized === true ||\n    (isSvg && !__dangerouslyAllowSVG) ||\n    blockedInProd ||\n    !!loader ||\n    isRemoteUrl(resolvedSrc);\n  const optimizedSrc = skipOpt\n    ? resolvedSrc\n    : imgWidth\n      ? imageOptimizationUrl(resolvedSrc, imgWidth, imgQuality)\n      : imageOptimizationUrl(resolvedSrc, RESPONSIVE_WIDTHS[0], imgQuality);\n\n  // Build srcSet for local images — each width points to /_vinext/image\n  const srcSet =\n    imgWidth && !fill && !isRemoteUrl(resolvedSrc) && !loader && !skipOpt\n      ? generateSrcSet(resolvedSrc, imgWidth, imgQuality)\n      : undefined;\n\n  // Blur placeholder styles — sanitize to prevent CSS injection\n  const sanitizedBlurURL = imgBlurDataURL ? sanitizeBlurDataURL(imgBlurDataURL) : undefined;\n  const blurStyle =\n    placeholder === \"blur\" && sanitizedBlurURL\n      ? {\n          backgroundImage: `url(${sanitizedBlurURL})`,\n          backgroundSize: \"cover\",\n          backgroundRepeat: \"no-repeat\" as const,\n          backgroundPosition: \"center\" as const,\n        }\n      : undefined;\n\n  return {\n    props: {\n      src: optimizedSrc,\n      alt,\n      width: fill ? undefined : imgWidth,\n      height: fill ? undefined : imgHeight,\n      loading: priority ? \"eager\" : (loading ?? \"lazy\"),\n      fetchPriority: priority ? (\"high\" as const) : undefined,\n      decoding: \"async\" as const,\n      srcSet,\n      sizes: sizes ?? (fill ? \"100vw\" : undefined),\n      className,\n      \"data-nimg\": fill ? \"fill\" : \"1\",\n      style: fill\n        ? {\n            position: \"absolute\" as const,\n            inset: 0,\n            width: \"100%\",\n            height: \"100%\",\n            objectFit: \"cover\" as const,\n            ...blurStyle,\n            ...style,\n          }\n        : { ...blurStyle, ...style },\n      ...rest,\n    } as React.ImgHTMLAttributes<HTMLImageElement>,\n  };\n}\n\nexport default Image;\n"],"mappings":"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"}

package/dist/shims/internal/make-hanging-promise.d.ts

@@ -0,0 +1,16 @@
+//#region src/shims/internal/make-hanging-promise.d.ts
+/**
+ * makeHangingPromise — returns a promise that never resolves during prerendering.
+ *
+ * When prerendering, `unstable_io()` must return a hanging promise to prevent
+ * React from executing past the IO boundary. The promise never resolves—it only
+ * rejects if the render signal is aborted (e.g., due to a dynamic error or
+ * cache-fill completion).
+ *
+ * Ported from Next.js: packages/next/src/server/dynamic-rendering-utils.ts
+ * https://github.com/vercel/next.js/blob/canary/packages/next/src/server/dynamic-rendering-utils.ts
+ */
+declare function makeHangingPromise<T>(signal: AbortSignal, route: string, expression: string): Promise<T>;
+//#endregion
+export { makeHangingPromise };
+//# sourceMappingURL=make-hanging-promise.d.ts.map

package/dist/shims/internal/make-hanging-promise.js

@@ -0,0 +1,46 @@
+//#region src/shims/internal/make-hanging-promise.ts
+/**
+* makeHangingPromise — returns a promise that never resolves during prerendering.
+*
+* When prerendering, `unstable_io()` must return a hanging promise to prevent
+* React from executing past the IO boundary. The promise never resolves—it only
+* rejects if the render signal is aborted (e.g., due to a dynamic error or
+* cache-fill completion).
+*
+* Ported from Next.js: packages/next/src/server/dynamic-rendering-utils.ts
+* https://github.com/vercel/next.js/blob/canary/packages/next/src/server/dynamic-rendering-utils.ts
+*/
+var HangingPromiseRejectionError = class extends Error {
+	constructor(route, expression) {
+		super(`Route ${route} used ${expression} during prerendering but the render was aborted. This is expected when prerendering is cut short (e.g. due to a dynamic access).`);
+		this.name = "HangingPromiseRejectionError";
+	}
+};
+const abortListenersBySignal = /* @__PURE__ */ new WeakMap();
+function suppressUnhandledRejection() {}
+function makeHangingPromise(signal, route, expression) {
+	if (signal.aborted) {
+		const rejected = Promise.reject(new HangingPromiseRejectionError(route, expression));
+		rejected.catch(suppressUnhandledRejection);
+		return rejected;
+	}
+	const hangingPromise = new Promise((_, reject) => {
+		const boundRejection = reject.bind(null, new HangingPromiseRejectionError(route, expression));
+		const currentListeners = abortListenersBySignal.get(signal);
+		if (currentListeners) currentListeners.push(boundRejection);
+		else {
+			const listeners = [boundRejection];
+			abortListenersBySignal.set(signal, listeners);
+			signal.addEventListener("abort", () => {
+				for (let i = 0; i < listeners.length; i++) listeners[i]();
+				listeners.length = 0;
+			}, { once: true });
+		}
+	});
+	hangingPromise.catch(suppressUnhandledRejection);
+	return hangingPromise;
+}
+//#endregion
+export { makeHangingPromise };
+
+//# sourceMappingURL=make-hanging-promise.js.map

package/dist/shims/internal/make-hanging-promise.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-hanging-promise.js","names":[],"sources":["../../../src/shims/internal/make-hanging-promise.ts"],"sourcesContent":["/**\n * makeHangingPromise — returns a promise that never resolves during prerendering.\n *\n * When prerendering, `unstable_io()` must return a hanging promise to prevent\n * React from executing past the IO boundary. The promise never resolves—it only\n * rejects if the render signal is aborted (e.g., due to a dynamic error or\n * cache-fill completion).\n *\n * Ported from Next.js: packages/next/src/server/dynamic-rendering-utils.ts\n * https://github.com/vercel/next.js/blob/canary/packages/next/src/server/dynamic-rendering-utils.ts\n */\n\nclass HangingPromiseRejectionError extends Error {\n  constructor(route: string, expression: string) {\n    super(\n      `Route ${route} used ${expression} during prerendering but the render was aborted. ` +\n        `This is expected when prerendering is cut short (e.g. due to a dynamic access).`,\n    );\n    this.name = \"HangingPromiseRejectionError\";\n  }\n}\n\nconst abortListenersBySignal = new WeakMap<AbortSignal, (() => void)[]>();\n\nfunction suppressUnhandledRejection(): void {\n  // intentionally empty — suppresses \"unhandled rejection\" warnings\n}\n\nexport function makeHangingPromise<T>(\n  signal: AbortSignal,\n  route: string,\n  expression: string,\n): Promise<T> {\n  if (signal.aborted) {\n    const rejected = Promise.reject(new HangingPromiseRejectionError(route, expression));\n    rejected.catch(suppressUnhandledRejection);\n    return rejected;\n  }\n  const hangingPromise = new Promise<T>((_, reject) => {\n    const boundRejection = reject.bind(null, new HangingPromiseRejectionError(route, expression));\n    const currentListeners = abortListenersBySignal.get(signal);\n    if (currentListeners) {\n      currentListeners.push(boundRejection);\n    } else {\n      const listeners = [boundRejection];\n      abortListenersBySignal.set(signal, listeners);\n      signal.addEventListener(\n        \"abort\",\n        () => {\n          for (let i = 0; i < listeners.length; i++) {\n            listeners[i]();\n          }\n          listeners.length = 0;\n        },\n        { once: true },\n      );\n    }\n  });\n  // Suppress unhandled rejection — the promise is expected to be used with\n  // React's use() which handles rejections. If never awaited, the abort\n  // rejection is a no-op cleanup.\n  hangingPromise.catch(suppressUnhandledRejection);\n  return hangingPromise;\n}\n"],"mappings":";;;;;;;;;;;;AAYA,IAAM,+BAAN,cAA2C,MAAM;CAC/C,YAAY,OAAe,YAAoB;AAC7C,QACE,SAAS,MAAM,QAAQ,WAAW,kIAEnC;AACD,OAAK,OAAO;;;AAIhB,MAAM,yCAAyB,IAAI,SAAsC;AAEzE,SAAS,6BAAmC;AAI5C,SAAgB,mBACd,QACA,OACA,YACY;AACZ,KAAI,OAAO,SAAS;EAClB,MAAM,WAAW,QAAQ,OAAO,IAAI,6BAA6B,OAAO,WAAW,CAAC;AACpF,WAAS,MAAM,2BAA2B;AAC1C,SAAO;;CAET,MAAM,iBAAiB,IAAI,SAAY,GAAG,WAAW;EACnD,MAAM,iBAAiB,OAAO,KAAK,MAAM,IAAI,6BAA6B,OAAO,WAAW,CAAC;EAC7F,MAAM,mBAAmB,uBAAuB,IAAI,OAAO;AAC3D,MAAI,iBACF,kBAAiB,KAAK,eAAe;OAChC;GACL,MAAM,YAAY,CAAC,eAAe;AAClC,0BAAuB,IAAI,QAAQ,UAAU;AAC7C,UAAO,iBACL,eACM;AACJ,SAAK,IAAI,IAAI,GAAG,IAAI,UAAU,QAAQ,IACpC,WAAU,IAAI;AAEhB,cAAU,SAAS;MAErB,EAAE,MAAM,MAAM,CACf;;GAEH;AAIF,gBAAe,MAAM,2BAA2B;AAChD,QAAO"}

package/dist/shims/internal/work-unit-async-storage.d.ts

@@ -1,8 +1,31 @@
 import { AsyncLocalStorage } from "node:async_hooks";
 
 //#region src/shims/internal/work-unit-async-storage.d.ts
-declare const workUnitAsyncStorage: AsyncLocalStorage<unknown>;
-declare const requestAsyncStorage: AsyncLocalStorage<unknown>;
+type RequestStore = {
+  readonly type: "request";
+};
+type PrerenderStore = {
+  readonly type: "prerender" | "prerender-client" | "prerender-runtime"; /** AbortSignal that fires when the prerender is cancelled or completed. */
+  readonly renderSignal: AbortSignal; /** Optional route identifier for debugging and error messages. */
+  readonly route?: string;
+};
+type CacheStore = {
+  readonly type: "cache" | "private-cache" | "unstable-cache";
+};
+type GenerateStaticParamsStore = {
+  readonly type: "generate-static-params";
+};
+type PrerenderLegacyStore = {
+  readonly type: "prerender-legacy";
+};
+/**
+ * Discriminated union of all known work unit types.
+ * Matches Next.js's WorkUnitStore: packages/next/src/server/app-render/work-unit-async-storage.external.ts
+ */
+type WorkUnitStore = RequestStore | PrerenderStore | CacheStore | GenerateStaticParamsStore | PrerenderLegacyStore;
+type WorkUnitAsyncStorage = AsyncLocalStorage<WorkUnitStore>;
+declare const workUnitAsyncStorage: WorkUnitAsyncStorage;
+declare const requestAsyncStorage: WorkUnitAsyncStorage;
 //#endregion
-export { requestAsyncStorage, workUnitAsyncStorage };
+export { CacheStore, GenerateStaticParamsStore, PrerenderLegacyStore, PrerenderStore, RequestStore, WorkUnitAsyncStorage, WorkUnitStore, requestAsyncStorage, workUnitAsyncStorage };
 //# sourceMappingURL=work-unit-async-storage.d.ts.map

package/dist/shims/internal/work-unit-async-storage.js

@@ -4,9 +4,12 @@ import { AsyncLocalStorage } from "node:async_hooks";
 * Shim for next/dist/server/app-render/work-unit-async-storage.external
 * and next/dist/client/components/request-async-storage.external
 *
-* Used by: @sentry/nextjs (runtime resolve for request context injection).
-* Provides a minimal AsyncLocalStorage-like export that Sentry can detect
-* and use without crashing.
+* Tracks the current rendering context type so that dynamic APIs
+* (unstable_io, headers, cookies, etc.) can branch on whether they're
+* inside a request, prerender, cache scope, or other context.
+*
+* Used by: @sentry/nextjs (runtime resolve for request context injection),
+* unstable_io() for hanging-promise behavior during prerendering.
 */
 const workUnitAsyncStorage = new AsyncLocalStorage();
 const requestAsyncStorage = workUnitAsyncStorage;

package/dist/shims/internal/work-unit-async-storage.js.map

@@ -1 +1 @@
-{"version":3,"file":"work-unit-async-storage.js","names":[],"sources":["../../../src/shims/internal/work-unit-async-storage.ts"],"sourcesContent":["/**\n * Shim for next/dist/server/app-render/work-unit-async-storage.external\n * and next/dist/client/components/request-async-storage.external\n *\n * Used by: @sentry/nextjs (runtime resolve for request context injection).\n * Provides a minimal AsyncLocalStorage-like export that Sentry can detect\n * and use without crashing.\n */\nimport { AsyncLocalStorage } from \"node:async_hooks\";\n\nexport const workUnitAsyncStorage = new AsyncLocalStorage<unknown>();\n\n// Legacy name (Next 13.x–14.x)\nexport const requestAsyncStorage = workUnitAsyncStorage;\n"],"mappings":";;;;;;;;;;AAUA,MAAa,uBAAuB,IAAI,mBAA4B;AAGpE,MAAa,sBAAsB"}
+{"version":3,"file":"work-unit-async-storage.js","names":[],"sources":["../../../src/shims/internal/work-unit-async-storage.ts"],"sourcesContent":["/**\n * Shim for next/dist/server/app-render/work-unit-async-storage.external\n * and next/dist/client/components/request-async-storage.external\n *\n * Tracks the current rendering context type so that dynamic APIs\n * (unstable_io, headers, cookies, etc.) can branch on whether they're\n * inside a request, prerender, cache scope, or other context.\n *\n * Used by: @sentry/nextjs (runtime resolve for request context injection),\n * unstable_io() for hanging-promise behavior during prerendering.\n */\nimport { AsyncLocalStorage } from \"node:async_hooks\";\n\n// ── WorkUnitStore discriminated union ───────────────────────────────────\n\nexport type RequestStore = {\n  readonly type: \"request\";\n};\n\nexport type PrerenderStore = {\n  readonly type: \"prerender\" | \"prerender-client\" | \"prerender-runtime\";\n  /** AbortSignal that fires when the prerender is cancelled or completed. */\n  readonly renderSignal: AbortSignal;\n  /** Optional route identifier for debugging and error messages. */\n  readonly route?: string;\n};\n\nexport type CacheStore = {\n  readonly type: \"cache\" | \"private-cache\" | \"unstable-cache\";\n};\n\nexport type GenerateStaticParamsStore = {\n  readonly type: \"generate-static-params\";\n};\n\nexport type PrerenderLegacyStore = {\n  readonly type: \"prerender-legacy\";\n};\n\n/**\n * Discriminated union of all known work unit types.\n * Matches Next.js's WorkUnitStore: packages/next/src/server/app-render/work-unit-async-storage.external.ts\n */\nexport type WorkUnitStore =\n  | RequestStore\n  | PrerenderStore\n  | CacheStore\n  | GenerateStaticParamsStore\n  | PrerenderLegacyStore;\n\nexport type WorkUnitAsyncStorage = AsyncLocalStorage<WorkUnitStore>;\n\nexport const workUnitAsyncStorage: WorkUnitAsyncStorage = new AsyncLocalStorage();\n\n// Legacy name (Next 13.x–14.x)\nexport const requestAsyncStorage = workUnitAsyncStorage;\n"],"mappings":";;;;;;;;;;;;;AAoDA,MAAa,uBAA6C,IAAI,mBAAmB;AAGjF,MAAa,sBAAsB"}

package/dist/shims/metadata.d.ts

@@ -73,11 +73,13 @@ type Metadata = {
       width?: number;
       height?: number;
       alt?: string;
+      type?: string;
     } | Array<string | URL | {
       url: string | URL;
       width?: number;
       height?: number;
       alt?: string;
+      type?: string;
     }>;
     videos?: Array<{
       url: string | URL;
@@ -104,37 +106,20 @@ type Metadata = {
       alt?: string;
       width?: number;
       height?: number;
+      type?: string;
     } | Array<string | URL | {
       url: string | URL;
       alt?: string;
       width?: number;
       height?: number;
+      type?: string;
     }>;
     creator?: string;
     creatorId?: string;
     players?: TwitterPlayerDescriptor | TwitterPlayerDescriptor[];
     app?: TwitterAppDescriptor;
   };
-  icons?: {
-    icon?: string | URL | Array<{
-      url: string | URL;
-      sizes?: string;
-      type?: string;
-      media?: string;
-    }>;
-    shortcut?: string | URL | Array<string | URL>;
-    apple?: string | URL | Array<{
-      url: string | URL;
-      sizes?: string;
-      type?: string;
-    }>;
-    other?: Array<{
-      rel: string;
-      url: string | URL;
-      sizes?: string;
-      type?: string;
-    }>;
-  };
+  icons?: IconsMetadata;
   manifest?: string | URL;
   alternates?: {
     canonical?: string | URL;
@@ -220,6 +205,36 @@ type TwitterAppDescriptor = {
   };
   name?: string;
 };
+type IconDescriptor = {
+  url: string | URL;
+  sizes?: string;
+  type?: string;
+  media?: string;
+};
+type AppleIconDescriptor = {
+  url: string | URL;
+  sizes?: string;
+  type?: string;
+};
+type IconInput = string | URL | IconDescriptor;
+type AppleIconInput = string | URL | AppleIconDescriptor;
+type IconsMap = {
+  icon?: IconInput | IconInput[];
+  shortcut?: string | URL | Array<string | URL>;
+  apple?: AppleIconInput | AppleIconInput[];
+  other?: Array<{
+    rel: string;
+    url: string | URL;
+    sizes?: string;
+    type?: string;
+  }>;
+};
+type IconsMetadata = IconInput | IconInput[] | IconsMap;
+type MetadataMergeEntry = {
+  contributesTitle?: boolean;
+  isPage?: boolean;
+  metadata: Metadata;
+};
 /**
  * Merge metadata from multiple sources (layouts + page).
  *
@@ -232,6 +247,7 @@ type TwitterAppDescriptor = {
  * Shallow merge: later entries override earlier ones (per Next.js docs).
  */
 declare function mergeMetadata(metadataList: Metadata[]): Metadata;
+declare function mergeMetadataEntries(entries: readonly MetadataMergeEntry[]): Metadata;
 /**
  * Resolve metadata from a module. Handles both static `metadata` export
  * and async `generateMetadata()` function.
@@ -242,16 +258,12 @@ declare function mergeMetadata(metadataList: Metadata[]): Metadata;
  *   resolution approach. If not provided, defaults to a promise that resolves
  *   to an empty object (so `await parent` never throws).
  */
-declare function resolveModuleMetadata(mod: Record<string, unknown>, params?: Record<string, string | string[]>, searchParams?: Record<string, string>, parent?: Promise<Metadata>): Promise<Metadata | null>;
-/**
- * React component that renders metadata as HTML head elements.
- * Used by the RSC entry to inject into the <head>.
- */
+declare function resolveModuleMetadata(mod: Record<string, unknown>, params?: Record<string, string | string[]>, searchParams?: Record<string, string | string[]>, parent?: Promise<Metadata>): Promise<Metadata | null>;
 declare function MetadataHead({
   metadata
 }: {
   metadata: Metadata;
 }): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { DEFAULT_VIEWPORT, Metadata, MetadataHead, Viewport, ViewportHead, mergeMetadata, mergeViewport, resolveModuleMetadata, resolveModuleViewport };
+export { DEFAULT_VIEWPORT, Metadata, MetadataHead, MetadataMergeEntry, Viewport, ViewportHead, mergeMetadata, mergeMetadataEntries, mergeViewport, resolveModuleMetadata, resolveModuleViewport };
 //# sourceMappingURL=metadata.d.ts.map

package/dist/shims/metadata.js

@@ -1,15 +1,8 @@
+import { makeThenableParams } from "./thenable-params.js";
 import "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 //#region src/shims/metadata.tsx
 /**
-* Normalize null-prototype objects from matchPattern() into thenable objects.
-* See entries/app-rsc-entry.ts makeThenableParams() for full explanation.
-*/
-function makeThenableParams(obj) {
-	const plain = { ...obj };
-	return Object.assign(Promise.resolve(plain), plain);
-}
-/**
 * Resolve viewport config from a module. Handles both static `viewport` export
 * and async `generateViewport()` function.
 */
@@ -80,17 +73,25 @@ function ViewportHead({ viewport }) {
 * Shallow merge: later entries override earlier ones (per Next.js docs).
 */
 function mergeMetadata(metadataList) {
-	if (metadataList.length === 0) return {};
+	return mergeMetadataEntries(metadataList.map((metadata, index) => ({
+		isPage: index === metadataList.length - 1,
+		metadata
+	})));
+}
+function mergeMetadataEntries(entries) {
+	if (entries.length === 0) return {};
 	const merged = {};
 	let parentTemplate;
-	for (let i = 0; i < metadataList.length; i++) {
-		const meta = metadataList[i];
-		if (!(i === metadataList.length - 1) && meta.title && typeof meta.title === "object" && meta.title.template) parentTemplate = meta.title.template;
+	for (const entry of entries) {
+		const meta = entry.metadata;
+		const isPage = Boolean(entry.isPage);
+		const contributesTitle = entry.contributesTitle !== false;
+		if (contributesTitle && !isPage && meta.title && typeof meta.title === "object" && meta.title.template) parentTemplate = meta.title.template;
 		for (const key of Object.keys(meta)) {
 			if (key === "title") continue;
 			merged[key] = meta[key];
 		}
-		if (meta.title !== void 0) merged.title = meta.title;
+		if (contributesTitle && meta.title !== void 0) merged.title = meta.title;
 	}
 	const finalTitle = merged.title;
 	if (finalTitle) {
@@ -117,11 +118,11 @@ function mergeMetadata(metadataList) {
 async function resolveModuleMetadata(mod, params = {}, searchParams, parent = Promise.resolve({})) {
 	if (typeof mod.generateMetadata === "function") {
 		const asyncParams = makeThenableParams(params);
-		const asyncSp = makeThenableParams(searchParams ?? {});
-		return await mod.generateMetadata({
+		const props = searchParams === void 0 ? { params: asyncParams } : {
 			params: asyncParams,
-			searchParams: asyncSp
-		}, parent);
+			searchParams: makeThenableParams(searchParams)
+		};
+		return await mod.generateMetadata(props, parent);
 	}
 	if (mod.metadata && typeof mod.metadata === "object") return mod.metadata;
 	return null;
@@ -130,6 +131,23 @@ async function resolveModuleMetadata(mod, params = {}, searchParams, parent = Pr
 * React component that renders metadata as HTML head elements.
 * Used by the RSC entry to inject into the <head>.
 */
+function isIconDescriptor(value) {
+	if (typeof value !== "object" || value === null || value instanceof URL || Array.isArray(value)) return false;
+	const urlValue = Reflect.get(value, "url");
+	return typeof urlValue === "string" || urlValue instanceof URL;
+}
+function isIconsMap(value) {
+	return typeof value === "object" && !(value instanceof URL) && !Array.isArray(value) && !isIconDescriptor(value);
+}
+function normalizeUrlDescriptor(value, createDescriptor) {
+	if (typeof value === "string" || value instanceof URL) return createDescriptor(value);
+	return value;
+}
+function normalizeUrlDescriptorEntries(value, createDescriptor) {
+	if (!value) return [];
+	if (Array.isArray(value)) return value.map((entry) => normalizeUrlDescriptor(entry, createDescriptor));
+	return [normalizeUrlDescriptor(value, createDescriptor)];
+}
 function MetadataHead({ metadata }) {
 	const elements = [];
 	let key = 0;
@@ -289,6 +307,10 @@ function MetadataHead({ metadata }) {
 						property: "og:image:height",
 						content: String(img.height)
 					}, key++));
+					if (img.type) elements.push(/* @__PURE__ */ jsx("meta", {
+						property: "og:image:type",
+						content: img.type
+					}, key++));
 					if (img.alt) elements.push(/* @__PURE__ */ jsx("meta", {
 						property: "og:image:alt",
 						content: img.alt
@@ -353,10 +375,24 @@ function MetadataHead({ metadata }) {
 					name: "twitter:image",
 					content: resolveUrl(imgUrl)
 				}, key++));
-				if (typeof img !== "string" && !(img instanceof URL) && img.alt) elements.push(/* @__PURE__ */ jsx("meta", {
-					name: "twitter:image:alt",
-					content: img.alt
-				}, key++));
+				if (typeof img !== "string" && !(img instanceof URL)) {
+					if (img.type) elements.push(/* @__PURE__ */ jsx("meta", {
+						name: "twitter:image:type",
+						content: img.type
+					}, key++));
+					if (img.width) elements.push(/* @__PURE__ */ jsx("meta", {
+						name: "twitter:image:width",
+						content: String(img.width)
+					}, key++));
+					if (img.height) elements.push(/* @__PURE__ */ jsx("meta", {
+						name: "twitter:image:height",
+						content: String(img.height)
+					}, key++));
+					if (img.alt) elements.push(/* @__PURE__ */ jsx("meta", {
+						name: "twitter:image:alt",
+						content: img.alt
+					}, key++));
+				}
 			}
 		}
 		if (tw.players) {
@@ -408,34 +444,28 @@ function MetadataHead({ metadata }) {
 		}
 	}
 	if (metadata.icons) {
-		const { icon, shortcut, apple, other } = metadata.icons;
-		if (shortcut) {
-			const shortcuts = Array.isArray(shortcut) ? shortcut : [shortcut];
+		const iconEntries = isIconsMap(metadata.icons) ? normalizeUrlDescriptorEntries(metadata.icons.icon, (url) => ({ url })) : normalizeUrlDescriptorEntries(metadata.icons, (url) => ({ url }));
+		if (isIconsMap(metadata.icons) && metadata.icons.shortcut) {
+			const shortcuts = Array.isArray(metadata.icons.shortcut) ? metadata.icons.shortcut : [metadata.icons.shortcut];
 			for (const s of shortcuts) elements.push(/* @__PURE__ */ jsx("link", {
 				rel: "shortcut icon",
 				href: resolveUrl(s)
 			}, key++));
 		}
-		if (icon) {
-			const icons = typeof icon === "string" || icon instanceof URL ? [{ url: icon }] : icon;
-			for (const i of icons) elements.push(/* @__PURE__ */ jsx("link", {
-				rel: "icon",
-				href: resolveUrl(i.url),
-				...i.sizes ? { sizes: i.sizes } : {},
-				...i.type ? { type: i.type } : {},
-				...i.media ? { media: i.media } : {}
-			}, key++));
-		}
-		if (apple) {
-			const apples = typeof apple === "string" || apple instanceof URL ? [{ url: apple }] : apple;
-			for (const a of apples) elements.push(/* @__PURE__ */ jsx("link", {
-				rel: "apple-touch-icon",
-				href: resolveUrl(a.url),
-				...a.sizes ? { sizes: a.sizes } : {},
-				...a.type ? { type: a.type } : {}
-			}, key++));
-		}
-		if (other) for (const o of other) elements.push(/* @__PURE__ */ jsx("link", {
+		if (iconEntries.length > 0) for (const i of iconEntries) elements.push(/* @__PURE__ */ jsx("link", {
+			rel: "icon",
+			href: resolveUrl(i.url),
+			...i.sizes ? { sizes: i.sizes } : {},
+			...i.type ? { type: i.type } : {},
+			...i.media ? { media: i.media } : {}
+		}, key++));
+		if (isIconsMap(metadata.icons) && metadata.icons.apple) for (const a of normalizeUrlDescriptorEntries(metadata.icons.apple, (url) => ({ url }))) elements.push(/* @__PURE__ */ jsx("link", {
+			rel: "apple-touch-icon",
+			href: resolveUrl(a.url),
+			...a.sizes ? { sizes: a.sizes } : {},
+			...a.type ? { type: a.type } : {}
+		}, key++));
+		if (isIconsMap(metadata.icons) && metadata.icons.other) for (const o of metadata.icons.other) elements.push(/* @__PURE__ */ jsx("link", {
 			rel: o.rel,
 			href: resolveUrl(o.url),
 			...o.sizes ? { sizes: o.sizes } : {}
@@ -557,6 +587,6 @@ function MetadataHead({ metadata }) {
 	return /* @__PURE__ */ jsx(Fragment$1, { children: elements });
 }
 //#endregion
-export { DEFAULT_VIEWPORT, MetadataHead, ViewportHead, mergeMetadata, mergeViewport, resolveModuleMetadata, resolveModuleViewport };
+export { DEFAULT_VIEWPORT, MetadataHead, ViewportHead, mergeMetadata, mergeMetadataEntries, mergeViewport, resolveModuleMetadata, resolveModuleViewport };
 
 //# sourceMappingURL=metadata.js.map