sanity-plugin-image-resizer 1.0.3 → 1.1.0

package/dist/_chunks-cjs/resources.js

@@ -1,4 +1,70 @@
 "use strict";
-var resources = {};
+var resources = {
+  // ── Tool ────────────────────────────────────────────────────────────────
+  /** Tool title shown in the Studio sidebar */
+  "tool.title": "Image Resizer",
+  // ── Header ──────────────────────────────────────────────────────────────
+  /** Main heading on the tool page */
+  "header.title": "Image Resizer",
+  /** Description below the heading ({{maxWidth}} = pixel limit, {{maxSize}} = MB limit) */
+  "header.description": "Converts TIFF images to WebP. Resizes/compresses all images to fit within {{maxWidth}}px / {{maxSize}} MB.",
+  // ── Actions ─────────────────────────────────────────────────────────────
+  /** Refresh button label */
+  "action.refresh": "Refresh",
+  /** Process-all button label ({{count}} = number of pending assets) */
+  "action.process-all": "Process All ({{count}})",
+  /** Label for the button that lets the current in-flight tasks finish */
+  "action.finish-ongoing": "Finish ongoing tasks ({{count}})",
+  /** Label for the stop button that cancels the queue immediately */
+  "action.stop-all": "Stop All (possible data loss)",
+  // ── Status badges ───────────────────────────────────────────────────────
+  /** Pending badge ({{count}} = number) */
+  "status.pending": "{{count}} pending",
+  /** Processing badge */
+  "status.processing": "{{count}} processing",
+  /** Done badge */
+  "status.done": "{{count}} done",
+  /** Failed badge */
+  "status.failed": "{{count}} failed",
+  // ── Empty / loading states ──────────────────────────────────────────────
+  /** Shown while scanning assets */
+  "state.scanning": "Scanning assets\u2026",
+  /** Shown when no violating assets are found */
+  "state.all-good": "All images meet the requirements.",
+  // ── Settings dialog ─────────────────────────────────────────────────────
+  /** Settings dialog header */
+  "settings.title": "Conversion Settings",
+  /** PNG → WebP toggle label */
+  "settings.png-to-webp": "Convert PNG \u2192 WebP",
+  /** TIFF → JPG toggle label */
+  "settings.tiff-to-jpg": "Convert TIFF \u2192 JPG (instead of WebP)",
+  /** Hint below toggles */
+  "settings.apply-hint": "Changes apply on next Refresh.",
+  // ── Asset card ──────────────────────────────────────────────────────────
+  /** Violation badge: TIFF → WebP */
+  "violation.tiff-to-webp": "TIFF \u2192 WebP",
+  /** Violation badge: TIFF → JPG */
+  "violation.tiff-to-jpg": "TIFF \u2192 JPG",
+  /** Violation badge: PNG → WebP */
+  "violation.png-to-webp": "PNG \u2192 WebP",
+  /** Violation badge: exceeds max width ({{maxWidth}} = pixel limit) */
+  "violation.width": "> {{maxWidth}}px",
+  /** Violation badge: exceeds max size ({{maxSize}} = MB limit) */
+  "violation.size": "> {{maxSize}} MB",
+  /** Asset size summary ({{size}} MB — {{width}}px wide) */
+  "asset.summary": "{{size}} MB \u2014 {{width}}px wide",
+  /** Asset done summary ({{oldSize}} MB → {{newSize}} MB — {{width}}px wide) */
+  "asset.summary-done": "{{oldSize}} MB \u2192 {{newSize}} MB{{reduction}} \u2014 {{width}}px wide",
+  /** Reduction percentage shown after size (e.g. " (−32%)") */
+  "asset.reduction": " (\u2212{{percent}}%)",
+  /** Width reduction badge ({{oldWidth}}px → {{newWidth}}px) */
+  "asset.width-reduced": "{{oldWidth}}px \u2192 {{newWidth}}px",
+  /** Process button */
+  "asset.process": "Process",
+  /** Done badge */
+  "asset.done": "Done",
+  /** Retry button */
+  "asset.retry": "Retry"
+};
 exports.default = resources;
 //# sourceMappingURL=resources.js.map

package/dist/_chunks-cjs/resources.js.map

