@putkoff/abstract-securefiles 0.0.49 → 0.0.50

package/src/ServerFiles.tsx

@@ -157,6 +157,13 @@ function Browser({
     if (listing && !roots.some((r) => listing.path.startsWith(r.path))) setListing(null);
   }, [roots, listing, open]);
 
+  const togglePick = (path: string, on: boolean) =>
+    setPicked((p) => {
+      const next = new Set(p);
+      on ? next.add(path) : next.delete(path);
+      return next;
+    });
+
   const link = async () => {
     setBusy(true);
     setResult(null);
@@ -176,12 +183,15 @@ function Browser({
 
   if (!roots.length) return <p className="sf-muted">Allow a directory above to browse and link its files.</p>;
 
-  const linkable = listing?.files.filter((f) => !f.linked_id) ?? [];
+  const linkable = [
+    ...(listing?.dirs.filter((d) => !d.linked_id) ?? []),
+    ...(listing?.files.filter((f) => !f.linked_id) ?? []),
+  ];
   const relative = listing ? listing.path.slice(listing.root.length) || "/" : "";
 
   return (
     <div className="sf-card">
-      <h4>Link files</h4>
+      <h4>Link files or folders</h4>
       <div className="sf-row">
         <select
           className="sf-input sf-root-select"
@@ -205,11 +215,21 @@ function Browser({
             </button>
           )}
           {listing.dirs.map((d) => (
-            <button key={d} type="button" className="sf-browser__dir" onClick={() => open(`${listing.path}/${d}`)}>
-              📁 {d}
-            </button>
+            <div key={d.path} className={`sf-browser__row${d.linked_id ? " sf-muted" : ""}`}>
+              <input
+                type="checkbox"
+                aria-label={`Select folder ${d.name}`}
+                disabled={!!d.linked_id}
+                checked={picked.has(d.path)}
+                onChange={(e) => togglePick(d.path, e.target.checked)}
+              />
+              <button type="button" className="sf-browser__dir" onClick={() => open(d.path)} title="Open folder">
+                📁 {d.name}
+              </button>
+              <span className="sf-muted">{d.linked_id ? "already linked" : "folder → .tar"}</span>
+            </div>
           ))}
-          {listing.files.length > 0 && (
+          {linkable.length > 0 && (
             <label className="sf-check sf-browser__all">
               <input
                 type="checkbox"
@@ -217,7 +237,7 @@ function Browser({
                 disabled={!linkable.length}
                 onChange={(e) => setPicked(e.target.checked ? new Set(linkable.map((f) => f.path)) : new Set())}
               />
-              Select all files here
+              Select everything here
             </label>
           )}
           {listing.files.map((f) => (
@@ -226,13 +246,7 @@ function Browser({
                 type="checkbox"
                 disabled={!!f.linked_id}
                 checked={picked.has(f.path)}
-                onChange={(e) =>
-                  setPicked((p) => {
-                    const next = new Set(p);
-                    e.target.checked ? next.add(f.path) : next.delete(f.path);
-                    return next;
-                  })
-                }
+                onChange={(e) => togglePick(f.path, e.target.checked)}
               />
               <span className="sf-browser__name">{f.name}</span>
               <span className="sf-muted">{f.linked_id ? "already linked" : formatSize(f.size)}</span>
@@ -279,9 +293,10 @@ export function ServerFiles({
       <summary>Server files (admin)</summary>
       <div className="sf-stack">
         <p className="sf-muted">
-          Link files that already live on the server instead of uploading copies. Only files inside allowed
-          directories can be linked; removing a directory immediately disables its links. Deleting a linked entry
-          never touches the original file. Available from the local network only.
+          Link files or whole folders that already live on the server instead of uploading copies. A linked folder
+          downloads as one uncompressed .tar with an exact size, and interrupted downloads can be resumed. Only
+          items inside allowed directories can be linked; removing a directory immediately disables its links.
+          Deleting a linked entry never touches the original. Available from the local network only.
         </p>
         {error && <p className="sf-error">{error}</p>}
         {roots && (

package/src/api.ts

@@ -66,25 +66,14 @@ export function createApi(apiBase: string = DEFAULT_API_BASE) {
         body: JSON.stringify({ ids }),
       }),
 
-    async download(ids: number[], fallbackName: string): Promise<void> {
-      const res = await fetch(`${root}/download`, {
-        method: "POST",
-        credentials: "include",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ ids }),
-      });
-      if (!res.ok) throw await errorFrom(res);
-      const disposition = res.headers.get("Content-Disposition") || "";
-      const match = /filename\*?=(?:UTF-8'')?"?([^";]+)"?/i.exec(disposition);
-      const name = match ? decodeURIComponent(match[1]) : fallbackName;
-      const url = URL.createObjectURL(await res.blob());
+    /** Hand the download to the browser so it streams to disk (native progress + resume, no memory limit). */
+    download(ids: number[]): void {
       const a = document.createElement("a");
-      a.href = url;
-      a.download = name;
+      a.href = `${root}/download?ids=${ids.join(",")}`;
+      a.rel = "noopener";
       document.body.appendChild(a);
       a.click();
       a.remove();
-      setTimeout(() => URL.revokeObjectURL(url), 1000);
     },
 
     upload(file: File, relPath: string, onProgress?: (fraction: number) => void): Promise<void> {

package/src/styles.css

@@ -430,3 +430,13 @@
   text-decoration: line-through;
   opacity: 0.7;
 }
+.sf-browser__row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.sf-browser__row .sf-browser__dir {
+  flex: 1;
+  border-bottom: none;
+  padding: 0;
+}

package/src/types.ts

@@ -11,6 +11,8 @@ export interface SecureFile {
   share_url: string;
   /** true when the entry points at a file elsewhere on the server instead of an upload */
   linked: boolean;
+  /** "folder" entries download as an uncompressed, resumable .tar of the whole directory */
+  kind: "file" | "folder";
   source_path: string | null;
   /** false when the file is missing on disk (or its allowed directory was removed) */
   available: boolean;
@@ -34,7 +36,7 @@ export interface BrowseResult {
   path: string;
   root: string;
   parent: string | null;
-  dirs: string[];
+  dirs: { name: string; path: string; linked_id: number | null }[];
   files: { name: string; path: string; size: number; linked_id: number | null }[];
   truncated: boolean;
 }