@wix/web5-core 1.56.0

package/dist/cjs/components/ui/OptimizedImage.js

@@ -0,0 +1,414 @@
+"use strict";
+
+exports.__esModule = true;
+exports.OptimizedImage = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _imageUtils = require("../../utils/image-utils");
+var _linkTypes = require("../../types/link-types");
+var _ComponentDependenciesContext = require("../../context/ComponentDependenciesContext");
+var _useResolvedImageSources = require("../../hooks/useResolvedImageSources");
+var _jsxFileName = "/home/builduser/work/c2b6ca0b3fa984ee/packages/web5-core/dist/cjs/components/ui/OptimizedImage.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const lowResFallbackCache = new Map();
+const OptimizedImage = exports.OptimizedImage = /*#__PURE__*/(0, _react.memo)(props => {
+  const {
+    alt,
+    className = '',
+    quality = 85,
+    format = 'auto',
+    progressive = true,
+    placeholderColor = '#f3f4f6',
+    objectFit = 'contain',
+    layout = 'fill',
+    onLoad,
+    onError,
+    onClick,
+    clickable = false,
+    imageFromText = false,
+    disableResize = false,
+    imageMode = 'fit',
+    fallbackOnLowRes,
+    lowResThreshold = 550
+  } = props;
+  void format;
+  void progressive;
+  const isResolvedMode = 'resolvedUrl' in props;
+  const unresolvedSource = 'filename' in props ? props.filename ?? '' : '';
+  const preResolvedUrl = 'resolvedUrl' in props ? props.resolvedUrl : '';
+  const filter = 'filename' in props ? props.filter : undefined;
+  const sourceIdentifier = isResolvedMode ? preResolvedUrl : unresolvedSource;
+  const deps = (0, _ComponentDependenciesContext.useComponentDependencies)();
+  const [isLoaded, setIsLoaded] = (0, _react.useState)(false);
+  const [isError, setIsError] = (0, _react.useState)(false);
+  const [imageUrl, setImageUrl] = (0, _react.useState)('');
+  const [isFallback, setIsFallback] = (0, _react.useState)(false);
+  const isDebugImageEnabled = deps.useDebugImageContext();
+  const [dimensions, setDimensions] = (0, _react.useState)(null);
+  const containerRef = (0, _react.useRef)(null);
+  const observerRef = (0, _react.useRef)(null);
+  const isContextualImage = (0, _react.useMemo)(() => !isResolvedMode && !!(unresolvedSource && (0, _linkTypes.isWeb5ImageUrl)(unresolvedSource)), [isResolvedMode, unresolvedSource]);
+  const contextualImageKey = (0, _react.useMemo)(() => {
+    if (!isContextualImage) {
+      return '';
+    }
+    const rawKey = unresolvedSource.slice('web5://image/'.length);
+    try {
+      return decodeURIComponent(rawKey).trim();
+    } catch {
+      return rawKey.trim();
+    }
+  }, [isContextualImage, unresolvedSource]);
+  const resolutionInputs = (0, _react.useMemo)(() => isResolvedMode || !unresolvedSource ? [] : [{
+    src: unresolvedSource,
+    filter
+  }], [filter, isResolvedMode, unresolvedSource]);
+  const {
+    images: resolvedSources,
+    loading: isResolutionLoading
+  } = (0, _useResolvedImageSources.useResolvedImageSources)(resolutionInputs);
+  const resolvedSource = (0, _react.useMemo)(() => !isResolvedMode ? (resolvedSources == null ? void 0 : resolvedSources[0]) ?? null : null, [isResolvedMode, resolvedSources]);
+  (0, _react.useEffect)(() => {
+    if (!isContextualImage || isResolvedMode || isResolutionLoading || resolvedSources === null) {
+      return;
+    }
+    deps.logContextualImage == null || deps.logContextualImage({
+      imageUrl: (resolvedSource == null ? void 0 : resolvedSource.url) ?? '',
+      contextualTerm: contextualImageKey,
+      imageEventType: imageFromText ? 'web5_image_link_from_text' : 'web5_image_link',
+      isImageResolved: !!(resolvedSource != null && resolvedSource.url),
+      isFallbackImage: false
+    });
+  }, [contextualImageKey, deps, imageFromText, isContextualImage, isResolvedMode, isResolutionLoading, resolvedSource == null ? void 0 : resolvedSource.url, resolvedSources]);
+
+  // When imageFromText contextual image resolution returns empty, use a random fallback
+  const contextualImageFallback = (0, _react.useMemo)(() => {
+    if (!imageFromText || !isContextualImage || isResolutionLoading || resolvedSources === null || resolvedSource != null && resolvedSource.url) {
+      return '';
+    }
+    const fallbacks = deps.fallbackImages;
+    if (!fallbacks || fallbacks.length === 0) {
+      return '';
+    }
+    return fallbacks[Math.floor(Math.random() * fallbacks.length)];
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [imageFromText, isContextualImage, isResolutionLoading, resolvedSources, resolvedSource == null ? void 0 : resolvedSource.url, deps.fallbackImages]);
+
+  // Log when a fallback image is used for an unresolved contextual image
+  (0, _react.useEffect)(() => {
+    if (!contextualImageFallback) {
+      return;
+    }
+    deps.logContextualImage == null || deps.logContextualImage({
+      imageUrl: contextualImageFallback,
+      contextualTerm: contextualImageKey,
+      imageEventType: 'web5_image_fallback',
+      isImageResolved: false,
+      isFallbackImage: true
+    });
+  }, [contextualImageFallback, contextualImageKey, deps]);
+  const effectiveFilename = isResolvedMode ? preResolvedUrl : (resolvedSource == null ? void 0 : resolvedSource.url) || contextualImageFallback;
+  const sourceCacheKey = (0, _react.useMemo)(() => effectiveFilename ? (0, _imageUtils.normalizeImageUrl)(effectiveFilename).trim() : '', [effectiveFilename]);
+  const hasResolvedSourceDimensions = typeof (resolvedSource == null ? void 0 : resolvedSource.width) === 'number' && typeof (resolvedSource == null ? void 0 : resolvedSource.height) === 'number';
+  const isLowResResolvedAsset = hasResolvedSourceDimensions && (resolvedSource.width < lowResThreshold || resolvedSource.height < lowResThreshold);
+  const cachedFallbackUrl = (0, _react.useMemo)(() => sourceCacheKey ? lowResFallbackCache.get(sourceCacheKey) ?? '' : '', [sourceCacheKey]);
+  const showDynamicBadge = isContextualImage && isDebugImageEnabled;
+  (0, _react.useEffect)(() => {
+    setIsLoaded(false);
+    setIsError(false);
+    setIsFallback(false);
+    setImageUrl('');
+  }, [sourceCacheKey, fallbackOnLowRes]);
+  (0, _react.useEffect)(() => {
+    if (!sourceCacheKey || !fallbackOnLowRes) {
+      return;
+    }
+    if (isLowResResolvedAsset) {
+      lowResFallbackCache.set(sourceCacheKey, fallbackOnLowRes);
+      setIsFallback(true);
+      setImageUrl(fallbackOnLowRes);
+      return;
+    }
+    if (!cachedFallbackUrl) {
+      return;
+    }
+    setIsFallback(true);
+    setImageUrl(cachedFallbackUrl);
+  }, [cachedFallbackUrl, fallbackOnLowRes, isLowResResolvedAsset, sourceCacheKey]);
+
+  // For fill layout, measure container so we can request a resized Wix image.
+  (0, _react.useEffect)(() => {
+    if (layout === 'intrinsic' || disableResize) {
+      return;
+    }
+    const container = containerRef.current;
+    if (!container) {
+      return;
+    }
+    const updateDimensions = () => {
+      const rect = container.getBoundingClientRect();
+      if (rect.width > 0 && rect.height > 0) {
+        setDimensions({
+          width: Math.ceil(rect.width),
+          height: Math.ceil(rect.height)
+        });
+      }
+    };
+    updateDimensions();
+    if ('ResizeObserver' in window) {
+      observerRef.current = new ResizeObserver(() => {
+        updateDimensions();
+      });
+      observerRef.current.observe(container);
+    }
+    const handleResize = () => updateDimensions();
+    window.addEventListener('resize', handleResize);
+    return () => {
+      if (observerRef.current) {
+        observerRef.current.disconnect();
+      }
+      window.removeEventListener('resize', handleResize);
+    };
+  }, [disableResize, layout]);
+
+  // Intrinsic layout: use normalized URL without resize logic.
+  (0, _react.useEffect)(() => {
+    if (layout !== 'intrinsic') {
+      return;
+    }
+    if (!effectiveFilename || isFallback || cachedFallbackUrl || isLowResResolvedAsset && fallbackOnLowRes) {
+      return;
+    }
+    const normalizedUrl = (0, _imageUtils.normalizeImageUrl)(effectiveFilename);
+    setImageUrl(normalizedUrl);
+  }, [cachedFallbackUrl, effectiveFilename, isFallback, isLowResResolvedAsset, layout]);
+
+  // External non-Wix URLs skip resizing; use them immediately.
+  (0, _react.useEffect)(() => {
+    if (layout === 'intrinsic') {
+      return;
+    }
+    if (!effectiveFilename || isFallback || cachedFallbackUrl || isLowResResolvedAsset && fallbackOnLowRes) {
+      return;
+    }
+    const normalizedUrl = (0, _imageUtils.normalizeImageUrl)(effectiveFilename);
+    const isExternalNonWixUrl = (normalizedUrl.startsWith('http://') || normalizedUrl.startsWith('https://')) && !normalizedUrl.includes('static.wixstatic.com');
+    if (isExternalNonWixUrl) {
+      setImageUrl(normalizedUrl);
+    }
+  }, [cachedFallbackUrl, effectiveFilename, isFallback, isLowResResolvedAsset, layout]);
+
+  // Explicit opt-out: use original normalized URL even in fill layouts.
+  (0, _react.useEffect)(() => {
+    if (layout === 'intrinsic') {
+      return;
+    }
+    if (!disableResize || !effectiveFilename || isFallback || cachedFallbackUrl || isLowResResolvedAsset && fallbackOnLowRes) {
+      return;
+    }
+    setImageUrl((0, _imageUtils.normalizeImageUrl)(effectiveFilename));
+  }, [cachedFallbackUrl, disableResize, effectiveFilename, isFallback, isLowResResolvedAsset, layout]);
+
+  // Wix/local URLs: wait for dimensions, then build a resized URL.
+  (0, _react.useEffect)(() => {
+    if (layout === 'intrinsic') {
+      return;
+    }
+    if (disableResize) {
+      return;
+    }
+    if (!dimensions || !effectiveFilename || isFallback || cachedFallbackUrl || isLowResResolvedAsset && fallbackOnLowRes) {
+      return;
+    }
+    const normalizedUrl = (0, _imageUtils.normalizeImageUrl)(effectiveFilename);
+    const isExternalNonWixUrl = (normalizedUrl.startsWith('http://') || normalizedUrl.startsWith('https://')) && !normalizedUrl.includes('static.wixstatic.com');
+    if (isExternalNonWixUrl) {
+      return;
+    }
+    let imageFilename = effectiveFilename;
+    if (normalizedUrl.includes('static.wixstatic.com')) {
+      const match = normalizedUrl.match(/media\/([^/?]+)/);
+      if (match && match[1]) {
+        imageFilename = match[1];
+      } else {
+        setImageUrl(normalizedUrl);
+        return;
+      }
+    } else if (normalizedUrl.startsWith('https://static.wixstatic.com/media/')) {
+      imageFilename = normalizedUrl.replace('https://static.wixstatic.com/media/', '');
+    }
+    const dpr = window.devicePixelRatio ?? 1;
+    const optimizedUrl = (0, _imageUtils.getResizedImageUrl)(imageFilename, dimensions.width * dpr, dimensions.height * dpr, {
+      quality,
+      imageMode
+    });
+    setImageUrl(optimizedUrl);
+  }, [dimensions, cachedFallbackUrl, effectiveFilename, isFallback, isLowResResolvedAsset, layout, disableResize, quality, imageMode]);
+  const handleImageLoad = e => {
+    const img = e.currentTarget;
+    if (fallbackOnLowRes && !isFallback && !hasResolvedSourceDimensions && (img.naturalWidth < lowResThreshold || img.naturalHeight < lowResThreshold)) {
+      const originalImageUrl = img.currentSrc || imageUrl || effectiveFilename || sourceIdentifier;
+      if (sourceCacheKey) {
+        lowResFallbackCache.set(sourceCacheKey, fallbackOnLowRes);
+      }
+      setIsFallback(true);
+      setImageUrl(fallbackOnLowRes);
+      setIsLoaded(false);
+      console.warn('OptimizedImage applied a low-res fallback image.', {
+        originalImageUrl,
+        fallbackImageUrl: fallbackOnLowRes,
+        naturalWidth: img.naturalWidth,
+        naturalHeight: img.naturalHeight,
+        lowResThreshold
+      });
+      deps.logContextualImage == null || deps.logContextualImage({
+        imageUrl: fallbackOnLowRes,
+        contextualTerm: contextualImageKey,
+        imageEventType: 'web5_image_fallback',
+        isImageResolved: true,
+        isFallbackImage: true
+      });
+      return;
+    }
+    setIsLoaded(true);
+    onLoad == null || onLoad();
+  };
+  const handleImageError = () => {
+    setIsError(true);
+    console.error('Failed to load image:', {
+      source: sourceIdentifier,
+      imageUrl,
+      alt
+    });
+    onError == null || onError(new Error(`Failed to load image: ${sourceIdentifier}`));
+  };
+  const isTransparentPlaceholder = placeholderColor === 'transparent';
+  const placeholderStyles = isTransparentPlaceholder ? {
+    background: 'transparent',
+    animation: 'none'
+  } : {
+    background: `linear-gradient(90deg, ${placeholderColor} 0%, #e5e7eb 50%, ${placeholderColor} 100%)`,
+    backgroundSize: '200% 100%',
+    animation: 'shimmer 2s infinite ease-in-out'
+  };
+  const handleKeyDown = e => {
+    if (onClick && (e.key === 'Enter' || e.key === ' ')) {
+      e.preventDefault();
+      onClick();
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+    ref: containerRef,
+    className: ['block', layout === 'intrinsic' ? '' : 'relative overflow-hidden', showDynamicBadge ? 'relative' : '', className].filter(Boolean).join(' '),
+    style: layout === 'intrinsic' ? undefined : {
+      minHeight: '1px'
+    },
+    onClick: clickable ? onClick : undefined,
+    onKeyDown: clickable ? handleKeyDown : undefined,
+    tabIndex: clickable ? 0 : undefined,
+    role: clickable ? 'button' : undefined,
+    "aria-label": clickable ? alt : undefined,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 532,
+      columnNumber: 7
+    }
+  }, showDynamicBadge && /*#__PURE__*/_react.default.createElement("span", {
+    className: "absolute left-2 top-2 z-10 rounded bg-blue-600/90 px-2 py-1 text-[10px] font-semibold tracking-wide text-white shadow block",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 550,
+      columnNumber: 11
+    }
+  }, contextualImageKey), !isLoaded && !isError && sourceIdentifier && /*#__PURE__*/_react.default.createElement("span", {
+    className: "absolute inset-0 rounded block",
+    style: placeholderStyles,
+    role: "status",
+    "aria-label": "Loading image",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 555,
+      columnNumber: 11
+    }
+  }), isError && /*#__PURE__*/_react.default.createElement("span", {
+    className: "absolute inset-0 flex items-center justify-center bg-gray-100 text-gray-500 rounded block",
+    role: "alert",
+    "aria-live": "assertive",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 564,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "text-center p-4 block",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 569,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement("svg", {
+    className: "w-8 h-8 mx-auto mb-2 text-gray-400",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24",
+    "aria-hidden": "true",
+    focusable: "false",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 570,
+      columnNumber: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 578,
+      columnNumber: 17
+    }
+  })), /*#__PURE__*/_react.default.createElement("span", {
+    className: "text-xs block",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 585,
+      columnNumber: 15
+    }
+  }, "Failed to load image"))), imageUrl && !isError && /*#__PURE__*/_react.default.createElement("img", {
+    src: imageUrl,
+    alt: alt,
+    className: `${layout === 'intrinsic' ? 'w-full h-auto' : 'absolute inset-0 w-full h-full'} transition-opacity duration-300 ${isLoaded ? 'opacity-100' : 'opacity-0'} ${objectFit === 'contain' ? 'object-contain' : objectFit === 'cover' ? 'object-cover' : objectFit === 'fill' ? 'object-fill' : objectFit === 'none' ? 'object-none' : objectFit === 'scale-down' ? 'object-scale-down' : ''}`,
+    style: layout === 'intrinsic' ? {
+      width: '100%',
+      height: 'auto',
+      maxWidth: '100%',
+      display: 'block'
+    } : {
+      position: 'absolute',
+      inset: 0,
+      width: '100%',
+      height: '100%',
+      objectFit,
+      maxWidth: '100%',
+      display: 'block'
+    },
+    onLoad: handleImageLoad,
+    onError: handleImageError,
+    loading: imageUrl.startsWith('data:') ? 'eager' : 'lazy',
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 591,
+      columnNumber: 11
+    }
+  })));
+});
+//# sourceMappingURL=OptimizedImage.js.map

