@higherdev/cli 0.32.0 → 0.33.0

package/dist/attachments.js

@@ -15,8 +15,9 @@ export function formatAttachmentBytes(size) {
         return `${Math.round(size / 1024)} KB`;
     return `${(size / 1024 / 1024).toFixed(1)} MB`;
 }
-export function attachmentChip(file) {
-    return `[${file.mime.startsWith("image/") ? "image" : "file"}: ${file.name} ${formatAttachmentBytes(file.size)}]`;
+export function attachmentChip(file, percent) {
+    const progress = file.size > 1024 * 1024 && percent != null ? ` ${percent}%` : "";
+    return `[${file.mime.startsWith("image/") ? "image" : "file"}: ${file.name} ${formatAttachmentBytes(file.size)}${progress}]`;
 }
 function shellWords(text) {
     const words = [];
@@ -108,7 +109,7 @@ export async function detectDroppedPaths(pasted, isFile = async (path) => (await
     const checks = await Promise.all(words.map((path) => isFile(path).catch(() => false)));
     return checks.every(Boolean) ? words : [];
 }
-export async function uploadAttachment(path, target = {}, config = loadConfig()) {
+export async function uploadAttachment(path, target = {}, config = loadConfig(), fetchImpl = fetch) {
     const info = await stat(path);
     if (!info.isFile())
         throw new Error(`${path} is not a file.`);
@@ -117,17 +118,49 @@ export async function uploadAttachment(path, target = {}, config = loadConfig())
     const mime = MIME[extname(path).toLowerCase()];
     if (!mime)
         throw new Error("Use an image, PDF, text, Markdown, JSON, or CSV file.");
-    const form = new FormData();
-    form.set("file", new Blob([await readFile(path)], { type: mime }), basename(path));
-    if (target.ticketKey)
-        form.set("ticket_key", target.ticketKey.toUpperCase());
-    if (target.messageId)
-        form.set("message_id", target.messageId);
-    const response = await fetch(`${config.url}/api/w/${config.slug}/attachments`, {
-        method: "POST", headers: { authorization: `Bearer ${config.api_key}` }, body: form,
+    const name = basename(path);
+    const bytes = await readFile(path);
+    const response = await fetchImpl(`${config.url}/api/w/${config.slug}/attachments/sign`, {
+        method: "POST", headers: { authorization: `Bearer ${config.api_key}`, "content-type": "application/json" },
+        body: JSON.stringify({ name, mime, size: info.size }),
     });
-    const parsed = await response.json().catch(() => null);
-    if (!response.ok || !parsed?.attachment)
-        throw new Error(parsed?.error ?? `hd: ${response.status} Upload failed.`);
-    return parsed.attachment;
+    const signed = await response.json().catch(() => null);
+    if (!response.ok || !signed?.attachment || !signed.signedUrl) {
+        throw new Error(signed?.error ?? `hd: ${response.status} Upload signing failed.`);
+    }
+    target.onProgress?.({ name, mime, size: info.size, percent: 0 });
+    const uploadResponse = await fetchImpl(signed.signedUrl, {
+        method: "PUT", headers: { "cache-control": "max-age=3600", "content-type": mime, "x-upsert": "false" },
+        body: progressStream(bytes, (percent) => target.onProgress?.({ name, mime, size: info.size, percent })),
+        duplex: "half",
+    });
+    const completeUrl = `${config.url}/api/w/${config.slug}/attachments/${signed.attachment.id}/complete`;
+    if (!uploadResponse.ok) {
+        await fetchImpl(completeUrl, { method: "POST", headers: { authorization: `Bearer ${config.api_key}` } }).catch(() => undefined);
+        throw new Error(`hd: ${uploadResponse.status} Direct attachment upload failed.`);
+    }
+    const completedResponse = await fetchImpl(completeUrl, {
+        method: "POST", headers: { authorization: `Bearer ${config.api_key}`, "content-type": "application/json" },
+        body: JSON.stringify({ ...(target.ticketKey ? { ticket_key: target.ticketKey.toUpperCase() } : {}),
+            ...(target.messageId ? { message_id: target.messageId } : {}) }),
+    });
+    const completed = await completedResponse.json().catch(() => null);
+    if (!completedResponse.ok || !completed?.attachment) {
+        throw new Error(completed?.error ?? `hd: ${completedResponse.status} Upload completion failed.`);
+    }
+    target.onProgress?.({ name, mime, size: info.size, percent: 100 });
+    return completed.attachment;
+}
+function progressStream(bytes, onProgress) {
+    let offset = 0;
+    return new ReadableStream({ pull(controller) {
+            if (offset >= bytes.byteLength) {
+                controller.close();
+                return;
+            }
+            const end = Math.min(offset + 64 * 1024, bytes.byteLength);
+            controller.enqueue(bytes.subarray(offset, end));
+            offset = end;
+            onProgress(bytes.byteLength ? Math.round(offset * 100 / bytes.byteLength) : 100);
+        } });
 }

package/dist/tui/App.js

@@ -56,6 +56,7 @@ export function App({ initial, availableUpdate: initialUpdate = null, updateDeps
     const [now, setNow] = useState(Date.now());
     const [draft, setDraft] = useState("");
     const [pendingAttachments, setPendingAttachments] = useState([]);
+    const [attachmentUploads, setAttachmentUploads] = useState({});
     const [busy, setBusy] = useState(false);
     const [notice, setNotice] = useState(null);
     const [availableUpdate, setAvailableUpdate] = useState(initialUpdate);
@@ -467,8 +468,18 @@ export function App({ initial, availableUpdate: initialUpdate = null, updateDeps
             setBusy(true);
             try {
                 const uploaded = [];
-                for (const path of paths)
-                    uploaded.push(await uploadAttachment(path, {}, config));
+                for (const path of paths) {
+                    try {
+                        uploaded.push(await uploadAttachment(path, { onProgress: (progress) => setAttachmentUploads((current) => ({ ...current, [path]: progress })) }, config));
+                    }
+                    finally {
+                        setAttachmentUploads((current) => {
+                            const next = { ...current };
+                            delete next[path];
+                            return next;
+                        });
+                    }
+                }
                 setPendingAttachments((current) => [...current, ...uploaded]);
             }
             catch (error) {
@@ -997,7 +1008,7 @@ export function App({ initial, availableUpdate: initialUpdate = null, updateDeps
                     return _jsx(Bubble, { message: item.message, width: width }, item.key);
                 } }), splash ? (_jsx(Splash, { columns: columns, rows: rows, width: width, ready: ready, helpFull: plan.helpFull, animate: plan.fits, onDone: () => setReady(true) })) : null, _jsxs(Box, { flexDirection: "column", width: width, children: [view === "board" && plan.panels > 0 ? _jsx(BoardPanel, { board: board, width: width, rows: plan.panels, cursor: cursor }) : null, view === "roadmap" && plan.panels > 0 ? (_jsx(RoadmapPanel, { board: board, width: width, rows: plan.panels, offset: roadmapOffset })) : null, view === "agents" && plan.panels > 0 ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(AgentsPanel, { board: board, width: width, rows: agentsView.top }), agentsView.bottom > 0 ? _jsxs(_Fragment, { children: [_jsx(Box, { height: 1 }), _jsx(StreamPanel, { lines: stream, width: width, rows: agentsView.bottom, live: running > 0 })] }) : null] })) : null, view === "feed" && plan.panels > 0 ? _jsx(FeedPanel, { entries: feed, width: width, rows: plan.panels }) : null, view === "settings" && plan.panels > 0 ? _jsx(SettingsPanel, { entries: settings, width: width, rows: plan.panels, title: "Settings", cursor: field, editing: editing }) : null, view === "inbox" && plan.panels > 0 ? _jsx(InboxPanel, { board: board, width: width, rows: plan.panels, focus: inboxFocus, selectedId: selectedDecisionId, answeringId: answering }) : null, view === "ticket" && plan.panels > 0 ? ticket
                         ? _jsx(TicketPanel, { ticket: ticket, width: width, rows: plan.panels, offset: ticketOffset, collapsed: ticketCollapsed })
-                        : _jsxs(Text, { color: UI.warn, children: ["No ticket ", ticketKey, " here."] }) : null, view === "home" && plan.cockpit > 0 ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Cockpit, { board: board, width: width, rows: plan.cockpit, cursor: cursor }), _jsx(Box, { height: 1 }), _jsx(StreamPanel, { lines: stream, width: width, rows: plan.stream, live: running > 0 })] })) : null, chatting && plan.panels > 0 && activeThread ? (_jsx(ChatPanel, { thread: activeThread, width: width, rows: plan.panels, offset: chatOffset, label: chatLabel, now: now })) : null, chatting ? null : _jsx(DecisionPanel, { decisions: decisions, board: board, width: width, rows: plan.decision, selectedId: selectedDecisionId }), notice ? _jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: UI.warn, children: notice }) }) : null, _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: UI.text, bold: true, children: workspace.slug }), _jsxs(Text, { color: UI.dim, children: [" ", workspace.repo, " "] }), _jsx(Text, { color: live === "live" ? UI.accent : UI.dim, children: "\u25CF " }), _jsxs(Text, { color: UI.dim, children: [live === "live" ? "5s poll" : live, " "] }), _jsx(Text, { color: UI.dim, children: running ? `${running} running ` : "" }), board.decisions.length ? _jsxs(Text, { color: UI.warn, children: [board.decisions.length, " decisions "] }) : null, workspace.paused ? _jsx(Text, { color: UI.warn, children: "paused " }) : null, logsFilter || rawLogs ? _jsxs(Text, { color: UI.warn, children: ["logs ", rawLogs ? "raw " : "", logsFilter ?? "all", " "] }) : null, _jsxs(Text, { color: UI.dim, wrap: "truncate", children: ["\u00B7 ", chatting ? chatLabel : mode, answering ? " esc cancels" : chatting ? " ↑↓ scroll · pgup/pgdn · esc hides" : view === "ticket" ? " ↑↓ scroll · pgup/pgdn · enter folds" : view === "roadmap" ? " ↑↓ scroll · pgup/pgdn" : view === "inbox" ? " ↑↓ decisions · enter answers" : cursor && selected ? ` ${selected.key} ↑↓ move · enter opens · esc leaves` : ""] })] }), availableUpdate || updateProgress ? (_jsx(Box, { children: _jsx(Text, { color: UI.warn, children: updateProgress ?? tuiUpdatePrompt(availableUpdate) }) })) : null, pendingAttachments.map((attachment) => (_jsx(Text, { color: UI.accent, children: attachmentChip(attachment) }, attachment.id))), _jsx(Box, { children: _jsx(TextInput, { value: draft, onChange: (next) => {
+                        : _jsxs(Text, { color: UI.warn, children: ["No ticket ", ticketKey, " here."] }) : null, view === "home" && plan.cockpit > 0 ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Cockpit, { board: board, width: width, rows: plan.cockpit, cursor: cursor }), _jsx(Box, { height: 1 }), _jsx(StreamPanel, { lines: stream, width: width, rows: plan.stream, live: running > 0 })] })) : null, chatting && plan.panels > 0 && activeThread ? (_jsx(ChatPanel, { thread: activeThread, width: width, rows: plan.panels, offset: chatOffset, label: chatLabel, now: now })) : null, chatting ? null : _jsx(DecisionPanel, { decisions: decisions, board: board, width: width, rows: plan.decision, selectedId: selectedDecisionId }), notice ? _jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: UI.warn, children: notice }) }) : null, _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: UI.text, bold: true, children: workspace.slug }), _jsxs(Text, { color: UI.dim, children: [" ", workspace.repo, " "] }), _jsx(Text, { color: live === "live" ? UI.accent : UI.dim, children: "\u25CF " }), _jsxs(Text, { color: UI.dim, children: [live === "live" ? "5s poll" : live, " "] }), _jsx(Text, { color: UI.dim, children: running ? `${running} running ` : "" }), board.decisions.length ? _jsxs(Text, { color: UI.warn, children: [board.decisions.length, " decisions "] }) : null, workspace.paused ? _jsx(Text, { color: UI.warn, children: "paused " }) : null, logsFilter || rawLogs ? _jsxs(Text, { color: UI.warn, children: ["logs ", rawLogs ? "raw " : "", logsFilter ?? "all", " "] }) : null, _jsxs(Text, { color: UI.dim, wrap: "truncate", children: ["\u00B7 ", chatting ? chatLabel : mode, answering ? " esc cancels" : chatting ? " ↑↓ scroll · pgup/pgdn · esc hides" : view === "ticket" ? " ↑↓ scroll · pgup/pgdn · enter folds" : view === "roadmap" ? " ↑↓ scroll · pgup/pgdn" : view === "inbox" ? " ↑↓ decisions · enter answers" : cursor && selected ? ` ${selected.key} ↑↓ move · enter opens · esc leaves` : ""] })] }), availableUpdate || updateProgress ? (_jsx(Box, { children: _jsx(Text, { color: UI.warn, children: updateProgress ?? tuiUpdatePrompt(availableUpdate) }) })) : null, pendingAttachments.map((attachment) => (_jsx(Text, { color: UI.accent, children: attachmentChip(attachment) }, attachment.id))), Object.entries(attachmentUploads).map(([path, upload]) => (_jsx(Text, { color: UI.accent, children: attachmentChip(upload, upload.percent) }, path))), _jsx(Box, { children: _jsx(TextInput, { value: draft, onChange: (next) => {
                                 setDraft(next);
                                 if (editingRef.current)
                                     setEditing({ key: editingRef.current.key, draft: next });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@higherdev/cli",
-  "version": "0.32.0",
+  "version": "0.33.0",
   "type": "module",
   "repository": {
     "type": "git",