@gallop.software/studio 0.1.87 → 0.1.88

package/dist/{StudioUI-ZBSTYTUV.js → StudioUI-Y35A2T7S.js}

@@ -310,6 +310,23 @@ var progressStyles = {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+  `,
+  errorList: _react3.css`
+    margin-top: 12px;
+    padding: 12px;
+    background: #fef2f2;
+    border: 1px solid #fecaca;
+    border-radius: 6px;
+    max-height: 200px;
+    overflow-y: auto;
+  `,
+  errorItem: _react3.css`
+    font-size: ${_chunkUFCWGUAGjs.fontSize.xs};
+    color: #991b1b;
+    margin: 0 0 4px;
+    &:last-child {
+      margin-bottom: 0;
+    }
   `
 };
 function ProgressModal({
@@ -331,26 +348,36 @@ function ProgressModal({
       " image",
       (_nullishCoalesce(progress.processed, () => ( progress.current))) !== 1 ? "s" : "",
       " before stopping."
-    ] }) : isComplete ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { css: styles.message, children: [
-      "Processed ",
-      progress.processed,
-      " image",
-      progress.processed !== 1 ? "s" : "",
-      ".",
-      progress.orphansRemoved !== void 0 && progress.orphansRemoved > 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        " Removed ",
-        progress.orphansRemoved,
-        " orphaned thumbnail",
-        progress.orphansRemoved !== 1 ? "s" : "",
-        "."
-      ] }) : null,
-      progress.errors !== void 0 && progress.errors > 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        " ",
-        progress.errors,
-        " error",
-        progress.errors !== 1 ? "s" : "",
-        " occurred."
-      ] }) : null
+    ] }) : isComplete ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { css: styles.message, children: [
+        "Processed ",
+        progress.processed,
+        " image",
+        progress.processed !== 1 ? "s" : "",
+        ".",
+        progress.orphansRemoved !== void 0 && progress.orphansRemoved > 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          " Removed ",
+          progress.orphansRemoved,
+          " orphaned thumbnail",
+          progress.orphansRemoved !== 1 ? "s" : "",
+          "."
+        ] }) : null,
+        progress.errors !== void 0 && progress.errors > 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          " ",
+          progress.errors,
+          " error",
+          progress.errors !== 1 ? "s" : "",
+          " occurred."
+        ] }) : null
+      ] }),
+      progress.errorMessages && progress.errorMessages.length > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: progressStyles.errorList, children: [
+        progress.errorMessages.slice(0, 10).map((msg, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { css: progressStyles.errorItem, children: msg }, i)),
+        progress.errorMessages.length > 10 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { css: progressStyles.errorItem, children: [
+          "...and ",
+          progress.errorMessages.length - 10,
+          " more"
+        ] })
+      ] })
     ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { css: styles.message, children: progress.status === "cleanup" ? "Cleaning up orphaned files..." : `Processing images...` }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: progressStyles.progressContainer, children: [
@@ -1704,6 +1731,7 @@ function StudioToolbar() {
     setShowProgress(true);
     let synced = 0;
     let errors = 0;
+    const errorMessages = [];
     try {
       for (let i = 0; i < imageKeys.length; i++) {
         const imageKey = imageKeys[i];
@@ -1728,13 +1756,18 @@ function StudioToolbar() {
               return;
             }
             errors++;
+            errorMessages.push(data.error || `Failed: ${imageKey}`);
           } else if (_optionalChain([data, 'access', _37 => _37.synced, 'optionalAccess', _38 => _38.length]) > 0) {
             synced++;
           } else if (_optionalChain([data, 'access', _39 => _39.errors, 'optionalAccess', _40 => _40.length]) > 0) {
             errors++;
+            for (const errMsg of data.errors) {
+              errorMessages.push(errMsg);
+            }
           }
-        } catch (e4) {
+        } catch (err) {
           errors++;
+          errorMessages.push(`Network error: ${imageKey}`);
         }
       }
       setProgressState({
@@ -1743,7 +1776,8 @@ function StudioToolbar() {
         percent: 100,
         status: "complete",
         processed: synced,
-        errors
+        errors,
+        errorMessages: errorMessages.length > 0 ? errorMessages : void 0
       });
       clearSelection();
       triggerRefresh();
@@ -3731,7 +3765,7 @@ function StudioDetailView() {
             try {
               const data = JSON.parse(line.slice(6));
               setProcessProgress(data);
-            } catch (e5) {
+            } catch (e4) {
             }
           }
         }
@@ -4661,4 +4695,4 @@ var StudioUI_default = StudioUI;
 
 
 exports.StudioUI = StudioUI; exports.default = StudioUI_default;
-//# sourceMappingURL=StudioUI-ZBSTYTUV.js.map
+//# sourceMappingURL=StudioUI-Y35A2T7S.js.map