@@ -1 +1 @@
-{"version":3,"file":"resources.js","sources":["../../src/i18n/resources.ts"],"sourcesContent":["export default {}\n"],"names":[],"mappings":";AAAA,IAAA,YAAe,CAAA;;"}
+{"version":3,"file":"resources.js","sources":["../../src/i18n/resources.ts"],"sourcesContent":["export default {\n    // ── Tool ────────────────────────────────────────────────────────────────\n    /** Tool title shown in the Studio sidebar */\n    'tool.title': 'Image Resizer',\n\n    // ── Header ──────────────────────────────────────────────────────────────\n    /** Main heading on the tool page */\n    'header.title': 'Image Resizer',\n    /** Description below the heading ({{maxWidth}} = pixel limit, {{maxSize}} = MB limit) */\n    'header.description':\n        'Converts TIFF images to WebP. Resizes/compresses all images to fit within {{maxWidth}}px / {{maxSize}} MB.',\n\n    // ── Actions ─────────────────────────────────────────────────────────────\n    /** Refresh button label */\n    'action.refresh': 'Refresh',\n    /** Process-all button label ({{count}} = number of pending assets) */\n    'action.process-all': 'Process All ({{count}})',\n    /** Label for the button that lets the current in-flight tasks finish */\n    'action.finish-ongoing': 'Finish ongoing tasks ({{count}})',\n    /** Label for the stop button that cancels the queue immediately */\n    'action.stop-all': 'Stop All (possible data loss)',\n\n    // ── Status badges ───────────────────────────────────────────────────────\n    /** Pending badge ({{count}} = number) */\n    'status.pending': '{{count}} pending',\n    /** Processing badge */\n    'status.processing': '{{count}} processing',\n    /** Done badge */\n    'status.done': '{{count}} done',\n    /** Failed badge */\n    'status.failed': '{{count}} failed',\n\n    // ── Empty / loading states ──────────────────────────────────────────────\n    /** Shown while scanning assets */\n    'state.scanning': 'Scanning assets…',\n    /** Shown when no violating assets are found */\n    'state.all-good': 'All images meet the requirements.',\n\n    // ── Settings dialog ─────────────────────────────────────────────────────\n    /** Settings dialog header */\n    'settings.title': 'Conversion Settings',\n    /** PNG → WebP toggle label */\n    'settings.png-to-webp': 'Convert PNG → WebP',\n    /** TIFF → JPG toggle label */\n    'settings.tiff-to-jpg': 'Convert TIFF → JPG (instead of WebP)',\n    /** Hint below toggles */\n    'settings.apply-hint': 'Changes apply on next Refresh.',\n\n    // ── Asset card ──────────────────────────────────────────────────────────\n    /** Violation badge: TIFF → WebP */\n    'violation.tiff-to-webp': 'TIFF → WebP',\n    /** Violation badge: TIFF → JPG */\n    'violation.tiff-to-jpg': 'TIFF → JPG',\n    /** Violation badge: PNG → WebP */\n    'violation.png-to-webp': 'PNG → WebP',\n    /** Violation badge: exceeds max width ({{maxWidth}} = pixel limit) */\n    'violation.width': '> {{maxWidth}}px',\n    /** Violation badge: exceeds max size ({{maxSize}} = MB limit) */\n    'violation.size': '> {{maxSize}} MB',\n    /** Asset size summary ({{size}} MB — {{width}}px wide) */\n    'asset.summary': '{{size}} MB — {{width}}px wide',\n    /** Asset done summary ({{oldSize}} MB → {{newSize}} MB — {{width}}px wide) */\n    'asset.summary-done': '{{oldSize}} MB → {{newSize}} MB{{reduction}} — {{width}}px wide',\n    /** Reduction percentage shown after size (e.g. \" (−32%)\") */\n    'asset.reduction': ' (−{{percent}}%)',\n    /** Width reduction badge ({{oldWidth}}px → {{newWidth}}px) */\n    'asset.width-reduced': '{{oldWidth}}px → {{newWidth}}px',\n    /** Process button */\n    'asset.process': 'Process',\n    /** Done badge */\n    'asset.done': 'Done',\n    /** Retry button */\n    'asset.retry': 'Retry',\n}\n"],"names":[],"mappings":";AAAA,IAAA,YAAe;AAAA;AAAA;AAAA,EAGX,cAAc;AAAA;AAAA;AAAA,EAId,gBAAgB;AAAA;AAAA,EAEhB,sBACI;AAAA;AAAA;AAAA,EAIJ,kBAAkB;AAAA;AAAA,EAElB,sBAAsB;AAAA;AAAA,EAEtB,yBAAyB;AAAA;AAAA,EAEzB,mBAAmB;AAAA;AAAA;AAAA,EAInB,kBAAkB;AAAA;AAAA,EAElB,qBAAqB;AAAA;AAAA,EAErB,eAAe;AAAA;AAAA,EAEf,iBAAiB;AAAA;AAAA;AAAA,EAIjB,kBAAkB;AAAA;AAAA,EAElB,kBAAkB;AAAA;AAAA;AAAA,EAIlB,kBAAkB;AAAA;AAAA,EAElB,wBAAwB;AAAA;AAAA,EAExB,wBAAwB;AAAA;AAAA,EAExB,uBAAuB;AAAA;AAAA;AAAA,EAIvB,0BAA0B;AAAA;AAAA,EAE1B,yBAAyB;AAAA;AAAA,EAEzB,yBAAyB;AAAA;AAAA,EAEzB,mBAAmB;AAAA;AAAA,EAEnB,kBAAkB;AAAA;AAAA,EAElB,iBAAiB;AAAA;AAAA,EAEjB,sBAAsB;AAAA;AAAA,EAEtB,mBAAmB;AAAA;AAAA,EAEnB,uBAAuB;AAAA;AAAA,EAEvB,iBAAiB;AAAA;AAAA,EAEjB,cAAc;AAAA;AAAA,EAEd,eAAe;AACnB;;"}