package/dist/cjs/components/ui/OptimizedImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_imageUtils","_linkTypes","_ComponentDependenciesContext","_useResolvedImageSources","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","lowResFallbackCache","Map","OptimizedImage","exports","memo","props","alt","className","quality","format","progressive","placeholderColor","objectFit","layout","onLoad","onError","onClick","clickable","imageFromText","disableResize","imageMode","fallbackOnLowRes","lowResThreshold","isResolvedMode","unresolvedSource","filename","preResolvedUrl","resolvedUrl","filter","undefined","sourceIdentifier","deps","useComponentDependencies","isLoaded","setIsLoaded","useState","isError","setIsError","imageUrl","setImageUrl","isFallback","setIsFallback","isDebugImageEnabled","useDebugImageContext","dimensions","setDimensions","containerRef","useRef","observerRef","isContextualImage","useMemo","isWeb5ImageUrl","contextualImageKey","rawKey","slice","length","decodeURIComponent","trim","resolutionInputs","src","images","resolvedSources","loading","isResolutionLoading","useResolvedImageSources","resolvedSource","useEffect","logContextualImage","url","contextualTerm","imageEventType","isImageResolved","isFallbackImage","contextualImageFallback","fallbacks","fallbackImages","Math","floor","random","effectiveFilename","sourceCacheKey","normalizeImageUrl","hasResolvedSourceDimensions","width","height","isLowResResolvedAsset","cachedFallbackUrl","showDynamicBadge","container","current","updateDimensions","rect","getBoundingClientRect","ceil","window","ResizeObserver","observe","handleResize","addEventListener","disconnect","removeEventListener","normalizedUrl","isExternalNonWixUrl","startsWith","includes","imageFilename","match","replace","dpr","devicePixelRatio","optimizedUrl","getResizedImageUrl","handleImageLoad","img","currentTarget","naturalWidth","naturalHeight","originalImageUrl","currentSrc","console","warn","fallbackImageUrl","handleImageError","error","source","Error","isTransparentPlaceholder","placeholderStyles","background","animation","backgroundSize","handleKeyDown","key","preventDefault","createElement","Fragment","ref","Boolean","join","style","minHeight","onKeyDown","tabIndex","role","__self","__source","fileName","lineNumber","columnNumber","fill","stroke","viewBox","focusable","strokeLinecap","strokeLinejoin","strokeWidth","d","maxWidth","display","position","inset"],"sources":["../../../../src/components/ui/OptimizedImage.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, memo, useMemo } from 'react';\nimport { getResizedImageUrl, normalizeImageUrl } from '../../utils/image-utils';\nimport { isWeb5ImageUrl } from '../../types/link-types';\nimport { useComponentDependencies } from '../../context/ComponentDependenciesContext';\nimport type { ImageSearchFilterString } from '../../image/imageSearchFilterTypes';\nimport { useResolvedImageSources } from '../../hooks/useResolvedImageSources';\n\nconst lowResFallbackCache = new Map<string, string>();\n\ninterface OptimizedImageBaseProps {\n  /** Accessible alternative text for the rendered image. */\n  alt: string;\n  /** Additional CSS classes applied to the outer image container. */\n  className?: string;\n  /** Preferred output quality for resized Wix media URLs. */\n  quality?: number;\n  /** Requested output format for future image delivery customization. */\n  format?: 'auto' | 'webp' | 'jpg' | 'png';\n  /** Enables progressive loading behavior when supported by the delivery layer. */\n  progressive?: boolean;\n  /** Placeholder background color shown before the image loads. */\n  placeholderColor?: string;\n  /** CSS object-fit behavior applied to the rendered `<img>`. */\n  objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';\n  /** Layout strategy for the image container. */\n  layout?: 'fill' | 'intrinsic';\n  /** Called after the final rendered image successfully loads. */\n  onLoad?: () => void;\n  /** Called when the final rendered image fails to load. */\n  onError?: (error: Error) => void;\n  /** Click handler for interactive image surfaces. */\n  onClick?: () => void;\n  /** Makes the image container keyboard-focusable and clickable. */\n  clickable?: boolean;\n  /** Marks the source as originating from text-driven image generation for BI logging. */\n  imageFromText?: boolean;\n  /** Skips Wix fitted delivery URL rewriting and uses the normalized original URL directly. */\n  disableResize?: boolean;\n  /** CDN resize mode. 'fill' crops to exact container dimensions (sharp at slot size).\n   *  'fit' (default) preserves aspect ratio. */\n  imageMode?: 'fit' | 'fill';\n  /** Full URL to a fallback image used when the primary image is considered low resolution. */\n  fallbackOnLowRes?: string;\n  /** Minimum acceptable width or height before low-resolution fallback is triggered. */\n  lowResThreshold?: number;\n}\n\ninterface OptimizedImageWithFilenameProps {\n  /** Image source to render. Supports full URLs and `web5://image/...` contextual image tokens. */\n  filename: string;\n  /** Optional contextual search filter used only when resolving a `web5://image/...` source. */\n  filter?: ImageSearchFilterString;\n  /** Mutually exclusive with `filename`; provide this only when the image URL is already resolved. */\n  resolvedUrl?: never;\n}\n\ninterface OptimizedImageWithResolvedUrlProps {\n  /** Already-resolved image URL. When provided, OptimizedImage skips all source resolution. */\n  resolvedUrl: string;\n  /** Mutually exclusive with `resolvedUrl`; use `filename` when the source still needs resolving. */\n  filename?: never;\n  /** Not applicable for already-resolved image URLs. */\n  filter?: never;\n}\n\nexport type OptimizedImageProps = OptimizedImageBaseProps &\n  (OptimizedImageWithFilenameProps | OptimizedImageWithResolvedUrlProps);\n\nexport const OptimizedImage: React.FC<OptimizedImageProps> = memo((props) => {\n  const {\n    alt,\n    className = '',\n    quality = 85,\n    format = 'auto',\n    progressive = true,\n    placeholderColor = '#f3f4f6',\n    objectFit = 'contain',\n    layout = 'fill',\n    onLoad,\n    onError,\n    onClick,\n    clickable = false,\n    imageFromText = false,\n    disableResize = false,\n    imageMode = 'fit',\n    fallbackOnLowRes,\n    lowResThreshold = 550,\n  } = props;\n  void format;\n  void progressive;\n\n  const isResolvedMode = 'resolvedUrl' in props;\n  const unresolvedSource = 'filename' in props ? props.filename ?? '' : '';\n  const preResolvedUrl = 'resolvedUrl' in props ? props.resolvedUrl : '';\n  const filter = 'filename' in props ? props.filter : undefined;\n  const sourceIdentifier = isResolvedMode ? preResolvedUrl : unresolvedSource;\n\n  const deps = useComponentDependencies();\n  const [isLoaded, setIsLoaded] = useState(false);\n  const [isError, setIsError] = useState(false);\n  const [imageUrl, setImageUrl] = useState<string>('');\n  const [isFallback, setIsFallback] = useState(false);\n  const isDebugImageEnabled = deps.useDebugImageContext();\n  const [dimensions, setDimensions] = useState<{\n    width: number;\n    height: number;\n  } | null>(null);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const observerRef = useRef<ResizeObserver | null>(null);\n\n  const isContextualImage = useMemo(\n    () =>\n      !isResolvedMode &&\n      !!(unresolvedSource && isWeb5ImageUrl(unresolvedSource)),\n    [isResolvedMode, unresolvedSource],\n  );\n\n  const contextualImageKey = useMemo(() => {\n    if (!isContextualImage) {\n      return '';\n    }\n    const rawKey = unresolvedSource.slice('web5://image/'.length);\n    try {\n      return decodeURIComponent(rawKey).trim();\n    } catch {\n      return rawKey.trim();\n    }\n  }, [isContextualImage, unresolvedSource]);\n  const resolutionInputs = useMemo(\n    () =>\n      isResolvedMode || !unresolvedSource\n        ? []\n        : [\n            {\n              src: unresolvedSource,\n              filter,\n            },\n          ],\n    [filter, isResolvedMode, unresolvedSource],\n  );\n  const { images: resolvedSources, loading: isResolutionLoading } =\n    useResolvedImageSources(resolutionInputs);\n  const resolvedSource = useMemo(\n    () => (!isResolvedMode ? resolvedSources?.[0] ?? null : null),\n    [isResolvedMode, resolvedSources],\n  );\n\n  useEffect(() => {\n    if (\n      !isContextualImage ||\n      isResolvedMode ||\n      isResolutionLoading ||\n      resolvedSources === null\n    ) {\n      return;\n    }\n\n    deps.logContextualImage?.({\n      imageUrl: resolvedSource?.url ?? '',\n      contextualTerm: contextualImageKey,\n      imageEventType: imageFromText\n        ? 'web5_image_link_from_text'\n        : 'web5_image_link',\n      isImageResolved: !!resolvedSource?.url,\n      isFallbackImage: false,\n    });\n  }, [\n    contextualImageKey,\n    deps,\n    imageFromText,\n    isContextualImage,\n    isResolvedMode,\n    isResolutionLoading,\n    resolvedSource?.url,\n    resolvedSources,\n  ]);\n\n  // When imageFromText contextual image resolution returns empty, use a random fallback\n  const contextualImageFallback = useMemo(() => {\n    if (\n      !imageFromText ||\n      !isContextualImage ||\n      isResolutionLoading ||\n      resolvedSources === null ||\n      resolvedSource?.url\n    ) {\n      return '';\n    }\n    const fallbacks = deps.fallbackImages;\n    if (!fallbacks || fallbacks.length === 0) {\n      return '';\n    }\n    return fallbacks[Math.floor(Math.random() * fallbacks.length)];\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    imageFromText,\n    isContextualImage,\n    isResolutionLoading,\n    resolvedSources,\n    resolvedSource?.url,\n    deps.fallbackImages,\n  ]);\n\n  // Log when a fallback image is used for an unresolved contextual image\n  useEffect(() => {\n    if (!contextualImageFallback) {\n      return;\n    }\n    deps.logContextualImage?.({\n      imageUrl: contextualImageFallback,\n      contextualTerm: contextualImageKey,\n      imageEventType: 'web5_image_fallback',\n      isImageResolved: false,\n      isFallbackImage: true,\n    });\n  }, [contextualImageFallback, contextualImageKey, deps]);\n\n  const effectiveFilename = isResolvedMode\n    ? preResolvedUrl\n    : resolvedSource?.url || contextualImageFallback;\n  const sourceCacheKey = useMemo(\n    () =>\n      effectiveFilename ? normalizeImageUrl(effectiveFilename).trim() : '',\n    [effectiveFilename],\n  );\n  const hasResolvedSourceDimensions =\n    typeof resolvedSource?.width === 'number' &&\n    typeof resolvedSource?.height === 'number';\n  const isLowResResolvedAsset =\n    hasResolvedSourceDimensions &&\n    (resolvedSource.width! < lowResThreshold ||\n      resolvedSource.height! < lowResThreshold);\n  const cachedFallbackUrl = useMemo(\n    () => (sourceCacheKey ? lowResFallbackCache.get(sourceCacheKey) ?? '' : ''),\n    [sourceCacheKey],\n  );\n  const showDynamicBadge = isContextualImage && isDebugImageEnabled;\n\n  useEffect(() => {\n    setIsLoaded(false);\n    setIsError(false);\n    setIsFallback(false);\n    setImageUrl('');\n  }, [sourceCacheKey, fallbackOnLowRes]);\n\n  useEffect(() => {\n    if (!sourceCacheKey || !fallbackOnLowRes) {\n      return;\n    }\n\n    if (isLowResResolvedAsset) {\n      lowResFallbackCache.set(sourceCacheKey, fallbackOnLowRes);\n      setIsFallback(true);\n      setImageUrl(fallbackOnLowRes);\n      return;\n    }\n\n    if (!cachedFallbackUrl) {\n      return;\n    }\n\n    setIsFallback(true);\n    setImageUrl(cachedFallbackUrl);\n  }, [\n    cachedFallbackUrl,\n    fallbackOnLowRes,\n    isLowResResolvedAsset,\n    sourceCacheKey,\n  ]);\n\n  // For fill layout, measure container so we can request a resized Wix image.\n  useEffect(() => {\n    if (layout === 'intrinsic' || disableResize) {\n      return;\n    }\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n\n    const updateDimensions = () => {\n      const rect = container.getBoundingClientRect();\n      if (rect.width > 0 && rect.height > 0) {\n        setDimensions({\n          width: Math.ceil(rect.width),\n          height: Math.ceil(rect.height),\n        });\n      }\n    };\n\n    updateDimensions();\n\n    if ('ResizeObserver' in window) {\n      observerRef.current = new ResizeObserver(() => {\n        updateDimensions();\n      });\n      observerRef.current.observe(container);\n    }\n\n    const handleResize = () => updateDimensions();\n    window.addEventListener('resize', handleResize);\n\n    return () => {\n      if (observerRef.current) {\n        observerRef.current.disconnect();\n      }\n      window.removeEventListener('resize', handleResize);\n    };\n  }, [disableResize, layout]);\n\n  // Intrinsic layout: use normalized URL without resize logic.\n  useEffect(() => {\n    if (layout !== 'intrinsic') {\n      return;\n    }\n    if (\n      !effectiveFilename ||\n      isFallback ||\n      cachedFallbackUrl ||\n      (isLowResResolvedAsset && fallbackOnLowRes)\n    ) {\n      return;\n    }\n\n    const normalizedUrl = normalizeImageUrl(effectiveFilename);\n    setImageUrl(normalizedUrl);\n  }, [\n    cachedFallbackUrl,\n    effectiveFilename,\n    isFallback,\n    isLowResResolvedAsset,\n    layout,\n  ]);\n\n  // External non-Wix URLs skip resizing; use them immediately.\n  useEffect(() => {\n    if (layout === 'intrinsic') {\n      return;\n    }\n    if (\n      !effectiveFilename ||\n      isFallback ||\n      cachedFallbackUrl ||\n      (isLowResResolvedAsset && fallbackOnLowRes)\n    ) {\n      return;\n    }\n\n    const normalizedUrl = normalizeImageUrl(effectiveFilename);\n    const isExternalNonWixUrl =\n      (normalizedUrl.startsWith('http://') ||\n        normalizedUrl.startsWith('https://')) &&\n      !normalizedUrl.includes('static.wixstatic.com');\n\n    if (isExternalNonWixUrl) {\n      setImageUrl(normalizedUrl);\n    }\n  }, [\n    cachedFallbackUrl,\n    effectiveFilename,\n    isFallback,\n    isLowResResolvedAsset,\n    layout,\n  ]);\n\n  // Explicit opt-out: use original normalized URL even in fill layouts.\n  useEffect(() => {\n    if (layout === 'intrinsic') {\n      return;\n    }\n    if (\n      !disableResize ||\n      !effectiveFilename ||\n      isFallback ||\n      cachedFallbackUrl ||\n      (isLowResResolvedAsset && fallbackOnLowRes)\n    ) {\n      return;\n    }\n\n    setImageUrl(normalizeImageUrl(effectiveFilename));\n  }, [\n    cachedFallbackUrl,\n    disableResize,\n    effectiveFilename,\n    isFallback,\n    isLowResResolvedAsset,\n    layout,\n  ]);\n\n  // Wix/local URLs: wait for dimensions, then build a resized URL.\n  useEffect(() => {\n    if (layout === 'intrinsic') {\n      return;\n    }\n    if (disableResize) {\n      return;\n    }\n    if (\n      !dimensions ||\n      !effectiveFilename ||\n      isFallback ||\n      cachedFallbackUrl ||\n      (isLowResResolvedAsset && fallbackOnLowRes)\n    ) {\n      return;\n    }\n\n    const normalizedUrl = normalizeImageUrl(effectiveFilename);\n    const isExternalNonWixUrl =\n      (normalizedUrl.startsWith('http://') ||\n        normalizedUrl.startsWith('https://')) &&\n      !normalizedUrl.includes('static.wixstatic.com');\n\n    if (isExternalNonWixUrl) {\n      return;\n    }\n\n    let imageFilename = effectiveFilename;\n    if (normalizedUrl.includes('static.wixstatic.com')) {\n      const match = normalizedUrl.match(/media\\/([^/?]+)/);\n      if (match && match[1]) {\n        imageFilename = match[1];\n      } else {\n        setImageUrl(normalizedUrl);\n        return;\n      }\n    } else if (\n      normalizedUrl.startsWith('https://static.wixstatic.com/media/')\n    ) {\n      imageFilename = normalizedUrl.replace(\n        'https://static.wixstatic.com/media/',\n        '',\n      );\n    }\n\n    const dpr = window.devicePixelRatio ?? 1;\n    const optimizedUrl = getResizedImageUrl(\n      imageFilename,\n      dimensions.width * dpr,\n      dimensions.height * dpr,\n      { quality, imageMode },\n    );\n    setImageUrl(optimizedUrl);\n  }, [\n    dimensions,\n    cachedFallbackUrl,\n    effectiveFilename,\n    isFallback,\n    isLowResResolvedAsset,\n    layout,\n    disableResize,\n    quality,\n    imageMode,\n  ]);\n\n  const handleImageLoad = (e: React.SyntheticEvent<HTMLImageElement>) => {\n    const img = e.currentTarget;\n\n    if (\n      fallbackOnLowRes &&\n      !isFallback &&\n      !hasResolvedSourceDimensions &&\n      (img.naturalWidth < lowResThreshold ||\n        img.naturalHeight < lowResThreshold)\n    ) {\n      const originalImageUrl =\n        img.currentSrc || imageUrl || effectiveFilename || sourceIdentifier;\n\n      if (sourceCacheKey) {\n        lowResFallbackCache.set(sourceCacheKey, fallbackOnLowRes);\n      }\n\n      setIsFallback(true);\n      setImageUrl(fallbackOnLowRes);\n      setIsLoaded(false);\n\n      console.warn('OptimizedImage applied a low-res fallback image.', {\n        originalImageUrl,\n        fallbackImageUrl: fallbackOnLowRes,\n        naturalWidth: img.naturalWidth,\n        naturalHeight: img.naturalHeight,\n        lowResThreshold,\n      });\n\n      deps.logContextualImage?.({\n        imageUrl: fallbackOnLowRes,\n        contextualTerm: contextualImageKey,\n        imageEventType: 'web5_image_fallback',\n        isImageResolved: true,\n        isFallbackImage: true,\n      });\n      return;\n    }\n\n    setIsLoaded(true);\n    onLoad?.();\n  };\n\n  const handleImageError = () => {\n    setIsError(true);\n    console.error('Failed to load image:', {\n      source: sourceIdentifier,\n      imageUrl,\n      alt,\n    });\n    onError?.(new Error(`Failed to load image: ${sourceIdentifier}`));\n  };\n\n  const isTransparentPlaceholder = placeholderColor === 'transparent';\n  const placeholderStyles = isTransparentPlaceholder\n    ? {\n        background: 'transparent',\n        animation: 'none',\n      }\n    : {\n        background: `linear-gradient(90deg, ${placeholderColor} 0%, #e5e7eb 50%, ${placeholderColor} 100%)`,\n        backgroundSize: '200% 100%',\n        animation: 'shimmer 2s infinite ease-in-out',\n      };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (onClick && (e.key === 'Enter' || e.key === ' ')) {\n      e.preventDefault();\n      onClick();\n    }\n  };\n\n  return (\n    <>\n      <span\n        ref={containerRef}\n        className={[\n          'block',\n          layout === 'intrinsic' ? '' : 'relative overflow-hidden',\n          showDynamicBadge ? 'relative' : '',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        style={layout === 'intrinsic' ? undefined : { minHeight: '1px' }}\n        onClick={clickable ? onClick : undefined}\n        onKeyDown={clickable ? handleKeyDown : undefined}\n        tabIndex={clickable ? 0 : undefined}\n        role={clickable ? 'button' : undefined}\n        aria-label={clickable ? alt : undefined}\n      >\n        {showDynamicBadge && (\n          <span className=\"absolute left-2 top-2 z-10 rounded bg-blue-600/90 px-2 py-1 text-[10px] font-semibold tracking-wide text-white shadow block\">\n            {contextualImageKey}\n          </span>\n        )}\n        {!isLoaded && !isError && sourceIdentifier && (\n          <span\n            className=\"absolute inset-0 rounded block\"\n            style={placeholderStyles}\n            role=\"status\"\n            aria-label=\"Loading image\"\n          />\n        )}\n\n        {isError && (\n          <span\n            className=\"absolute inset-0 flex items-center justify-center bg-gray-100 text-gray-500 rounded block\"\n            role=\"alert\"\n            aria-live=\"assertive\"\n          >\n            <span className=\"text-center p-4 block\">\n              <svg\n                className=\"w-8 h-8 mx-auto mb-2 text-gray-400\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n                aria-hidden=\"true\"\n                focusable=\"false\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\"\n                />\n              </svg>\n              <span className=\"text-xs block\">Failed to load image</span>\n            </span>\n          </span>\n        )}\n\n        {imageUrl && !isError && (\n          <img\n            src={imageUrl}\n            alt={alt}\n            className={`${\n              layout === 'intrinsic'\n                ? 'w-full h-auto'\n                : 'absolute inset-0 w-full h-full'\n            } transition-opacity duration-300 ${\n              isLoaded ? 'opacity-100' : 'opacity-0'\n            } ${\n              objectFit === 'contain'\n                ? 'object-contain'\n                : objectFit === 'cover'\n                ? 'object-cover'\n                : objectFit === 'fill'\n                ? 'object-fill'\n                : objectFit === 'none'\n                ? 'object-none'\n                : objectFit === 'scale-down'\n                ? 'object-scale-down'\n                : ''\n            }`}\n            style={\n              layout === 'intrinsic'\n                ? {\n                    width: '100%',\n                    height: 'auto',\n                    maxWidth: '100%',\n                    display: 'block',\n                  }\n                : {\n                    position: 'absolute',\n                    inset: 0,\n                    width: '100%',\n                    height: '100%',\n                    objectFit,\n                    maxWidth: '100%',\n                    display: 'block',\n                  }\n            }\n            onLoad={handleImageLoad}\n            onError={handleImageError}\n            loading={imageUrl.startsWith('data:') ? 'eager' : 'lazy'}\n          />\n        )}\n      </span>\n    </>\n  );\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ui/PlacementLoader.css

@@ -0,0 +1,101 @@
+/* PlacementLoader — placement loading skeleton.
+   Rendered before the streamed response arrives. Client packages can re-skin
+   via the `--w5-placement-loader-*` tokens below without touching the markup.
+   Defaults mirror the canonical wireframe: a soft-bordered rounded container
+   with two stub text lines and a larger content block, all using a very
+   light accent-tinted skeleton wash.
+   The rendered placement's card chrome lives in
+   `../placement/PlacementResponseRenderer.css`. */
+
+/* Wrapper around the loader. Drives the entrance animation: the slot starts
+   empty, the wrapper expands from a 0-height grid row to its natural row,
+   smoothly pushing surrounding host content down instead of popping in. The
+   margin-block on either side gives breathing room from neighbouring blocks
+   on the host page and animates in alongside the height for a coherent
+   reveal. Clients can re-skin the spacing via `--w5-placement-spacing`.
+   The loader→content swap itself is height-animated by the
+   PlacementSmoothHeight wrapper (see `../placement/PlacementResponseRenderer.css`). */
+.w5-placement--loading {
+  display: grid;
+  grid-template-rows: 1fr;
+  margin-block: var(--w5-placement-spacing, 24px);
+  animation: w5-placement-loader-reveal 420ms ease-out both;
+}
+
+.w5-placement--loading > * {
+  min-height: 0;
+  overflow: hidden;
+}
+
+@keyframes w5-placement-loader-reveal {
+  from {
+    grid-template-rows: 0fr;
+    margin-block: 0;
+    opacity: 0;
+  }
+  to {
+    grid-template-rows: 1fr;
+    margin-block: var(--w5-placement-spacing, 24px);
+    opacity: 1;
+  }
+}
+
+.w5-placement-loader {
+  display: flex;
+  flex-direction: column;
+  gap: var(--w5-placement-loader-gap, 24px);
+  padding: var(--w5-placement-loader-padding, 20px 24px);
+  border: var(--w5-placement-loader-border, 1px solid rgb(226 232 240));
+  border-radius: var(--w5-placement-loader-radius, 12px);
+  background: var(--w5-placement-loader-bg, #fff);
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.w5-placement-loader__lines {
+  display: flex;
+  flex-direction: column;
+  gap: var(--w5-placement-loader-line-gap, 10px);
+}
+
+.w5-placement-loader__line,
+.w5-placement-loader__block {
+  display: block;
+  /* Very light tint of the placement accent (oklch(0.6 0.24 26.24)) —
+     same hue, lightness raised and chroma dropped for a skeleton wash. */
+  background: var(--w5-placement-loader-skeleton, oklch(0.95 0.04 26.24));
+  border-radius: var(--w5-placement-loader-skeleton-radius, 6px);
+  animation: w5-placement-loader-pulse 1.4s ease-in-out infinite;
+}
+
+.w5-placement-loader__line {
+  height: var(--w5-placement-loader-line-height, 14px);
+  width: 100%;
+}
+
+.w5-placement-loader__line--short {
+  width: var(--w5-placement-loader-line-short-width, 70%);
+}
+
+.w5-placement-loader__block {
+  height: var(--w5-placement-loader-block-height, 120px);
+  width: 100%;
+}
+
+@keyframes w5-placement-loader-pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.55;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .w5-placement--loading,
+  .w5-placement-loader__line,
+  .w5-placement-loader__block {
+    animation: none;
+  }
+}

package/dist/cjs/components/ui/PlacementLoader.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PlacementLoader = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxFileName = "/home/builduser/work/c2b6ca0b3fa984ee/packages/web5-core/dist/cjs/components/ui/PlacementLoader.tsx";
+/**
+ * Default skeleton shown while a placement loads — two stub text lines and a
+ * larger content block inside a rounded container. Themed via the
+ * `--w5-placement-loader-*` CSS variables in `PlacementLoader.css`; client
+ * packages can override those tokens to match their brand.
+ */
+const PlacementLoader = ({
+  ariaLabel = 'Loading',
+  className
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  className: className ? `w5-placement-loader ${className}` : 'w5-placement-loader',
+  role: "status",
+  "aria-live": "polite",
+  "aria-label": ariaLabel,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 20,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement("div", {
+  className: "w5-placement-loader__lines",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 30,
+    columnNumber: 5
+  }
+}, /*#__PURE__*/_react.default.createElement("span", {
+  className: "w5-placement-loader__line w5-placement-loader__line--short",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 31,
+    columnNumber: 7
+  }
+}), /*#__PURE__*/_react.default.createElement("span", {
+  className: "w5-placement-loader__line",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 32,
+    columnNumber: 7
+  }
+})), /*#__PURE__*/_react.default.createElement("span", {
+  className: "w5-placement-loader__block",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 34,
+    columnNumber: 5
+  }
+}));
+exports.PlacementLoader = PlacementLoader;
+//# sourceMappingURL=PlacementLoader.js.map