@inoo-ch/payload-image-optimizer 1.3.2 → 1.3.4

package/dist/components/RegenerationButton.js

@@ -167,7 +167,7 @@ export const RegenerationButton = ()=>{
         };
     }, []);
     if (!collectionSlug) return null;
-    const progressPercent = progress && progress.total > 0 ? Math.round(progress.complete / progress.total * 100) : 0;
+    const progressPercent = progress && progress.total > 0 ? Math.round((progress.complete + progress.errored) / progress.total * 100) : 0;
     const showProgressBar = isRunning && progress || stalled && progress;
     // Stats computations
     const statsPercent = stats && stats.total > 0 ? Math.round(stats.complete / stats.total * 100) : 0;
@@ -234,11 +234,13 @@ export const RegenerationButton = ()=>{
                     fontSize: '13px'
                 },
                 children: [
-                    "Process stalled. ",
-                    progress.pending,
+                    "Processing finished with issues. ",
+                    progress.errored + progress.pending,
                     " image",
-                    progress.pending !== 1 ? 's' : '',
-                    " failed to process."
+                    progress.errored + progress.pending !== 1 ? 's' : '',
+                    " failed",
+                    progress.pending > 0 ? ` (${progress.pending} stuck)` : '',
+                    ". Re-run to retry."
                 ]
             }),
             showProgressBar && /*#__PURE__*/ _jsxs("div", {
@@ -280,33 +282,43 @@ export const RegenerationButton = ()=>{
                             })
                         ]
                     }),
-                    /*#__PURE__*/ _jsx("div", {
+                    /*#__PURE__*/ _jsxs("div", {
                         style: {
                             height: '6px',
                             backgroundColor: '#e5e7eb',
                             borderRadius: '3px',
-                            overflow: 'hidden'
+                            overflow: 'hidden',
+                            display: 'flex'
                         },
-                        children: /*#__PURE__*/ _jsx("div", {
-                            style: {
-                                height: '100%',
-                                width: `${progressPercent}%`,
-                                backgroundColor: stalled ? '#f59e0b' : '#10b981',
-                                borderRadius: '3px',
-                                transition: 'width 0.3s ease'
-                            }
-                        })
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                style: {
+                                    height: '100%',
+                                    width: `${progress.total > 0 ? Math.round(progress.complete / progress.total * 100) : 0}%`,
+                                    backgroundColor: '#10b981',
+                                    transition: 'width 0.3s ease'
+                                }
+                            }),
+                            progress.errored > 0 && /*#__PURE__*/ _jsx("div", {
+                                style: {
+                                    height: '100%',
+                                    width: `${progress.total > 0 ? Math.round(progress.errored / progress.total * 100) : 0}%`,
+                                    backgroundColor: '#ef4444',
+                                    transition: 'width 0.3s ease'
+                                }
+                            })
+                        ]
                     })
                 ]
             }),