package/dist/_chunks-es/resources.mjs

@@ -1,4 +1,70 @@
-var resources = {};
+var resources = {
+  // ── Tool ────────────────────────────────────────────────────────────────
+  /** Tool title shown in the Studio sidebar */
+  "tool.title": "Image Resizer",
+  // ── Header ──────────────────────────────────────────────────────────────
+  /** Main heading on the tool page */
+  "header.title": "Image Resizer",
+  /** Description below the heading ({{maxWidth}} = pixel limit, {{maxSize}} = MB limit) */
+  "header.description": "Converts TIFF images to WebP. Resizes/compresses all images to fit within {{maxWidth}}px / {{maxSize}} MB.",
+  // ── Actions ─────────────────────────────────────────────────────────────
+  /** Refresh button label */
+  "action.refresh": "Refresh",
+  /** Process-all button label ({{count}} = number of pending assets) */
+  "action.process-all": "Process All ({{count}})",
+  /** Label for the button that lets the current in-flight tasks finish */
+  "action.finish-ongoing": "Finish ongoing tasks ({{count}})",
+  /** Label for the stop button that cancels the queue immediately */
+  "action.stop-all": "Stop All (possible data loss)",
+  // ── Status badges ───────────────────────────────────────────────────────
+  /** Pending badge ({{count}} = number) */
+  "status.pending": "{{count}} pending",
+  /** Processing badge */
+  "status.processing": "{{count}} processing",
+  /** Done badge */
+  "status.done": "{{count}} done",
+  /** Failed badge */
+  "status.failed": "{{count}} failed",
+  // ── Empty / loading states ──────────────────────────────────────────────
+  /** Shown while scanning assets */
+  "state.scanning": "Scanning assets\u2026",
+  /** Shown when no violating assets are found */
+  "state.all-good": "All images meet the requirements.",
+  // ── Settings dialog ─────────────────────────────────────────────────────
+  /** Settings dialog header */
+  "settings.title": "Conversion Settings",
+  /** PNG → WebP toggle label */
+  "settings.png-to-webp": "Convert PNG \u2192 WebP",
+  /** TIFF → JPG toggle label */
+  "settings.tiff-to-jpg": "Convert TIFF \u2192 JPG (instead of WebP)",
+  /** Hint below toggles */
+  "settings.apply-hint": "Changes apply on next Refresh.",
+  // ── Asset card ──────────────────────────────────────────────────────────
+  /** Violation badge: TIFF → WebP */
+  "violation.tiff-to-webp": "TIFF \u2192 WebP",
+  /** Violation badge: TIFF → JPG */
+  "violation.tiff-to-jpg": "TIFF \u2192 JPG",
+  /** Violation badge: PNG → WebP */
+  "violation.png-to-webp": "PNG \u2192 WebP",
+  /** Violation badge: exceeds max width ({{maxWidth}} = pixel limit) */
+  "violation.width": "> {{maxWidth}}px",
+  /** Violation badge: exceeds max size ({{maxSize}} = MB limit) */
+  "violation.size": "> {{maxSize}} MB",
+  /** Asset size summary ({{size}} MB — {{width}}px wide) */
+  "asset.summary": "{{size}} MB \u2014 {{width}}px wide",
+  /** Asset done summary ({{oldSize}} MB → {{newSize}} MB — {{width}}px wide) */
+  "asset.summary-done": "{{oldSize}} MB \u2192 {{newSize}} MB{{reduction}} \u2014 {{width}}px wide",
+  /** Reduction percentage shown after size (e.g. " (−32%)") */
+  "asset.reduction": " (\u2212{{percent}}%)",
+  /** Width reduction badge ({{oldWidth}}px → {{newWidth}}px) */
+  "asset.width-reduced": "{{oldWidth}}px \u2192 {{newWidth}}px",
+  /** Process button */
+  "asset.process": "Process",
+  /** Done badge */
+  "asset.done": "Done",
+  /** Retry button */
+  "asset.retry": "Retry"
+};
 export {
   resources as default
 };

