@v1ct0rbr/minivault-web 0.4.2 → 0.4.3

package/dist/minivault-web.js

@@ -849,7 +849,7 @@ function K() {
 			busy: b.isPending,
 			onCancel: () => c(null),
 			onConfirm: () => {
-				b.mutate(s.id), c(null);
+				b.mutate(s.id, { onSettled: () => c(null) });
 			}
 		})
 	] });
@@ -1535,43 +1535,43 @@ function te(e) {
 //#endregion
 //#region src/components/StorageExplorerTab.tsx
 function X({ storageType: e = "LOCAL", storageConfig: n }) {
-	let i = b(), a = d(), [s, c] = o(""), [h, g] = o([]), [_, v] = o(/* @__PURE__ */ new Set()), [y, x] = o(null), S = n?.type ?? e, { data: C, isLoading: w } = u({
+	let i = b(), s = d(), [c, h] = o(""), [g, _] = o([]), [v, y] = o(/* @__PURE__ */ new Set()), [x, S] = o(null), C = n?.type ?? e, { data: w, isLoading: T } = u({
 		queryKey: [
 			"storage-files",
-			S,
-			s,
+			C,
+			c,
 			n
 		],
-		queryFn: () => i.listStorageFiles(S, s || void 0, n)
-	}), T = l({
-		mutationFn: (e) => i.deleteStorageFile(e, S, n),
+		queryFn: () => i.listStorageFiles(C, c || void 0, n)
+	}), E = l({
+		mutationFn: (e) => i.deleteStorageFile(e, C, n),
 		onSuccess: () => {
-			a.invalidateQueries({ queryKey: ["storage-files"] }), x(null);
+			s.invalidateQueries({ queryKey: ["storage-files"] }), S(null);
 		}
-	}), E = t((e) => {
-		c(e), g(e ? e.split("/").filter(Boolean) : []), v(/* @__PURE__ */ new Set());
-	}, []), D = t((e) => {
-		let t = h.slice(0, e + 1).join("/");
-		E(t);
-	}, [h, E]);
+	}), D = a(!1), O = t((e) => {
+		h(e), _(e ? e.split("/").filter(Boolean) : []), y(/* @__PURE__ */ new Set());
+	}, []), k = t((e) => {
+		let t = g.slice(0, e + 1).join("/");
+		O(t);
+	}, [g, O]);
 	r(() => {
-		g(s ? s.split("/").filter(Boolean) : []);
-	}, [s]);
-	let O = (e) => {
-		v((t) => {
+		_(c ? c.split("/").filter(Boolean) : []);
+	}, [c]);
+	let A = (e) => {
+		y((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, k = () => {
-		C && (_.size === C.length ? v(/* @__PURE__ */ new Set()) : v(new Set(C.map((e) => e.path))));
-	}, A = async (e) => {
+	}, j = () => {
+		w && (v.size === w.length ? y(/* @__PURE__ */ new Set()) : y(new Set(w.map((e) => e.path))));
+	}, M = async (e) => {
 		try {
-			let t = await i.downloadStorageFile(e, S, n), r = e.split("/").pop() ?? e, a = window.URL.createObjectURL(t), o = document.createElement("a");
+			let t = await i.downloadStorageFile(e, C, n), r = e.split("/").pop() ?? e, a = window.URL.createObjectURL(t), o = document.createElement("a");
 			o.href = a, o.download = r, document.body.appendChild(o), o.click(), o.remove(), window.URL.revokeObjectURL(a);
 		} catch {}
-	}, j = async () => {
-		for (let e of _) await A(e);
-	}, M = (e) => e ? R(e) : "-";
+	}, N = async () => {
+		for (let e of v) await M(e);
+	}, P = (e) => e ? R(e) : "-";
 	return /* @__PURE__ */ m("div", {
 		className: "space-y-3",
 		children: [
@@ -1584,27 +1584,27 @@ function X({ storageType: e = "LOCAL", storageConfig: n }) {
 						"Explorador de Storage",
 						/* @__PURE__ */ p("span", {
 							className: "badge bg-secondary ms-2",
-							children: S
+							children: C
 						})
 					]
 				}), /* @__PURE__ */ p("div", {
 					className: "d-flex gap-2",
-					children: _.size > 0 && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("button", {
+					children: v.size > 0 && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("button", {
 						className: "btn btn-sm btn-outline-primary",
-						onClick: j,
+						onClick: N,
 						children: [
 							/* @__PURE__ */ p("i", { className: "bi bi-download me-1" }),
 							"Baixar (",
-							_.size,
+							v.size,
 							")"
 						]
 					}), /* @__PURE__ */ m("button", {
 						className: "btn btn-sm btn-outline-danger",
-						onClick: () => x("multiple"),
+						onClick: () => S("multiple"),
 						children: [
 							/* @__PURE__ */ p("i", { className: "bi bi-trash me-1" }),
 							"Excluir (",
-							_.size,
+							v.size,
 							")"
 						]
 					})] })
@@ -1615,19 +1615,19 @@ function X({ storageType: e = "LOCAL", storageConfig: n }) {
 				children: /* @__PURE__ */ m("ol", {
 					className: "breadcrumb mb-0 small",
 					children: [/* @__PURE__ */ p("li", {
-						className: `breadcrumb-item ${h.length === 0 ? "active" : ""}`,
-						style: { cursor: h.length > 0 ? "pointer" : "default" },
-						onClick: () => E(""),
+						className: `breadcrumb-item ${g.length === 0 ? "active" : ""}`,
+						style: { cursor: g.length > 0 ? "pointer" : "default" },
+						onClick: () => O(""),
 						children: /* @__PURE__ */ p("i", { className: "bi bi-house" })
-					}), h.map((e, t) => /* @__PURE__ */ p("li", {
-						className: `breadcrumb-item ${t === h.length - 1 ? "active" : ""}`,
-						style: { cursor: t < h.length - 1 ? "pointer" : "default" },
-						onClick: () => t < h.length - 1 && D(t),
+					}), g.map((e, t) => /* @__PURE__ */ p("li", {
+						className: `breadcrumb-item ${t === g.length - 1 ? "active" : ""}`,
+						style: { cursor: t < g.length - 1 ? "pointer" : "default" },
+						onClick: () => t < g.length - 1 && k(t),
 						children: e
 					}, t))]
 				})
 			}),
-			w ? /* @__PURE__ */ m("div", {
+			T ? /* @__PURE__ */ m("div", {
 				className: "text-center py-5",
 				children: [/* @__PURE__ */ p("div", {
 					className: "spinner-border text-primary",
@@ -1636,14 +1636,14 @@ function X({ storageType: e = "LOCAL", storageConfig: n }) {
 					className: "mt-2 small text-muted",
 					children: "Carregando arquivos..."
 				})]
-			}) : !C || C.length === 0 ? /* @__PURE__ */ m("div", {
+			}) : !w || w.length === 0 ? /* @__PURE__ */ m("div", {
 				className: "text-center py-5 text-muted",
 				children: [
 					/* @__PURE__ */ p("i", { className: "bi bi-folder-x fs-1 d-block mb-2" }),
 					"Nenhum arquivo encontrado",
-					s && /* @__PURE__ */ p("button", {
+					c && /* @__PURE__ */ p("button", {
 						className: "btn btn-sm btn-link mt-2",
-						onClick: () => E(""),
+						onClick: () => O(""),
 						children: "Voltar ao inicio"
 					})
 				]
@@ -1651,11 +1651,11 @@ function X({ storageType: e = "LOCAL", storageConfig: n }) {
 				className: "d-flex align-items-center gap-2 mb-2",
 				children: [/* @__PURE__ */ m("button", {
 					className: "btn btn-sm btn-outline-secondary",
-					onClick: k,
-					children: [_.size === C.length ? "Desmarcar" : "Selecionar", " Todos"]
+					onClick: j,
+					children: [v.size === w.length ? "Desmarcar" : "Selecionar", " Todos"]
 				}), /* @__PURE__ */ m("span", {
 					className: "small text-muted",
-					children: [C.length, " item(ns)"]
+					children: [w.length, " item(ns)"]
 				})]
 			}), /* @__PURE__ */ p("div", {
 				className: "table-responsive",
@@ -1679,18 +1679,18 @@ function X({ storageType: e = "LOCAL", storageConfig: n }) {
 								children: "Acoes"
 							})
 						] })
-					}), /* @__PURE__ */ p("tbody", { children: C.map((e) => /* @__PURE__ */ m("tr", {
-						className: _.has(e.path) ? "table-active" : "",
+					}), /* @__PURE__ */ p("tbody", { children: w.map((e) => /* @__PURE__ */ m("tr", {
+						className: v.has(e.path) ? "table-active" : "",
 						children: [
 							/* @__PURE__ */ p("td", { children: /* @__PURE__ */ p("input", {
 								type: "checkbox",
 								className: "form-check-input",
-								checked: _.has(e.path),
-								onChange: () => O(e.path)
+								checked: v.has(e.path),
+								onChange: () => A(e.path)
 							}) }),
 							/* @__PURE__ */ p("td", { children: e.directory ? /* @__PURE__ */ m("button", {
 								className: "btn btn-sm btn-link text-decoration-none p-0 text-start",
-								onClick: () => E(e.path),
+								onClick: () => O(e.path),
 								children: [/* @__PURE__ */ p("i", { className: "bi bi-folder-fill text-warning me-2" }), /* @__PURE__ */ p("span", {
 									className: "font-monospace",
 									children: e.name
@@ -1705,19 +1705,19 @@ function X({ storageType: e = "LOCAL", storageConfig: n }) {
 							}),
 							/* @__PURE__ */ p("td", {
 								className: "text-muted small",
-								children: M(e.lastModified)
+								children: P(e.lastModified)
 							}),
 							/* @__PURE__ */ p("td", { children: !e.directory && /* @__PURE__ */ m("div", {
 								className: "d-flex gap-1",
 								children: [/* @__PURE__ */ p("button", {
 									className: "btn btn-sm btn-outline-primary py-0",
 									title: "Baixar",
-									onClick: () => A(e.path),
+									onClick: () => M(e.path),
 									children: /* @__PURE__ */ p("i", { className: "bi bi-download" })
 								}), /* @__PURE__ */ p("button", {
 									className: "btn btn-sm btn-outline-danger py-0",
 									title: "Excluir",
-									onClick: () => x(e.path),
+									onClick: () => S(e.path),
 									children: /* @__PURE__ */ p("i", { className: "bi bi-trash" })
 								})]
 							}) })
@@ -1725,7 +1725,7 @@ function X({ storageType: e = "LOCAL", storageConfig: n }) {
 					}, e.path)) })]
 				})
 			})] }),
-			y && /* @__PURE__ */ p("div", {
+			x && /* @__PURE__ */ p("div", {
 				className: "modal d-block",
 				tabIndex: -1,
 				style: { background: "rgba(0,0,0,.5)" },
@@ -1741,38 +1741,60 @@ function X({ storageType: e = "LOCAL", storageConfig: n }) {
 									children: "Confirmar exclusao"
 								}), /* @__PURE__ */ p("button", {
 									className: "btn-close",
-									onClick: () => x(null)
+									onClick: () => S(null)
 								})]
 							}),
 							/* @__PURE__ */ m("div", {
 								className: "modal-body",
-								children: [y === "multiple" ? /* @__PURE__ */ m("p", { children: [
-									"Excluir ",
-									_.size,
-									" arquivo(s) selecionado(s)?"
-								] }) : /* @__PURE__ */ m("p", { children: [
-									"Excluir ",
-									/* @__PURE__ */ p("code", { children: y.split("/").pop() }),
-									"?"
-								] }), /* @__PURE__ */ p("p", {
-									className: "text-danger small mb-0",
-									children: "Esta acao nao pode ser desfeita."
-								})]
+								children: [
+									x === "multiple" ? /* @__PURE__ */ m("p", { children: [
+										"Excluir ",
+										v.size,
+										" arquivo(s) selecionado(s)?"
+									] }) : /* @__PURE__ */ m("p", { children: [
+										"Excluir ",
+										/* @__PURE__ */ p("code", { children: x.split("/").pop() }),
+										"?"
+									] }),
+									/* @__PURE__ */ p("p", {
+										className: "text-danger small mb-0",
+										children: "Esta acao nao pode ser desfeita."
+									}),
+									E.isError && /* @__PURE__ */ m("div", {
+										className: "alert alert-danger small mt-2 mb-0 py-1",
+										children: [
+											/* @__PURE__ */ p("i", {
+												className: "bi bi-exclamation-triangle me-1",
+												"aria-hidden": !0
+											}),
+											"Falha ao excluir:",
+											" ",
+											E.error instanceof Error ? E.error.message : String(E.error)
+										]
+									})
+								]
 							}),
 							/* @__PURE__ */ m("div", {
 								className: "modal-footer",
 								children: [/* @__PURE__ */ p("button", {
 									className: "btn btn-sm btn-secondary",
-									onClick: () => x(null),
+									onClick: () => S(null),
 									children: "Cancelar"
 								}), /* @__PURE__ */ p("button", {
 									className: "btn btn-sm btn-danger",
-									disabled: T.isPending,
+									disabled: E.isPending,
 									onClick: async () => {
-										if (y === "multiple") for (let e of _) await T.mutateAsync(e);
-										else await T.mutateAsync(y);
+										if (!D.current) {
+											D.current = !0;
+											try {
+												if (x === "multiple") for (let e of v) await E.mutateAsync(e);
+												else await E.mutateAsync(x);
+											} finally {
+												D.current = !1;
+											}
+										}
 									},
-									children: T.isPending ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", { className: "spinner-border spinner-border-sm me-1" }), "Excluindo..."] }) : "Excluir"
+									children: E.isPending ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", { className: "spinner-border spinner-border-sm me-1" }), "Excluindo..."] }) : "Excluir"
 								})]
 							})
 						]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@v1ct0rbr/minivault-web",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "Módulo independente de gerenciamento de backups (minivault). Consumível como pacote npm em qualquer app React. Cliente do minivault REST API (acesso tipicamente via proxy autenticado).",
   "author": "Victor Queiroga (https://www.linkedin.com/in/victor-queiroga)",
   "license": "MIT",