-            !isRunning && !stalled && progress && progress.complete > 0 && queued !== 0 && /*#__PURE__*/ _jsxs("span", {
+            !isRunning && progress && progress.complete > 0 && queued !== 0 && /*#__PURE__*/ _jsxs("span", {
                 style: {
                     fontSize: '13px'
                 },
                 children: [
                     /*#__PURE__*/ _jsxs("span", {
                         style: {
-                            color: '#10b981'
+                            color: progress.errored > 0 || stalled ? '#f59e0b' : '#10b981'
                         },
                         children: [
                             "Done! ",
@@ -316,13 +328,13 @@ export const RegenerationButton = ()=>{
                             " optimized."
                         ]
                     }),
-                    progress.errored > 0 && /*#__PURE__*/ _jsxs("span", {
+                    (progress.errored > 0 || stalled && progress.pending > 0) && /*#__PURE__*/ _jsxs("span", {
                         style: {
                             color: '#ef4444'
                         },
                         children: [
                             ' ',
-                            progress.errored,
+                            progress.errored + (stalled ? progress.pending : 0),
                             " failed."
                         ]
                     })

package/dist/components/RegenerationButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/RegenerationButton.tsx"],"sourcesContent":["'use client'\n\nimport React, { useState, useEffect, useCallback, useRef } from 'react'\n\ntype RegenerationProgress = {\n  total: number\n  complete: number\n  errored: number\n  pending: number\n}\n\nconst STALL_THRESHOLD = 5\n\nexport const RegenerationButton: React.FC = () => {\n  const [isRunning, setIsRunning] = useState(false)\n  const [progress, setProgress] = useState<RegenerationProgress | null>(null)\n  const [queued, setQueued] = useState<number | null>(null)\n  const [force, setForce] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n  const [stalled, setStalled] = useState(false)\n  const [collectionSlug, setCollectionSlug] = useState<string | null>(null)\n  const [stats, setStats] = useState<RegenerationProgress | null>(null)\n  const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null)\n  const stallRef = useRef({ lastProcessed: 0, stallCount: 0 })\n  const prevIsRunningRef = useRef(false)\n\n  // Extract collection slug from URL after mount to avoid hydration mismatch\n  useEffect(() => {\n    const slug = window.location.pathname.split('/collections/')[1]?.split('/')[0] ?? null\n    setCollectionSlug(slug)\n  }, [])\n\n  // Fetch optimization stats (independent of regeneration)\n  const fetchStats = useCallback(async () => {\n    if (!collectionSlug) return\n    try {\n      const res = await fetch(\n        `/api/image-optimizer/regenerate?collection=${collectionSlug}`,\n      )\n      if (res.ok) {\n        const data: RegenerationProgress = await res.json()\n        setStats(data)\n      }\n    } catch {\n      // ignore stats fetch errors\n    }\n  }, [collectionSlug])\n\n  const stopPolling = useCallback(() => {\n    if (intervalRef.current) {\n      clearInterval(intervalRef.current)\n      intervalRef.current = null\n    }\n  }, [])\n\n  const pollProgress = useCallback(async () => {\n    if (!collectionSlug) return\n    try {\n      const res = await fetch(\n        `/api/image-optimizer/regenerate?collection=${collectionSlug}`,\n      )\n      if (res.ok) {\n        const data: RegenerationProgress = await res.json()\n        setProgress(data)\n\n        // Stop polling when no more pending\n        if (data.pending <= 0) {\n          setIsRunning(false)\n          stopPolling()\n          return\n        }\n\n        // Stall detection\n        const processed = data.complete + data.errored\n        if (processed === stallRef.current.lastProcessed) {\n          stallRef.current.stallCount += 1\n        } else {\n          stallRef.current.stallCount = 0\n          stallRef.current.lastProcessed = processed\n        }\n\n        if (stallRef.current.stallCount >= STALL_THRESHOLD) {\n          stopPolling()\n          setIsRunning(false)\n          setStalled(true)\n        }\n      }\n    } catch {\n      // ignore polling errors\n    }\n  }, [collectionSlug, stopPolling])\n\n  // On mount (once collectionSlug is known), check if there's an ongoing job and resume polling\n  useEffect(() => {\n    if (!collectionSlug) return\n    let cancelled = false\n    const checkOngoing = async () => {\n      try {\n        const res = await fetch(\n          `/api/image-optimizer/regenerate?collection=${collectionSlug}`,\n        )\n        if (!res.ok || cancelled) return\n        const data: RegenerationProgress = await res.json()\n        // Always store stats on mount\n        setStats(data)\n        if (data.pending > 0) {\n          setProgress(data)\n          setIsRunning(true)\n          setStalled(false)\n          setQueued(null)\n          stallRef.current = { lastProcessed: data.complete + data.errored, stallCount: 0 }\n          intervalRef.current = setInterval(pollProgress, 2000)\n        }\n      } catch {\n        // ignore\n      }\n    }\n    checkOngoing()\n    return () => {\n      cancelled = true\n    }\n  }, [collectionSlug, pollProgress])\n\n  // Refresh stats when regeneration finishes (isRunning transitions from true to false)\n  useEffect(() => {\n    if (prevIsRunningRef.current && !isRunning) {\n      fetchStats()\n    }\n    prevIsRunningRef.current = isRunning\n  }, [isRunning, fetchStats])\n\n  const handleRegenerate = async () => {\n    if (!collectionSlug) return\n    setError(null)\n    setStalled(false)\n    setIsRunning(true)\n    setQueued(null)\n    setProgress(null)\n    stallRef.current = { lastProcessed: 0, stallCount: 0 }\n\n    try {\n      const res = await fetch('/api/image-optimizer/regenerate', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ collectionSlug, force }),\n      })\n\n      if (!res.ok) {\n        const data = await res.json()\n        throw new Error(data.error || 'Failed to start regeneration')\n      }\n\n      const data = await res.json()\n      setQueued(data.queued)\n\n      if (data.queued === 0) {\n        setIsRunning(false)\n        return\n      }\n\n      // Start polling\n      intervalRef.current = setInterval(pollProgress, 2000)\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err))\n      setIsRunning(false)\n    }\n  }\n\n  // Cleanup interval on unmount\n  useEffect(() => {\n    return () => {\n      if (intervalRef.current) clearInterval(intervalRef.current)\n    }\n  }, [])\n\n  if (!collectionSlug) return null\n\n  const progressPercent =\n    progress && progress.total > 0\n      ? Math.round((progress.complete / progress.total) * 100)\n      : 0\n\n  const showProgressBar = (isRunning && progress) || (stalled && progress)\n\n  // Stats computations\n  const statsPercent =\n    stats && stats.total > 0\n      ? Math.round((stats.complete / stats.total) * 100)\n      : 0\n  const allOptimized = stats && stats.total > 0 && stats.complete === stats.total\n\n  return (\n    <div\n      style={{\n        padding: '16px 24px',\n        borderBottom: '1px solid #e5e7eb',\n        display: 'flex',\n        alignItems: 'center',\n        gap: '16px',\n        flexWrap: 'wrap',\n      }}\n    >\n      <button\n        onClick={handleRegenerate}\n        disabled={isRunning}\n        style={{\n          backgroundColor: isRunning ? '#9ca3af' : '#4f46e5',\n          color: '#fff',\n          border: 'none',\n          borderRadius: '6px',\n          padding: '8px 16px',\n          fontSize: '14px',\n          fontWeight: 500,\n          cursor: isRunning ? 'not-allowed' : 'pointer',\n        }}\n      >\n        {isRunning ? 'Regenerating...' : 'Regenerate Images'}\n      </button>\n\n      <label\n        style={{ display: 'flex', alignItems: 'center', gap: '6px', fontSize: '13px' }}\n      >\n        <input\n          type=\"checkbox\"\n          checked={force}\n          onChange={(e) => setForce(e.target.checked)}\n          disabled={isRunning}\n        />\n        Force re-process all\n      </label>\n\n      {error && (\n        <span style={{ color: '#ef4444', fontSize: '13px' }}>{error}</span>\n      )}\n\n      {queued === 0 && !isRunning && !stalled && (\n        <span style={{ color: '#10b981', fontSize: '13px' }}>\n          All images already optimized.\n        </span>\n      )}\n\n      {stalled && progress && (\n        <span style={{ color: '#f59e0b', fontSize: '13px' }}>\n          Process stalled. {progress.pending} image{progress.pending !== 1 ? 's' : ''} failed to process.\n        </span>\n      )}\n\n      {showProgressBar && (\n        <div style={{ flex: 1, minWidth: '200px' }}>\n          <div\n            style={{\n              display: 'flex',\n              justifyContent: 'space-between',\n              fontSize: '12px',\n              marginBottom: '4px',\n            }}\n          >\n            <span>\n              {progress.complete} / {progress.total} complete\n            </span>\n            {progress.errored > 0 && (\n              <span style={{ color: '#ef4444' }}>{progress.errored} errors</span>\n            )}\n            <span>{progressPercent}%</span>\n          </div>\n          <div\n            style={{\n              height: '6px',\n              backgroundColor: '#e5e7eb',\n              borderRadius: '3px',\n              overflow: 'hidden',\n            }}\n          >\n            <div\n              style={{\n                height: '100%',\n                width: `${progressPercent}%`,\n                backgroundColor: stalled ? '#f59e0b' : '#10b981',\n                borderRadius: '3px',\n                transition: 'width 0.3s ease',\n              }}\n            />\n          </div>\n        </div>\n      )}\n\n      {!isRunning && !stalled && progress && progress.complete > 0 && queued !== 0 && (\n        <span style={{ fontSize: '13px' }}>\n          <span style={{ color: '#10b981' }}>\n            Done! {progress.complete}/{progress.total} optimized.\n          </span>\n          {progress.errored > 0 && (\n            <span style={{ color: '#ef4444' }}>\n              {' '}{progress.errored} failed.\n            </span>\n          )}\n        </span>\n      )}\n\n      {/* Persistent optimization stats — always visible when not actively regenerating */}\n      {!isRunning && stats && stats.total > 0 && (\n        <div\n          style={{\n            marginLeft: 'auto',\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'flex-end',\n            gap: '4px',\n            minWidth: '180px',\n          }}\n        >\n          <div style={{ display: 'flex', alignItems: 'center', gap: '8px', fontSize: '13px' }}>\n            {allOptimized ? (\n              <span style={{ color: '#10b981' }}>\n                &#10003; All {stats.total} images optimized\n              </span>\n            ) : (\n              <>\n                <span style={{ color: '#6b7280' }}>\n                  {stats.complete}/{stats.total} optimized\n                </span>\n                {stats.errored > 0 && (\n                  <>\n                    <span style={{ color: '#d1d5db' }}>&middot;</span>\n                    <span style={{ color: '#ef4444' }}>{stats.errored} errors</span>\n                  </>\n                )}\n              </>\n            )}\n          </div>\n          {!allOptimized && (\n            <div\n              style={{\n                width: '100%',\n                height: '3px',\n                backgroundColor: '#e5e7eb',\n                borderRadius: '2px',\n                overflow: 'hidden',\n              }}\n            >\n              <div\n                style={{\n                  height: '100%',\n                  width: `${statsPercent}%`,\n                  backgroundColor: stats.errored > 0 ? '#f59e0b' : '#10b981',\n                  borderRadius: '2px',\n                  transition: 'width 0.3s ease',\n                }}\n              />\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["React","useState","useEffect","useCallback","useRef","STALL_THRESHOLD","RegenerationButton","isRunning","setIsRunning","progress","setProgress","queued","setQueued","force","setForce","error","setError","stalled","setStalled","collectionSlug","setCollectionSlug","stats","setStats","intervalRef","stallRef","lastProcessed","stallCount","prevIsRunningRef","slug","window","location","pathname","split","fetchStats","res","fetch","ok","data","json","stopPolling","current","clearInterval","pollProgress","pending","processed","complete","errored","cancelled","checkOngoing","setInterval","handleRegenerate","method","headers","body","JSON","stringify","Error","err","message","String","progressPercent","total","Math","round","showProgressBar","statsPercent","allOptimized","div","style","padding","borderBottom","display","alignItems","gap","flexWrap","button","onClick","disabled","backgroundColor","color","border","borderRadius","fontSize","fontWeight","cursor","label","input","type","checked","onChange","e","target","span","flex","minWidth","justifyContent","marginBottom","height","overflow","width","transition","marginLeft","flexDirection"],"mappings":"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"}
+{"version":3,"sources":["../../src/components/RegenerationButton.tsx"],"sourcesContent":["'use client'\n\nimport React, { useState, useEffect, useCallback, useRef } from 'react'\n\ntype RegenerationProgress = {\n  total: number\n  complete: number\n  errored: number\n  pending: number\n}\n\nconst STALL_THRESHOLD = 5\n\nexport const RegenerationButton: React.FC = () => {\n  const [isRunning, setIsRunning] = useState(false)\n  const [progress, setProgress] = useState<RegenerationProgress | null>(null)\n  const [queued, setQueued] = useState<number | null>(null)\n  const [force, setForce] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n  const [stalled, setStalled] = useState(false)\n  const [collectionSlug, setCollectionSlug] = useState<string | null>(null)\n  const [stats, setStats] = useState<RegenerationProgress | null>(null)\n  const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null)\n  const stallRef = useRef({ lastProcessed: 0, stallCount: 0 })\n  const prevIsRunningRef = useRef(false)\n\n  // Extract collection slug from URL after mount to avoid hydration mismatch\n  useEffect(() => {\n    const slug = window.location.pathname.split('/collections/')[1]?.split('/')[0] ?? null\n    setCollectionSlug(slug)\n  }, [])\n\n  // Fetch optimization stats (independent of regeneration)\n  const fetchStats = useCallback(async () => {\n    if (!collectionSlug) return\n    try {\n      const res = await fetch(\n        `/api/image-optimizer/regenerate?collection=${collectionSlug}`,\n      )\n      if (res.ok) {\n        const data: RegenerationProgress = await res.json()\n        setStats(data)\n      }\n    } catch {\n      // ignore stats fetch errors\n    }\n  }, [collectionSlug])\n\n  const stopPolling = useCallback(() => {\n    if (intervalRef.current) {\n      clearInterval(intervalRef.current)\n      intervalRef.current = null\n    }\n  }, [])\n\n  const pollProgress = useCallback(async () => {\n    if (!collectionSlug) return\n    try {\n      const res = await fetch(\n        `/api/image-optimizer/regenerate?collection=${collectionSlug}`,\n      )\n      if (res.ok) {\n        const data: RegenerationProgress = await res.json()\n        setProgress(data)\n\n        // Stop polling when no more pending\n        if (data.pending <= 0) {\n          setIsRunning(false)\n          stopPolling()\n          return\n        }\n\n        // Stall detection\n        const processed = data.complete + data.errored\n        if (processed === stallRef.current.lastProcessed) {\n          stallRef.current.stallCount += 1\n        } else {\n          stallRef.current.stallCount = 0\n          stallRef.current.lastProcessed = processed\n        }\n\n        if (stallRef.current.stallCount >= STALL_THRESHOLD) {\n          stopPolling()\n          setIsRunning(false)\n          setStalled(true)\n        }\n      }\n    } catch {\n      // ignore polling errors\n    }\n  }, [collectionSlug, stopPolling])\n\n  // On mount (once collectionSlug is known), check if there's an ongoing job and resume polling\n  useEffect(() => {\n    if (!collectionSlug) return\n    let cancelled = false\n    const checkOngoing = async () => {\n      try {\n        const res = await fetch(\n          `/api/image-optimizer/regenerate?collection=${collectionSlug}`,\n        )\n        if (!res.ok || cancelled) return\n        const data: RegenerationProgress = await res.json()\n        // Always store stats on mount\n        setStats(data)\n        if (data.pending > 0) {\n          setProgress(data)\n          setIsRunning(true)\n          setStalled(false)\n          setQueued(null)\n          stallRef.current = { lastProcessed: data.complete + data.errored, stallCount: 0 }\n          intervalRef.current = setInterval(pollProgress, 2000)\n        }\n      } catch {\n        // ignore\n      }\n    }\n    checkOngoing()\n    return () => {\n      cancelled = true\n    }\n  }, [collectionSlug, pollProgress])\n\n  // Refresh stats when regeneration finishes (isRunning transitions from true to false)\n  useEffect(() => {\n    if (prevIsRunningRef.current && !isRunning) {\n      fetchStats()\n    }\n    prevIsRunningRef.current = isRunning\n  }, [isRunning, fetchStats])\n\n  const handleRegenerate = async () => {\n    if (!collectionSlug) return\n    setError(null)\n    setStalled(false)\n    setIsRunning(true)\n    setQueued(null)\n    setProgress(null)\n    stallRef.current = { lastProcessed: 0, stallCount: 0 }\n\n    try {\n      const res = await fetch('/api/image-optimizer/regenerate', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ collectionSlug, force }),\n      })\n\n      if (!res.ok) {\n        const data = await res.json()\n        throw new Error(data.error || 'Failed to start regeneration')\n      }\n\n      const data = await res.json()\n      setQueued(data.queued)\n\n      if (data.queued === 0) {\n        setIsRunning(false)\n        return\n      }\n\n      // Start polling\n      intervalRef.current = setInterval(pollProgress, 2000)\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err))\n      setIsRunning(false)\n    }\n  }\n\n  // Cleanup interval on unmount\n  useEffect(() => {\n    return () => {\n      if (intervalRef.current) clearInterval(intervalRef.current)\n    }\n  }, [])\n\n  if (!collectionSlug) return null\n\n  const progressPercent =\n    progress && progress.total > 0\n      ? Math.round(((progress.complete + progress.errored) / progress.total) * 100)\n      : 0\n\n  const showProgressBar = (isRunning && progress) || (stalled && progress)\n\n  // Stats computations\n  const statsPercent =\n    stats && stats.total > 0\n      ? Math.round((stats.complete / stats.total) * 100)\n      : 0\n  const allOptimized = stats && stats.total > 0 && stats.complete === stats.total\n\n  return (\n    <div\n      style={{\n        padding: '16px 24px',\n        borderBottom: '1px solid #e5e7eb',\n        display: 'flex',\n        alignItems: 'center',\n        gap: '16px',\n        flexWrap: 'wrap',\n      }}\n    >\n      <button\n        onClick={handleRegenerate}\n        disabled={isRunning}\n        style={{\n          backgroundColor: isRunning ? '#9ca3af' : '#4f46e5',\n          color: '#fff',\n          border: 'none',\n          borderRadius: '6px',\n          padding: '8px 16px',\n          fontSize: '14px',\n          fontWeight: 500,\n          cursor: isRunning ? 'not-allowed' : 'pointer',\n        }}\n      >\n        {isRunning ? 'Regenerating...' : 'Regenerate Images'}\n      </button>\n\n      <label\n        style={{ display: 'flex', alignItems: 'center', gap: '6px', fontSize: '13px' }}\n      >\n        <input\n          type=\"checkbox\"\n          checked={force}\n          onChange={(e) => setForce(e.target.checked)}\n          disabled={isRunning}\n        />\n        Force re-process all\n      </label>\n\n      {error && (\n        <span style={{ color: '#ef4444', fontSize: '13px' }}>{error}</span>\n      )}\n\n      {queued === 0 && !isRunning && !stalled && (\n        <span style={{ color: '#10b981', fontSize: '13px' }}>\n          All images already optimized.\n        </span>\n      )}\n\n      {stalled && progress && (\n        <span style={{ color: '#f59e0b', fontSize: '13px' }}>\n          Processing finished with issues. {progress.errored + progress.pending} image\n          {progress.errored + progress.pending !== 1 ? 's' : ''} failed\n          {progress.pending > 0 ? ` (${progress.pending} stuck)` : ''}.\n          Re-run to retry.\n        </span>\n      )}\n\n      {showProgressBar && (\n        <div style={{ flex: 1, minWidth: '200px' }}>\n          <div\n            style={{\n              display: 'flex',\n              justifyContent: 'space-between',\n              fontSize: '12px',\n              marginBottom: '4px',\n            }}\n          >\n            <span>\n              {progress.complete} / {progress.total} complete\n            </span>\n            {progress.errored > 0 && (\n              <span style={{ color: '#ef4444' }}>{progress.errored} errors</span>\n            )}\n            <span>{progressPercent}%</span>\n          </div>\n          <div\n            style={{\n              height: '6px',\n              backgroundColor: '#e5e7eb',\n              borderRadius: '3px',\n              overflow: 'hidden',\n              display: 'flex',\n            }}\n          >\n            <div\n              style={{\n                height: '100%',\n                width: `${progress.total > 0 ? Math.round((progress.complete / progress.total) * 100) : 0}%`,\n                backgroundColor: '#10b981',\n                transition: 'width 0.3s ease',\n              }}\n            />\n            {progress.errored > 0 && (\n              <div\n                style={{\n                  height: '100%',\n                  width: `${progress.total > 0 ? Math.round((progress.errored / progress.total) * 100) : 0}%`,\n                  backgroundColor: '#ef4444',\n                  transition: 'width 0.3s ease',\n                }}\n              />\n            )}\n          </div>\n        </div>\n      )}\n\n      {!isRunning && progress && progress.complete > 0 && queued !== 0 && (\n        <span style={{ fontSize: '13px' }}>\n          <span style={{ color: progress.errored > 0 || stalled ? '#f59e0b' : '#10b981' }}>\n            Done! {progress.complete}/{progress.total} optimized.\n          </span>\n          {(progress.errored > 0 || (stalled && progress.pending > 0)) && (\n            <span style={{ color: '#ef4444' }}>\n              {' '}{progress.errored + (stalled ? progress.pending : 0)} failed.\n            </span>\n          )}\n        </span>\n      )}\n\n      {/* Persistent optimization stats — always visible when not actively regenerating */}\n      {!isRunning && stats && stats.total > 0 && (\n        <div\n          style={{\n            marginLeft: 'auto',\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'flex-end',\n            gap: '4px',\n            minWidth: '180px',\n          }}\n        >\n          <div style={{ display: 'flex', alignItems: 'center', gap: '8px', fontSize: '13px' }}>\n            {allOptimized ? (\n              <span style={{ color: '#10b981' }}>\n                &#10003; All {stats.total} images optimized\n              </span>\n            ) : (\n              <>\n                <span style={{ color: '#6b7280' }}>\n                  {stats.complete}/{stats.total} optimized\n                </span>\n                {stats.errored > 0 && (\n                  <>\n                    <span style={{ color: '#d1d5db' }}>&middot;</span>\n                    <span style={{ color: '#ef4444' }}>{stats.errored} errors</span>\n                  </>\n                )}\n              </>\n            )}\n          </div>\n          {!allOptimized && (\n            <div\n              style={{\n                width: '100%',\n                height: '3px',\n                backgroundColor: '#e5e7eb',\n                borderRadius: '2px',\n                overflow: 'hidden',\n              }}\n            >\n              <div\n                style={{\n                  height: '100%',\n                  width: `${statsPercent}%`,\n                  backgroundColor: stats.errored > 0 ? '#f59e0b' : '#10b981',\n                  borderRadius: '2px',\n                  transition: 'width 0.3s ease',\n                }}\n              />\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["React","useState","useEffect","useCallback","useRef","STALL_THRESHOLD","RegenerationButton","isRunning","setIsRunning","progress","setProgress","queued","setQueued","force","setForce","error","setError","stalled","setStalled","collectionSlug","setCollectionSlug","stats","setStats","intervalRef","stallRef","lastProcessed","stallCount","prevIsRunningRef","slug","window","location","pathname","split","fetchStats","res","fetch","ok","data","json","stopPolling","current","clearInterval","pollProgress","pending","processed","complete","errored","cancelled","checkOngoing","setInterval","handleRegenerate","method","headers","body","JSON","stringify","Error","err","message","String","progressPercent","total","Math","round","showProgressBar","statsPercent","allOptimized","div","style","padding","borderBottom","display","alignItems","gap","flexWrap","button","onClick","disabled","backgroundColor","color","border","borderRadius","fontSize","fontWeight","cursor","label","input","type","checked","onChange","e","target","span","flex","minWidth","justifyContent","marginBottom","height","overflow","width","transition","marginLeft","flexDirection"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inoo-ch/payload-image-optimizer",
-  "version": "1.3.2",
+  "version": "1.3.4",
   "description": "Payload CMS plugin for automatic image optimization — WebP/AVIF conversion, resize, EXIF strip, ThumbHash placeholders, and bulk regeneration",
   "license": "MIT",
   "keywords": [
@@ -24,28 +24,46 @@
   "type": "module",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+      "import": "./src/index.ts",
+      "types": "./src/index.ts",
+      "default": "./src/index.ts"
     },
     "./client": {
-      "import": "./dist/exports/client.js",
-      "types": "./dist/exports/client.d.ts",
-      "default": "./dist/exports/client.js"
+      "import": "./src/exports/client.ts",
+      "types": "./src/exports/client.ts",
+      "default": "./src/exports/client.ts"
     },
     "./rsc": {
-      "import": "./dist/exports/rsc.js",
-      "types": "./dist/exports/rsc.d.ts",
-      "default": "./dist/exports/rsc.js"
+      "import": "./src/exports/rsc.ts",
+      "types": "./src/exports/rsc.ts",
+      "default": "./src/exports/rsc.ts"
     }
   },
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./src/index.ts",
+  "types": "./src/index.ts",
   "files": [
     "dist",
     "src",
     "AGENT_DOCS.md"
   ],
+  "scripts": {
+    "build": "pnpm copyfiles && pnpm build:types && pnpm build:swc",
+    "build:swc": "swc ./src -d ./dist --config-file .swcrc --strip-leading-paths",
+    "build:types": "tsc --outDir dist --rootDir ./src",
+    "clean": "rimraf {dist,*.tsbuildinfo}",
+    "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
+    "dev": "next dev dev --turbo",
+    "dev:generate-importmap": "pnpm dev:payload generate:importmap",
+    "dev:generate-types": "pnpm dev:payload generate:types",
+    "dev:payload": "cross-env PAYLOAD_CONFIG_PATH=./dev/payload.config.ts payload",
+    "generate:importmap": "pnpm dev:generate-importmap",
+    "generate:types": "pnpm dev:generate-types",
+    "lint": "eslint",
+    "lint:fix": "eslint ./src --fix",
+    "test": "pnpm test:int && pnpm test:e2e",
+    "test:e2e": "playwright test",
+    "test:int": "vitest"
+  },
   "devDependencies": {
     "@eslint/eslintrc": "^3.2.0",
     "@payloadcms/db-mongodb": "3.79.0",
@@ -91,26 +109,36 @@
     "node": "^18.20.2 || >=20.9.0",
     "pnpm": "^9 || ^10"
   },
+  "publishConfig": {
+    "exports": {
+      ".": {
+        "import": "./dist/index.js",
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "./client": {
+        "import": "./dist/exports/client.js",
+        "types": "./dist/exports/client.d.ts",
+        "default": "./dist/exports/client.js"
+      },
+      "./rsc": {
+        "import": "./dist/exports/rsc.js",
+        "types": "./dist/exports/rsc.d.ts",
+        "default": "./dist/exports/rsc.js"
+      }
+    },
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts"
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "sharp",
+      "esbuild",
+      "unrs-resolver"
+    ]
+  },
   "registry": "https://registry.npmjs.org/",
   "dependencies": {
     "thumbhash": "^0.1.1"
-  },
-  "scripts": {
-    "build": "pnpm copyfiles && pnpm build:types && pnpm build:swc",
-    "build:swc": "swc ./src -d ./dist --config-file .swcrc --strip-leading-paths",
-    "build:types": "tsc --outDir dist --rootDir ./src",
-    "clean": "rimraf {dist,*.tsbuildinfo}",
-    "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
-    "dev": "next dev dev --turbo",
-    "dev:generate-importmap": "pnpm dev:payload generate:importmap",
-    "dev:generate-types": "pnpm dev:payload generate:types",
-    "dev:payload": "cross-env PAYLOAD_CONFIG_PATH=./dev/payload.config.ts payload",
-    "generate:importmap": "pnpm dev:generate-importmap",
-    "generate:types": "pnpm dev:generate-types",
-    "lint": "eslint",
-    "lint:fix": "eslint ./src --fix",
-    "test": "pnpm test:int && pnpm test:e2e",
-    "test:e2e": "playwright test",
-    "test:int": "vitest"
   }
-}
+}

package/src/components/RegenerationButton.tsx

@@ -177,7 +177,7 @@ export const RegenerationButton: React.FC = () => {
 
   const progressPercent =
     progress && progress.total > 0
-      ? Math.round((progress.complete / progress.total) * 100)
+      ? Math.round(((progress.complete + progress.errored) / progress.total) * 100)
       : 0
 
   const showProgressBar = (isRunning && progress) || (stalled && progress)
@@ -241,7 +241,10 @@ export const RegenerationButton: React.FC = () => {
 
       {stalled && progress && (
         <span style={{ color: '#f59e0b', fontSize: '13px' }}>
-          Process stalled. {progress.pending} image{progress.pending !== 1 ? 's' : ''} failed to process.
+          Processing finished with issues. {progress.errored + progress.pending} image
+          {progress.errored + progress.pending !== 1 ? 's' : ''} failed
+          {progress.pending > 0 ? ` (${progress.pending} stuck)` : ''}.
+          Re-run to retry.
         </span>
       )}
 
@@ -269,29 +272,39 @@ export const RegenerationButton: React.FC = () => {
               backgroundColor: '#e5e7eb',
               borderRadius: '3px',
               overflow: 'hidden',
+              display: 'flex',
             }}
           >
             <div
               style={{
                 height: '100%',
-                width: `${progressPercent}%`,
-                backgroundColor: stalled ? '#f59e0b' : '#10b981',
-                borderRadius: '3px',
+                width: `${progress.total > 0 ? Math.round((progress.complete / progress.total) * 100) : 0}%`,
+                backgroundColor: '#10b981',
                 transition: 'width 0.3s ease',
               }}
             />
+            {progress.errored > 0 && (
+              <div
+                style={{
+                  height: '100%',
+                  width: `${progress.total > 0 ? Math.round((progress.errored / progress.total) * 100) : 0}%`,
+                  backgroundColor: '#ef4444',
+                  transition: 'width 0.3s ease',
+                }}
+              />
+            )}
           </div>
         </div>
       )}
 
-      {!isRunning && !stalled && progress && progress.complete > 0 && queued !== 0 && (
+      {!isRunning && progress && progress.complete > 0 && queued !== 0 && (
         <span style={{ fontSize: '13px' }}>
-          <span style={{ color: '#10b981' }}>
+          <span style={{ color: progress.errored > 0 || stalled ? '#f59e0b' : '#10b981' }}>
             Done! {progress.complete}/{progress.total} optimized.
           </span>
-          {progress.errored > 0 && (
+          {(progress.errored > 0 || (stalled && progress.pending > 0)) && (
             <span style={{ color: '#ef4444' }}>
-              {' '}{progress.errored} failed.
+              {' '}{progress.errored + (stalled ? progress.pending : 0)} failed.
             </span>
           )}
         </span>

package/dist/components/ImageBox.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { type ImageProps } from 'next/image';
-import type { MediaResource } from '../types.js';
-export interface ImageBoxProps extends Omit<ImageProps, 'src' | 'alt'> {
-    media: MediaResource | string;
-    alt?: string;
-}
-export declare const ImageBox: React.FC<ImageBoxProps>;

package/dist/components/OptimizationStatus.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const OptimizationStatus: React.FC<{
-    path?: string;
-}>;

package/dist/components/RegenerationButton.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const RegenerationButton: React.FC;

package/dist/defaults.d.ts

@@ -1,3 +0,0 @@
-import type { ImageOptimizerConfig, ResolvedCollectionOptimizerConfig, ResolvedImageOptimizerConfig } from './types.js';
-export declare const resolveConfig: (config: ImageOptimizerConfig) => ResolvedImageOptimizerConfig;
-export declare const resolveCollectionConfig: (resolvedConfig: ResolvedImageOptimizerConfig, collectionSlug: string) => ResolvedCollectionOptimizerConfig;

package/dist/endpoints/regenerate.d.ts

@@ -1,4 +0,0 @@
-import type { PayloadHandler } from 'payload';
-import type { ResolvedImageOptimizerConfig } from '../types.js';
-export declare const createRegenerateHandler: (resolvedConfig: ResolvedImageOptimizerConfig) => PayloadHandler;
-export declare const createRegenerateStatusHandler: (resolvedConfig: ResolvedImageOptimizerConfig) => PayloadHandler;

package/dist/exports/client.d.ts

@@ -1,6 +0,0 @@
-export { OptimizationStatus } from '../components/OptimizationStatus.js';
-export { ImageBox } from '../components/ImageBox.js';
-export type { ImageBoxProps } from '../components/ImageBox.js';
-export { getImageOptimizerProps } from '../utilities/getImageOptimizerProps.js';
-export type { ImageOptimizerProps } from '../utilities/getImageOptimizerProps.js';
-export { RegenerationButton } from '../components/RegenerationButton.js';

package/dist/exports/rsc.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/fields/imageOptimizerField.d.ts

@@ -1,4 +0,0 @@
-import type { Field, GroupField } from 'payload';
-import type { FieldsOverride } from '../types.js';
-export declare const defaultImageOptimizerFields: Field[];
-export declare const getImageOptimizerField: (fieldsOverride?: FieldsOverride) => GroupField;

package/dist/hooks/afterChange.d.ts

@@ -1,3 +0,0 @@
-import type { CollectionAfterChangeHook } from 'payload';
-import type { ResolvedImageOptimizerConfig } from '../types.js';
-export declare const createAfterChangeHook: (resolvedConfig: ResolvedImageOptimizerConfig, collectionSlug: string) => CollectionAfterChangeHook;

package/dist/hooks/beforeChange.d.ts

@@ -1,3 +0,0 @@
-import type { CollectionBeforeChangeHook } from 'payload';
-import type { ResolvedImageOptimizerConfig } from '../types.js';
-export declare const createBeforeChangeHook: (resolvedConfig: ResolvedImageOptimizerConfig, collectionSlug: string) => CollectionBeforeChangeHook;

package/dist/index.d.ts

@@ -1,6 +0,0 @@
-import type { Config } from 'payload';
-import type { ImageOptimizerConfig } from './types.js';
-export type { ImageOptimizerConfig, ImageFormat, FormatQuality, CollectionOptimizerConfig, ImageOptimizerData, MediaResource, FieldsOverride } from './types.js';
-export { defaultImageOptimizerFields } from './fields/imageOptimizerField.js';
-export { encodeImageToThumbHash, decodeThumbHashToDataURL } from './utilities/thumbhash.js';
-export declare const imageOptimizer: (pluginOptions: ImageOptimizerConfig) => (config: Config) => Config;

package/dist/processing/index.d.ts

@@ -1,17 +0,0 @@
-export declare function stripAndResize(buffer: Buffer, maxDimensions: {
-    width: number;
-    height: number;
-}, stripMetadata: boolean): Promise<{
-    buffer: Buffer;
-    width: number;
-    height: number;
-    size: number;
-}>;
-export declare function generateThumbHash(buffer: Buffer): Promise<string>;
-export declare function convertFormat(buffer: Buffer, format: 'webp' | 'avif', quality: number): Promise<{
-    buffer: Buffer;
-    width: number;
-    height: number;
-    size: number;
-    mimeType: string;
-}>;

package/dist/tasks/convertFormats.d.ts

@@ -1,12 +0,0 @@
-import type { ResolvedImageOptimizerConfig } from '../types.js';
-export declare const createConvertFormatsHandler: (resolvedConfig: ResolvedImageOptimizerConfig) => ({ input, req }: {
-    input: {
-        collectionSlug: string;
-        docId: string;
-    };
-    req: any;
-}) => Promise<{
-    output: {
-        variantsGenerated: number;
-    };
-}>;

package/dist/tasks/regenerateDocument.d.ts

@@ -1,18 +0,0 @@
-import type { ResolvedImageOptimizerConfig } from '../types.js';
-export declare const createRegenerateDocumentHandler: (resolvedConfig: ResolvedImageOptimizerConfig) => ({ input, req }: {
-    input: {
-        collectionSlug: string;
-        docId: string;
-    };
-    req: any;
-}) => Promise<{
-    output: {
-        status: string;
-        reason: string;
-    };
-} | {
-    output: {
-        status: string;
-        reason?: undefined;
-    };
-}>;

package/dist/translations/index.d.ts

@@ -1 +0,0 @@
-export declare const translations: Record<string, Record<string, Record<string, string>>>;

package/dist/types.d.ts

@@ -1,57 +0,0 @@
-import type { CollectionSlug, Field } from 'payload';
-export type ImageFormat = 'webp' | 'avif';
-export type FormatQuality = {
-    format: ImageFormat;
-    quality: number;
-};
-export type CollectionOptimizerConfig = {
-    formats?: FormatQuality[];
-    maxDimensions?: {
-        width: number;
-        height: number;
-    };
-    replaceOriginal?: boolean;
-};
-export type FieldsOverride = (args: {
-    defaultFields: Field[];
-}) => Field[];
-export type ImageOptimizerConfig = {
-    collections: Partial<Record<CollectionSlug, true | CollectionOptimizerConfig>>;
-    disabled?: boolean;
-    fieldsOverride?: FieldsOverride;
-    formats?: FormatQuality[];
-    generateThumbHash?: boolean;
-    maxDimensions?: {
-        width: number;
-        height: number;
-    };
-    replaceOriginal?: boolean;
-    stripMetadata?: boolean;
-};
-export type ResolvedCollectionOptimizerConfig = {
-    formats: FormatQuality[];
-    maxDimensions: {
-        width: number;
-        height: number;
-    };
-    replaceOriginal: boolean;
-};
-export type ResolvedImageOptimizerConfig = Required<Pick<ImageOptimizerConfig, 'formats' | 'generateThumbHash' | 'maxDimensions' | 'stripMetadata'>> & {
-    collections: ImageOptimizerConfig['collections'];
-    disabled: boolean;
-    replaceOriginal: boolean;
-};
-export type ImageOptimizerData = {
-    thumbHash?: string | null;
-};
-export type MediaResource = {
-    url?: string | null;
-    alt?: string | null;
-    width?: number | null;
-    height?: number | null;
-    filename?: string | null;
-    focalX?: number | null;
-    focalY?: number | null;
-    imageOptimizer?: ImageOptimizerData | null;
-    updatedAt?: string;
-};

package/dist/utilities/getImageOptimizerProps.d.ts

@@ -1,24 +0,0 @@
-import type { MediaResource } from '../types.js';
-export type ImageOptimizerProps = {
-    placeholder: 'blur' | 'empty';
-    blurDataURL?: string;
-    style: {
-        objectPosition: string;
-    };
-};
-/**
- * Extracts image optimization props from a Payload media resource.
- *
- * Returns props that can be spread onto a Next.js `<Image>` component to add
- * ThumbHash blur placeholders and focal-point-based object positioning.
- *
- * Works with any component — including the Payload website template's `ImageMedia`:
- *
- * ```tsx
- * import { getImageOptimizerProps } from '@inoo-ch/payload-image-optimizer/client'
- *
- * const optimizerProps = getImageOptimizerProps(resource)
- * <NextImage {...existingProps} {...optimizerProps} />
- * ```
- */
-export declare function getImageOptimizerProps(resource: MediaResource | null | undefined): ImageOptimizerProps;

package/dist/utilities/resolveStaticDir.d.ts

@@ -1,3 +0,0 @@
-export declare function resolveStaticDir(collectionConfig: {
-    upload?: boolean | Record<string, any>;
-}): string;

package/dist/utilities/storage.d.ts

@@ -1,18 +0,0 @@
-/**
- * Returns true when the collection uses cloud/external storage (disableLocalStorage: true).
- * When true, files are uploaded by external adapter hooks — no local FS writes should happen.
- */
-export declare function isCloudStorage(collectionConfig: {
-    upload?: boolean | Record<string, any>;
-}): boolean;
-/**
- * Reads a file buffer from local disk or fetches it from URL.
- * Tries local disk first (when available), falls back to URL fetch.
- * This makes the plugin storage-agnostic — works with local FS and cloud storage alike.
- */
-export declare function fetchFileBuffer(doc: {
-    filename?: string;
-    url?: string;
-}, collectionConfig: {
-    upload?: boolean | Record<string, any>;
-}): Promise<Buffer>;

package/dist/utilities/thumbhash.d.ts

@@ -1,2 +0,0 @@
-export declare function encodeImageToThumbHash(buffer: Buffer, width: number, height: number): string;
-export declare function decodeThumbHashToDataURL(thumbHash: string): string;