package/dist/_chunks-es/resources.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"resources.mjs","sources":["../../src/i18n/resources.ts"],"sourcesContent":["export default {}\n"],"names":[],"mappings":"AAAA,IAAA,YAAe,CAAA;"}
+{"version":3,"file":"resources.mjs","sources":["../../src/i18n/resources.ts"],"sourcesContent":["export default {\n    // ── Tool ────────────────────────────────────────────────────────────────\n    /** Tool title shown in the Studio sidebar */\n    'tool.title': 'Image Resizer',\n\n    // ── Header ──────────────────────────────────────────────────────────────\n    /** Main heading on the tool page */\n    'header.title': 'Image Resizer',\n    /** Description below the heading ({{maxWidth}} = pixel limit, {{maxSize}} = MB limit) */\n    'header.description':\n        'Converts TIFF images to WebP. Resizes/compresses all images to fit within {{maxWidth}}px / {{maxSize}} MB.',\n\n    // ── Actions ─────────────────────────────────────────────────────────────\n    /** Refresh button label */\n    'action.refresh': 'Refresh',\n    /** Process-all button label ({{count}} = number of pending assets) */\n    'action.process-all': 'Process All ({{count}})',\n    /** Label for the button that lets the current in-flight tasks finish */\n    'action.finish-ongoing': 'Finish ongoing tasks ({{count}})',\n    /** Label for the stop button that cancels the queue immediately */\n    'action.stop-all': 'Stop All (possible data loss)',\n\n    // ── Status badges ───────────────────────────────────────────────────────\n    /** Pending badge ({{count}} = number) */\n    'status.pending': '{{count}} pending',\n    /** Processing badge */\n    'status.processing': '{{count}} processing',\n    /** Done badge */\n    'status.done': '{{count}} done',\n    /** Failed badge */\n    'status.failed': '{{count}} failed',\n\n    // ── Empty / loading states ──────────────────────────────────────────────\n    /** Shown while scanning assets */\n    'state.scanning': 'Scanning assets…',\n    /** Shown when no violating assets are found */\n    'state.all-good': 'All images meet the requirements.',\n\n    // ── Settings dialog ─────────────────────────────────────────────────────\n    /** Settings dialog header */\n    'settings.title': 'Conversion Settings',\n    /** PNG → WebP toggle label */\n    'settings.png-to-webp': 'Convert PNG → WebP',\n    /** TIFF → JPG toggle label */\n    'settings.tiff-to-jpg': 'Convert TIFF → JPG (instead of WebP)',\n    /** Hint below toggles */\n    'settings.apply-hint': 'Changes apply on next Refresh.',\n\n    // ── Asset card ──────────────────────────────────────────────────────────\n    /** Violation badge: TIFF → WebP */\n    'violation.tiff-to-webp': 'TIFF → WebP',\n    /** Violation badge: TIFF → JPG */\n    'violation.tiff-to-jpg': 'TIFF → JPG',\n    /** Violation badge: PNG → WebP */\n    'violation.png-to-webp': 'PNG → WebP',\n    /** Violation badge: exceeds max width ({{maxWidth}} = pixel limit) */\n    'violation.width': '> {{maxWidth}}px',\n    /** Violation badge: exceeds max size ({{maxSize}} = MB limit) */\n    'violation.size': '> {{maxSize}} MB',\n    /** Asset size summary ({{size}} MB — {{width}}px wide) */\n    'asset.summary': '{{size}} MB — {{width}}px wide',\n    /** Asset done summary ({{oldSize}} MB → {{newSize}} MB — {{width}}px wide) */\n    'asset.summary-done': '{{oldSize}} MB → {{newSize}} MB{{reduction}} — {{width}}px wide',\n    /** Reduction percentage shown after size (e.g. \" (−32%)\") */\n    'asset.reduction': ' (−{{percent}}%)',\n    /** Width reduction badge ({{oldWidth}}px → {{newWidth}}px) */\n    'asset.width-reduced': '{{oldWidth}}px → {{newWidth}}px',\n    /** Process button */\n    'asset.process': 'Process',\n    /** Done badge */\n    'asset.done': 'Done',\n    /** Retry button */\n    'asset.retry': 'Retry',\n}\n"],"names":[],"mappings":"AAAA,IAAA,YAAe;AAAA;AAAA;AAAA,EAGX,cAAc;AAAA;AAAA;AAAA,EAId,gBAAgB;AAAA;AAAA,EAEhB,sBACI;AAAA;AAAA;AAAA,EAIJ,kBAAkB;AAAA;AAAA,EAElB,sBAAsB;AAAA;AAAA,EAEtB,yBAAyB;AAAA;AAAA,EAEzB,mBAAmB;AAAA;AAAA;AAAA,EAInB,kBAAkB;AAAA;AAAA,EAElB,qBAAqB;AAAA;AAAA,EAErB,eAAe;AAAA;AAAA,EAEf,iBAAiB;AAAA;AAAA;AAAA,EAIjB,kBAAkB;AAAA;AAAA,EAElB,kBAAkB;AAAA;AAAA;AAAA,EAIlB,kBAAkB;AAAA;AAAA,EAElB,wBAAwB;AAAA;AAAA,EAExB,wBAAwB;AAAA;AAAA,EAExB,uBAAuB;AAAA;AAAA;AAAA,EAIvB,0BAA0B;AAAA;AAAA,EAE1B,yBAAyB;AAAA;AAAA,EAEzB,yBAAyB;AAAA;AAAA,EAEzB,mBAAmB;AAAA;AAAA,EAEnB,kBAAkB;AAAA;AAAA,EAElB,iBAAiB;AAAA;AAAA,EAEjB,sBAAsB;AAAA;AAAA,EAEtB,mBAAmB;AAAA;AAAA,EAEnB,uBAAuB;AAAA;AAAA,EAEvB,iBAAiB;AAAA;AAAA,EAEjB,cAAc;AAAA;AAAA,EAEd,eAAe;AACnB;"}

