cloudflare-next-intl 0.9.1 → 0.9.2

package/dist/src/image_optimizer/img_with_fallback.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface ImgWithFallbackProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    originalSrc?: string;
+}
+export declare function ImgWithFallback({ originalSrc, ...imgProps }: ImgWithFallbackProps): React.JSX.Element;

package/dist/src/image_optimizer/img_with_fallback.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ImgWithFallback({ originalSrc, ...imgProps }) {
+    const onError = (event) => {
+        const img = event.currentTarget;
+        if (originalSrc && img.src !== originalSrc && !img.src.endsWith(originalSrc)) {
+            img.srcset = "";
+            img.src = originalSrc;
+        }
+    };
+    return _jsx("img", { ...imgProps, onError: onError });
+}

package/dist/src/image_optimizer/next_image_shim.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import NextImage, { getImageProps as nextGetImageProps } from "next/image";
 import { getImageBlurSvg } from "./blur_svg.js";
+import { ImgWithFallback } from "./img_with_fallback.js";
 function pickVariant(entry, requestedWidth) {
     if (!requestedWidth || !entry.variants || entry.variants.length === 0) {
         return entry;
@@ -110,16 +111,9 @@ export default function Image(props) {
     const { props: imgProps } = nextGetImageProps(resolved);
     const primarySrc = variant?.src ?? String(imgProps.src);
     const originalSrc = entry?.originalSrc;
-    const onError = (event) => {
-        const img = event.currentTarget;
-        if (originalSrc && img.src !== originalSrc && !img.src.endsWith(originalSrc)) {
-            img.srcset = "";
-            img.src = originalSrc;
-        }
-    };
     return (_jsxs("picture", { children: [alternates.map((source) => (_jsx("source", { type: source.type, sizes: imgProps.sizes, srcSet: imgProps.srcSet
                     ? retargetSrcSet(imgProps.srcSet, primarySrc, source.src)
-                    : source.src }, source.src))), _jsx("img", { ...imgProps, alt: imgProps.alt ?? "", onError: onError })] }));
+                    : source.src }, source.src))), _jsx(ImgWithFallback, { ...imgProps, alt: imgProps.alt ?? "", originalSrc: originalSrc })] }));
 }
 export function getImageProps(props) {
     const resolved = resolveProps(props);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudflare-next-intl",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "description": "Optimized Next Intl Package Special for App Router and Cloudflare",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",