@djangocfg/ui-tools 2.1.207 → 2.1.208

package/dist/chunk-IPRNIM7L.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tools/ImageViewer/utils/constants.ts","../src/tools/ImageViewer/utils/lqip.ts","../src/tools/ImageViewer/utils/debug.ts","../src/tools/ImageViewer/components/ImageToolbar.tsx","../src/tools/ImageViewer/components/ImageInfo.tsx","../src/tools/ImageViewer/hooks/useImageTransform.ts","../src/tools/ImageViewer/hooks/useImageLoading.ts","../src/tools/ImageViewer/components/ImageViewer.tsx"],"names":["__name","createMediaLogger","useTypedT","useControls","useMemo","jsxs","jsx","Button","ZoomOut","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuItem","ZoomIn","Maximize2","cn","FlipHorizontal","FlipVertical","RotateCw","Fragment","Expand","useImageCache","useState","useEffect","useCallback","useMediaCacheStore","useRef","contentKey","generateContentKey","url","useHotkey","ImageIcon","AlertCircle","Alert","AlertDescription","TransformWrapper","TransformComponent","ChevronLeft","ChevronRight","Dialog","DialogContent","DialogTitle"],"mappings":"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","file":"chunk-IPRNIM7L.cjs","sourcesContent":["/**\n * ImageViewer constants\n */\n\nimport type { ZoomPreset, ImageTransform } from '../types';\n\n// =============================================================================\n// SIZE LIMITS\n// =============================================================================\n\n/** Maximum image size before blocking (50MB) */\nexport const MAX_IMAGE_SIZE = 50 * 1024 * 1024;\n\n/** Image size threshold for warning (10MB) */\nexport const WARNING_IMAGE_SIZE = 10 * 1024 * 1024;\n\n/** Progressive loading threshold - use LQIP for images > 500KB */\nexport const PROGRESSIVE_LOADING_THRESHOLD = 500 * 1024;\n\n// =============================================================================\n// LQIP CONFIGURATION\n// =============================================================================\n\n/** Low-quality placeholder size (32x32) */\nexport const LQIP_SIZE = 32;\n\n/** LQIP JPEG quality */\nexport const LQIP_QUALITY = 0.5;\n\n// =============================================================================\n// ZOOM CONFIGURATION\n// =============================================================================\n\n/** Minimum zoom level */\nexport const MIN_ZOOM = 0.1;\n\n/** Maximum zoom level */\nexport const MAX_ZOOM = 8;\n\n/** Available zoom presets */\nexport const ZOOM_PRESETS: readonly ZoomPreset[] = [\n  { label: 'Fit', value: 'fit' },\n  { label: '25%', value: 0.25 },\n  { label: '50%', value: 0.5 },\n  { label: '100%', value: 1 },\n  { label: '200%', value: 2 },\n  { label: '400%', value: 4 },\n] as const;\n\n// =============================================================================\n// DEFAULT VALUES\n// =============================================================================\n\n/** Default transform state */\nexport const DEFAULT_TRANSFORM: ImageTransform = {\n  rotation: 0,\n  flipH: false,\n  flipV: false,\n};\n","/**\n * LQIP (Low-Quality Image Placeholder) generator\n *\n * Creates a tiny blurred preview image for progressive loading.\n */\n\nimport { LQIP_QUALITY, LQIP_SIZE } from './constants';\n\n/**\n * Create a low-quality image placeholder from source URL\n *\n * @param imageSrc - Full quality image URL\n * @returns Data URL of tiny preview, or null on error\n */\nexport async function createLQIP(imageSrc: string): Promise<string | null> {\n  try {\n    // Load the full image\n    const img = new Image();\n    img.crossOrigin = 'anonymous';\n\n    await new Promise<void>((resolve, reject) => {\n      img.onload = () => resolve();\n      img.onerror = () => reject(new Error('Failed to load image for LQIP'));\n      img.src = imageSrc;\n    });\n\n    // Calculate aspect ratio preserving dimensions\n    const aspect = img.naturalWidth / img.naturalHeight;\n    const width = aspect >= 1 ? LQIP_SIZE : Math.round(LQIP_SIZE * aspect);\n    const height = aspect >= 1 ? Math.round(LQIP_SIZE / aspect) : LQIP_SIZE;\n\n    // Create canvas for downscaling\n    const canvas = document.createElement('canvas');\n    canvas.width = width;\n    canvas.height = height;\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return null;\n\n    // Draw scaled down image\n    ctx.drawImage(img, 0, 0, width, height);\n\n    // Return as data URL (very small, ~1-2KB)\n    return canvas.toDataURL('image/jpeg', LQIP_QUALITY);\n  } catch {\n    return null;\n  }\n}\n","'use client';\n\n/**\n * ImageViewer Debug Logger\n *\n * Uses universal logger with media-specific helpers.\n * Logs go to both console (dev) and zustand store (for Console panel).\n */\n\nimport { createMediaLogger } from '@djangocfg/ui-core/lib';\n\nexport const imageDebug = createMediaLogger('ImageViewer');\n\nexport default imageDebug;\n","'use client';\n\n/**\n * ImageToolbar - Floating toolbar for image controls\n */\n\nimport { useMemo } from 'react';\nimport { ZoomIn, ZoomOut, RotateCw, FlipHorizontal, FlipVertical, Maximize2, Expand } from 'lucide-react';\nimport { useControls } from 'react-zoom-pan-pinch';\nimport { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@djangocfg/ui-core/components';\nimport { useTypedT, type I18nTranslations } from '@djangocfg/i18n';\nimport { cn } from '@djangocfg/ui-core/lib';\nimport { ZOOM_PRESETS } from '../utils';\nimport type { ImageToolbarProps } from '../types';\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nexport function ImageToolbar({\n  scale,\n  transform,\n  onRotate,\n  onFlipH,\n  onFlipV,\n  onZoomPreset,\n  onExpand,\n}: ImageToolbarProps) {\n  const t = useTypedT<I18nTranslations>();\n  const { zoomIn, zoomOut, resetTransform } = useControls();\n\n  const labels = useMemo(() => ({\n    zoomIn: t('tools.image.zoomIn'),\n    zoomOut: t('tools.image.zoomOut'),\n    fitToView: t('tools.image.fitToView'),\n    flipHorizontal: t('tools.image.flipHorizontal'),\n    flipVertical: t('tools.image.flipVertical'),\n    rotate: t('tools.image.rotate'),\n    fullscreen: t('tools.image.fullscreen'),\n  }), [t]);\n\n  const zoomLabel = useMemo(() => {\n    const percent = Math.round(scale * 100);\n    return `${percent}%`;\n  }, [scale]);\n\n  return (\n    <div className=\"absolute bottom-4 left-1/2 -translate-x-1/2 z-10 flex items-center gap-0.5 bg-background/90 backdrop-blur-sm border rounded-lg p-1 shadow-lg\">\n      {/* Zoom controls */}\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        className=\"h-7 w-7\"\n        onClick={() => zoomOut()}\n        title={labels.zoomOut}\n      >\n        <ZoomOut className=\"h-3.5 w-3.5\" />\n      </Button>\n\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button variant=\"ghost\" size=\"sm\" className=\"h-7 px-2 min-w-[52px] font-mono text-xs\">\n            {zoomLabel}\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"center\" className=\"min-w-[80px]\">\n          {ZOOM_PRESETS.map((preset) => (\n            <DropdownMenuItem\n              key={preset.label}\n              onClick={() => onZoomPreset(preset.value)}\n              className=\"text-xs justify-center\"\n            >\n              {preset.label}\n            </DropdownMenuItem>\n          ))}\n        </DropdownMenuContent>\n      </DropdownMenu>\n\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        className=\"h-7 w-7\"\n        onClick={() => zoomIn()}\n        title={labels.zoomIn}\n      >\n        <ZoomIn className=\"h-3.5 w-3.5\" />\n      </Button>\n\n      <div className=\"w-px h-4 bg-border mx-1\" />\n\n      {/* Fit to view */}\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        className=\"h-7 w-7\"\n        onClick={() => resetTransform()}\n        title={labels.fitToView}\n      >\n        <Maximize2 className=\"h-3.5 w-3.5\" />\n      </Button>\n\n      <div className=\"w-px h-4 bg-border mx-1\" />\n\n      {/* Transform controls */}\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn('h-7 w-7', transform.flipH && 'bg-accent')}\n        onClick={onFlipH}\n        title={labels.flipHorizontal}\n      >\n        <FlipHorizontal className=\"h-3.5 w-3.5\" />\n      </Button>\n\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn('h-7 w-7', transform.flipV && 'bg-accent')}\n        onClick={onFlipV}\n        title={labels.flipVertical}\n      >\n        <FlipVertical className=\"h-3.5 w-3.5\" />\n      </Button>\n\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        className=\"h-7 w-7\"\n        onClick={onRotate}\n        title={labels.rotate}\n      >\n        <RotateCw className=\"h-3.5 w-3.5\" />\n      </Button>\n\n      {transform.rotation !== 0 && (\n        <span className=\"text-[10px] text-muted-foreground font-mono pl-1\">\n          {transform.rotation}°\n        </span>\n      )}\n\n      {onExpand && (\n        <>\n          <div className=\"w-px h-4 bg-border mx-1\" />\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"h-7 w-7\"\n            onClick={onExpand}\n            title={labels.fullscreen}\n          >\n            <Expand className=\"h-3.5 w-3.5\" />\n          </Button>\n        </>\n      )}\n    </div>\n  );\n}\n","'use client';\n\n/**\n * ImageInfo - Displays image dimensions badge\n */\n\nimport { useEffect, useState } from 'react';\nimport { useImageCache } from '../../../stores/mediaCache';\nimport type { ImageInfoProps } from '../types';\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nexport function ImageInfo({ src }: ImageInfoProps) {\n  const { getDimensions, cacheDimensions } = useImageCache();\n  const [dimensions, setDimensions] = useState<{ w: number; h: number } | null>(null);\n\n  useEffect(() => {\n    // Check cache first\n    const cached = getDimensions(src);\n    if (cached) {\n      setDimensions({ w: cached.width, h: cached.height });\n      return;\n    }\n\n    // Load and cache dimensions\n    const img = new Image();\n    img.onload = () => {\n      const dims = { w: img.naturalWidth, h: img.naturalHeight };\n      setDimensions(dims);\n      cacheDimensions(src, { width: dims.w, height: dims.h });\n    };\n    img.src = src;\n  }, [src, getDimensions, cacheDimensions]);\n\n  if (!dimensions) return null;\n\n  return (\n    <div className=\"absolute top-3 right-3 z-10 px-2 py-1 bg-background/80 backdrop-blur-sm border rounded text-[10px] text-muted-foreground font-mono\">\n      {dimensions.w} × {dimensions.h}\n    </div>\n  );\n}\n","'use client';\n\n/**\n * useImageTransform - Manages image rotation and flip state\n */\n\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { DEFAULT_TRANSFORM } from '../utils';\n\nimport type { ImageTransform } from '../types';\n// =============================================================================\n// TYPES\n// =============================================================================\n\nexport interface UseImageTransformOptions {\n  /** Reset transform when this key changes */\n  resetKey?: string;\n}\n\nexport interface UseImageTransformReturn {\n  /** Current transform state */\n  transform: ImageTransform;\n  /** Rotate 90 degrees clockwise */\n  rotate: () => void;\n  /** Toggle horizontal flip */\n  flipH: () => void;\n  /** Toggle vertical flip */\n  flipV: () => void;\n  /** Reset all transforms */\n  reset: () => void;\n  /** CSS transform string for applying to image */\n  transformStyle: string;\n}\n\n// =============================================================================\n// HOOK\n// =============================================================================\n\nexport function useImageTransform(\n  options: UseImageTransformOptions = {}\n): UseImageTransformReturn {\n  const { resetKey } = options;\n\n  const [transform, setTransform] = useState<ImageTransform>(DEFAULT_TRANSFORM);\n\n  // Reset transform when key changes\n  useEffect(() => {\n    setTransform(DEFAULT_TRANSFORM);\n  }, [resetKey]);\n\n  const rotate = useCallback(() => {\n    setTransform((prev) => ({\n      ...prev,\n      rotation: (prev.rotation + 90) % 360,\n    }));\n  }, []);\n\n  const flipH = useCallback(() => {\n    setTransform((prev) => ({\n      ...prev,\n      flipH: !prev.flipH,\n    }));\n  }, []);\n\n  const flipV = useCallback(() => {\n    setTransform((prev) => ({\n      ...prev,\n      flipV: !prev.flipV,\n    }));\n  }, []);\n\n  const reset = useCallback(() => {\n    setTransform(DEFAULT_TRANSFORM);\n  }, []);\n\n  // Build CSS transform string\n  const transformStyle = useMemo(() => {\n    const transforms: string[] = [];\n\n    if (transform.rotation !== 0) {\n      transforms.push(`rotate(${transform.rotation}deg)`);\n    }\n    if (transform.flipH) {\n      transforms.push('scaleX(-1)');\n    }\n    if (transform.flipV) {\n      transforms.push('scaleY(-1)');\n    }\n\n    return transforms.join(' ') || 'none';\n  }, [transform]);\n\n  return {\n    transform,\n    rotate,\n    flipH,\n    flipV,\n    reset,\n    transformStyle,\n  };\n}\n","'use client';\n\n/**\n * useImageLoading - Manages image loading state with LQIP\n */\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { generateContentKey, useMediaCacheStore } from '../../../stores/mediaCache';\nimport {\n    createLQIP, imageDebug, MAX_IMAGE_SIZE, PROGRESSIVE_LOADING_THRESHOLD, WARNING_IMAGE_SIZE\n} from '../utils';\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\nexport interface UseImageLoadingOptions {\n  /** Image content (ArrayBuffer or string) */\n  content: string | ArrayBuffer;\n  /** MIME type for blob creation */\n  mimeType?: string;\n  /**\n   * Direct image URL (bypasses content→blob conversion).\n   * When provided, content is ignored and URL is used directly.\n   */\n  src?: string;\n}\n\nexport interface UseImageLoadingReturn {\n  /** Blob URL source for the image */\n  src: string | null;\n  /** Low-quality placeholder URL */\n  lqip: string | null;\n  /** Whether full image is loaded */\n  isFullyLoaded: boolean;\n  /** Whether to use progressive loading */\n  useProgressiveLoading: boolean;\n  /** Error message if any */\n  error: string | null;\n  /** Content key for caching */\n  contentKey: string | null;\n  /** Image size in bytes */\n  size: number;\n  /** Whether content exists */\n  hasContent: boolean;\n}\n\n// =============================================================================\n// HOOK\n// =============================================================================\n\nexport function useImageLoading(options: UseImageLoadingOptions): UseImageLoadingReturn {\n  const { content, mimeType, src: directSrc } = options;\n\n  // Get stable function references from store (not from hook to avoid re-renders)\n  const getOrCreateBlobUrl = useMediaCacheStore.getState().getOrCreateBlobUrl;\n  const releaseBlobUrl = useMediaCacheStore.getState().releaseBlobUrl;\n\n  const [src, setSrc] = useState<string | null>(null);\n  const [lqip, setLqip] = useState<string | null>(null);\n  const [isFullyLoaded, setIsFullyLoaded] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const contentKeyRef = useRef<string | null>(null);\n  const isMountedRef = useRef(true);\n\n  // Calculate size and flags\n  const size = content ? (typeof content === 'string' ? content.length : content.byteLength) : 0;\n  // When directSrc is provided, we have content (the URL itself)\n  const hasContent = directSrc ? true : size > 0;\n  const useProgressiveLoading = directSrc ? false : size > PROGRESSIVE_LOADING_THRESHOLD;\n\n  // Track unmount for cleanup\n  useEffect(() => {\n    isMountedRef.current = true;\n    return () => {\n      isMountedRef.current = false;\n      // Release blob URL only on actual unmount\n      if (contentKeyRef.current) {\n        useMediaCacheStore.getState().releaseBlobUrl(contentKeyRef.current);\n        contentKeyRef.current = null;\n      }\n    };\n  }, []);\n\n  // Create blob URL with caching and size validation\n  useEffect(() => {\n    // Reset error state\n    setError(null);\n\n    // Direct URL mode - use as-is without blob conversion\n    if (directSrc) {\n      imageDebug.load(directSrc, 'url');\n      setSrc(directSrc);\n      setIsFullyLoaded(true);\n      return;\n    }\n\n    if (!hasContent) {\n      setSrc(null);\n      return;\n    }\n\n    // Size validation - reject oversized images\n    if (size > MAX_IMAGE_SIZE) {\n      const sizeMB = (size / 1024 / 1024).toFixed(1);\n      const errorMsg = `Image too large: ${sizeMB}MB (maximum: 50MB)`;\n      imageDebug.error(errorMsg, { size, sizeMB, maxSize: MAX_IMAGE_SIZE });\n      setError(errorMsg);\n      setSrc(null);\n      return;\n    }\n\n    // Warn about large images\n    if (size > WARNING_IMAGE_SIZE) {\n      const sizeMB = (size / 1024 / 1024).toFixed(1);\n      imageDebug.warn(`Large image: ${sizeMB}MB - may impact performance`);\n    }\n\n    // Handle string content (data URLs or binary strings)\n    if (typeof content === 'string') {\n      // Pass through data URLs directly\n      if (content.startsWith('data:')) {\n        imageDebug.load(content.slice(0, 50) + '...', 'data-url');\n        setSrc(content);\n        return;\n      }\n\n      // Convert binary string to ArrayBuffer and use Blob URL\n      const encoder = new TextEncoder();\n      const buffer = encoder.encode(content).buffer;\n      const contentKey = generateContentKey(buffer);\n\n      // Release previous blob URL if content changed\n      if (contentKeyRef.current && contentKeyRef.current !== contentKey) {\n        releaseBlobUrl(contentKeyRef.current);\n      }\n\n      contentKeyRef.current = contentKey;\n      const url = getOrCreateBlobUrl(contentKey, buffer, mimeType || 'image/png');\n      imageDebug.load(url, 'blob');\n      imageDebug.state('loaded', { size, mimeType, contentKey });\n      setSrc(url);\n      return;\n    }\n\n    // Handle ArrayBuffer with cached blob URL\n    const contentKey = generateContentKey(content);\n\n    // Release previous blob URL if content changed\n    if (contentKeyRef.current && contentKeyRef.current !== contentKey) {\n      releaseBlobUrl(contentKeyRef.current);\n    }\n\n    contentKeyRef.current = contentKey;\n    const url = getOrCreateBlobUrl(contentKey, content, mimeType || 'image/png');\n    imageDebug.load(url, 'blob');\n    imageDebug.state('loaded', { size, mimeType, contentKey });\n    setSrc(url);\n\n    // No cleanup here - cleanup happens in unmount effect above\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [content, mimeType, hasContent, size, directSrc]);\n\n  // Create LQIP for progressive loading\n  useEffect(() => {\n    if (!src || !useProgressiveLoading) {\n      setLqip(null);\n      setIsFullyLoaded(true);\n      return;\n    }\n\n    setIsFullyLoaded(false);\n    imageDebug.state('progressive loading', { size });\n\n    // Create low-quality placeholder\n    createLQIP(src).then((placeholder) => {\n      if (placeholder) {\n        imageDebug.debug('LQIP created');\n        setLqip(placeholder);\n      }\n    });\n\n    // Pre-load full image\n    const img = new Image();\n    img.onload = () => {\n      imageDebug.state('fully loaded');\n      setIsFullyLoaded(true);\n    };\n    img.onerror = () => {\n      imageDebug.error('Failed to load full image');\n    };\n    img.src = src;\n  }, [src, useProgressiveLoading, size]);\n\n  return {\n    src,\n    lqip,\n    isFullyLoaded,\n    useProgressiveLoading,\n    error,\n    contentKey: contentKeyRef.current,\n    size,\n    hasContent,\n  };\n}\n","'use client';\n\n/**\n * ImageViewer - Image viewer with zoom, pan, rotate, flip, gallery navigation\n *\n * Features:\n * - Zoom with mouse wheel and presets\n * - Pan with drag\n * - Rotate 90°\n * - Flip horizontal/vertical\n * - Fullscreen dialog\n * - Keyboard shortcuts (+/-, 0, r, ←/→ for gallery)\n * - Gallery mode: pass images[] with multiple items\n */\n\nimport { useEffect, useState, useRef, useCallback, useMemo } from 'react';\nimport { ImageIcon, AlertCircle, ChevronLeft, ChevronRight } from 'lucide-react';\nimport { TransformWrapper, TransformComponent, useControls } from 'react-zoom-pan-pinch';\nimport { cn, Dialog, DialogContent, DialogTitle, Alert, AlertDescription } from '@djangocfg/ui-core';\nimport { useTypedT, type I18nTranslations } from '@djangocfg/i18n';\nimport { useHotkey } from '@djangocfg/ui-core/hooks';\n\nimport { ImageToolbar } from './ImageToolbar';\nimport { ImageInfo } from './ImageInfo';\nimport { useImageTransform, useImageLoading } from '../hooks';\nimport type { ImageViewerProps, ImageItem } from '../types';\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nexport function ImageViewer({\n  images,\n  initialIndex = 0,\n  inDialog = false,\n}: ImageViewerProps) {\n  const t = useTypedT<I18nTranslations>();\n\n  const [currentIndex, setCurrentIndex] = useState(() =>\n    Math.max(0, Math.min(initialIndex, images.length - 1))\n  );\n\n  // Reset index when initialIndex changes (e.g. opening different image)\n  useEffect(() => {\n    setCurrentIndex(Math.max(0, Math.min(initialIndex, images.length - 1)));\n  }, [initialIndex, images.length]);\n\n  const current = images[currentIndex];\n  const hasMultiple = images.length > 1;\n\n  const [scale, setScale] = useState(1);\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [loadError, setLoadError] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const controlsRef = useRef<ReturnType<typeof useControls> | null>(null);\n\n  const labels = useMemo(() => ({\n    noImage: t('tools.image.noImage'),\n    failedToLoad: t('tools.image.failedToLoad'),\n    loading: t('ui.form.loading'),\n  }), [t]);\n\n  const {\n    src,\n    lqip,\n    isFullyLoaded,\n    useProgressiveLoading,\n    error,\n    hasContent,\n  } = useImageLoading({\n    content: current?.content ?? '',\n    mimeType: current?.file.mimeType,\n    src: current?.src,\n  });\n\n  useEffect(() => { setLoadError(false); }, [src]);\n\n  const { transform, rotate, flipH, flipV, transformStyle } = useImageTransform({\n    resetKey: current?.file.path ?? '',\n  });\n\n  const handleZoomPreset = useCallback((value: number | 'fit') => {\n    if (!controlsRef.current) return;\n    if (value === 'fit') controlsRef.current.resetTransform();\n    else controlsRef.current.setTransform(0, 0, value);\n  }, []);\n\n  const handleExpand = useCallback(() => setDialogOpen(true), []);\n\n  const prev = useCallback(() =>\n    setCurrentIndex((i) => (i - 1 + images.length) % images.length),\n    [images.length]\n  );\n\n  const next = useCallback(() =>\n    setCurrentIndex((i) => (i + 1) % images.length),\n    [images.length]\n  );\n\n  // Keyboard: zoom/rotate (only when container focused)\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (!containerRef.current?.contains(document.activeElement) &&\n          document.activeElement !== containerRef.current) return;\n      const controls = controlsRef.current;\n      if (!controls) return;\n      switch (e.key) {\n        case '+': case '=': e.preventDefault(); controls.zoomIn(); break;\n        case '-': e.preventDefault(); controls.zoomOut(); break;\n        case '0': e.preventDefault(); controls.resetTransform(); break;\n        case 'r': if (!e.metaKey && !e.ctrlKey) { e.preventDefault(); rotate(); } break;\n      }\n    };\n    window.addEventListener('keydown', handleKeyDown);\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [rotate]);\n\n  // Keyboard: gallery navigation (global when open)\n  useHotkey('ArrowLeft', prev, { enabled: hasMultiple, preventDefault: true });\n  useHotkey('ArrowRight', next, { enabled: hasMultiple, preventDefault: true });\n\n  if (!current) {\n    return (\n      <div className=\"flex-1 flex flex-col items-center justify-center gap-2 bg-muted/30\">\n        <ImageIcon className=\"w-12 h-12 text-muted-foreground/50\" />\n        <p className=\"text-sm text-muted-foreground\">{labels.noImage}</p>\n      </div>\n    );\n  }\n\n  if (error || loadError) {\n    return (\n      <div className=\"flex-1 flex flex-col items-center justify-center gap-3 bg-muted/30 p-4\">\n        <AlertCircle className=\"w-12 h-12 text-destructive/70\" />\n        <Alert variant=\"destructive\" className=\"max-w-md\">\n          <AlertCircle className=\"h-4 w-4\" />\n          <AlertDescription>{error || labels.failedToLoad}</AlertDescription>\n        </Alert>\n      </div>\n    );\n  }\n\n  if (!hasContent) {\n    return (\n      <div className=\"flex-1 flex flex-col items-center justify-center gap-2 bg-muted/30\">\n        <ImageIcon className=\"w-12 h-12 text-muted-foreground/50\" />\n        <p className=\"text-sm text-muted-foreground\">{labels.noImage}</p>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      tabIndex={0}\n      className={cn(\n        'flex-1 h-full relative overflow-hidden outline-none',\n        'bg-[length:16px_16px]',\n        '[background-color:hsl(var(--muted)/0.2)]',\n        '[background-image:linear-gradient(45deg,hsl(var(--muted)/0.4)_25%,transparent_25%),linear-gradient(-45deg,hsl(var(--muted)/0.4)_25%,transparent_25%),linear-gradient(45deg,transparent_75%,hsl(var(--muted)/0.4)_75%),linear-gradient(-45deg,transparent_75%,hsl(var(--muted)/0.4)_75%)]',\n        '[background-position:0_0,0_8px,8px_-8px,-8px_0px]'\n      )}\n    >\n      {src && <ImageInfo src={src} />}\n\n      {useProgressiveLoading && !isFullyLoaded && (\n        <div className=\"absolute top-3 left-3 z-10 px-2 py-1 bg-background/80 backdrop-blur-sm border rounded text-[10px] text-muted-foreground font-mono flex items-center gap-1.5\">\n          <div className=\"w-2 h-2 bg-blue-500 rounded-full animate-pulse\" />\n          {labels.loading}\n        </div>\n      )}\n\n      <TransformWrapper\n        initialScale={1}\n        minScale={0.1}\n        maxScale={8}\n        centerOnInit\n        centerZoomedOut\n        onTransformed={(ref, state) => { setScale(state.scale); controlsRef.current = ref; }}\n        onInit={(ref) => { controlsRef.current = ref; }}\n        wheel={{ step: 0.1 }}\n        doubleClick={{ mode: 'toggle', step: 2 }}\n        panning={{ velocityDisabled: false }}\n      >\n        <ImageToolbar\n          scale={scale}\n          transform={transform}\n          onRotate={rotate}\n          onFlipH={flipH}\n          onFlipV={flipV}\n          onZoomPreset={handleZoomPreset}\n          onExpand={!inDialog ? handleExpand : undefined}\n        />\n\n        <TransformComponent\n          wrapperClass=\"!w-full !h-full cursor-grab active:cursor-grabbing\"\n          contentClass=\"!w-full !h-full flex items-center justify-center\"\n        >\n          <div className=\"relative\">\n            {useProgressiveLoading && lqip && !isFullyLoaded && (\n              <img\n                src={lqip}\n                alt=\"\"\n                aria-hidden=\"true\"\n                className=\"absolute inset-0 max-w-full max-h-full object-contain select-none\"\n                style={{ transform: transformStyle, filter: 'blur(20px)', transition: 'opacity 0.3s ease-out', opacity: isFullyLoaded ? 0 : 1 }}\n                draggable={false}\n              />\n            )}\n            {src && (\n              <img\n                src={src}\n                alt={current.file.name}\n                className=\"max-w-full max-h-full object-contain select-none\"\n                style={{\n                  transform: transformStyle,\n                  transition: useProgressiveLoading ? 'transform 0.15s ease-out, opacity 0.3s ease-out' : 'transform 0.15s ease-out',\n                  opacity: useProgressiveLoading && !isFullyLoaded ? 0 : 1,\n                }}\n                draggable={false}\n                crossOrigin=\"anonymous\"\n                onError={() => setLoadError(true)}\n              />\n            )}\n          </div>\n        </TransformComponent>\n      </TransformWrapper>\n\n      {/* Gallery navigation */}\n      {hasMultiple && (\n        <>\n          <button\n            type=\"button\"\n            onClick={prev}\n            className=\"absolute left-2 top-1/2 -translate-y-1/2 z-10 bg-black/50 hover:bg-black/70 text-white rounded-full p-1.5 transition-colors\"\n          >\n            <ChevronLeft className=\"h-5 w-5\" />\n          </button>\n          <button\n            type=\"button\"\n            onClick={next}\n            className=\"absolute right-2 top-1/2 -translate-y-1/2 z-10 bg-black/50 hover:bg-black/70 text-white rounded-full p-1.5 transition-colors\"\n          >\n            <ChevronRight className=\"h-5 w-5\" />\n          </button>\n          <div className=\"absolute bottom-2 left-1/2 -translate-x-1/2 z-10 bg-black/50 text-white text-xs px-2 py-0.5 rounded-full pointer-events-none\">\n            {currentIndex + 1} / {images.length}\n          </div>\n        </>\n      )}\n\n      {/* Fullscreen dialog */}\n      {!inDialog && (\n        <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>\n          <DialogContent className=\"max-w-[95vw] max-h-[95vh] w-[95vw] h-[95vh] p-0 overflow-hidden [&>button]:hidden flex flex-col\">\n            <DialogTitle className=\"sr-only\">{current.file.name}</DialogTitle>\n            <div className=\"flex items-center justify-between px-4 py-2 border-b shrink-0\">\n              <span className=\"text-sm font-medium truncate\">{current.file.name}</span>\n            </div>\n            <div className=\"flex-1 min-h-0\">\n              <ImageViewer images={images} initialIndex={currentIndex} inDialog />\n            </div>\n          </DialogContent>\n        </Dialog>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/components-3DASJBTX.mjs