package/dist/index.js

@@ -66,7 +66,7 @@ function buildReplacementPatch(obj, oldId, newId, path = "") {
       {}
     );
   const record = obj;
-  return record.asset?._ref === oldId ? { [path ? `${path}.asset` : "asset"]: { _type: "reference", _ref: newId } } : Object.keys(record).filter((k) => !k.startsWith("_")).reduce(
+  return record.asset?._ref === oldId ? { [path ? `${path}.asset` : "asset"]: { _type: "reference", _ref: newId } } : record._type === "reference" && record._ref === oldId ? { [path || "_ref"]: { _type: "reference", _ref: newId } } : Object.keys(record).filter((k) => !k.startsWith("_")).reduce(
     (acc, key) => {
       const childPath = path ? `${path}.${key}` : key;
       return Object.assign(
@@ -77,6 +77,25 @@ function buildReplacementPatch(obj, oldId, newId, path = "") {
     {}
   );
 }
+const ASSET_METADATA_FIELDS = [
+  "title",
+  "description",
+  "altText",
+  "creditLine",
+  "source",
+  "opt"
+];
+async function copyAssetMetadata(client, oldAssetId, newAssetId) {
+  const projection = ASSET_METADATA_FIELDS.join(", "), oldMeta = await client.fetch(
+    `*[_id == $id][0]{ ${projection} }`,
+    { id: oldAssetId }
+  );
+  if (!oldMeta) return;
+  const patch = {};
+  for (const field of ASSET_METADATA_FIELDS)
+    oldMeta[field] !== void 0 && oldMeta[field] !== null && (patch[field] = oldMeta[field]);
+  Object.keys(patch).length > 0 && await client.patch(newAssetId).set(patch).commit();
+}
 const validateImageSize = async (value, context) => {
   if (!value?.asset?._ref) return !0;
   const asset = await context.getClient({ apiVersion: "2025-02-19" }).fetch(
@@ -92,21 +111,20 @@ const validateImageSize = async (value, context) => {
     return `Image size (${sizeMB}MB) exceeds the maximum of ${maxMB}MB`;
   }
   return asset.width && asset.width > exports.IMAGE_MAX_WIDTH ? `Image width (${asset.width}px) exceeds the maximum of ${exports.IMAGE_MAX_WIDTH}px` : !0;
-}, MAX_SIZE_MB$1 = exports.IMAGE_MAX_SIZE / 1024 / 1024, VIOLATION_LABELS = {
-  format: "TIFF \u2192 WebP",
-  width: `> ${exports.IMAGE_MAX_WIDTH}px`,
-  size: `> ${MAX_SIZE_MB$1} MB`
-};
-function formatViolationLabel(settings) {
+}, MAX_SIZE_MB$1 = exports.IMAGE_MAX_SIZE / 1024 / 1024;
+function formatViolationLabel(settings, t) {
   const parts = [];
-  return parts.push(settings.tiffToJpg ? "TIFF \u2192 JPG" : "TIFF \u2192 WebP"), settings.pngToWebp && parts.push("PNG \u2192 WebP"), parts.join(", ");
+  return parts.push(
+    settings.tiffToJpg ? t("violation.tiff-to-jpg") : t("violation.tiff-to-webp")
+  ), settings.pngToWebp && parts.push(t("violation.png-to-webp")), parts.join(", ");
 }
 function ViolationBadge({
   type,
-  settings
+  settings,
+  t
 }) {
-  const label = type === "format" ? formatViolationLabel(settings) : VIOLATION_LABELS[type];
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { tone: "caution", size: 1, children: label });
+  let label;
+  return type === "format" ? label = formatViolationLabel(settings, t) : type === "width" ? label = t("violation.width", { maxWidth: exports.IMAGE_MAX_WIDTH }) : label = t("violation.size", { maxSize: MAX_SIZE_MB$1 }), /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { tone: "caution", size: 1, children: label });
 }
 function statusTone(status) {
   return {
@@ -121,7 +139,7 @@ function AssetCard({
   onProcess,
   settings
 }) {
-  const isDone = asset.status === "done" && asset.newUrl, thumbUrl = isDone ? asset.newUrl : asset.url, sizeReduction = isDone && asset.newSize != null ? Math.round((1 - asset.newSize / asset.size) * 100) : null;
+  const { t } = sanity.useTranslation(imageResizerLocaleNamespace), isDone = asset.status === "done" && asset.newUrl, thumbUrl = isDone ? asset.newUrl : asset.url, sizeReduction = isDone && asset.newSize != null ? Math.round((1 - asset.newSize / asset.size) * 100) : null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Card,
     {
@@ -145,32 +163,22 @@ function AssetCard({
         /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 2, style: { flex: 1, minWidth: 0 }, children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { style: { width: "100%", minWidth: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, weight: "semibold", children: isDone ? asset.newFilename || asset.originalFilename || asset._id : asset.originalFilename || asset._id }) }),
           isDone ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: 1, muted: !0, style: { wordBreak: "break-word" }, children: [
-              (asset.size / 1024 / 1024).toFixed(1),
-              " MB \u2192",
-              " ",
-              (asset.newSize / 1024 / 1024).toFixed(1),
-              " MB",
-              sizeReduction !== null && sizeReduction > 0 ? ` (\u2212${sizeReduction}%)` : "",
-              " ",
-              "\u2014 ",
-              asset.newWidth,
-              "px wide"
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { gap: 2, wrap: "wrap", children: asset.newWidth != null && asset.newWidth < asset.width && /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { tone: "positive", size: 1, children: [
-              asset.width,
-              "px \u2192 ",
-              asset.newWidth,
-              "px"
-            ] }) })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, muted: !0, style: { wordBreak: "break-word" }, children: t("asset.summary-done", {
+              oldSize: (asset.size / 1024 / 1024).toFixed(1),
+              newSize: (asset.newSize / 1024 / 1024).toFixed(1),
+              reduction: sizeReduction !== null && sizeReduction > 0 ? t("asset.reduction", { percent: sizeReduction }) : "",
+              width: asset.newWidth
+            }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { gap: 2, wrap: "wrap", children: asset.newWidth != null && asset.newWidth < asset.width && /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { tone: "positive", size: 1, children: t("asset.width-reduced", {
+              oldWidth: asset.width,
+              newWidth: asset.newWidth
+            }) }) })
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { gap: 2, wrap: "wrap", children: asset.violations.map((v) => /* @__PURE__ */ jsxRuntime.jsx(ViolationBadge, { type: v, settings }, v)) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: 1, muted: !0, style: { wordBreak: "break-word" }, children: [
-              (asset.size / 1024 / 1024).toFixed(1),
-              " MB \u2014 ",
-              asset.width,
-              "px wide"
-            ] })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { gap: 2, wrap: "wrap", children: asset.violations.map((v) => /* @__PURE__ */ jsxRuntime.jsx(ViolationBadge, { type: v, settings, t }, v)) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, muted: !0, style: { wordBreak: "break-word" }, children: t("asset.summary", {
+              size: (asset.size / 1024 / 1024).toFixed(1),
+              width: asset.width
+            }) })
           ] }),
           asset.status === "error" && /* @__PURE__ */ jsxRuntime.jsx(
             ui.Text,
@@ -188,18 +196,18 @@ function AssetCard({
           asset.status === "idle" && /* @__PURE__ */ jsxRuntime.jsx(
             ui.Button,
             {
-              text: "Process",
+              text: t("asset.process"),
               mode: "ghost",
               tone: "primary",
               onClick: () => onProcess(asset)
             }
           ),
           asset.status === "processing" && /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {}),
-          asset.status === "done" && /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { tone: "positive", children: "Done" }),
+          asset.status === "done" && /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { tone: "positive", children: t("asset.done") }),
           asset.status === "error" && /* @__PURE__ */ jsxRuntime.jsx(
             ui.Button,
             {
-              text: "Retry",
+              text: t("asset.retry"),
               mode: "ghost",
               tone: "critical",
               onClick: () => onProcess(asset)
@@ -227,7 +235,7 @@ function loadSettings() {
   return DEFAULT_SETTINGS;
 }
 function ImageResizerView() {
-  const client = sanity.useClient({ apiVersion: "2025-02-19" }), [assets, setAssets] = react.useState([]), [loading, setLoading] = react.useState(!0), [processingAll, setProcessingAll] = react.useState(!1), [settings, setSettings] = react.useState(loadSettings), [showSettings, setShowSettings] = react.useState(!1), updateSettings = react.useCallback(
+  const client = sanity.useClient({ apiVersion: "2025-02-19" }), { t } = sanity.useTranslation(imageResizerLocaleNamespace), [assets, setAssets] = react.useState([]), [loading, setLoading] = react.useState(!0), [processingAll, setProcessingAll] = react.useState(!1), [settings, setSettings] = react.useState(loadSettings), [showSettings, setShowSettings] = react.useState(!1), updateSettings = react.useCallback(
     (updater) => {
       setSettings((prev) => {
         const next = updater(prev);
@@ -239,7 +247,7 @@ function ImageResizerView() {
   react.useEffect(() => {
     assetsRef.current = assets;
   }, [assets]);
-  const fetchAssets = react.useCallback(async () => {
+  const cancelRef = react.useRef(!1), fetchAssets = react.useCallback(async () => {
     setLoading(!0);
     try {
       const raw = await client.fetch(
@@ -291,7 +299,9 @@ function ImageResizerView() {
         const baseName = asset.originalFilename?.replace(/\.[^.]+$/, "") || "image", newAsset = await client.assets.upload("image", blob, {
           filename: `${baseName}.${outFormat}`,
           contentType: `image/${outFormat}`
-        }), refs = await client.fetch(
+        });
+        await copyAssetMetadata(client, asset._id, newAsset._id);
+        const refs = await client.fetch(
           "*[references($id)]{ _id }",
           { id: asset._id }
         );
@@ -320,19 +330,31 @@ function ImageResizerView() {
     },
     [client, updateAsset, settings]
   ), processAll = react.useCallback(async () => {
-    setProcessingAll(!0);
+    cancelRef.current = !1, setProcessingAll(!0);
     const pending = assetsRef.current.filter(
       (a) => a.status === "idle" || a.status === "error"
     );
     let idx = 0;
     const next = async () => {
-      for (; idx < pending.length; ) {
+      for (; idx < pending.length && !cancelRef.current; ) {
         const asset = pending[idx++];
         await processAsset(asset);
       }
     };
     await Promise.all(Array.from({ length: CONCURRENCY }, () => next())), setProcessingAll(!1);
-  }, [processAsset]), counts = react.useMemo(
+  }, [processAsset]);
+  react.useCallback(() => {
+    cancelRef.current = !0;
+  }, []), react.useEffect(() => {
+    if (!processingAll) return;
+    const handler = (e) => {
+      e.preventDefault();
+    };
+    return window.addEventListener("beforeunload", handler), () => window.removeEventListener("beforeunload", handler);
+  }, [processingAll]), react.useEffect(() => () => {
+    cancelRef.current = !0;
+  }, []);
+  const counts = react.useMemo(
     () => ({
       pending: assets.filter((a) => a.status === "idle").length,
       processing: assets.filter((a) => a.status === "processing").length,
@@ -351,20 +373,17 @@ function ImageResizerView() {
         /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 5, children: [
           /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "flex-start", justify: "space-between", gap: 4, wrap: "wrap", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 2, style: { flex: 1, minWidth: 0 }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { size: 2, children: "Image Resizer" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { size: 2, children: t("header.title") }),
+              /* @__PURE__ */ jsxRuntime.jsx(
                 ui.Card,
                 {
                   size: 1,
                   tone: "transparent",
                   style: { wordBreak: "break-word" },
-                  children: [
-                    "Converts TIFF images to WebP. Resizes/compresses all images to fit within ",
-                    exports.IMAGE_MAX_WIDTH,
-                    "px / ",
-                    MAX_SIZE_MB,
-                    " MB."
-                  ]
+                  children: t("header.description", {
+                    maxWidth: exports.IMAGE_MAX_WIDTH,
+                    maxSize: MAX_SIZE_MB
+                  })
                 }
               )
             ] }),
@@ -381,46 +400,44 @@ function ImageResizerView() {
               /* @__PURE__ */ jsxRuntime.jsx(
                 ui.Button,
                 {
-                  text: "Refresh",
+                  text: t("action.refresh"),
                   mode: "ghost",
                   onClick: fetchAssets,
                   disabled: loading || processingAll
                 }
               ),
-              counts.pending > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+              counts.pending > 0 && !processingAll && /* @__PURE__ */ jsxRuntime.jsx(
                 ui.Button,
                 {
-                  text: processingAll ? "Processing\u2026" : `Process All (${counts.pending})`,
+                  text: t("action.process-all", { count: counts.pending }),
                   tone: "primary",
                   onClick: processAll,
-                  disabled: processingAll || loading,
-                  icon: processingAll ? ui.Spinner : void 0
+                  disabled: loading
                 }
-              )
+              ),
+              processingAll && /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { gap: 2, children: /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Button,
+                {
+                  text: t("action.finish-ongoing", {
+                    count: counts.processing
+                  }),
+                  tone: "caution",
+                  mode: "ghost",
+                  disabled: !0
+                }
+              ) })
             ] })
           ] }),
           !loading && assets.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 3, wrap: "wrap", children: [
-            counts.pending > 0 && /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { tone: "caution", children: [
-              counts.pending,
-              " pending"
-            ] }),
-            counts.processing > 0 && /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { tone: "primary", children: [
-              counts.processing,
-              " processing"
-            ] }),
-            counts.done > 0 && /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { tone: "positive", children: [
-              counts.done,
-              " done"
-            ] }),
-            counts.error > 0 && /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { tone: "critical", children: [
-              counts.error,
-              " failed"
-            ] })
+            counts.pending > 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { tone: "caution", children: t("status.pending", { count: counts.pending }) }),
+            counts.processing > 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { tone: "primary", children: t("status.processing", { count: counts.processing }) }),
+            counts.done > 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { tone: "positive", children: t("status.done", { count: counts.done }) }),
+            counts.error > 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { tone: "critical", children: t("status.failed", { count: counts.error }) })
           ] }),
           loading ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { padding: 6, justify: "center", align: "center", gap: 3, children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {}),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, children: "Scanning assets\u2026" })
