@cancia/toolbar 0.13.0 → 0.14.0

package/dist/cancia.js

@@ -388,9 +388,9 @@ async function reorderList(listName, ids) {
   const { apiUrl, site } = state.config;
   const res = await fetch(
     `${apiUrl}/api/cancia/lists/${encodeURIComponent(listName)}/reorder?site=${encodeURIComponent(site)}${routeParam()}`,
-    { method: "POST", headers: headers(), body: JSON.stringify({ ids }) }
+    { method: "POST", headers: headers(), body: JSON.stringify({ ids, knownCount: ids.length }) }
   );
-  if (!res.ok) throw new Error(`Cancia: failed to reorder list (${res.status})`);
+  if (!res.ok) throw await toApiError(res, "Could not save the new order. Check your connection and try again.");
 }
 async function flushEdits(edits, save) {
   const results = await Promise.allSettled(edits.map((edit) => save(edit)));
@@ -2740,6 +2740,99 @@ function renderField(field, initial, depth = 0) {
       getValue2 = () => sel.value === "" ? void 0 : sel.value;
       break;
     }
+    case "file": {
+      let currentUrl = typeof initial === "string" ? initial : "";
+      const box = document.createElement("div");
+      box.style.cssText = `
+        display: flex; flex-direction: column; gap: 8px;
+        background: ${v("surface-raised")};
+        border: 1px dashed ${v("border-strong")};
+        border-radius: ${v("radius")};
+        padding: 10px;
+      `;
+      const nameRow = document.createElement("div");
+      nameRow.style.cssText = `display:flex; align-items:center; gap:8px; min-width:0;`;
+      const nameLink = document.createElement("a");
+      nameLink.target = "_blank";
+      nameLink.rel = "noopener";
+      nameLink.style.cssText = `
+        font-size: ${v("text-sm")}; color: ${v("fg")}; text-decoration: underline;
+        overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;
+      `;
+      const renderName = (url) => {
+        if (!url) {
+          nameLink.removeAttribute("href");
+          nameLink.textContent = "No file attached";
+          nameLink.style.color = v("fg-faint");
+          nameLink.style.textDecoration = "none";
+          return;
+        }
+        let label2 = url;
+        try {
+          label2 = decodeURIComponent(new URL(url, location.href).pathname.split("/").pop() || url);
+        } catch {
+        }
+        nameLink.href = url;
+        nameLink.textContent = label2;
+        nameLink.style.color = v("fg");
+        nameLink.style.textDecoration = "underline";
+      };
+      renderName(currentUrl);
+      nameRow.appendChild(nameLink);
+      box.appendChild(nameRow);
+      const btnRow = document.createElement("div");
+      btnRow.style.cssText = `display:flex; gap:8px; align-items:center;`;
+      const fileInput = document.createElement("input");
+      fileInput.type = "file";
+      fileInput.accept = "application/pdf";
+      fileInput.style.display = "none";
+      const uploadBtn = document.createElement("button");
+      uploadBtn.type = "button";
+      uploadBtn.textContent = "Upload\u2026";
+      uploadBtn.style.cssText = `${button("ghost")} font-size: ${v("text-xs")};`;
+      attachHover(uploadBtn, { bg: v("surface-active") });
+      uploadBtn.addEventListener("click", () => fileInput.click());
+      const clearBtn = document.createElement("button");
+      clearBtn.type = "button";
+      clearBtn.textContent = "Clear";
+      clearBtn.style.cssText = `${button("ghost")} font-size: ${v("text-xs")};`;
+      attachHover(clearBtn, { bg: v("surface-active") });
+      clearBtn.addEventListener("click", () => {
+        currentUrl = "";
+        renderName("");
+        progressEl.textContent = "";
+      });
+      const progressEl = document.createElement("span");
+      progressEl.style.cssText = `font-size: ${v("text-xs")}; color: ${v("fg-muted")};`;
+      fileInput.addEventListener("change", async () => {
+        const f = fileInput.files?.[0];
+        if (!f) return;
+        uploadBtn.disabled = true;
+        try {
+          const url = await uploadImage(f, (pct) => {
+            progressEl.textContent = `Uploading\u2026 ${pct}%`;
+          });
+          currentUrl = url;
+          renderName(url);
+          progressEl.textContent = "Uploaded";
+        } catch (err) {
+          const msg = err instanceof Error && err.message.includes("(413)") ? "That file is too large." : "Upload failed \u2014 try again.";
+          progressEl.textContent = msg;
+          progressEl.style.color = v("danger");
+        } finally {
+          uploadBtn.disabled = false;
+          fileInput.value = "";
+        }
+      });
+      btnRow.appendChild(uploadBtn);
+      btnRow.appendChild(clearBtn);
+      btnRow.appendChild(progressEl);
+      box.appendChild(btnRow);
+      box.appendChild(fileInput);
+      wrapper.appendChild(box);
+      getValue2 = () => currentUrl === "" ? void 0 : currentUrl;
+      break;
+    }
     case "image": {
       const initialUrl = typeof initial === "string" ? initial : "";
       let currentUrl = initialUrl;