sanity-plugin-image-resizer 1.0.0 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -3
- package/dist/index.js +19 -11
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +19 -11
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
- package/src/helpers.ts +1 -1
- package/src/plugin.tsx +1 -1
- package/src/tool/ImageResizer.tsx +10 -6
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
> This is a **Sanity Studio v3** plugin.
|
|
4
4
|
|
|
5
|
-
Batch-
|
|
5
|
+
Batch-resize image assets in your Sanity dataset. Scans all `sanity.imageAsset` documents for constraint violations (TIFF format, oversized width or filesize) and lets editors resize, compress and convert them in-place — re-encoding via the Sanity Image API, uploading the resized version, re-linking all references and cleaning up the old asset.
|
|
6
6
|
|
|
7
7
|
## Features
|
|
8
8
|
|
|
@@ -65,9 +65,9 @@ export default defineType({
|
|
|
65
65
|
### Using the tool
|
|
66
66
|
|
|
67
67
|
1. Open your Sanity Studio.
|
|
68
|
-
2. Navigate to the **Image
|
|
68
|
+
2. Navigate to the **Image Resizer** tool in the Studio sidebar.
|
|
69
69
|
3. The tool automatically scans all image assets and shows those violating constraints.
|
|
70
|
-
4. Click **Process All** to batch-
|
|
70
|
+
4. Click **Process All** to batch-resize, or process individual assets.
|
|
71
71
|
5. Use the ⚙ Settings button to toggle PNG → WebP and TIFF → JPG conversions.
|
|
72
72
|
|
|
73
73
|
## Configuration options
|
package/dist/index.js
CHANGED
|
@@ -284,7 +284,7 @@ function ImageResizerView() {
|
|
|
284
284
|
if (blob.size >= asset.size) {
|
|
285
285
|
updateAsset(asset._id, {
|
|
286
286
|
status: "error",
|
|
287
|
-
error: `Skipped:
|
|
287
|
+
error: `Skipped: resized file (${(blob.size / 1024 / 1024).toFixed(1)} MB) is not smaller than original (${(asset.size / 1024 / 1024).toFixed(1)} MB)`
|
|
288
288
|
});
|
|
289
289
|
return;
|
|
290
290
|
}
|
|
@@ -351,14 +351,22 @@ function ImageResizerView() {
|
|
|
351
351
|
/* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 5, children: [
|
|
352
352
|
/* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "flex-start", justify: "space-between", gap: 4, wrap: "wrap", children: [
|
|
353
353
|
/* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 2, style: { flex: 1, minWidth: 0 }, children: [
|
|
354
|
-
/* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { size: 2, children: "Image
|
|
355
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
354
|
+
/* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { size: 2, children: "Image Resizer" }),
|
|
355
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
356
|
+
ui.Card,
|
|
357
|
+
{
|
|
358
|
+
size: 1,
|
|
359
|
+
tone: "transparent",
|
|
360
|
+
style: { wordBreak: "break-word" },
|
|
361
|
+
children: [
|
|
362
|
+
"Converts TIFF images to WebP. Resizes/compresses all images to fit within ",
|
|
363
|
+
exports.IMAGE_MAX_WIDTH,
|
|
364
|
+
"px / ",
|
|
365
|
+
MAX_SIZE_MB,
|
|
366
|
+
" MB."
|
|
367
|
+
]
|
|
368
|
+
}
|
|
369
|
+
)
|
|
362
370
|
] }),
|
|
363
371
|
/* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", wrap: "wrap", style: { flexShrink: 0 }, children: [
|
|
364
372
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -425,7 +433,7 @@ function ImageResizerView() {
|
|
|
425
433
|
showSettings && /* @__PURE__ */ jsxRuntime.jsx(
|
|
426
434
|
ui.Dialog,
|
|
427
435
|
{
|
|
428
|
-
id: "image-
|
|
436
|
+
id: "image-resizer-settings",
|
|
429
437
|
header: "Conversion Settings",
|
|
430
438
|
onClose: () => setShowSettings(!1),
|
|
431
439
|
width: 1,
|
|
@@ -473,7 +481,7 @@ const imageResizerPlugin = sanity.definePlugin(
|
|
|
473
481
|
...prev,
|
|
474
482
|
{
|
|
475
483
|
name: "image-resizer",
|
|
476
|
-
title: "Image
|
|
484
|
+
title: "Image Resizer",
|
|
477
485
|
component: ImageResizerView
|
|
478
486
|
}
|
|
479
487
|
],
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/i18n/index.ts","../src/helpers.ts","../src/tool/components/AssetCard.tsx","../src/tool/ImageResizer.tsx","../src/plugin.tsx"],"sourcesContent":["import { defineLocaleResourceBundle } from 'sanity'\n\nexport const imageResizerLocaleNamespace = 'image-resizer'\n\nexport const imageResizerUsEnglishLocaleBundle = defineLocaleResourceBundle({\n locale: 'en-US',\n namespace: imageResizerLocaleNamespace,\n resources: () => import('./resources'),\n})\n","import { type CustomValidator } from 'sanity'\n\n// ─── types ──────────────────────────────────────────────────────────────────\n\n/** @public */\nexport interface ImageResizerOptions {\n /** Accepted image MIME types (comma-separated). Default: 'image/jpeg, image/png, image/gif, image/webp' */\n imageAccept?: string\n /** Max file size in bytes. Default: 20 * 1024 * 1024 (20 MB) */\n imageMaxSize?: number\n /** Max image width in pixels. Default: 10000 */\n imageMaxWidth?: number\n}\n\nexport type Violation = 'format' | 'width' | 'size'\nexport type ProcessStatus = 'idle' | 'processing' | 'done' | 'error'\n\n/** User-configurable format conversion toggles */\nexport interface ConversionSettings {\n /** Convert PNG images to WebP */\n pngToWebp: boolean\n /** Convert TIFF images to JPG (instead of WebP) */\n tiffToJpg: boolean\n}\n\nexport const DEFAULT_SETTINGS: ConversionSettings = {\n pngToWebp: false,\n tiffToJpg: false,\n}\n\nexport interface ImageAsset {\n _id: string\n url: string\n originalFilename: string\n mimeType: string\n size: number\n width: number\n violations: Violation[]\n status: ProcessStatus\n error?: string\n /** Post-processing result info */\n newUrl?: string\n newSize?: number\n newWidth?: number\n newFilename?: string\n}\n\n// ─── plugin config state ────────────────────────────────────────────────────\n\nconst DEFAULTS: Required<ImageResizerOptions> = {\n imageAccept: 'image/jpeg, image/png, image/gif, image/webp',\n imageMaxSize: 20 * 1024 * 1024,\n imageMaxWidth: 6000,\n}\n\n/** @public */\nexport let IMAGE_ACCEPT = DEFAULTS.imageAccept\n/** @public */\nexport let IMAGE_MAX_SIZE = DEFAULTS.imageMaxSize\n/** @public */\nexport let IMAGE_MAX_WIDTH = DEFAULTS.imageMaxWidth\n\nexport function applyConfig(options?: ImageResizerOptions) {\n const resolved = { ...DEFAULTS, ...options }\n IMAGE_ACCEPT = resolved.imageAccept\n IMAGE_MAX_SIZE = resolved.imageMaxSize\n IMAGE_MAX_WIDTH = resolved.imageMaxWidth\n}\n\n// ─── constants ──────────────────────────────────────────────────────────────\n\n/** Sanity Image API format parameter for each output MIME type */\nexport const MIME_FORMAT_MAP: Record<string, string> = {\n 'image/jpeg': 'jpg',\n 'image/png': 'png',\n 'image/webp': 'webp',\n 'image/gif': 'gif',\n}\n\n/** Quality steps to try when the image exceeds the size budget (high → low) */\nexport const QUALITY_STEPS = [92, 80, 70, 60, 50, 40]\n\n/** Number of assets to process in parallel during batch runs */\nexport const CONCURRENCY = 3\n\n// ─── helpers ────────────────────────────────────────────────────────────────\n\n/** Checks which optimisation constraints the asset violates. */\nexport function getViolations(\n asset: Pick<ImageAsset, 'mimeType' | 'size' | 'width'>,\n settings: ConversionSettings\n): Violation[] {\n const v: Violation[] = []\n if (asset.mimeType === 'image/tiff') v.push('format')\n if (settings.pngToWebp && asset.mimeType === 'image/png') v.push('format')\n if (asset.width > IMAGE_MAX_WIDTH) v.push('width')\n if (asset.size > IMAGE_MAX_SIZE) v.push('size')\n return v\n}\n\n/**\n * Determines the Sanity Image API `fm` parameter for the output,\n * taking user conversion settings into account.\n */\nexport function outputFormat(\n inputMimeType: string,\n settings: ConversionSettings\n): string {\n if (inputMimeType === 'image/tiff') return settings.tiffToJpg ? 'jpg' : 'webp'\n if (inputMimeType === 'image/png' && settings.pngToWebp) return 'webp'\n return MIME_FORMAT_MAP[inputMimeType] ?? 'png'\n}\n\n/**\n * Uses the Sanity Image API to resize/re-encode an image server-side.\n * Appends URL parameters (`w`, `fm`, `q`) and progressively lowers\n * quality until the downloaded blob fits within `IMAGE_MAX_SIZE`.\n */\nexport async function processImage(\n url: string,\n inputMimeType: string,\n currentWidth: number,\n settings: ConversionSettings\n): Promise<{ blob: Blob; outFormat: string }> {\n const outFormat = outputFormat(inputMimeType, settings)\n\n const transformUrl = new URL(url)\n transformUrl.searchParams.set('fm', outFormat)\n transformUrl.searchParams.set(\n 'w',\n String(Math.min(currentWidth, IMAGE_MAX_WIDTH))\n )\n\n const maxSizeMB = IMAGE_MAX_SIZE / 1024 / 1024\n\n for (const q of QUALITY_STEPS) {\n transformUrl.searchParams.set('q', String(q))\n\n const res = await fetch(transformUrl.toString())\n if (!res.ok) throw new Error(`Fetch failed (HTTP ${res.status})`)\n\n const blob = await res.blob()\n if (blob.size <= IMAGE_MAX_SIZE) {\n return { blob, outFormat }\n }\n }\n\n throw new Error(`Cannot compress image below ${maxSizeMB} MB`)\n}\n\n/**\n * Recursively traverses a document tree and collects all paths where\n * `asset._ref === oldId`. Returns a flat `{ path: newRef }` object\n * compatible with `client.patch().set()`.\n */\nexport function buildReplacementPatch(\n obj: unknown,\n oldId: string,\n newId: string,\n path = ''\n): Record<string, { _type: 'reference'; _ref: string }> {\n if (!obj || typeof obj !== 'object') return {}\n\n if (Array.isArray(obj)) {\n return obj.reduce<Record<string, { _type: 'reference'; _ref: string }>>(\n (acc, item, i) => {\n const key =\n item && typeof item === 'object' && typeof item._key === 'string'\n ? `_key==\"${item._key}\"`\n : String(i)\n const childPath = path ? `${path}[${key}]` : `[${key}]`\n return Object.assign(\n acc,\n buildReplacementPatch(item, oldId, newId, childPath)\n )\n },\n {}\n )\n }\n\n const record = obj as Record<string, unknown>\n\n if ((record.asset as any)?._ref === oldId) {\n const assetPath = path ? `${path}.asset` : 'asset'\n return { [assetPath]: { _type: 'reference', _ref: newId } }\n }\n\n return Object.keys(record)\n .filter((k) => !k.startsWith('_'))\n .reduce<Record<string, { _type: 'reference'; _ref: string }>>(\n (acc, key) => {\n const childPath = path ? `${path}.${key}` : key\n return Object.assign(\n acc,\n buildReplacementPatch(record[key], oldId, newId, childPath)\n )\n },\n {}\n )\n}\n\n// ─── validation ─────────────────────────────────────────────────────────────\n\n/** @public */\nexport const validateImageSize: CustomValidator = async (value: any, context) => {\n if (!value?.asset?._ref) return true\n\n const client = context.getClient({ apiVersion: '2025-02-19' })\n const asset = await client.fetch(\n `*[_id == $id][0]{ size, \"width\": metadata.dimensions.width, mimeType }`,\n { id: value.asset._ref }\n )\n\n if (!asset) return true\n\n const allowedMimeTypes = IMAGE_ACCEPT.split(',').map((s) => s.trim())\n if (asset.mimeType && !allowedMimeTypes.includes(asset.mimeType)) {\n return `File type \"${asset.mimeType}\" is not allowed. Accepted types: ${allowedMimeTypes.join(', ')}`\n }\n\n if (asset.size && asset.size > IMAGE_MAX_SIZE) {\n const sizeMB = (asset.size / (1024 * 1024)).toFixed(1)\n const maxMB = (IMAGE_MAX_SIZE / (1024 * 1024)).toFixed(0)\n return `Image size (${sizeMB}MB) exceeds the maximum of ${maxMB}MB`\n }\n\n if (asset.width && asset.width > IMAGE_MAX_WIDTH) {\n return `Image width (${asset.width}px) exceeds the maximum of ${IMAGE_MAX_WIDTH}px`\n }\n\n return true\n}\n","import {\n Badge,\n Box,\n Button,\n Card,\n Flex,\n Spinner,\n Stack,\n Text,\n} from '@sanity/ui'\nimport {\n type ConversionSettings,\n type ImageAsset,\n type ProcessStatus,\n type Violation,\n IMAGE_MAX_WIDTH,\n IMAGE_MAX_SIZE,\n} from '../../helpers'\n\n/** Human-readable size limit for display purposes */\nconst MAX_SIZE_MB = IMAGE_MAX_SIZE / 1024 / 1024\n\n/** Labels shown on violation badges */\nconst VIOLATION_LABELS: Record<Violation, string> = {\n format: 'TIFF → WebP',\n width: `> ${IMAGE_MAX_WIDTH}px`,\n size: `> ${MAX_SIZE_MB} MB`,\n}\n\n/** Builds a human-readable label for the format violation badge. */\nfunction formatViolationLabel(settings: ConversionSettings): string {\n const parts: string[] = []\n parts.push(settings.tiffToJpg ? 'TIFF → JPG' : 'TIFF → WebP')\n if (settings.pngToWebp) parts.push('PNG → WebP')\n return parts.join(', ')\n}\n\n/** Displays a caution badge indicating which constraint was violated. */\nfunction ViolationBadge({\n type,\n settings,\n}: {\n type: Violation\n settings: ConversionSettings\n}) {\n const label =\n type === 'format' ? formatViolationLabel(settings) : VIOLATION_LABELS[type]\n return (\n <Badge tone=\"caution\" size={1}>\n {label}\n </Badge>\n )\n}\n\n/** Resolves the visual tone for an asset card based on its processing status. */\nfunction statusTone(status: ProcessStatus) {\n const map: Record<\n ProcessStatus,\n 'positive' | 'critical' | 'primary' | 'default'\n > = {\n done: 'positive',\n error: 'critical',\n processing: 'primary',\n idle: 'default',\n }\n return map[status]\n}\n\n/** Renders a single asset row with thumbnail, info, badges and action button. */\nexport function AssetCard({\n asset,\n onProcess,\n settings,\n}: {\n asset: ImageAsset\n onProcess: (asset: ImageAsset) => void\n settings: ConversionSettings\n}) {\n const isDone = asset.status === 'done' && asset.newUrl\n const thumbUrl = isDone ? asset.newUrl! : asset.url\n const sizeReduction =\n isDone && asset.newSize != null\n ? Math.round((1 - asset.newSize / asset.size) * 100)\n : null\n\n return (\n <Card\n key={asset._id}\n tone={statusTone(asset.status)}\n style={{ width: 'calc(100vw - 1.25rem * 2)' }}\n >\n <Flex gap={3} align=\"center\">\n {/* Thumbnail — 64×64 with 2× source for retina */}\n <Box style={{ width: 64, height: 64, flexShrink: 0 }}>\n <img\n src={`${thumbUrl}?w=128&h=128&fit=crop&auto=format`}\n alt=\"\"\n loading=\"lazy\"\n style={{\n width: 64,\n height: 64,\n objectFit: 'cover',\n borderRadius: 4,\n }}\n />\n </Box>\n\n {/* File info + violation badges */}\n <Stack space={2} style={{ flex: 1, minWidth: 0 }}>\n <Box style={{ width: '100%', minWidth: 0 }}>\n <Text size={1} weight=\"semibold\">\n {isDone\n ? asset.newFilename || asset.originalFilename || asset._id\n : asset.originalFilename || asset._id}\n </Text>\n </Box>\n {isDone ? (\n <>\n <Text size={1} muted style={{ wordBreak: 'break-word' }}>\n {(asset.size / 1024 / 1024).toFixed(1)} MB →{' '}\n {(asset.newSize! / 1024 / 1024).toFixed(1)} MB\n {sizeReduction !== null && sizeReduction > 0\n ? ` (−${sizeReduction}%)`\n : ''}{' '}\n — {asset.newWidth}px wide\n </Text>\n <Flex gap={2} wrap=\"wrap\">\n {asset.newWidth != null && asset.newWidth < asset.width && (\n <Badge tone=\"positive\" size={1}>\n {asset.width}px → {asset.newWidth}px\n </Badge>\n )}\n </Flex>\n </>\n ) : (\n <>\n <Flex gap={2} wrap=\"wrap\">\n {asset.violations.map((v) => (\n <ViolationBadge key={v} type={v} settings={settings} />\n ))}\n </Flex>\n <Text size={1} muted style={{ wordBreak: 'break-word' }}>\n {(asset.size / 1024 / 1024).toFixed(1)} MB — {asset.width}px\n wide\n </Text>\n </>\n )}\n {asset.status === 'error' && (\n <Text\n size={1}\n style={{\n color: 'var(--card-badge-critical-dot-color)',\n wordBreak: 'break-word',\n }}\n >\n {asset.error}\n </Text>\n )}\n </Stack>\n\n {/* Action button — contextual per status */}\n <Box style={{ flexShrink: 0 }}>\n {asset.status === 'idle' && (\n <Button\n text=\"Process\"\n mode=\"ghost\"\n tone=\"primary\"\n onClick={() => onProcess(asset)}\n />\n )}\n {asset.status === 'processing' && <Spinner />}\n {asset.status === 'done' && <Badge tone=\"positive\">Done</Badge>}\n {asset.status === 'error' && (\n <Button\n text=\"Retry\"\n mode=\"ghost\"\n tone=\"critical\"\n onClick={() => onProcess(asset)}\n />\n )}\n </Box>\n </Flex>\n </Card>\n )\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { useClient } from 'sanity'\nimport {\n Badge,\n Box,\n Button,\n Card,\n Container,\n Dialog,\n Flex,\n Heading,\n Label,\n Spinner,\n Stack,\n Switch,\n Text,\n} from '@sanity/ui'\nimport { CogIcon } from '@sanity/icons'\nimport {\n type ConversionSettings,\n type ImageAsset,\n CONCURRENCY,\n DEFAULT_SETTINGS,\n IMAGE_MAX_SIZE,\n IMAGE_MAX_WIDTH,\n buildReplacementPatch,\n getViolations,\n processImage,\n} from '../helpers'\nimport { AssetCard } from './components/AssetCard'\n\n/** Human-readable size limit for display purposes */\nconst MAX_SIZE_MB = IMAGE_MAX_SIZE / 1024 / 1024\n\nconst KV_SETTINGS_KEY = 'image-resizer-settings'\n\nfunction loadSettings(): ConversionSettings {\n try {\n const raw = localStorage.getItem(KV_SETTINGS_KEY)\n if (raw) {\n const parsed = JSON.parse(raw)\n return {\n pngToWebp:\n typeof parsed.pngToWebp === 'boolean'\n ? parsed.pngToWebp\n : DEFAULT_SETTINGS.pngToWebp,\n tiffToJpg:\n typeof parsed.tiffToJpg === 'boolean'\n ? parsed.tiffToJpg\n : DEFAULT_SETTINGS.tiffToJpg,\n }\n }\n } catch {\n // ignore corrupt data\n }\n return DEFAULT_SETTINGS\n}\n\n/**\n * Studio tool that scans all image assets for constraint violations\n * (TIFF format, oversized width/filesize) and lets editors batch-optimise\n * them in-place — re-encoding, resizing and re-linking references.\n */\nexport function ImageResizerView() {\n const client = useClient({ apiVersion: '2025-02-19' })\n const [assets, setAssets] = useState<ImageAsset[]>([])\n const [loading, setLoading] = useState(true)\n const [processingAll, setProcessingAll] = useState(false)\n const [settings, setSettings] = useState<ConversionSettings>(loadSettings)\n const [showSettings, setShowSettings] = useState(false)\n\n /** Wraps setSettings to also persist to localStorage. */\n const updateSettings = useCallback(\n (updater: (prev: ConversionSettings) => ConversionSettings) => {\n setSettings((prev) => {\n const next = updater(prev)\n localStorage.setItem(KV_SETTINGS_KEY, JSON.stringify(next))\n return next\n })\n },\n []\n )\n\n // Ref keeps processAll's sequential loop in sync with latest state\n const assetsRef = useRef(assets)\n useEffect(() => {\n assetsRef.current = assets\n }, [assets])\n\n // ── data fetching ───────────────────────────────────────────────────────\n\n /** Fetches all image assets that violate at least one constraint. */\n const fetchAssets = useCallback(async () => {\n setLoading(true)\n try {\n const raw = await client.fetch<\n Omit<ImageAsset, 'violations' | 'status'>[]\n >(\n `*[_type == \"sanity.imageAsset\" && (\n mimeType == \"image/tiff\" ||\n metadata.dimensions.width > ${IMAGE_MAX_WIDTH} ||\n size > ${IMAGE_MAX_SIZE}\n )][] {\n _id, url, originalFilename, mimeType, size,\n \"width\": metadata.dimensions.width\n }`\n )\n setAssets(\n raw.map((a) => ({\n ...a,\n violations: getViolations(a, settings),\n status: 'idle',\n }))\n )\n } finally {\n setLoading(false)\n }\n }, [client, settings])\n\n useEffect(() => {\n fetchAssets()\n }, [fetchAssets])\n\n // ── single-asset processing ─────────────────────────────────────────────\n\n /** Helper to update a single asset's state by ID. */\n const updateAsset = useCallback(\n (id: string, patch: Partial<ImageAsset>) =>\n setAssets((prev) =>\n prev.map((a) => (a._id === id ? { ...a, ...patch } : a))\n ),\n []\n )\n\n /**\n * Processes one asset end-to-end:\n * 1. Re-encode / resize via Sanity Image API transformations\n * 2. Upload the transformed image as a new asset\n * 3. Find & patch all documents that reference the old asset\n * 4. Delete the old asset\n */\n const processAsset = useCallback(\n async (asset: ImageAsset) => {\n updateAsset(asset._id, { status: 'processing', error: undefined })\n\n try {\n // 1 — Resize / convert via Sanity Image API\n const { blob, outFormat } = await processImage(\n asset.url,\n asset.mimeType,\n asset.width,\n settings\n )\n\n // Skip replacement if the new file is bigger than the original\n if (blob.size >= asset.size) {\n updateAsset(asset._id, {\n status: 'error',\n error: `Skipped: optimised file (${(blob.size / 1024 / 1024).toFixed(1)} MB) is not smaller than original (${(asset.size / 1024 / 1024).toFixed(1)} MB)`,\n })\n return\n }\n\n // 2 — Upload replacement asset\n const baseName =\n asset.originalFilename?.replace(/\\.[^.]+$/, '') || 'image'\n const newAsset = await client.assets.upload('image', blob, {\n filename: `${baseName}.${outFormat}`,\n contentType: `image/${outFormat}`,\n })\n\n // 3 — Re-link all referencing documents\n const refs = await client.fetch<{ _id: string }[]>(\n `*[references($id)]{ _id }`,\n { id: asset._id }\n )\n\n for (const { _id } of refs) {\n const doc = await client.getDocument(_id)\n if (!doc) continue\n const patch = buildReplacementPatch(doc, asset._id, newAsset._id)\n if (Object.keys(patch).length > 0) {\n await client.patch(_id).set(patch).commit()\n }\n }\n\n // 4 — Delete the old asset now that all references point to the new one\n await client.delete(asset._id)\n\n // Fetch the new asset's metadata for display\n const newMeta = await client.fetch<{\n url: string\n size: number\n width: number\n originalFilename: string\n }>(\n `*[_id == $id][0]{ url, size, originalFilename, \"width\": metadata.dimensions.width }`,\n { id: newAsset._id }\n )\n\n updateAsset(asset._id, {\n status: 'done',\n newUrl: newMeta?.url ?? newAsset.url,\n newSize: newMeta?.size ?? blob.size,\n newWidth: newMeta?.width ?? Math.min(asset.width, IMAGE_MAX_WIDTH),\n newFilename: newMeta?.originalFilename ?? `${baseName}.${outFormat}`,\n })\n } catch (err: unknown) {\n const message = err instanceof Error ? err.message : String(err)\n updateAsset(asset._id, { status: 'error', error: message })\n }\n },\n [client, updateAsset, settings]\n )\n\n // ── batch processing ────────────────────────────────────────────────────\n\n /**\n * Processes all pending / failed assets with up to `CONCURRENCY`\n * tasks running in parallel using a simple worker-pool pattern.\n */\n const processAll = useCallback(async () => {\n setProcessingAll(true)\n const pending = assetsRef.current.filter(\n (a) => a.status === 'idle' || a.status === 'error'\n )\n\n let idx = 0\n const next = async (): Promise<void> => {\n while (idx < pending.length) {\n const asset = pending[idx++]\n await processAsset(asset)\n }\n }\n\n // Spawn `CONCURRENCY` workers that all pull from the same queue\n await Promise.all(Array.from({ length: CONCURRENCY }, () => next()))\n\n setProcessingAll(false)\n }, [processAsset])\n\n // ── derived state (memoised) ────────────────────────────────────────────\n\n /** Aggregated status counts used for badges and conditional rendering. */\n const counts = useMemo(\n () => ({\n pending: assets.filter((a) => a.status === 'idle').length,\n processing: assets.filter((a) => a.status === 'processing').length,\n done: assets.filter((a) => a.status === 'done').length,\n error: assets.filter((a) => a.status === 'error').length,\n }),\n [assets]\n )\n\n // ── render ──────────────────────────────────────────────────────────────\n\n return (\n <Container\n width={4}\n padding={4}\n style={{ width: 'calc(100vw - 1.25rem * 2)' }}\n >\n <Stack space={5}>\n {/* ── Header ─────────────────────────────────────────────────── */}\n <Flex align=\"flex-start\" justify=\"space-between\" gap={4} wrap=\"wrap\">\n <Stack space={2} style={{ flex: 1, minWidth: 0 }}>\n <Heading size={2}>Image Optimiser</Heading>\n <Text size={1} muted style={{ wordBreak: 'break-word' }}>\n Converts TIFF images to WebP. Resizes/compresses all images to fit\n within {IMAGE_MAX_WIDTH}px / {MAX_SIZE_MB} MB.\n </Text>\n </Stack>\n <Flex gap={2} align=\"center\" wrap=\"wrap\" style={{ flexShrink: 0 }}>\n <Button\n icon={CogIcon}\n mode=\"ghost\"\n onClick={() => setShowSettings(true)}\n disabled={processingAll}\n />\n <Button\n text=\"Refresh\"\n mode=\"ghost\"\n onClick={fetchAssets}\n disabled={loading || processingAll}\n />\n {counts.pending > 0 && (\n <Button\n text={\n processingAll\n ? 'Processing…'\n : `Process All (${counts.pending})`\n }\n tone=\"primary\"\n onClick={processAll}\n disabled={processingAll || loading}\n icon={processingAll ? Spinner : undefined}\n />\n )}\n </Flex>\n </Flex>\n\n {/* ── Status badges ──────────────────────────────────────────── */}\n {!loading && assets.length > 0 && (\n <Flex gap={3} wrap=\"wrap\">\n {counts.pending > 0 && (\n <Badge tone=\"caution\">{counts.pending} pending</Badge>\n )}\n {counts.processing > 0 && (\n <Badge tone=\"primary\">{counts.processing} processing</Badge>\n )}\n {counts.done > 0 && (\n <Badge tone=\"positive\">{counts.done} done</Badge>\n )}\n {counts.error > 0 && (\n <Badge tone=\"critical\">{counts.error} failed</Badge>\n )}\n </Flex>\n )}\n\n {/* ── Asset list ─────────────────────────────────────────────── */}\n {loading ? (\n <Flex padding={6} justify=\"center\" align=\"center\" gap={3}>\n <Spinner />\n <Text muted>Scanning assets…</Text>\n </Flex>\n ) : assets.length === 0 ? (\n <Card padding={5} radius={2} tone=\"positive\" border>\n <Text align=\"center\">All images meet the requirements.</Text>\n </Card>\n ) : (\n <Stack space={2}>\n {assets.map((asset) => (\n <AssetCard\n key={asset._id}\n asset={asset}\n onProcess={processAsset}\n settings={settings}\n />\n ))}\n </Stack>\n )}\n </Stack>\n\n {/* ── Settings dialog ────────────────────────────────────────── */}\n {showSettings && (\n <Dialog\n id=\"image-optimiser-settings\"\n header=\"Conversion Settings\"\n onClose={() => setShowSettings(false)}\n width={1}\n >\n <Box padding={4}>\n <Stack space={4}>\n <Flex align=\"center\" gap={3}>\n <Switch\n id=\"png-to-webp\"\n checked={settings.pngToWebp}\n onChange={(e) => {\n const checked = e.currentTarget.checked\n updateSettings((s) => ({ ...s, pngToWebp: checked }))\n }}\n />\n <Label htmlFor=\"png-to-webp\" style={{ cursor: 'pointer' }}>\n Convert PNG → WebP\n </Label>\n </Flex>\n <Flex align=\"center\" gap={3}>\n <Switch\n id=\"tiff-to-jpg\"\n checked={settings.tiffToJpg}\n onChange={(e) => {\n const checked = e.currentTarget.checked\n updateSettings((s) => ({ ...s, tiffToJpg: checked }))\n }}\n />\n <Label htmlFor=\"tiff-to-jpg\" style={{ cursor: 'pointer' }}>\n Convert TIFF → JPG (instead of WebP)\n </Label>\n </Flex>\n <Text size={1} muted>\n Changes apply on next Refresh.\n </Text>\n </Stack>\n </Box>\n </Dialog>\n )}\n </Container>\n )\n}\n","import { definePlugin } from 'sanity'\nimport { imageResizerUsEnglishLocaleBundle } from './i18n'\nimport { applyConfig, type ImageResizerOptions } from './helpers'\nimport { ImageResizerView } from './tool/ImageResizer'\n\n/**\n * Usage in `sanity.config.ts` (or .js)\n *\n * ```ts\n * import { defineConfig } from 'sanity'\n * import { imageResizerPlugin } from 'sanity-plugin-image-resizer'\n *\n * export default defineConfig({\n * // ...\n * plugins: [\n * imageResizerPlugin({\n * imageAccept: 'image/jpeg, image/png, image/gif, image/webp',\n * imageMaxSize: 20 * 1024 * 1024,\n * imageMaxWidth: 6000,\n * }),\n * ],\n * })\n * ```\n */\n\n/**\n * @public\n */\nexport const imageResizerPlugin = definePlugin<ImageResizerOptions | void>(\n (options) => {\n applyConfig(options ?? undefined)\n\n return {\n name: 'sanity-plugin-image-resizer',\n\n tools: (prev) => {\n return [\n ...prev,\n {\n name: 'image-resizer',\n title: 'Image Optimiser',\n component: ImageResizerView,\n },\n ]\n },\n\n i18n: {\n bundles: [imageResizerUsEnglishLocaleBundle],\n },\n }\n }\n)\n"],"names":["defineLocaleResourceBundle","IMAGE_ACCEPT","IMAGE_MAX_SIZE","IMAGE_MAX_WIDTH","MAX_SIZE_MB","Badge","jsx","Card","jsxs","Flex","Box","Stack","Text","Fragment","Button","Spinner","useClient","useState","useCallback","useRef","useEffect","useMemo","Container","Heading","CogIcon","Dialog","Switch","Label","definePlugin"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/i18n/index.ts","../src/helpers.ts","../src/tool/components/AssetCard.tsx","../src/tool/ImageResizer.tsx","../src/plugin.tsx"],"sourcesContent":["import { defineLocaleResourceBundle } from 'sanity'\n\nexport const imageResizerLocaleNamespace = 'image-resizer'\n\nexport const imageResizerUsEnglishLocaleBundle = defineLocaleResourceBundle({\n locale: 'en-US',\n namespace: imageResizerLocaleNamespace,\n resources: () => import('./resources'),\n})\n","import { type CustomValidator } from 'sanity'\n\n// ─── types ──────────────────────────────────────────────────────────────────\n\n/** @public */\nexport interface ImageResizerOptions {\n /** Accepted image MIME types (comma-separated). Default: 'image/jpeg, image/png, image/gif, image/webp' */\n imageAccept?: string\n /** Max file size in bytes. Default: 20 * 1024 * 1024 (20 MB) */\n imageMaxSize?: number\n /** Max image width in pixels. Default: 10000 */\n imageMaxWidth?: number\n}\n\nexport type Violation = 'format' | 'width' | 'size'\nexport type ProcessStatus = 'idle' | 'processing' | 'done' | 'error'\n\n/** User-configurable format conversion toggles */\nexport interface ConversionSettings {\n /** Convert PNG images to WebP */\n pngToWebp: boolean\n /** Convert TIFF images to JPG (instead of WebP) */\n tiffToJpg: boolean\n}\n\nexport const DEFAULT_SETTINGS: ConversionSettings = {\n pngToWebp: false,\n tiffToJpg: false,\n}\n\nexport interface ImageAsset {\n _id: string\n url: string\n originalFilename: string\n mimeType: string\n size: number\n width: number\n violations: Violation[]\n status: ProcessStatus\n error?: string\n /** Post-processing result info */\n newUrl?: string\n newSize?: number\n newWidth?: number\n newFilename?: string\n}\n\n// ─── plugin config state ────────────────────────────────────────────────────\n\nconst DEFAULTS: Required<ImageResizerOptions> = {\n imageAccept: 'image/jpeg, image/png, image/gif, image/webp',\n imageMaxSize: 20 * 1024 * 1024,\n imageMaxWidth: 6000,\n}\n\n/** @public */\nexport let IMAGE_ACCEPT = DEFAULTS.imageAccept\n/** @public */\nexport let IMAGE_MAX_SIZE = DEFAULTS.imageMaxSize\n/** @public */\nexport let IMAGE_MAX_WIDTH = DEFAULTS.imageMaxWidth\n\nexport function applyConfig(options?: ImageResizerOptions) {\n const resolved = { ...DEFAULTS, ...options }\n IMAGE_ACCEPT = resolved.imageAccept\n IMAGE_MAX_SIZE = resolved.imageMaxSize\n IMAGE_MAX_WIDTH = resolved.imageMaxWidth\n}\n\n// ─── constants ──────────────────────────────────────────────────────────────\n\n/** Sanity Image API format parameter for each output MIME type */\nexport const MIME_FORMAT_MAP: Record<string, string> = {\n 'image/jpeg': 'jpg',\n 'image/png': 'png',\n 'image/webp': 'webp',\n 'image/gif': 'gif',\n}\n\n/** Quality steps to try when the image exceeds the size budget (high → low) */\nexport const QUALITY_STEPS = [92, 80, 70, 60, 50, 40]\n\n/** Number of assets to process in parallel during batch runs */\nexport const CONCURRENCY = 3\n\n// ─── helpers ────────────────────────────────────────────────────────────────\n\n/** Checks which resize constraints the asset violates. */\nexport function getViolations(\n asset: Pick<ImageAsset, 'mimeType' | 'size' | 'width'>,\n settings: ConversionSettings\n): Violation[] {\n const v: Violation[] = []\n if (asset.mimeType === 'image/tiff') v.push('format')\n if (settings.pngToWebp && asset.mimeType === 'image/png') v.push('format')\n if (asset.width > IMAGE_MAX_WIDTH) v.push('width')\n if (asset.size > IMAGE_MAX_SIZE) v.push('size')\n return v\n}\n\n/**\n * Determines the Sanity Image API `fm` parameter for the output,\n * taking user conversion settings into account.\n */\nexport function outputFormat(\n inputMimeType: string,\n settings: ConversionSettings\n): string {\n if (inputMimeType === 'image/tiff') return settings.tiffToJpg ? 'jpg' : 'webp'\n if (inputMimeType === 'image/png' && settings.pngToWebp) return 'webp'\n return MIME_FORMAT_MAP[inputMimeType] ?? 'png'\n}\n\n/**\n * Uses the Sanity Image API to resize/re-encode an image server-side.\n * Appends URL parameters (`w`, `fm`, `q`) and progressively lowers\n * quality until the downloaded blob fits within `IMAGE_MAX_SIZE`.\n */\nexport async function processImage(\n url: string,\n inputMimeType: string,\n currentWidth: number,\n settings: ConversionSettings\n): Promise<{ blob: Blob; outFormat: string }> {\n const outFormat = outputFormat(inputMimeType, settings)\n\n const transformUrl = new URL(url)\n transformUrl.searchParams.set('fm', outFormat)\n transformUrl.searchParams.set(\n 'w',\n String(Math.min(currentWidth, IMAGE_MAX_WIDTH))\n )\n\n const maxSizeMB = IMAGE_MAX_SIZE / 1024 / 1024\n\n for (const q of QUALITY_STEPS) {\n transformUrl.searchParams.set('q', String(q))\n\n const res = await fetch(transformUrl.toString())\n if (!res.ok) throw new Error(`Fetch failed (HTTP ${res.status})`)\n\n const blob = await res.blob()\n if (blob.size <= IMAGE_MAX_SIZE) {\n return { blob, outFormat }\n }\n }\n\n throw new Error(`Cannot compress image below ${maxSizeMB} MB`)\n}\n\n/**\n * Recursively traverses a document tree and collects all paths where\n * `asset._ref === oldId`. Returns a flat `{ path: newRef }` object\n * compatible with `client.patch().set()`.\n */\nexport function buildReplacementPatch(\n obj: unknown,\n oldId: string,\n newId: string,\n path = ''\n): Record<string, { _type: 'reference'; _ref: string }> {\n if (!obj || typeof obj !== 'object') return {}\n\n if (Array.isArray(obj)) {\n return obj.reduce<Record<string, { _type: 'reference'; _ref: string }>>(\n (acc, item, i) => {\n const key =\n item && typeof item === 'object' && typeof item._key === 'string'\n ? `_key==\"${item._key}\"`\n : String(i)\n const childPath = path ? `${path}[${key}]` : `[${key}]`\n return Object.assign(\n acc,\n buildReplacementPatch(item, oldId, newId, childPath)\n )\n },\n {}\n )\n }\n\n const record = obj as Record<string, unknown>\n\n if ((record.asset as any)?._ref === oldId) {\n const assetPath = path ? `${path}.asset` : 'asset'\n return { [assetPath]: { _type: 'reference', _ref: newId } }\n }\n\n return Object.keys(record)\n .filter((k) => !k.startsWith('_'))\n .reduce<Record<string, { _type: 'reference'; _ref: string }>>(\n (acc, key) => {\n const childPath = path ? `${path}.${key}` : key\n return Object.assign(\n acc,\n buildReplacementPatch(record[key], oldId, newId, childPath)\n )\n },\n {}\n )\n}\n\n// ─── validation ─────────────────────────────────────────────────────────────\n\n/** @public */\nexport const validateImageSize: CustomValidator = async (value: any, context) => {\n if (!value?.asset?._ref) return true\n\n const client = context.getClient({ apiVersion: '2025-02-19' })\n const asset = await client.fetch(\n `*[_id == $id][0]{ size, \"width\": metadata.dimensions.width, mimeType }`,\n { id: value.asset._ref }\n )\n\n if (!asset) return true\n\n const allowedMimeTypes = IMAGE_ACCEPT.split(',').map((s) => s.trim())\n if (asset.mimeType && !allowedMimeTypes.includes(asset.mimeType)) {\n return `File type \"${asset.mimeType}\" is not allowed. Accepted types: ${allowedMimeTypes.join(', ')}`\n }\n\n if (asset.size && asset.size > IMAGE_MAX_SIZE) {\n const sizeMB = (asset.size / (1024 * 1024)).toFixed(1)\n const maxMB = (IMAGE_MAX_SIZE / (1024 * 1024)).toFixed(0)\n return `Image size (${sizeMB}MB) exceeds the maximum of ${maxMB}MB`\n }\n\n if (asset.width && asset.width > IMAGE_MAX_WIDTH) {\n return `Image width (${asset.width}px) exceeds the maximum of ${IMAGE_MAX_WIDTH}px`\n }\n\n return true\n}\n","import {\n Badge,\n Box,\n Button,\n Card,\n Flex,\n Spinner,\n Stack,\n Text,\n} from '@sanity/ui'\nimport {\n type ConversionSettings,\n type ImageAsset,\n type ProcessStatus,\n type Violation,\n IMAGE_MAX_WIDTH,\n IMAGE_MAX_SIZE,\n} from '../../helpers'\n\n/** Human-readable size limit for display purposes */\nconst MAX_SIZE_MB = IMAGE_MAX_SIZE / 1024 / 1024\n\n/** Labels shown on violation badges */\nconst VIOLATION_LABELS: Record<Violation, string> = {\n format: 'TIFF → WebP',\n width: `> ${IMAGE_MAX_WIDTH}px`,\n size: `> ${MAX_SIZE_MB} MB`,\n}\n\n/** Builds a human-readable label for the format violation badge. */\nfunction formatViolationLabel(settings: ConversionSettings): string {\n const parts: string[] = []\n parts.push(settings.tiffToJpg ? 'TIFF → JPG' : 'TIFF → WebP')\n if (settings.pngToWebp) parts.push('PNG → WebP')\n return parts.join(', ')\n}\n\n/** Displays a caution badge indicating which constraint was violated. */\nfunction ViolationBadge({\n type,\n settings,\n}: {\n type: Violation\n settings: ConversionSettings\n}) {\n const label =\n type === 'format' ? formatViolationLabel(settings) : VIOLATION_LABELS[type]\n return (\n <Badge tone=\"caution\" size={1}>\n {label}\n </Badge>\n )\n}\n\n/** Resolves the visual tone for an asset card based on its processing status. */\nfunction statusTone(status: ProcessStatus) {\n const map: Record<\n ProcessStatus,\n 'positive' | 'critical' | 'primary' | 'default'\n > = {\n done: 'positive',\n error: 'critical',\n processing: 'primary',\n idle: 'default',\n }\n return map[status]\n}\n\n/** Renders a single asset row with thumbnail, info, badges and action button. */\nexport function AssetCard({\n asset,\n onProcess,\n settings,\n}: {\n asset: ImageAsset\n onProcess: (asset: ImageAsset) => void\n settings: ConversionSettings\n}) {\n const isDone = asset.status === 'done' && asset.newUrl\n const thumbUrl = isDone ? asset.newUrl! : asset.url\n const sizeReduction =\n isDone && asset.newSize != null\n ? Math.round((1 - asset.newSize / asset.size) * 100)\n : null\n\n return (\n <Card\n key={asset._id}\n tone={statusTone(asset.status)}\n style={{ width: 'calc(100vw - 1.25rem * 2)' }}\n >\n <Flex gap={3} align=\"center\">\n {/* Thumbnail — 64×64 with 2× source for retina */}\n <Box style={{ width: 64, height: 64, flexShrink: 0 }}>\n <img\n src={`${thumbUrl}?w=128&h=128&fit=crop&auto=format`}\n alt=\"\"\n loading=\"lazy\"\n style={{\n width: 64,\n height: 64,\n objectFit: 'cover',\n borderRadius: 4,\n }}\n />\n </Box>\n\n {/* File info + violation badges */}\n <Stack space={2} style={{ flex: 1, minWidth: 0 }}>\n <Box style={{ width: '100%', minWidth: 0 }}>\n <Text size={1} weight=\"semibold\">\n {isDone\n ? asset.newFilename || asset.originalFilename || asset._id\n : asset.originalFilename || asset._id}\n </Text>\n </Box>\n {isDone ? (\n <>\n <Text size={1} muted style={{ wordBreak: 'break-word' }}>\n {(asset.size / 1024 / 1024).toFixed(1)} MB →{' '}\n {(asset.newSize! / 1024 / 1024).toFixed(1)} MB\n {sizeReduction !== null && sizeReduction > 0\n ? ` (−${sizeReduction}%)`\n : ''}{' '}\n — {asset.newWidth}px wide\n </Text>\n <Flex gap={2} wrap=\"wrap\">\n {asset.newWidth != null && asset.newWidth < asset.width && (\n <Badge tone=\"positive\" size={1}>\n {asset.width}px → {asset.newWidth}px\n </Badge>\n )}\n </Flex>\n </>\n ) : (\n <>\n <Flex gap={2} wrap=\"wrap\">\n {asset.violations.map((v) => (\n <ViolationBadge key={v} type={v} settings={settings} />\n ))}\n </Flex>\n <Text size={1} muted style={{ wordBreak: 'break-word' }}>\n {(asset.size / 1024 / 1024).toFixed(1)} MB — {asset.width}px\n wide\n </Text>\n </>\n )}\n {asset.status === 'error' && (\n <Text\n size={1}\n style={{\n color: 'var(--card-badge-critical-dot-color)',\n wordBreak: 'break-word',\n }}\n >\n {asset.error}\n </Text>\n )}\n </Stack>\n\n {/* Action button — contextual per status */}\n <Box style={{ flexShrink: 0 }}>\n {asset.status === 'idle' && (\n <Button\n text=\"Process\"\n mode=\"ghost\"\n tone=\"primary\"\n onClick={() => onProcess(asset)}\n />\n )}\n {asset.status === 'processing' && <Spinner />}\n {asset.status === 'done' && <Badge tone=\"positive\">Done</Badge>}\n {asset.status === 'error' && (\n <Button\n text=\"Retry\"\n mode=\"ghost\"\n tone=\"critical\"\n onClick={() => onProcess(asset)}\n />\n )}\n </Box>\n </Flex>\n </Card>\n )\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { useClient } from 'sanity'\nimport {\n Badge,\n Box,\n Button,\n Card,\n Container,\n Dialog,\n Flex,\n Heading,\n Label,\n Spinner,\n Stack,\n Switch,\n Text,\n} from '@sanity/ui'\nimport { CogIcon } from '@sanity/icons'\nimport {\n type ConversionSettings,\n type ImageAsset,\n CONCURRENCY,\n DEFAULT_SETTINGS,\n IMAGE_MAX_SIZE,\n IMAGE_MAX_WIDTH,\n buildReplacementPatch,\n getViolations,\n processImage,\n} from '../helpers'\nimport { AssetCard } from './components/AssetCard'\n\n/** Human-readable size limit for display purposes */\nconst MAX_SIZE_MB = IMAGE_MAX_SIZE / 1024 / 1024\n\nconst KV_SETTINGS_KEY = 'image-resizer-settings'\n\nfunction loadSettings(): ConversionSettings {\n try {\n const raw = localStorage.getItem(KV_SETTINGS_KEY)\n if (raw) {\n const parsed = JSON.parse(raw)\n return {\n pngToWebp:\n typeof parsed.pngToWebp === 'boolean'\n ? parsed.pngToWebp\n : DEFAULT_SETTINGS.pngToWebp,\n tiffToJpg:\n typeof parsed.tiffToJpg === 'boolean'\n ? parsed.tiffToJpg\n : DEFAULT_SETTINGS.tiffToJpg,\n }\n }\n } catch {\n // ignore corrupt data\n }\n return DEFAULT_SETTINGS\n}\n\n/**\n * Studio tool that scans all image assets for constraint violations\n * (TIFF format, oversized width/filesize) and lets editors batch-resize\n * them in-place — re-encoding, resizing and re-linking references.\n */\nexport function ImageResizerView() {\n const client = useClient({ apiVersion: '2025-02-19' })\n const [assets, setAssets] = useState<ImageAsset[]>([])\n const [loading, setLoading] = useState(true)\n const [processingAll, setProcessingAll] = useState(false)\n const [settings, setSettings] = useState<ConversionSettings>(loadSettings)\n const [showSettings, setShowSettings] = useState(false)\n\n /** Wraps setSettings to also persist to localStorage. */\n const updateSettings = useCallback(\n (updater: (prev: ConversionSettings) => ConversionSettings) => {\n setSettings((prev) => {\n const next = updater(prev)\n localStorage.setItem(KV_SETTINGS_KEY, JSON.stringify(next))\n return next\n })\n },\n []\n )\n\n // Ref keeps processAll's sequential loop in sync with latest state\n const assetsRef = useRef(assets)\n useEffect(() => {\n assetsRef.current = assets\n }, [assets])\n\n // ── data fetching ───────────────────────────────────────────────────────\n\n /** Fetches all image assets that violate at least one constraint. */\n const fetchAssets = useCallback(async () => {\n setLoading(true)\n try {\n const raw = await client.fetch<\n Omit<ImageAsset, 'violations' | 'status'>[]\n >(\n `*[_type == \"sanity.imageAsset\" && (\n mimeType == \"image/tiff\" ||\n metadata.dimensions.width > ${IMAGE_MAX_WIDTH} ||\n size > ${IMAGE_MAX_SIZE}\n )][] {\n _id, url, originalFilename, mimeType, size,\n \"width\": metadata.dimensions.width\n }`\n )\n setAssets(\n raw.map((a) => ({\n ...a,\n violations: getViolations(a, settings),\n status: 'idle',\n }))\n )\n } finally {\n setLoading(false)\n }\n }, [client, settings])\n\n useEffect(() => {\n fetchAssets()\n }, [fetchAssets])\n\n // ── single-asset processing ─────────────────────────────────────────────\n\n /** Helper to update a single asset's state by ID. */\n const updateAsset = useCallback(\n (id: string, patch: Partial<ImageAsset>) =>\n setAssets((prev) =>\n prev.map((a) => (a._id === id ? { ...a, ...patch } : a))\n ),\n []\n )\n\n /**\n * Processes one asset end-to-end:\n * 1. Re-encode / resize via Sanity Image API transformations\n * 2. Upload the transformed image as a new asset\n * 3. Find & patch all documents that reference the old asset\n * 4. Delete the old asset\n */\n const processAsset = useCallback(\n async (asset: ImageAsset) => {\n updateAsset(asset._id, { status: 'processing', error: undefined })\n\n try {\n // 1 — Resize / convert via Sanity Image API\n const { blob, outFormat } = await processImage(\n asset.url,\n asset.mimeType,\n asset.width,\n settings\n )\n\n // Skip replacement if the new file is bigger than the original\n if (blob.size >= asset.size) {\n updateAsset(asset._id, {\n status: 'error',\n error: `Skipped: resized file (${(blob.size / 1024 / 1024).toFixed(1)} MB) is not smaller than original (${(asset.size / 1024 / 1024).toFixed(1)} MB)`,\n })\n return\n }\n\n // 2 — Upload replacement asset\n const baseName =\n asset.originalFilename?.replace(/\\.[^.]+$/, '') || 'image'\n const newAsset = await client.assets.upload('image', blob, {\n filename: `${baseName}.${outFormat}`,\n contentType: `image/${outFormat}`,\n })\n\n // 3 — Re-link all referencing documents\n const refs = await client.fetch<{ _id: string }[]>(\n `*[references($id)]{ _id }`,\n { id: asset._id }\n )\n\n for (const { _id } of refs) {\n const doc = await client.getDocument(_id)\n if (!doc) continue\n const patch = buildReplacementPatch(doc, asset._id, newAsset._id)\n if (Object.keys(patch).length > 0) {\n await client.patch(_id).set(patch).commit()\n }\n }\n\n // 4 — Delete the old asset now that all references point to the new one\n await client.delete(asset._id)\n\n // Fetch the new asset's metadata for display\n const newMeta = await client.fetch<{\n url: string\n size: number\n width: number\n originalFilename: string\n }>(\n `*[_id == $id][0]{ url, size, originalFilename, \"width\": metadata.dimensions.width }`,\n { id: newAsset._id }\n )\n\n updateAsset(asset._id, {\n status: 'done',\n newUrl: newMeta?.url ?? newAsset.url,\n newSize: newMeta?.size ?? blob.size,\n newWidth: newMeta?.width ?? Math.min(asset.width, IMAGE_MAX_WIDTH),\n newFilename: newMeta?.originalFilename ?? `${baseName}.${outFormat}`,\n })\n } catch (err: unknown) {\n const message = err instanceof Error ? err.message : String(err)\n updateAsset(asset._id, { status: 'error', error: message })\n }\n },\n [client, updateAsset, settings]\n )\n\n // ── batch processing ────────────────────────────────────────────────────\n\n /**\n * Processes all pending / failed assets with up to `CONCURRENCY`\n * tasks running in parallel using a simple worker-pool pattern.\n */\n const processAll = useCallback(async () => {\n setProcessingAll(true)\n const pending = assetsRef.current.filter(\n (a) => a.status === 'idle' || a.status === 'error'\n )\n\n let idx = 0\n const next = async (): Promise<void> => {\n while (idx < pending.length) {\n const asset = pending[idx++]\n await processAsset(asset)\n }\n }\n\n // Spawn `CONCURRENCY` workers that all pull from the same queue\n await Promise.all(Array.from({ length: CONCURRENCY }, () => next()))\n\n setProcessingAll(false)\n }, [processAsset])\n\n // ── derived state (memoised) ────────────────────────────────────────────\n\n /** Aggregated status counts used for badges and conditional rendering. */\n const counts = useMemo(\n () => ({\n pending: assets.filter((a) => a.status === 'idle').length,\n processing: assets.filter((a) => a.status === 'processing').length,\n done: assets.filter((a) => a.status === 'done').length,\n error: assets.filter((a) => a.status === 'error').length,\n }),\n [assets]\n )\n\n // ── render ──────────────────────────────────────────────────────────────\n\n return (\n <Container\n width={4}\n padding={4}\n style={{ width: 'calc(100vw - 1.25rem * 2)' }}\n >\n <Stack space={5}>\n {/* ── Header ─────────────────────────────────────────────────── */}\n <Flex align=\"flex-start\" justify=\"space-between\" gap={4} wrap=\"wrap\">\n <Stack space={2} style={{ flex: 1, minWidth: 0 }}>\n <Heading size={2}>Image Resizer</Heading>\n <Card\n size={1}\n tone=\"transparent\"\n style={{ wordBreak: 'break-word' }}\n >\n Converts TIFF images to WebP. Resizes/compresses all images to fit\n within {IMAGE_MAX_WIDTH}px / {MAX_SIZE_MB} MB.\n </Card>\n </Stack>\n <Flex gap={2} align=\"center\" wrap=\"wrap\" style={{ flexShrink: 0 }}>\n <Button\n icon={CogIcon}\n mode=\"ghost\"\n onClick={() => setShowSettings(true)}\n disabled={processingAll}\n />\n <Button\n text=\"Refresh\"\n mode=\"ghost\"\n onClick={fetchAssets}\n disabled={loading || processingAll}\n />\n {counts.pending > 0 && (\n <Button\n text={\n processingAll\n ? 'Processing…'\n : `Process All (${counts.pending})`\n }\n tone=\"primary\"\n onClick={processAll}\n disabled={processingAll || loading}\n icon={processingAll ? Spinner : undefined}\n />\n )}\n </Flex>\n </Flex>\n\n {/* ── Status badges ──────────────────────────────────────────── */}\n {!loading && assets.length > 0 && (\n <Flex gap={3} wrap=\"wrap\">\n {counts.pending > 0 && (\n <Badge tone=\"caution\">{counts.pending} pending</Badge>\n )}\n {counts.processing > 0 && (\n <Badge tone=\"primary\">{counts.processing} processing</Badge>\n )}\n {counts.done > 0 && (\n <Badge tone=\"positive\">{counts.done} done</Badge>\n )}\n {counts.error > 0 && (\n <Badge tone=\"critical\">{counts.error} failed</Badge>\n )}\n </Flex>\n )}\n\n {/* ── Asset list ─────────────────────────────────────────────── */}\n {loading ? (\n <Flex padding={6} justify=\"center\" align=\"center\" gap={3}>\n <Spinner />\n <Text muted>Scanning assets…</Text>\n </Flex>\n ) : assets.length === 0 ? (\n <Card padding={5} radius={2} tone=\"positive\" border>\n <Text align=\"center\">All images meet the requirements.</Text>\n </Card>\n ) : (\n <Stack space={2}>\n {assets.map((asset) => (\n <AssetCard\n key={asset._id}\n asset={asset}\n onProcess={processAsset}\n settings={settings}\n />\n ))}\n </Stack>\n )}\n </Stack>\n\n {/* ── Settings dialog ────────────────────────────────────────── */}\n {showSettings && (\n <Dialog\n id=\"image-resizer-settings\"\n header=\"Conversion Settings\"\n onClose={() => setShowSettings(false)}\n width={1}\n >\n <Box padding={4}>\n <Stack space={4}>\n <Flex align=\"center\" gap={3}>\n <Switch\n id=\"png-to-webp\"\n checked={settings.pngToWebp}\n onChange={(e) => {\n const checked = e.currentTarget.checked\n updateSettings((s) => ({ ...s, pngToWebp: checked }))\n }}\n />\n <Label htmlFor=\"png-to-webp\" style={{ cursor: 'pointer' }}>\n Convert PNG → WebP\n </Label>\n </Flex>\n <Flex align=\"center\" gap={3}>\n <Switch\n id=\"tiff-to-jpg\"\n checked={settings.tiffToJpg}\n onChange={(e) => {\n const checked = e.currentTarget.checked\n updateSettings((s) => ({ ...s, tiffToJpg: checked }))\n }}\n />\n <Label htmlFor=\"tiff-to-jpg\" style={{ cursor: 'pointer' }}>\n Convert TIFF → JPG (instead of WebP)\n </Label>\n </Flex>\n <Text size={1} muted>\n Changes apply on next Refresh.\n </Text>\n </Stack>\n </Box>\n </Dialog>\n )}\n </Container>\n )\n}\n","import { definePlugin } from 'sanity'\nimport { imageResizerUsEnglishLocaleBundle } from './i18n'\nimport { applyConfig, type ImageResizerOptions } from './helpers'\nimport { ImageResizerView } from './tool/ImageResizer'\n\n/**\n * Usage in `sanity.config.ts` (or .js)\n *\n * ```ts\n * import { defineConfig } from 'sanity'\n * import { imageResizerPlugin } from 'sanity-plugin-image-resizer'\n *\n * export default defineConfig({\n * // ...\n * plugins: [\n * imageResizerPlugin({\n * imageAccept: 'image/jpeg, image/png, image/gif, image/webp',\n * imageMaxSize: 20 * 1024 * 1024,\n * imageMaxWidth: 6000,\n * }),\n * ],\n * })\n * ```\n */\n\n/**\n * @public\n */\nexport const imageResizerPlugin = definePlugin<ImageResizerOptions | void>(\n (options) => {\n applyConfig(options ?? undefined)\n\n return {\n name: 'sanity-plugin-image-resizer',\n\n tools: (prev) => {\n return [\n ...prev,\n {\n name: 'image-resizer',\n title: 'Image Resizer',\n component: ImageResizerView,\n },\n ]\n },\n\n i18n: {\n bundles: [imageResizerUsEnglishLocaleBundle],\n },\n }\n }\n)\n"],"names":["defineLocaleResourceBundle","IMAGE_ACCEPT","IMAGE_MAX_SIZE","IMAGE_MAX_WIDTH","MAX_SIZE_MB","Badge","jsx","Card","jsxs","Flex","Box","Stack","Text","Fragment","Button","Spinner","useClient","useState","useCallback","useRef","useEffect","useMemo","Container","Heading","CogIcon","Dialog","Switch","Label","definePlugin"],"mappings":"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"}
|
package/dist/index.mjs
CHANGED
|
@@ -282,7 +282,7 @@ function ImageResizerView() {
|
|
|
282
282
|
if (blob.size >= asset.size) {
|
|
283
283
|
updateAsset(asset._id, {
|
|
284
284
|
status: "error",
|
|
285
|
-
error: `Skipped:
|
|
285
|
+
error: `Skipped: resized file (${(blob.size / 1024 / 1024).toFixed(1)} MB) is not smaller than original (${(asset.size / 1024 / 1024).toFixed(1)} MB)`
|
|
286
286
|
});
|
|
287
287
|
return;
|
|
288
288
|
}
|
|
@@ -349,14 +349,22 @@ function ImageResizerView() {
|
|
|
349
349
|
/* @__PURE__ */ jsxs(Stack, { space: 5, children: [
|
|
350
350
|
/* @__PURE__ */ jsxs(Flex, { align: "flex-start", justify: "space-between", gap: 4, wrap: "wrap", children: [
|
|
351
351
|
/* @__PURE__ */ jsxs(Stack, { space: 2, style: { flex: 1, minWidth: 0 }, children: [
|
|
352
|
-
/* @__PURE__ */ jsx(Heading, { size: 2, children: "Image
|
|
353
|
-
/* @__PURE__ */ jsxs(
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
352
|
+
/* @__PURE__ */ jsx(Heading, { size: 2, children: "Image Resizer" }),
|
|
353
|
+
/* @__PURE__ */ jsxs(
|
|
354
|
+
Card,
|
|
355
|
+
{
|
|
356
|
+
size: 1,
|
|
357
|
+
tone: "transparent",
|
|
358
|
+
style: { wordBreak: "break-word" },
|
|
359
|
+
children: [
|
|
360
|
+
"Converts TIFF images to WebP. Resizes/compresses all images to fit within ",
|
|
361
|
+
IMAGE_MAX_WIDTH,
|
|
362
|
+
"px / ",
|
|
363
|
+
MAX_SIZE_MB,
|
|
364
|
+
" MB."
|
|
365
|
+
]
|
|
366
|
+
}
|
|
367
|
+
)
|
|
360
368
|
] }),
|
|
361
369
|
/* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", wrap: "wrap", style: { flexShrink: 0 }, children: [
|
|
362
370
|
/* @__PURE__ */ jsx(
|
|
@@ -423,7 +431,7 @@ function ImageResizerView() {
|
|
|
423
431
|
showSettings && /* @__PURE__ */ jsx(
|
|
424
432
|
Dialog,
|
|
425
433
|
{
|
|
426
|
-
id: "image-
|
|
434
|
+
id: "image-resizer-settings",
|
|
427
435
|
header: "Conversion Settings",
|
|
428
436
|
onClose: () => setShowSettings(!1),
|
|
429
437
|
width: 1,
|
|
@@ -471,7 +479,7 @@ const imageResizerPlugin = definePlugin(
|
|
|
471
479
|
...prev,
|
|
472
480
|
{
|
|
473
481
|
name: "image-resizer",
|
|
474
|
-
title: "Image
|
|
482
|
+
title: "Image Resizer",
|
|
475
483
|
component: ImageResizerView
|
|
476
484
|
}
|
|
477
485
|
],
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../src/i18n/index.ts","../src/helpers.ts","../src/tool/components/AssetCard.tsx","../src/tool/ImageResizer.tsx","../src/plugin.tsx"],"sourcesContent":["import { defineLocaleResourceBundle } from 'sanity'\n\nexport const imageResizerLocaleNamespace = 'image-resizer'\n\nexport const imageResizerUsEnglishLocaleBundle = defineLocaleResourceBundle({\n locale: 'en-US',\n namespace: imageResizerLocaleNamespace,\n resources: () => import('./resources'),\n})\n","import { type CustomValidator } from 'sanity'\n\n// ─── types ──────────────────────────────────────────────────────────────────\n\n/** @public */\nexport interface ImageResizerOptions {\n /** Accepted image MIME types (comma-separated). Default: 'image/jpeg, image/png, image/gif, image/webp' */\n imageAccept?: string\n /** Max file size in bytes. Default: 20 * 1024 * 1024 (20 MB) */\n imageMaxSize?: number\n /** Max image width in pixels. Default: 10000 */\n imageMaxWidth?: number\n}\n\nexport type Violation = 'format' | 'width' | 'size'\nexport type ProcessStatus = 'idle' | 'processing' | 'done' | 'error'\n\n/** User-configurable format conversion toggles */\nexport interface ConversionSettings {\n /** Convert PNG images to WebP */\n pngToWebp: boolean\n /** Convert TIFF images to JPG (instead of WebP) */\n tiffToJpg: boolean\n}\n\nexport const DEFAULT_SETTINGS: ConversionSettings = {\n pngToWebp: false,\n tiffToJpg: false,\n}\n\nexport interface ImageAsset {\n _id: string\n url: string\n originalFilename: string\n mimeType: string\n size: number\n width: number\n violations: Violation[]\n status: ProcessStatus\n error?: string\n /** Post-processing result info */\n newUrl?: string\n newSize?: number\n newWidth?: number\n newFilename?: string\n}\n\n// ─── plugin config state ────────────────────────────────────────────────────\n\nconst DEFAULTS: Required<ImageResizerOptions> = {\n imageAccept: 'image/jpeg, image/png, image/gif, image/webp',\n imageMaxSize: 20 * 1024 * 1024,\n imageMaxWidth: 6000,\n}\n\n/** @public */\nexport let IMAGE_ACCEPT = DEFAULTS.imageAccept\n/** @public */\nexport let IMAGE_MAX_SIZE = DEFAULTS.imageMaxSize\n/** @public */\nexport let IMAGE_MAX_WIDTH = DEFAULTS.imageMaxWidth\n\nexport function applyConfig(options?: ImageResizerOptions) {\n const resolved = { ...DEFAULTS, ...options }\n IMAGE_ACCEPT = resolved.imageAccept\n IMAGE_MAX_SIZE = resolved.imageMaxSize\n IMAGE_MAX_WIDTH = resolved.imageMaxWidth\n}\n\n// ─── constants ──────────────────────────────────────────────────────────────\n\n/** Sanity Image API format parameter for each output MIME type */\nexport const MIME_FORMAT_MAP: Record<string, string> = {\n 'image/jpeg': 'jpg',\n 'image/png': 'png',\n 'image/webp': 'webp',\n 'image/gif': 'gif',\n}\n\n/** Quality steps to try when the image exceeds the size budget (high → low) */\nexport const QUALITY_STEPS = [92, 80, 70, 60, 50, 40]\n\n/** Number of assets to process in parallel during batch runs */\nexport const CONCURRENCY = 3\n\n// ─── helpers ────────────────────────────────────────────────────────────────\n\n/** Checks which optimisation constraints the asset violates. */\nexport function getViolations(\n asset: Pick<ImageAsset, 'mimeType' | 'size' | 'width'>,\n settings: ConversionSettings\n): Violation[] {\n const v: Violation[] = []\n if (asset.mimeType === 'image/tiff') v.push('format')\n if (settings.pngToWebp && asset.mimeType === 'image/png') v.push('format')\n if (asset.width > IMAGE_MAX_WIDTH) v.push('width')\n if (asset.size > IMAGE_MAX_SIZE) v.push('size')\n return v\n}\n\n/**\n * Determines the Sanity Image API `fm` parameter for the output,\n * taking user conversion settings into account.\n */\nexport function outputFormat(\n inputMimeType: string,\n settings: ConversionSettings\n): string {\n if (inputMimeType === 'image/tiff') return settings.tiffToJpg ? 'jpg' : 'webp'\n if (inputMimeType === 'image/png' && settings.pngToWebp) return 'webp'\n return MIME_FORMAT_MAP[inputMimeType] ?? 'png'\n}\n\n/**\n * Uses the Sanity Image API to resize/re-encode an image server-side.\n * Appends URL parameters (`w`, `fm`, `q`) and progressively lowers\n * quality until the downloaded blob fits within `IMAGE_MAX_SIZE`.\n */\nexport async function processImage(\n url: string,\n inputMimeType: string,\n currentWidth: number,\n settings: ConversionSettings\n): Promise<{ blob: Blob; outFormat: string }> {\n const outFormat = outputFormat(inputMimeType, settings)\n\n const transformUrl = new URL(url)\n transformUrl.searchParams.set('fm', outFormat)\n transformUrl.searchParams.set(\n 'w',\n String(Math.min(currentWidth, IMAGE_MAX_WIDTH))\n )\n\n const maxSizeMB = IMAGE_MAX_SIZE / 1024 / 1024\n\n for (const q of QUALITY_STEPS) {\n transformUrl.searchParams.set('q', String(q))\n\n const res = await fetch(transformUrl.toString())\n if (!res.ok) throw new Error(`Fetch failed (HTTP ${res.status})`)\n\n const blob = await res.blob()\n if (blob.size <= IMAGE_MAX_SIZE) {\n return { blob, outFormat }\n }\n }\n\n throw new Error(`Cannot compress image below ${maxSizeMB} MB`)\n}\n\n/**\n * Recursively traverses a document tree and collects all paths where\n * `asset._ref === oldId`. Returns a flat `{ path: newRef }` object\n * compatible with `client.patch().set()`.\n */\nexport function buildReplacementPatch(\n obj: unknown,\n oldId: string,\n newId: string,\n path = ''\n): Record<string, { _type: 'reference'; _ref: string }> {\n if (!obj || typeof obj !== 'object') return {}\n\n if (Array.isArray(obj)) {\n return obj.reduce<Record<string, { _type: 'reference'; _ref: string }>>(\n (acc, item, i) => {\n const key =\n item && typeof item === 'object' && typeof item._key === 'string'\n ? `_key==\"${item._key}\"`\n : String(i)\n const childPath = path ? `${path}[${key}]` : `[${key}]`\n return Object.assign(\n acc,\n buildReplacementPatch(item, oldId, newId, childPath)\n )\n },\n {}\n )\n }\n\n const record = obj as Record<string, unknown>\n\n if ((record.asset as any)?._ref === oldId) {\n const assetPath = path ? `${path}.asset` : 'asset'\n return { [assetPath]: { _type: 'reference', _ref: newId } }\n }\n\n return Object.keys(record)\n .filter((k) => !k.startsWith('_'))\n .reduce<Record<string, { _type: 'reference'; _ref: string }>>(\n (acc, key) => {\n const childPath = path ? `${path}.${key}` : key\n return Object.assign(\n acc,\n buildReplacementPatch(record[key], oldId, newId, childPath)\n )\n },\n {}\n )\n}\n\n// ─── validation ─────────────────────────────────────────────────────────────\n\n/** @public */\nexport const validateImageSize: CustomValidator = async (value: any, context) => {\n if (!value?.asset?._ref) return true\n\n const client = context.getClient({ apiVersion: '2025-02-19' })\n const asset = await client.fetch(\n `*[_id == $id][0]{ size, \"width\": metadata.dimensions.width, mimeType }`,\n { id: value.asset._ref }\n )\n\n if (!asset) return true\n\n const allowedMimeTypes = IMAGE_ACCEPT.split(',').map((s) => s.trim())\n if (asset.mimeType && !allowedMimeTypes.includes(asset.mimeType)) {\n return `File type \"${asset.mimeType}\" is not allowed. Accepted types: ${allowedMimeTypes.join(', ')}`\n }\n\n if (asset.size && asset.size > IMAGE_MAX_SIZE) {\n const sizeMB = (asset.size / (1024 * 1024)).toFixed(1)\n const maxMB = (IMAGE_MAX_SIZE / (1024 * 1024)).toFixed(0)\n return `Image size (${sizeMB}MB) exceeds the maximum of ${maxMB}MB`\n }\n\n if (asset.width && asset.width > IMAGE_MAX_WIDTH) {\n return `Image width (${asset.width}px) exceeds the maximum of ${IMAGE_MAX_WIDTH}px`\n }\n\n return true\n}\n","import {\n Badge,\n Box,\n Button,\n Card,\n Flex,\n Spinner,\n Stack,\n Text,\n} from '@sanity/ui'\nimport {\n type ConversionSettings,\n type ImageAsset,\n type ProcessStatus,\n type Violation,\n IMAGE_MAX_WIDTH,\n IMAGE_MAX_SIZE,\n} from '../../helpers'\n\n/** Human-readable size limit for display purposes */\nconst MAX_SIZE_MB = IMAGE_MAX_SIZE / 1024 / 1024\n\n/** Labels shown on violation badges */\nconst VIOLATION_LABELS: Record<Violation, string> = {\n format: 'TIFF → WebP',\n width: `> ${IMAGE_MAX_WIDTH}px`,\n size: `> ${MAX_SIZE_MB} MB`,\n}\n\n/** Builds a human-readable label for the format violation badge. */\nfunction formatViolationLabel(settings: ConversionSettings): string {\n const parts: string[] = []\n parts.push(settings.tiffToJpg ? 'TIFF → JPG' : 'TIFF → WebP')\n if (settings.pngToWebp) parts.push('PNG → WebP')\n return parts.join(', ')\n}\n\n/** Displays a caution badge indicating which constraint was violated. */\nfunction ViolationBadge({\n type,\n settings,\n}: {\n type: Violation\n settings: ConversionSettings\n}) {\n const label =\n type === 'format' ? formatViolationLabel(settings) : VIOLATION_LABELS[type]\n return (\n <Badge tone=\"caution\" size={1}>\n {label}\n </Badge>\n )\n}\n\n/** Resolves the visual tone for an asset card based on its processing status. */\nfunction statusTone(status: ProcessStatus) {\n const map: Record<\n ProcessStatus,\n 'positive' | 'critical' | 'primary' | 'default'\n > = {\n done: 'positive',\n error: 'critical',\n processing: 'primary',\n idle: 'default',\n }\n return map[status]\n}\n\n/** Renders a single asset row with thumbnail, info, badges and action button. */\nexport function AssetCard({\n asset,\n onProcess,\n settings,\n}: {\n asset: ImageAsset\n onProcess: (asset: ImageAsset) => void\n settings: ConversionSettings\n}) {\n const isDone = asset.status === 'done' && asset.newUrl\n const thumbUrl = isDone ? asset.newUrl! : asset.url\n const sizeReduction =\n isDone && asset.newSize != null\n ? Math.round((1 - asset.newSize / asset.size) * 100)\n : null\n\n return (\n <Card\n key={asset._id}\n tone={statusTone(asset.status)}\n style={{ width: 'calc(100vw - 1.25rem * 2)' }}\n >\n <Flex gap={3} align=\"center\">\n {/* Thumbnail — 64×64 with 2× source for retina */}\n <Box style={{ width: 64, height: 64, flexShrink: 0 }}>\n <img\n src={`${thumbUrl}?w=128&h=128&fit=crop&auto=format`}\n alt=\"\"\n loading=\"lazy\"\n style={{\n width: 64,\n height: 64,\n objectFit: 'cover',\n borderRadius: 4,\n }}\n />\n </Box>\n\n {/* File info + violation badges */}\n <Stack space={2} style={{ flex: 1, minWidth: 0 }}>\n <Box style={{ width: '100%', minWidth: 0 }}>\n <Text size={1} weight=\"semibold\">\n {isDone\n ? asset.newFilename || asset.originalFilename || asset._id\n : asset.originalFilename || asset._id}\n </Text>\n </Box>\n {isDone ? (\n <>\n <Text size={1} muted style={{ wordBreak: 'break-word' }}>\n {(asset.size / 1024 / 1024).toFixed(1)} MB →{' '}\n {(asset.newSize! / 1024 / 1024).toFixed(1)} MB\n {sizeReduction !== null && sizeReduction > 0\n ? ` (−${sizeReduction}%)`\n : ''}{' '}\n — {asset.newWidth}px wide\n </Text>\n <Flex gap={2} wrap=\"wrap\">\n {asset.newWidth != null && asset.newWidth < asset.width && (\n <Badge tone=\"positive\" size={1}>\n {asset.width}px → {asset.newWidth}px\n </Badge>\n )}\n </Flex>\n </>\n ) : (\n <>\n <Flex gap={2} wrap=\"wrap\">\n {asset.violations.map((v) => (\n <ViolationBadge key={v} type={v} settings={settings} />\n ))}\n </Flex>\n <Text size={1} muted style={{ wordBreak: 'break-word' }}>\n {(asset.size / 1024 / 1024).toFixed(1)} MB — {asset.width}px\n wide\n </Text>\n </>\n )}\n {asset.status === 'error' && (\n <Text\n size={1}\n style={{\n color: 'var(--card-badge-critical-dot-color)',\n wordBreak: 'break-word',\n }}\n >\n {asset.error}\n </Text>\n )}\n </Stack>\n\n {/* Action button — contextual per status */}\n <Box style={{ flexShrink: 0 }}>\n {asset.status === 'idle' && (\n <Button\n text=\"Process\"\n mode=\"ghost\"\n tone=\"primary\"\n onClick={() => onProcess(asset)}\n />\n )}\n {asset.status === 'processing' && <Spinner />}\n {asset.status === 'done' && <Badge tone=\"positive\">Done</Badge>}\n {asset.status === 'error' && (\n <Button\n text=\"Retry\"\n mode=\"ghost\"\n tone=\"critical\"\n onClick={() => onProcess(asset)}\n />\n )}\n </Box>\n </Flex>\n </Card>\n )\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { useClient } from 'sanity'\nimport {\n Badge,\n Box,\n Button,\n Card,\n Container,\n Dialog,\n Flex,\n Heading,\n Label,\n Spinner,\n Stack,\n Switch,\n Text,\n} from '@sanity/ui'\nimport { CogIcon } from '@sanity/icons'\nimport {\n type ConversionSettings,\n type ImageAsset,\n CONCURRENCY,\n DEFAULT_SETTINGS,\n IMAGE_MAX_SIZE,\n IMAGE_MAX_WIDTH,\n buildReplacementPatch,\n getViolations,\n processImage,\n} from '../helpers'\nimport { AssetCard } from './components/AssetCard'\n\n/** Human-readable size limit for display purposes */\nconst MAX_SIZE_MB = IMAGE_MAX_SIZE / 1024 / 1024\n\nconst KV_SETTINGS_KEY = 'image-resizer-settings'\n\nfunction loadSettings(): ConversionSettings {\n try {\n const raw = localStorage.getItem(KV_SETTINGS_KEY)\n if (raw) {\n const parsed = JSON.parse(raw)\n return {\n pngToWebp:\n typeof parsed.pngToWebp === 'boolean'\n ? parsed.pngToWebp\n : DEFAULT_SETTINGS.pngToWebp,\n tiffToJpg:\n typeof parsed.tiffToJpg === 'boolean'\n ? parsed.tiffToJpg\n : DEFAULT_SETTINGS.tiffToJpg,\n }\n }\n } catch {\n // ignore corrupt data\n }\n return DEFAULT_SETTINGS\n}\n\n/**\n * Studio tool that scans all image assets for constraint violations\n * (TIFF format, oversized width/filesize) and lets editors batch-optimise\n * them in-place — re-encoding, resizing and re-linking references.\n */\nexport function ImageResizerView() {\n const client = useClient({ apiVersion: '2025-02-19' })\n const [assets, setAssets] = useState<ImageAsset[]>([])\n const [loading, setLoading] = useState(true)\n const [processingAll, setProcessingAll] = useState(false)\n const [settings, setSettings] = useState<ConversionSettings>(loadSettings)\n const [showSettings, setShowSettings] = useState(false)\n\n /** Wraps setSettings to also persist to localStorage. */\n const updateSettings = useCallback(\n (updater: (prev: ConversionSettings) => ConversionSettings) => {\n setSettings((prev) => {\n const next = updater(prev)\n localStorage.setItem(KV_SETTINGS_KEY, JSON.stringify(next))\n return next\n })\n },\n []\n )\n\n // Ref keeps processAll's sequential loop in sync with latest state\n const assetsRef = useRef(assets)\n useEffect(() => {\n assetsRef.current = assets\n }, [assets])\n\n // ── data fetching ───────────────────────────────────────────────────────\n\n /** Fetches all image assets that violate at least one constraint. */\n const fetchAssets = useCallback(async () => {\n setLoading(true)\n try {\n const raw = await client.fetch<\n Omit<ImageAsset, 'violations' | 'status'>[]\n >(\n `*[_type == \"sanity.imageAsset\" && (\n mimeType == \"image/tiff\" ||\n metadata.dimensions.width > ${IMAGE_MAX_WIDTH} ||\n size > ${IMAGE_MAX_SIZE}\n )][] {\n _id, url, originalFilename, mimeType, size,\n \"width\": metadata.dimensions.width\n }`\n )\n setAssets(\n raw.map((a) => ({\n ...a,\n violations: getViolations(a, settings),\n status: 'idle',\n }))\n )\n } finally {\n setLoading(false)\n }\n }, [client, settings])\n\n useEffect(() => {\n fetchAssets()\n }, [fetchAssets])\n\n // ── single-asset processing ─────────────────────────────────────────────\n\n /** Helper to update a single asset's state by ID. */\n const updateAsset = useCallback(\n (id: string, patch: Partial<ImageAsset>) =>\n setAssets((prev) =>\n prev.map((a) => (a._id === id ? { ...a, ...patch } : a))\n ),\n []\n )\n\n /**\n * Processes one asset end-to-end:\n * 1. Re-encode / resize via Sanity Image API transformations\n * 2. Upload the transformed image as a new asset\n * 3. Find & patch all documents that reference the old asset\n * 4. Delete the old asset\n */\n const processAsset = useCallback(\n async (asset: ImageAsset) => {\n updateAsset(asset._id, { status: 'processing', error: undefined })\n\n try {\n // 1 — Resize / convert via Sanity Image API\n const { blob, outFormat } = await processImage(\n asset.url,\n asset.mimeType,\n asset.width,\n settings\n )\n\n // Skip replacement if the new file is bigger than the original\n if (blob.size >= asset.size) {\n updateAsset(asset._id, {\n status: 'error',\n error: `Skipped: optimised file (${(blob.size / 1024 / 1024).toFixed(1)} MB) is not smaller than original (${(asset.size / 1024 / 1024).toFixed(1)} MB)`,\n })\n return\n }\n\n // 2 — Upload replacement asset\n const baseName =\n asset.originalFilename?.replace(/\\.[^.]+$/, '') || 'image'\n const newAsset = await client.assets.upload('image', blob, {\n filename: `${baseName}.${outFormat}`,\n contentType: `image/${outFormat}`,\n })\n\n // 3 — Re-link all referencing documents\n const refs = await client.fetch<{ _id: string }[]>(\n `*[references($id)]{ _id }`,\n { id: asset._id }\n )\n\n for (const { _id } of refs) {\n const doc = await client.getDocument(_id)\n if (!doc) continue\n const patch = buildReplacementPatch(doc, asset._id, newAsset._id)\n if (Object.keys(patch).length > 0) {\n await client.patch(_id).set(patch).commit()\n }\n }\n\n // 4 — Delete the old asset now that all references point to the new one\n await client.delete(asset._id)\n\n // Fetch the new asset's metadata for display\n const newMeta = await client.fetch<{\n url: string\n size: number\n width: number\n originalFilename: string\n }>(\n `*[_id == $id][0]{ url, size, originalFilename, \"width\": metadata.dimensions.width }`,\n { id: newAsset._id }\n )\n\n updateAsset(asset._id, {\n status: 'done',\n newUrl: newMeta?.url ?? newAsset.url,\n newSize: newMeta?.size ?? blob.size,\n newWidth: newMeta?.width ?? Math.min(asset.width, IMAGE_MAX_WIDTH),\n newFilename: newMeta?.originalFilename ?? `${baseName}.${outFormat}`,\n })\n } catch (err: unknown) {\n const message = err instanceof Error ? err.message : String(err)\n updateAsset(asset._id, { status: 'error', error: message })\n }\n },\n [client, updateAsset, settings]\n )\n\n // ── batch processing ────────────────────────────────────────────────────\n\n /**\n * Processes all pending / failed assets with up to `CONCURRENCY`\n * tasks running in parallel using a simple worker-pool pattern.\n */\n const processAll = useCallback(async () => {\n setProcessingAll(true)\n const pending = assetsRef.current.filter(\n (a) => a.status === 'idle' || a.status === 'error'\n )\n\n let idx = 0\n const next = async (): Promise<void> => {\n while (idx < pending.length) {\n const asset = pending[idx++]\n await processAsset(asset)\n }\n }\n\n // Spawn `CONCURRENCY` workers that all pull from the same queue\n await Promise.all(Array.from({ length: CONCURRENCY }, () => next()))\n\n setProcessingAll(false)\n }, [processAsset])\n\n // ── derived state (memoised) ────────────────────────────────────────────\n\n /** Aggregated status counts used for badges and conditional rendering. */\n const counts = useMemo(\n () => ({\n pending: assets.filter((a) => a.status === 'idle').length,\n processing: assets.filter((a) => a.status === 'processing').length,\n done: assets.filter((a) => a.status === 'done').length,\n error: assets.filter((a) => a.status === 'error').length,\n }),\n [assets]\n )\n\n // ── render ──────────────────────────────────────────────────────────────\n\n return (\n <Container\n width={4}\n padding={4}\n style={{ width: 'calc(100vw - 1.25rem * 2)' }}\n >\n <Stack space={5}>\n {/* ── Header ─────────────────────────────────────────────────── */}\n <Flex align=\"flex-start\" justify=\"space-between\" gap={4} wrap=\"wrap\">\n <Stack space={2} style={{ flex: 1, minWidth: 0 }}>\n <Heading size={2}>Image Optimiser</Heading>\n <Text size={1} muted style={{ wordBreak: 'break-word' }}>\n Converts TIFF images to WebP. Resizes/compresses all images to fit\n within {IMAGE_MAX_WIDTH}px / {MAX_SIZE_MB} MB.\n </Text>\n </Stack>\n <Flex gap={2} align=\"center\" wrap=\"wrap\" style={{ flexShrink: 0 }}>\n <Button\n icon={CogIcon}\n mode=\"ghost\"\n onClick={() => setShowSettings(true)}\n disabled={processingAll}\n />\n <Button\n text=\"Refresh\"\n mode=\"ghost\"\n onClick={fetchAssets}\n disabled={loading || processingAll}\n />\n {counts.pending > 0 && (\n <Button\n text={\n processingAll\n ? 'Processing…'\n : `Process All (${counts.pending})`\n }\n tone=\"primary\"\n onClick={processAll}\n disabled={processingAll || loading}\n icon={processingAll ? Spinner : undefined}\n />\n )}\n </Flex>\n </Flex>\n\n {/* ── Status badges ──────────────────────────────────────────── */}\n {!loading && assets.length > 0 && (\n <Flex gap={3} wrap=\"wrap\">\n {counts.pending > 0 && (\n <Badge tone=\"caution\">{counts.pending} pending</Badge>\n )}\n {counts.processing > 0 && (\n <Badge tone=\"primary\">{counts.processing} processing</Badge>\n )}\n {counts.done > 0 && (\n <Badge tone=\"positive\">{counts.done} done</Badge>\n )}\n {counts.error > 0 && (\n <Badge tone=\"critical\">{counts.error} failed</Badge>\n )}\n </Flex>\n )}\n\n {/* ── Asset list ─────────────────────────────────────────────── */}\n {loading ? (\n <Flex padding={6} justify=\"center\" align=\"center\" gap={3}>\n <Spinner />\n <Text muted>Scanning assets…</Text>\n </Flex>\n ) : assets.length === 0 ? (\n <Card padding={5} radius={2} tone=\"positive\" border>\n <Text align=\"center\">All images meet the requirements.</Text>\n </Card>\n ) : (\n <Stack space={2}>\n {assets.map((asset) => (\n <AssetCard\n key={asset._id}\n asset={asset}\n onProcess={processAsset}\n settings={settings}\n />\n ))}\n </Stack>\n )}\n </Stack>\n\n {/* ── Settings dialog ────────────────────────────────────────── */}\n {showSettings && (\n <Dialog\n id=\"image-optimiser-settings\"\n header=\"Conversion Settings\"\n onClose={() => setShowSettings(false)}\n width={1}\n >\n <Box padding={4}>\n <Stack space={4}>\n <Flex align=\"center\" gap={3}>\n <Switch\n id=\"png-to-webp\"\n checked={settings.pngToWebp}\n onChange={(e) => {\n const checked = e.currentTarget.checked\n updateSettings((s) => ({ ...s, pngToWebp: checked }))\n }}\n />\n <Label htmlFor=\"png-to-webp\" style={{ cursor: 'pointer' }}>\n Convert PNG → WebP\n </Label>\n </Flex>\n <Flex align=\"center\" gap={3}>\n <Switch\n id=\"tiff-to-jpg\"\n checked={settings.tiffToJpg}\n onChange={(e) => {\n const checked = e.currentTarget.checked\n updateSettings((s) => ({ ...s, tiffToJpg: checked }))\n }}\n />\n <Label htmlFor=\"tiff-to-jpg\" style={{ cursor: 'pointer' }}>\n Convert TIFF → JPG (instead of WebP)\n </Label>\n </Flex>\n <Text size={1} muted>\n Changes apply on next Refresh.\n </Text>\n </Stack>\n </Box>\n </Dialog>\n )}\n </Container>\n )\n}\n","import { definePlugin } from 'sanity'\nimport { imageResizerUsEnglishLocaleBundle } from './i18n'\nimport { applyConfig, type ImageResizerOptions } from './helpers'\nimport { ImageResizerView } from './tool/ImageResizer'\n\n/**\n * Usage in `sanity.config.ts` (or .js)\n *\n * ```ts\n * import { defineConfig } from 'sanity'\n * import { imageResizerPlugin } from 'sanity-plugin-image-resizer'\n *\n * export default defineConfig({\n * // ...\n * plugins: [\n * imageResizerPlugin({\n * imageAccept: 'image/jpeg, image/png, image/gif, image/webp',\n * imageMaxSize: 20 * 1024 * 1024,\n * imageMaxWidth: 6000,\n * }),\n * ],\n * })\n * ```\n */\n\n/**\n * @public\n */\nexport const imageResizerPlugin = definePlugin<ImageResizerOptions | void>(\n (options) => {\n applyConfig(options ?? undefined)\n\n return {\n name: 'sanity-plugin-image-resizer',\n\n tools: (prev) => {\n return [\n ...prev,\n {\n name: 'image-resizer',\n title: 'Image Optimiser',\n component: ImageResizerView,\n },\n ]\n },\n\n i18n: {\n bundles: [imageResizerUsEnglishLocaleBundle],\n },\n }\n }\n)\n"],"names":["MAX_SIZE_MB"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../src/i18n/index.ts","../src/helpers.ts","../src/tool/components/AssetCard.tsx","../src/tool/ImageResizer.tsx","../src/plugin.tsx"],"sourcesContent":["import { defineLocaleResourceBundle } from 'sanity'\n\nexport const imageResizerLocaleNamespace = 'image-resizer'\n\nexport const imageResizerUsEnglishLocaleBundle = defineLocaleResourceBundle({\n locale: 'en-US',\n namespace: imageResizerLocaleNamespace,\n resources: () => import('./resources'),\n})\n","import { type CustomValidator } from 'sanity'\n\n// ─── types ──────────────────────────────────────────────────────────────────\n\n/** @public */\nexport interface ImageResizerOptions {\n /** Accepted image MIME types (comma-separated). Default: 'image/jpeg, image/png, image/gif, image/webp' */\n imageAccept?: string\n /** Max file size in bytes. Default: 20 * 1024 * 1024 (20 MB) */\n imageMaxSize?: number\n /** Max image width in pixels. Default: 10000 */\n imageMaxWidth?: number\n}\n\nexport type Violation = 'format' | 'width' | 'size'\nexport type ProcessStatus = 'idle' | 'processing' | 'done' | 'error'\n\n/** User-configurable format conversion toggles */\nexport interface ConversionSettings {\n /** Convert PNG images to WebP */\n pngToWebp: boolean\n /** Convert TIFF images to JPG (instead of WebP) */\n tiffToJpg: boolean\n}\n\nexport const DEFAULT_SETTINGS: ConversionSettings = {\n pngToWebp: false,\n tiffToJpg: false,\n}\n\nexport interface ImageAsset {\n _id: string\n url: string\n originalFilename: string\n mimeType: string\n size: number\n width: number\n violations: Violation[]\n status: ProcessStatus\n error?: string\n /** Post-processing result info */\n newUrl?: string\n newSize?: number\n newWidth?: number\n newFilename?: string\n}\n\n// ─── plugin config state ────────────────────────────────────────────────────\n\nconst DEFAULTS: Required<ImageResizerOptions> = {\n imageAccept: 'image/jpeg, image/png, image/gif, image/webp',\n imageMaxSize: 20 * 1024 * 1024,\n imageMaxWidth: 6000,\n}\n\n/** @public */\nexport let IMAGE_ACCEPT = DEFAULTS.imageAccept\n/** @public */\nexport let IMAGE_MAX_SIZE = DEFAULTS.imageMaxSize\n/** @public */\nexport let IMAGE_MAX_WIDTH = DEFAULTS.imageMaxWidth\n\nexport function applyConfig(options?: ImageResizerOptions) {\n const resolved = { ...DEFAULTS, ...options }\n IMAGE_ACCEPT = resolved.imageAccept\n IMAGE_MAX_SIZE = resolved.imageMaxSize\n IMAGE_MAX_WIDTH = resolved.imageMaxWidth\n}\n\n// ─── constants ──────────────────────────────────────────────────────────────\n\n/** Sanity Image API format parameter for each output MIME type */\nexport const MIME_FORMAT_MAP: Record<string, string> = {\n 'image/jpeg': 'jpg',\n 'image/png': 'png',\n 'image/webp': 'webp',\n 'image/gif': 'gif',\n}\n\n/** Quality steps to try when the image exceeds the size budget (high → low) */\nexport const QUALITY_STEPS = [92, 80, 70, 60, 50, 40]\n\n/** Number of assets to process in parallel during batch runs */\nexport const CONCURRENCY = 3\n\n// ─── helpers ────────────────────────────────────────────────────────────────\n\n/** Checks which resize constraints the asset violates. */\nexport function getViolations(\n asset: Pick<ImageAsset, 'mimeType' | 'size' | 'width'>,\n settings: ConversionSettings\n): Violation[] {\n const v: Violation[] = []\n if (asset.mimeType === 'image/tiff') v.push('format')\n if (settings.pngToWebp && asset.mimeType === 'image/png') v.push('format')\n if (asset.width > IMAGE_MAX_WIDTH) v.push('width')\n if (asset.size > IMAGE_MAX_SIZE) v.push('size')\n return v\n}\n\n/**\n * Determines the Sanity Image API `fm` parameter for the output,\n * taking user conversion settings into account.\n */\nexport function outputFormat(\n inputMimeType: string,\n settings: ConversionSettings\n): string {\n if (inputMimeType === 'image/tiff') return settings.tiffToJpg ? 'jpg' : 'webp'\n if (inputMimeType === 'image/png' && settings.pngToWebp) return 'webp'\n return MIME_FORMAT_MAP[inputMimeType] ?? 'png'\n}\n\n/**\n * Uses the Sanity Image API to resize/re-encode an image server-side.\n * Appends URL parameters (`w`, `fm`, `q`) and progressively lowers\n * quality until the downloaded blob fits within `IMAGE_MAX_SIZE`.\n */\nexport async function processImage(\n url: string,\n inputMimeType: string,\n currentWidth: number,\n settings: ConversionSettings\n): Promise<{ blob: Blob; outFormat: string }> {\n const outFormat = outputFormat(inputMimeType, settings)\n\n const transformUrl = new URL(url)\n transformUrl.searchParams.set('fm', outFormat)\n transformUrl.searchParams.set(\n 'w',\n String(Math.min(currentWidth, IMAGE_MAX_WIDTH))\n )\n\n const maxSizeMB = IMAGE_MAX_SIZE / 1024 / 1024\n\n for (const q of QUALITY_STEPS) {\n transformUrl.searchParams.set('q', String(q))\n\n const res = await fetch(transformUrl.toString())\n if (!res.ok) throw new Error(`Fetch failed (HTTP ${res.status})`)\n\n const blob = await res.blob()\n if (blob.size <= IMAGE_MAX_SIZE) {\n return { blob, outFormat }\n }\n }\n\n throw new Error(`Cannot compress image below ${maxSizeMB} MB`)\n}\n\n/**\n * Recursively traverses a document tree and collects all paths where\n * `asset._ref === oldId`. Returns a flat `{ path: newRef }` object\n * compatible with `client.patch().set()`.\n */\nexport function buildReplacementPatch(\n obj: unknown,\n oldId: string,\n newId: string,\n path = ''\n): Record<string, { _type: 'reference'; _ref: string }> {\n if (!obj || typeof obj !== 'object') return {}\n\n if (Array.isArray(obj)) {\n return obj.reduce<Record<string, { _type: 'reference'; _ref: string }>>(\n (acc, item, i) => {\n const key =\n item && typeof item === 'object' && typeof item._key === 'string'\n ? `_key==\"${item._key}\"`\n : String(i)\n const childPath = path ? `${path}[${key}]` : `[${key}]`\n return Object.assign(\n acc,\n buildReplacementPatch(item, oldId, newId, childPath)\n )\n },\n {}\n )\n }\n\n const record = obj as Record<string, unknown>\n\n if ((record.asset as any)?._ref === oldId) {\n const assetPath = path ? `${path}.asset` : 'asset'\n return { [assetPath]: { _type: 'reference', _ref: newId } }\n }\n\n return Object.keys(record)\n .filter((k) => !k.startsWith('_'))\n .reduce<Record<string, { _type: 'reference'; _ref: string }>>(\n (acc, key) => {\n const childPath = path ? `${path}.${key}` : key\n return Object.assign(\n acc,\n buildReplacementPatch(record[key], oldId, newId, childPath)\n )\n },\n {}\n )\n}\n\n// ─── validation ─────────────────────────────────────────────────────────────\n\n/** @public */\nexport const validateImageSize: CustomValidator = async (value: any, context) => {\n if (!value?.asset?._ref) return true\n\n const client = context.getClient({ apiVersion: '2025-02-19' })\n const asset = await client.fetch(\n `*[_id == $id][0]{ size, \"width\": metadata.dimensions.width, mimeType }`,\n { id: value.asset._ref }\n )\n\n if (!asset) return true\n\n const allowedMimeTypes = IMAGE_ACCEPT.split(',').map((s) => s.trim())\n if (asset.mimeType && !allowedMimeTypes.includes(asset.mimeType)) {\n return `File type \"${asset.mimeType}\" is not allowed. Accepted types: ${allowedMimeTypes.join(', ')}`\n }\n\n if (asset.size && asset.size > IMAGE_MAX_SIZE) {\n const sizeMB = (asset.size / (1024 * 1024)).toFixed(1)\n const maxMB = (IMAGE_MAX_SIZE / (1024 * 1024)).toFixed(0)\n return `Image size (${sizeMB}MB) exceeds the maximum of ${maxMB}MB`\n }\n\n if (asset.width && asset.width > IMAGE_MAX_WIDTH) {\n return `Image width (${asset.width}px) exceeds the maximum of ${IMAGE_MAX_WIDTH}px`\n }\n\n return true\n}\n","import {\n Badge,\n Box,\n Button,\n Card,\n Flex,\n Spinner,\n Stack,\n Text,\n} from '@sanity/ui'\nimport {\n type ConversionSettings,\n type ImageAsset,\n type ProcessStatus,\n type Violation,\n IMAGE_MAX_WIDTH,\n IMAGE_MAX_SIZE,\n} from '../../helpers'\n\n/** Human-readable size limit for display purposes */\nconst MAX_SIZE_MB = IMAGE_MAX_SIZE / 1024 / 1024\n\n/** Labels shown on violation badges */\nconst VIOLATION_LABELS: Record<Violation, string> = {\n format: 'TIFF → WebP',\n width: `> ${IMAGE_MAX_WIDTH}px`,\n size: `> ${MAX_SIZE_MB} MB`,\n}\n\n/** Builds a human-readable label for the format violation badge. */\nfunction formatViolationLabel(settings: ConversionSettings): string {\n const parts: string[] = []\n parts.push(settings.tiffToJpg ? 'TIFF → JPG' : 'TIFF → WebP')\n if (settings.pngToWebp) parts.push('PNG → WebP')\n return parts.join(', ')\n}\n\n/** Displays a caution badge indicating which constraint was violated. */\nfunction ViolationBadge({\n type,\n settings,\n}: {\n type: Violation\n settings: ConversionSettings\n}) {\n const label =\n type === 'format' ? formatViolationLabel(settings) : VIOLATION_LABELS[type]\n return (\n <Badge tone=\"caution\" size={1}>\n {label}\n </Badge>\n )\n}\n\n/** Resolves the visual tone for an asset card based on its processing status. */\nfunction statusTone(status: ProcessStatus) {\n const map: Record<\n ProcessStatus,\n 'positive' | 'critical' | 'primary' | 'default'\n > = {\n done: 'positive',\n error: 'critical',\n processing: 'primary',\n idle: 'default',\n }\n return map[status]\n}\n\n/** Renders a single asset row with thumbnail, info, badges and action button. */\nexport function AssetCard({\n asset,\n onProcess,\n settings,\n}: {\n asset: ImageAsset\n onProcess: (asset: ImageAsset) => void\n settings: ConversionSettings\n}) {\n const isDone = asset.status === 'done' && asset.newUrl\n const thumbUrl = isDone ? asset.newUrl! : asset.url\n const sizeReduction =\n isDone && asset.newSize != null\n ? Math.round((1 - asset.newSize / asset.size) * 100)\n : null\n\n return (\n <Card\n key={asset._id}\n tone={statusTone(asset.status)}\n style={{ width: 'calc(100vw - 1.25rem * 2)' }}\n >\n <Flex gap={3} align=\"center\">\n {/* Thumbnail — 64×64 with 2× source for retina */}\n <Box style={{ width: 64, height: 64, flexShrink: 0 }}>\n <img\n src={`${thumbUrl}?w=128&h=128&fit=crop&auto=format`}\n alt=\"\"\n loading=\"lazy\"\n style={{\n width: 64,\n height: 64,\n objectFit: 'cover',\n borderRadius: 4,\n }}\n />\n </Box>\n\n {/* File info + violation badges */}\n <Stack space={2} style={{ flex: 1, minWidth: 0 }}>\n <Box style={{ width: '100%', minWidth: 0 }}>\n <Text size={1} weight=\"semibold\">\n {isDone\n ? asset.newFilename || asset.originalFilename || asset._id\n : asset.originalFilename || asset._id}\n </Text>\n </Box>\n {isDone ? (\n <>\n <Text size={1} muted style={{ wordBreak: 'break-word' }}>\n {(asset.size / 1024 / 1024).toFixed(1)} MB →{' '}\n {(asset.newSize! / 1024 / 1024).toFixed(1)} MB\n {sizeReduction !== null && sizeReduction > 0\n ? ` (−${sizeReduction}%)`\n : ''}{' '}\n — {asset.newWidth}px wide\n </Text>\n <Flex gap={2} wrap=\"wrap\">\n {asset.newWidth != null && asset.newWidth < asset.width && (\n <Badge tone=\"positive\" size={1}>\n {asset.width}px → {asset.newWidth}px\n </Badge>\n )}\n </Flex>\n </>\n ) : (\n <>\n <Flex gap={2} wrap=\"wrap\">\n {asset.violations.map((v) => (\n <ViolationBadge key={v} type={v} settings={settings} />\n ))}\n </Flex>\n <Text size={1} muted style={{ wordBreak: 'break-word' }}>\n {(asset.size / 1024 / 1024).toFixed(1)} MB — {asset.width}px\n wide\n </Text>\n </>\n )}\n {asset.status === 'error' && (\n <Text\n size={1}\n style={{\n color: 'var(--card-badge-critical-dot-color)',\n wordBreak: 'break-word',\n }}\n >\n {asset.error}\n </Text>\n )}\n </Stack>\n\n {/* Action button — contextual per status */}\n <Box style={{ flexShrink: 0 }}>\n {asset.status === 'idle' && (\n <Button\n text=\"Process\"\n mode=\"ghost\"\n tone=\"primary\"\n onClick={() => onProcess(asset)}\n />\n )}\n {asset.status === 'processing' && <Spinner />}\n {asset.status === 'done' && <Badge tone=\"positive\">Done</Badge>}\n {asset.status === 'error' && (\n <Button\n text=\"Retry\"\n mode=\"ghost\"\n tone=\"critical\"\n onClick={() => onProcess(asset)}\n />\n )}\n </Box>\n </Flex>\n </Card>\n )\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { useClient } from 'sanity'\nimport {\n Badge,\n Box,\n Button,\n Card,\n Container,\n Dialog,\n Flex,\n Heading,\n Label,\n Spinner,\n Stack,\n Switch,\n Text,\n} from '@sanity/ui'\nimport { CogIcon } from '@sanity/icons'\nimport {\n type ConversionSettings,\n type ImageAsset,\n CONCURRENCY,\n DEFAULT_SETTINGS,\n IMAGE_MAX_SIZE,\n IMAGE_MAX_WIDTH,\n buildReplacementPatch,\n getViolations,\n processImage,\n} from '../helpers'\nimport { AssetCard } from './components/AssetCard'\n\n/** Human-readable size limit for display purposes */\nconst MAX_SIZE_MB = IMAGE_MAX_SIZE / 1024 / 1024\n\nconst KV_SETTINGS_KEY = 'image-resizer-settings'\n\nfunction loadSettings(): ConversionSettings {\n try {\n const raw = localStorage.getItem(KV_SETTINGS_KEY)\n if (raw) {\n const parsed = JSON.parse(raw)\n return {\n pngToWebp:\n typeof parsed.pngToWebp === 'boolean'\n ? parsed.pngToWebp\n : DEFAULT_SETTINGS.pngToWebp,\n tiffToJpg:\n typeof parsed.tiffToJpg === 'boolean'\n ? parsed.tiffToJpg\n : DEFAULT_SETTINGS.tiffToJpg,\n }\n }\n } catch {\n // ignore corrupt data\n }\n return DEFAULT_SETTINGS\n}\n\n/**\n * Studio tool that scans all image assets for constraint violations\n * (TIFF format, oversized width/filesize) and lets editors batch-resize\n * them in-place — re-encoding, resizing and re-linking references.\n */\nexport function ImageResizerView() {\n const client = useClient({ apiVersion: '2025-02-19' })\n const [assets, setAssets] = useState<ImageAsset[]>([])\n const [loading, setLoading] = useState(true)\n const [processingAll, setProcessingAll] = useState(false)\n const [settings, setSettings] = useState<ConversionSettings>(loadSettings)\n const [showSettings, setShowSettings] = useState(false)\n\n /** Wraps setSettings to also persist to localStorage. */\n const updateSettings = useCallback(\n (updater: (prev: ConversionSettings) => ConversionSettings) => {\n setSettings((prev) => {\n const next = updater(prev)\n localStorage.setItem(KV_SETTINGS_KEY, JSON.stringify(next))\n return next\n })\n },\n []\n )\n\n // Ref keeps processAll's sequential loop in sync with latest state\n const assetsRef = useRef(assets)\n useEffect(() => {\n assetsRef.current = assets\n }, [assets])\n\n // ── data fetching ───────────────────────────────────────────────────────\n\n /** Fetches all image assets that violate at least one constraint. */\n const fetchAssets = useCallback(async () => {\n setLoading(true)\n try {\n const raw = await client.fetch<\n Omit<ImageAsset, 'violations' | 'status'>[]\n >(\n `*[_type == \"sanity.imageAsset\" && (\n mimeType == \"image/tiff\" ||\n metadata.dimensions.width > ${IMAGE_MAX_WIDTH} ||\n size > ${IMAGE_MAX_SIZE}\n )][] {\n _id, url, originalFilename, mimeType, size,\n \"width\": metadata.dimensions.width\n }`\n )\n setAssets(\n raw.map((a) => ({\n ...a,\n violations: getViolations(a, settings),\n status: 'idle',\n }))\n )\n } finally {\n setLoading(false)\n }\n }, [client, settings])\n\n useEffect(() => {\n fetchAssets()\n }, [fetchAssets])\n\n // ── single-asset processing ─────────────────────────────────────────────\n\n /** Helper to update a single asset's state by ID. */\n const updateAsset = useCallback(\n (id: string, patch: Partial<ImageAsset>) =>\n setAssets((prev) =>\n prev.map((a) => (a._id === id ? { ...a, ...patch } : a))\n ),\n []\n )\n\n /**\n * Processes one asset end-to-end:\n * 1. Re-encode / resize via Sanity Image API transformations\n * 2. Upload the transformed image as a new asset\n * 3. Find & patch all documents that reference the old asset\n * 4. Delete the old asset\n */\n const processAsset = useCallback(\n async (asset: ImageAsset) => {\n updateAsset(asset._id, { status: 'processing', error: undefined })\n\n try {\n // 1 — Resize / convert via Sanity Image API\n const { blob, outFormat } = await processImage(\n asset.url,\n asset.mimeType,\n asset.width,\n settings\n )\n\n // Skip replacement if the new file is bigger than the original\n if (blob.size >= asset.size) {\n updateAsset(asset._id, {\n status: 'error',\n error: `Skipped: resized file (${(blob.size / 1024 / 1024).toFixed(1)} MB) is not smaller than original (${(asset.size / 1024 / 1024).toFixed(1)} MB)`,\n })\n return\n }\n\n // 2 — Upload replacement asset\n const baseName =\n asset.originalFilename?.replace(/\\.[^.]+$/, '') || 'image'\n const newAsset = await client.assets.upload('image', blob, {\n filename: `${baseName}.${outFormat}`,\n contentType: `image/${outFormat}`,\n })\n\n // 3 — Re-link all referencing documents\n const refs = await client.fetch<{ _id: string }[]>(\n `*[references($id)]{ _id }`,\n { id: asset._id }\n )\n\n for (const { _id } of refs) {\n const doc = await client.getDocument(_id)\n if (!doc) continue\n const patch = buildReplacementPatch(doc, asset._id, newAsset._id)\n if (Object.keys(patch).length > 0) {\n await client.patch(_id).set(patch).commit()\n }\n }\n\n // 4 — Delete the old asset now that all references point to the new one\n await client.delete(asset._id)\n\n // Fetch the new asset's metadata for display\n const newMeta = await client.fetch<{\n url: string\n size: number\n width: number\n originalFilename: string\n }>(\n `*[_id == $id][0]{ url, size, originalFilename, \"width\": metadata.dimensions.width }`,\n { id: newAsset._id }\n )\n\n updateAsset(asset._id, {\n status: 'done',\n newUrl: newMeta?.url ?? newAsset.url,\n newSize: newMeta?.size ?? blob.size,\n newWidth: newMeta?.width ?? Math.min(asset.width, IMAGE_MAX_WIDTH),\n newFilename: newMeta?.originalFilename ?? `${baseName}.${outFormat}`,\n })\n } catch (err: unknown) {\n const message = err instanceof Error ? err.message : String(err)\n updateAsset(asset._id, { status: 'error', error: message })\n }\n },\n [client, updateAsset, settings]\n )\n\n // ── batch processing ────────────────────────────────────────────────────\n\n /**\n * Processes all pending / failed assets with up to `CONCURRENCY`\n * tasks running in parallel using a simple worker-pool pattern.\n */\n const processAll = useCallback(async () => {\n setProcessingAll(true)\n const pending = assetsRef.current.filter(\n (a) => a.status === 'idle' || a.status === 'error'\n )\n\n let idx = 0\n const next = async (): Promise<void> => {\n while (idx < pending.length) {\n const asset = pending[idx++]\n await processAsset(asset)\n }\n }\n\n // Spawn `CONCURRENCY` workers that all pull from the same queue\n await Promise.all(Array.from({ length: CONCURRENCY }, () => next()))\n\n setProcessingAll(false)\n }, [processAsset])\n\n // ── derived state (memoised) ────────────────────────────────────────────\n\n /** Aggregated status counts used for badges and conditional rendering. */\n const counts = useMemo(\n () => ({\n pending: assets.filter((a) => a.status === 'idle').length,\n processing: assets.filter((a) => a.status === 'processing').length,\n done: assets.filter((a) => a.status === 'done').length,\n error: assets.filter((a) => a.status === 'error').length,\n }),\n [assets]\n )\n\n // ── render ──────────────────────────────────────────────────────────────\n\n return (\n <Container\n width={4}\n padding={4}\n style={{ width: 'calc(100vw - 1.25rem * 2)' }}\n >\n <Stack space={5}>\n {/* ── Header ─────────────────────────────────────────────────── */}\n <Flex align=\"flex-start\" justify=\"space-between\" gap={4} wrap=\"wrap\">\n <Stack space={2} style={{ flex: 1, minWidth: 0 }}>\n <Heading size={2}>Image Resizer</Heading>\n <Card\n size={1}\n tone=\"transparent\"\n style={{ wordBreak: 'break-word' }}\n >\n Converts TIFF images to WebP. Resizes/compresses all images to fit\n within {IMAGE_MAX_WIDTH}px / {MAX_SIZE_MB} MB.\n </Card>\n </Stack>\n <Flex gap={2} align=\"center\" wrap=\"wrap\" style={{ flexShrink: 0 }}>\n <Button\n icon={CogIcon}\n mode=\"ghost\"\n onClick={() => setShowSettings(true)}\n disabled={processingAll}\n />\n <Button\n text=\"Refresh\"\n mode=\"ghost\"\n onClick={fetchAssets}\n disabled={loading || processingAll}\n />\n {counts.pending > 0 && (\n <Button\n text={\n processingAll\n ? 'Processing…'\n : `Process All (${counts.pending})`\n }\n tone=\"primary\"\n onClick={processAll}\n disabled={processingAll || loading}\n icon={processingAll ? Spinner : undefined}\n />\n )}\n </Flex>\n </Flex>\n\n {/* ── Status badges ──────────────────────────────────────────── */}\n {!loading && assets.length > 0 && (\n <Flex gap={3} wrap=\"wrap\">\n {counts.pending > 0 && (\n <Badge tone=\"caution\">{counts.pending} pending</Badge>\n )}\n {counts.processing > 0 && (\n <Badge tone=\"primary\">{counts.processing} processing</Badge>\n )}\n {counts.done > 0 && (\n <Badge tone=\"positive\">{counts.done} done</Badge>\n )}\n {counts.error > 0 && (\n <Badge tone=\"critical\">{counts.error} failed</Badge>\n )}\n </Flex>\n )}\n\n {/* ── Asset list ─────────────────────────────────────────────── */}\n {loading ? (\n <Flex padding={6} justify=\"center\" align=\"center\" gap={3}>\n <Spinner />\n <Text muted>Scanning assets…</Text>\n </Flex>\n ) : assets.length === 0 ? (\n <Card padding={5} radius={2} tone=\"positive\" border>\n <Text align=\"center\">All images meet the requirements.</Text>\n </Card>\n ) : (\n <Stack space={2}>\n {assets.map((asset) => (\n <AssetCard\n key={asset._id}\n asset={asset}\n onProcess={processAsset}\n settings={settings}\n />\n ))}\n </Stack>\n )}\n </Stack>\n\n {/* ── Settings dialog ────────────────────────────────────────── */}\n {showSettings && (\n <Dialog\n id=\"image-resizer-settings\"\n header=\"Conversion Settings\"\n onClose={() => setShowSettings(false)}\n width={1}\n >\n <Box padding={4}>\n <Stack space={4}>\n <Flex align=\"center\" gap={3}>\n <Switch\n id=\"png-to-webp\"\n checked={settings.pngToWebp}\n onChange={(e) => {\n const checked = e.currentTarget.checked\n updateSettings((s) => ({ ...s, pngToWebp: checked }))\n }}\n />\n <Label htmlFor=\"png-to-webp\" style={{ cursor: 'pointer' }}>\n Convert PNG → WebP\n </Label>\n </Flex>\n <Flex align=\"center\" gap={3}>\n <Switch\n id=\"tiff-to-jpg\"\n checked={settings.tiffToJpg}\n onChange={(e) => {\n const checked = e.currentTarget.checked\n updateSettings((s) => ({ ...s, tiffToJpg: checked }))\n }}\n />\n <Label htmlFor=\"tiff-to-jpg\" style={{ cursor: 'pointer' }}>\n Convert TIFF → JPG (instead of WebP)\n </Label>\n </Flex>\n <Text size={1} muted>\n Changes apply on next Refresh.\n </Text>\n </Stack>\n </Box>\n </Dialog>\n )}\n </Container>\n )\n}\n","import { definePlugin } from 'sanity'\nimport { imageResizerUsEnglishLocaleBundle } from './i18n'\nimport { applyConfig, type ImageResizerOptions } from './helpers'\nimport { ImageResizerView } from './tool/ImageResizer'\n\n/**\n * Usage in `sanity.config.ts` (or .js)\n *\n * ```ts\n * import { defineConfig } from 'sanity'\n * import { imageResizerPlugin } from 'sanity-plugin-image-resizer'\n *\n * export default defineConfig({\n * // ...\n * plugins: [\n * imageResizerPlugin({\n * imageAccept: 'image/jpeg, image/png, image/gif, image/webp',\n * imageMaxSize: 20 * 1024 * 1024,\n * imageMaxWidth: 6000,\n * }),\n * ],\n * })\n * ```\n */\n\n/**\n * @public\n */\nexport const imageResizerPlugin = definePlugin<ImageResizerOptions | void>(\n (options) => {\n applyConfig(options ?? undefined)\n\n return {\n name: 'sanity-plugin-image-resizer',\n\n tools: (prev) => {\n return [\n ...prev,\n {\n name: 'image-resizer',\n title: 'Image Resizer',\n component: ImageResizerView,\n },\n ]\n },\n\n i18n: {\n bundles: [imageResizerUsEnglishLocaleBundle],\n },\n }\n }\n)\n"],"names":["MAX_SIZE_MB"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sanity-plugin-image-resizer",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"description": "Sanity Studio tool to batch-optimise image assets — resize, compress and convert formats",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"sanity",
|
|
@@ -82,4 +82,4 @@
|
|
|
82
82
|
}
|
|
83
83
|
},
|
|
84
84
|
"packageManager": "pnpm@10.32.1+sha512.a706938f0e89ac1456b6563eab4edf1d1faf3368d1191fc5c59790e96dc918e4456ab2e67d613de1043d2e8c81f87303e6b40d4ffeca9df15ef1ad567348f2be"
|
|
85
|
-
}
|
|
85
|
+
}
|
package/src/helpers.ts
CHANGED
|
@@ -85,7 +85,7 @@ export const CONCURRENCY = 3
|
|
|
85
85
|
|
|
86
86
|
// ─── helpers ────────────────────────────────────────────────────────────────
|
|
87
87
|
|
|
88
|
-
/** Checks which
|
|
88
|
+
/** Checks which resize constraints the asset violates. */
|
|
89
89
|
export function getViolations(
|
|
90
90
|
asset: Pick<ImageAsset, 'mimeType' | 'size' | 'width'>,
|
|
91
91
|
settings: ConversionSettings
|
package/src/plugin.tsx
CHANGED
|
@@ -58,7 +58,7 @@ function loadSettings(): ConversionSettings {
|
|
|
58
58
|
|
|
59
59
|
/**
|
|
60
60
|
* Studio tool that scans all image assets for constraint violations
|
|
61
|
-
* (TIFF format, oversized width/filesize) and lets editors batch-
|
|
61
|
+
* (TIFF format, oversized width/filesize) and lets editors batch-resize
|
|
62
62
|
* them in-place — re-encoding, resizing and re-linking references.
|
|
63
63
|
*/
|
|
64
64
|
export function ImageResizerView() {
|
|
@@ -156,7 +156,7 @@ export function ImageResizerView() {
|
|
|
156
156
|
if (blob.size >= asset.size) {
|
|
157
157
|
updateAsset(asset._id, {
|
|
158
158
|
status: 'error',
|
|
159
|
-
error: `Skipped:
|
|
159
|
+
error: `Skipped: resized file (${(blob.size / 1024 / 1024).toFixed(1)} MB) is not smaller than original (${(asset.size / 1024 / 1024).toFixed(1)} MB)`,
|
|
160
160
|
})
|
|
161
161
|
return
|
|
162
162
|
}
|
|
@@ -264,11 +264,15 @@ export function ImageResizerView() {
|
|
|
264
264
|
{/* ── Header ─────────────────────────────────────────────────── */}
|
|
265
265
|
<Flex align="flex-start" justify="space-between" gap={4} wrap="wrap">
|
|
266
266
|
<Stack space={2} style={{ flex: 1, minWidth: 0 }}>
|
|
267
|
-
<Heading size={2}>Image
|
|
268
|
-
<
|
|
267
|
+
<Heading size={2}>Image Resizer</Heading>
|
|
268
|
+
<Card
|
|
269
|
+
size={1}
|
|
270
|
+
tone="transparent"
|
|
271
|
+
style={{ wordBreak: 'break-word' }}
|
|
272
|
+
>
|
|
269
273
|
Converts TIFF images to WebP. Resizes/compresses all images to fit
|
|
270
274
|
within {IMAGE_MAX_WIDTH}px / {MAX_SIZE_MB} MB.
|
|
271
|
-
</
|
|
275
|
+
</Card>
|
|
272
276
|
</Stack>
|
|
273
277
|
<Flex gap={2} align="center" wrap="wrap" style={{ flexShrink: 0 }}>
|
|
274
278
|
<Button
|
|
@@ -344,7 +348,7 @@ export function ImageResizerView() {
|
|
|
344
348
|
{/* ── Settings dialog ────────────────────────────────────────── */}
|
|
345
349
|
{showSettings && (
|
|
346
350
|
<Dialog
|
|
347
|
-
id="image-
|
|
351
|
+
id="image-resizer-settings"
|
|
348
352
|
header="Conversion Settings"
|
|
349
353
|
onClose={() => setShowSettings(false)}
|
|
350
354
|
width={1}
|