-          ] }) : assets.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { padding: 5, radius: 2, tone: "positive", border: !0, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { align: "center", children: "All images meet the requirements." }) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 2, children: assets.map((asset) => /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, children: t("state.scanning") })
+          ] }) : assets.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { padding: 5, radius: 2, tone: "positive", border: !0, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { align: "center", children: t("state.all-good") }) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 2, children: assets.map((asset) => /* @__PURE__ */ jsxRuntime.jsx(
             AssetCard,
             {
               asset,
@@ -434,7 +451,7 @@ function ImageResizerView() {
           ui.Dialog,
           {
             id: "image-resizer-settings",
-            header: "Conversion Settings",
+            header: t("settings.title"),
             onClose: () => setShowSettings(!1),
             width: 1,
             children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 4, children: [
@@ -450,7 +467,7 @@ function ImageResizerView() {
                     }
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "png-to-webp", style: { cursor: "pointer" }, children: "Convert PNG \u2192 WebP" })
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "png-to-webp", style: { cursor: "pointer" }, children: t("settings.png-to-webp") })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", gap: 3, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -464,9 +481,9 @@ function ImageResizerView() {
                     }
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "tiff-to-jpg", style: { cursor: "pointer" }, children: "Convert TIFF \u2192 JPG (instead of WebP)" })
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "tiff-to-jpg", style: { cursor: "pointer" }, children: t("settings.tiff-to-jpg") })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, muted: !0, children: "Changes apply on next Refresh." })
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, muted: !0, children: t("settings.apply-hint") })
             ] }) })
           }
         )
@@ -482,7 +499,13 @@ const imageResizerPlugin = sanity.definePlugin(
       {
         name: "image-resizer",
         title: "Image Resizer",
-        component: ImageResizerView
+        component: ImageResizerView,
+        i18n: {
+          title: {
+            key: "tool.title",
+            ns: imageResizerLocaleNamespace
+          }
+        }
       }
     ],
     i18n: {