@@ -0,0 +1,5 @@
+export { ImageInfo, ImageToolbar, ImageViewer } from './chunk-BEURMR25.mjs';
+import './chunk-5LBDYFWH.mjs';
+import './chunk-CGILA3WO.mjs';
+//# sourceMappingURL=components-3DASJBTX.mjs.map
+//# sourceMappingURL=components-3DASJBTX.mjs.map

package/dist/{components-GGZJFEII.mjs.map → components-3DASJBTX.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"components-GGZJFEII.mjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"components-3DASJBTX.mjs"}

package/dist/components-NW2ZF6TG.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var chunkIPRNIM7L_cjs = require('./chunk-IPRNIM7L.cjs');
+require('./chunk-77HQWEQ6.cjs');
+require('./chunk-WGEGR3DF.cjs');
+
+
+
+Object.defineProperty(exports, "ImageInfo", {
+  enumerable: true,
+  get: function () { return chunkIPRNIM7L_cjs.ImageInfo; }
+});
+Object.defineProperty(exports, "ImageToolbar", {
+  enumerable: true,
+  get: function () { return chunkIPRNIM7L_cjs.ImageToolbar; }
+});
+Object.defineProperty(exports, "ImageViewer", {
+  enumerable: true,
+  get: function () { return chunkIPRNIM7L_cjs.ImageViewer; }
+});
+//# sourceMappingURL=components-NW2ZF6TG.cjs.map
+//# sourceMappingURL=components-NW2ZF6TG.cjs.map

package/dist/{components-YC32T5D7.cjs.map → components-NW2ZF6TG.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"components-YC32T5D7.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"components-NW2ZF6TG.cjs"}

package/dist/index.cjs

@@ -3,7 +3,7 @@
 var chunkHJMDAPQH_cjs = require('./chunk-HJMDAPQH.cjs');
 var chunk46VDB3BJ_cjs = require('./chunk-46VDB3BJ.cjs');
 require('./chunk-F2N7P5XU.cjs');
-var chunk6RG7HOVF_cjs = require('./chunk-6RG7HOVF.cjs');
+var chunkIPRNIM7L_cjs = require('./chunk-IPRNIM7L.cjs');
 var chunk77HQWEQ6_cjs = require('./chunk-77HQWEQ6.cjs');
 var chunkF2CMIIOH_cjs = require('./chunk-F2CMIIOH.cjs');
 var chunkQP6QAK3F_cjs = require('./chunk-QP6QAK3F.cjs');
@@ -848,7 +848,7 @@ var LazyJsonTree = createLazyComponent(
   }
 );
 var LazyImageViewer = createLazyComponent(
-  () => import('./components-YC32T5D7.cjs').then((mod) => ({ default: mod.ImageViewer })),
+  () => import('./components-NW2ZF6TG.cjs').then((mod) => ({ default: mod.ImageViewer })),
   {
     displayName: "LazyImageViewer",
     fallback: /* @__PURE__ */ jsxRuntime.jsx(LoadingFallback, { minHeight: 200, text: "Loading image viewer..." })
@@ -1098,7 +1098,7 @@ Object.defineProperty(exports, "useVideoPlayerContext", {
 });
 Object.defineProperty(exports, "ImageViewer", {
   enumerable: true,
-  get: function () { return chunk6RG7HOVF_cjs.ImageViewer; }
+  get: function () { return chunkIPRNIM7L_cjs.ImageViewer; }
 });
 Object.defineProperty(exports, "generateContentKey", {
   enumerable: true,

package/dist/index.d.cts

@@ -1280,17 +1280,27 @@ interface ImageFile {
     /** Optional MIME type */
     mimeType?: string;
 }
-interface ImageViewerProps {
-    /** File info (name, path, mimeType) */
+interface ImageItem {
+    /** File info for this image */
     file: ImageFile;
-    /** Image content as string (data URL or base64) or ArrayBuffer */
-    content: string | ArrayBuffer;
+    /** Direct image URL (use when serving from CDN/server) */
+    src?: string;
+    /** Raw image content — ArrayBuffer or base64/binary string (use when serving from memory) */
+    content?: string | ArrayBuffer;
+}
+interface ImageViewerProps {
     /**
-     * Direct image URL for HTTP streaming.
-     * When provided, bypasses content→blob conversion and uses URL directly.
-     * Useful for large files loaded via HTTP Range requests.
+     * Gallery images array.
+     * When provided, enables gallery mode with prev/next navigation.
+     * Single-image mode: pass one item.
+     * Each item can have `src` (URL) or `content` (ArrayBuffer/base64) or both.
      */
-    src?: string;
+    images: ImageItem[];
+    /**
+     * Initial index to show (default: 0).
+     * Useful when opening a specific image from a grid.
+     */
+    initialIndex?: number;
     /** Hide expand button when already in dialog */
     inDialog?: boolean;
 }
@@ -1960,7 +1970,7 @@ interface EqualizerOptions {
  */
 declare function formatTime(seconds: number): string;
 
-declare function ImageViewer({ file, content, src: directSrc, inDialog }: ImageViewerProps): react_jsx_runtime.JSX.Element;
+declare function ImageViewer({ images, initialIndex, inDialog, }: ImageViewerProps): react_jsx_runtime.JSX.Element;
 
 declare function CronSchedulerProvider({ children, value, onChange, defaultType, }: CronSchedulerProviderProps): react_jsx_runtime.JSX.Element;
 declare function useCronSchedulerContext(): CronSchedulerContextValue;

package/dist/index.d.ts

@@ -1280,17 +1280,27 @@ interface ImageFile {
     /** Optional MIME type */
     mimeType?: string;
 }
-interface ImageViewerProps {
-    /** File info (name, path, mimeType) */
+interface ImageItem {
+    /** File info for this image */
     file: ImageFile;
-    /** Image content as string (data URL or base64) or ArrayBuffer */
-    content: string | ArrayBuffer;
+    /** Direct image URL (use when serving from CDN/server) */
+    src?: string;
+    /** Raw image content — ArrayBuffer or base64/binary string (use when serving from memory) */
+    content?: string | ArrayBuffer;
+}
+interface ImageViewerProps {
     /**
-     * Direct image URL for HTTP streaming.
-     * When provided, bypasses content→blob conversion and uses URL directly.
-     * Useful for large files loaded via HTTP Range requests.
+     * Gallery images array.
+     * When provided, enables gallery mode with prev/next navigation.
+     * Single-image mode: pass one item.
+     * Each item can have `src` (URL) or `content` (ArrayBuffer/base64) or both.
      */
-    src?: string;
+    images: ImageItem[];
+    /**
+     * Initial index to show (default: 0).
+     * Useful when opening a specific image from a grid.
+     */
+    initialIndex?: number;
     /** Hide expand button when already in dialog */
     inDialog?: boolean;
 }
@@ -1960,7 +1970,7 @@ interface EqualizerOptions {
  */
 declare function formatTime(seconds: number): string;
 
-declare function ImageViewer({ file, content, src: directSrc, inDialog }: ImageViewerProps): react_jsx_runtime.JSX.Element;
+declare function ImageViewer({ images, initialIndex, inDialog, }: ImageViewerProps): react_jsx_runtime.JSX.Element;
 
 declare function CronSchedulerProvider({ children, value, onChange, defaultType, }: CronSchedulerProviderProps): react_jsx_runtime.JSX.Element;
 declare function useCronSchedulerContext(): CronSchedulerContextValue;

package/dist/index.mjs

@@ -1,7 +1,7 @@
 export { AudioReactiveCover, COLOR_SCHEMES, COLOR_SCHEME_INFO, EFFECT_ANIMATIONS, GlowEffect, HybridAudioPlayer, HybridAudioProvider, HybridSimplePlayer, HybridWaveform, INTENSITY_CONFIG, INTENSITY_INFO, MeshEffect, OrbsEffect, SpotlightEffect, VARIANT_INFO, VisualizationProvider, calculateGlowLayers, calculateMeshGradients, calculateOrbs, calculateSpotlight, formatTime, getColors, getEffectConfig, prepareEffectColors, useAudioBus, useAudioBusStore, useAudioVisualization, useHybridAudio, useHybridAudioAnalysis, useHybridAudioContext, useHybridAudioControls, useHybridAudioLevels, useHybridAudioState, useHybridWebAudio, useVisualization } from './chunk-CDP3K6BI.mjs';
 export { NativeProvider, StreamProvider, VideoControls, VideoErrorFallback, VideoPlayer, VideoPlayerProvider, VidstackProvider, createVideoErrorFallback, isSimpleStreamSource, resolveFileSource, resolvePlayerMode, resolveStreamSource, useVideoPlayerContext } from './chunk-QKG4LERV.mjs';
 import './chunk-JWB2EWQO.mjs';
-export { ImageViewer } from './chunk-MADKYFI3.mjs';
+export { ImageViewer } from './chunk-BEURMR25.mjs';
 export { generateContentKey, useAudioCache, useBlobUrlCleanup, useImageCache, useMediaCacheStore, useVideoCache, useVideoPlayerSettings } from './chunk-5LBDYFWH.mjs';
 export { CronSchedulerProvider, CustomInput, DayChips, MonthDayGrid, SchedulePreview, ScheduleTypeSelector, TimeSelector, buildCron, humanizeCron, isValidCron, parseCron, useCronCustom, useCronMonthDays, useCronPreview, useCronScheduler, useCronSchedulerContext, useCronTime, useCronType, useCronWeekDays } from './chunk-PZKAH7WQ.mjs';
 import { PlaygroundProvider, PrettyCode_default } from './chunk-FXFTJW2Y.mjs';
@@ -824,7 +824,7 @@ var LazyJsonTree = createLazyComponent(
   }
 );
 var LazyImageViewer = createLazyComponent(
-  () => import('./components-GGZJFEII.mjs').then((mod) => ({ default: mod.ImageViewer })),
+  () => import('./components-3DASJBTX.mjs').then((mod) => ({ default: mod.ImageViewer })),
   {
     displayName: "LazyImageViewer",
     fallback: /* @__PURE__ */ jsx(LoadingFallback, { minHeight: 200, text: "Loading image viewer..." })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/ui-tools",
-  "version": "2.1.207",
+  "version": "2.1.208",
   "description": "Heavy React tools with lazy loading - for Electron, Vite, CRA, Next.js apps",
   "keywords": [
     "ui-tools",
@@ -78,8 +78,8 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/i18n": "^2.1.207",
-    "@djangocfg/ui-core": "^2.1.207",
+    "@djangocfg/i18n": "^2.1.208",
+    "@djangocfg/ui-core": "^2.1.208",
     "lucide-react": "^0.545.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
@@ -112,10 +112,10 @@
     "@maplibre/maplibre-gl-geocoder": "^1.7.0"
   },
   "devDependencies": {
-    "@djangocfg/i18n": "^2.1.207",
+    "@djangocfg/i18n": "^2.1.208",
     "@djangocfg/playground": "workspace:*",
-    "@djangocfg/typescript-config": "^2.1.207",
-    "@djangocfg/ui-core": "^2.1.207",
+    "@djangocfg/typescript-config": "^2.1.208",
+    "@djangocfg/ui-core": "^2.1.208",
     "@types/mapbox__mapbox-gl-draw": "^1.4.8",
     "@types/node": "^24.7.2",
     "@types/react": "^19.1.0",

package/src/tools/ImageViewer/ImageViewer.story.tsx

@@ -0,0 +1,85 @@
+import { defineStory, useSelect, useBoolean, useNumber } from '@djangocfg/playground';
+import { ImageViewer } from './index';
+
+export default defineStory({
+  title: 'Tools/ImageViewer',
+  component: ImageViewer,
+  description: 'Image viewer with zoom, pan, rotate, flip and gallery navigation.',
+});
+
+const IMAGES = [
+  {
+    file: { name: 'Mountain landscape', path: 'https://picsum.photos/seed/mountain/1200/800' },
+    src: 'https://picsum.photos/seed/mountain/1200/800',
+  },
+  {
+    file: { name: 'City skyline', path: 'https://picsum.photos/seed/city/1200/800' },
+    src: 'https://picsum.photos/seed/city/1200/800',
+  },
+  {
+    file: { name: 'Forest path', path: 'https://picsum.photos/seed/forest/1200/800' },
+    src: 'https://picsum.photos/seed/forest/1200/800',
+  },
+  {
+    file: { name: 'Ocean sunset', path: 'https://picsum.photos/seed/ocean/1200/800' },
+    src: 'https://picsum.photos/seed/ocean/1200/800',
+  },
+];
+
+export const Interactive = () => {
+  const [count] = useNumber('imageCount', {
+    defaultValue: 4,
+    min: 1,
+    max: 4,
+    label: 'Number of images',
+    description: 'How many images to show in gallery',
+  });
+
+  const [initialIndex] = useNumber('initialIndex', {
+    defaultValue: 0,
+    min: 0,
+    max: 3,
+    label: 'Initial index',
+    description: 'Which image to open first',
+  });
+
+  const [inDialog] = useBoolean('inDialog', {
+    defaultValue: false,
+    label: 'inDialog',
+    description: 'Hide the fullscreen expand button',
+  });
+
+  return (
+    <div className="w-full h-[500px]">
+      <ImageViewer
+        images={IMAGES.slice(0, count)}
+        initialIndex={Math.min(initialIndex, count - 1)}
+        inDialog={inDialog}
+      />
+    </div>
+  );
+};
+
+export const SingleImage = () => (
+  <div className="w-full h-[500px]">
+    <ImageViewer images={[IMAGES[0]]} />
+  </div>
+);
+
+export const Gallery = () => (
+  <div className="w-full h-[500px]">
+    <ImageViewer images={IMAGES} initialIndex={0} />
+  </div>
+);
+
+export const OpenAtIndex = () => (
+  <div className="w-full h-[500px]">
+    <ImageViewer images={IMAGES} initialIndex={2} />
+  </div>
+);
+
+export const InDialog = () => (
+  <div className="w-full h-[500px]">
+    <ImageViewer images={IMAGES} inDialog />
+  </div>
+);