@social-mail/social-mail-client 1.2.607 → 1.2.609

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@social-mail/social-mail-client",
-  "version": "1.2.607",
+  "version": "1.2.609",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/public/preview/zip/DownloadZip.tsx

@@ -21,6 +21,14 @@ import AtomRepeater from "@web-atoms/web-controls/dist/basic/AtomRepeater";
 import { toKMBString } from "../../../common/NumberFormats";
 import { UMD } from "@web-atoms/core/dist/core/types";
 
+    styled.css `
+        position: absolute;
+        left: 0;
+        top: 0;
+        bottom: 0;
+        right: 0;
+    `.installGlobal("[data-download-all]");
+
 let fileInfo: Partial<IAppFile> = (window as any).fileInfo;
 
 if (!fileInfo) {
@@ -30,7 +38,7 @@ if (!fileInfo) {
         fileInfo[k] = v;
     });
 
-    // fileInfo = {"name":"PA_CERTIFICATE_8723097310.pdf", "fileContentID":"451769", "appFileID":"607151"} as any;
+    fileInfo = {"$id":2,"url":"/api/files/view/531173/null/woodswork.in","downloadUrl":"/api/files/download/531173/null/woodswork.in","$type":"AppFile","path":"531173/","isFolder":true,"name":"woodswork.in","fileSize":"160138","contentType":"application/site","contentDisposition":null,"contentID":null,"fileContentID":null,"creatorID":"1","parentID":null,"emailID":null,"isDeleted":false,"isShared":true,"dateCreated":"2024-06-12T06:08:24.079Z","dateUpdated":"2024-06-28T14:40:06.097Z","versions":null,"$deleted":false,"appFileID":"531173"} as any;
 }
 
 @Pack
@@ -49,6 +57,7 @@ export default class DownloadZip extends AtomControl {
 
     constructor(app, e) {
         super(app, e);
+        this.element.setAttribute("data-download-all", "download-all");
         this.pushInit();
     }
 
@@ -56,23 +65,27 @@ export default class DownloadZip extends AtomControl {
 
 
         this.renderer = <div>
-            <div>Preparing Zip</div>
+            <div data-layout="center-all">
+                <div>Preparing Zip</div>
+            </div>
         </div>;
 
-        const { JSZip } = await UMD.import("https://cdn.jsdelivr.net/npm/jszip@3.10.1/dist/jszip.min.js") as any;
+        const { default: JSZip } = await UMD.import("https://cdn.jsdelivr.net/npm/jszip@3.10.1/dist/jszip.min.js") as any;
 
         this.zipFile = new JSZip();
 
-        const { name, path } = fileInfo;
-
         this.renderer = <div>
-            <div>Loading files..</div>
+            <div data-layout="center-all">
+                <div>Loading folder ...</div>
+            </div>
         </div>;
 
         await this.loadingFiles();
 
         this.renderer = <div>
-            <div>Downloading Files..</div>
+            <div data-layout="center-all">
+                <div>Downloading Files ...</div>
+            </div>
         </div>;
 
         for (const element of this.files) {
@@ -88,16 +101,20 @@ export default class DownloadZip extends AtomControl {
         const zipFolder = this.zipFile.folder(this.root.name);
 
         this.renderer = <div>
-            <AtomRepeater
-                items={this.slice}
-                itemRenderer={(x: IAppFile) => <div text={`Downloading ${x.name} (${toKMBString(x.fileSize)})`}/>}
-                />
+            <div data-layout="center-all">
+                <AtomRepeater
+                    items={this.slice}
+                    itemRenderer={(x: IAppFile) => <div text={`Downloading ${x.name} (${toKMBString(x.fileSize)})`}/>}
+                    />
+            </div>
         </div>;
 
         await this.downloadFiles(this.root, zipFolder);
 
         this.renderer = <div>
-            <div>Generating zip file.</div>
+            <div data-layout="center-all">
+                <div>Generating zip file.</div>
+            </div>
         </div>;
 
         const zipFile = await this.zipFile.generateAsync({ type: "blob"});
@@ -107,8 +124,12 @@ export default class DownloadZip extends AtomControl {
         const url = URL.createObjectURL(file);
 
         this.renderer = <div>
-            <div>Zip File is ready.</div>
-            <a href={url} download={true}>Save Zip File</a>
+            <div data-layout="center-all">
+                <div data-layout="vertical-flex-stretch-items">
+                    <div>Zip File is ready.</div>
+                    <a href={url} download={file.name}>Save Zip File</a>
+                </div>
+            </div>
         </div>;
 
     }
@@ -135,9 +156,11 @@ export default class DownloadZip extends AtomControl {
             const slice = files.splice(0, 5);
             const tasks = [];
             for (const file of slice) {
+                this.slice.add(file);
                 tasks.push((async () => {
                     const blob = await FetchBuilder.get(file.downloadUrl).responseAsBlob();
                     zipFolder.file(file.name, blob);
+                    this.slice.remove(file);
                 })());
             }
             await Promise.all(tasks);
@@ -158,7 +181,7 @@ export default class DownloadZip extends AtomControl {
                 .where({ path, start }, (p) => (x) => Sql.text.like(x.path, p.path) && x.appFileID > p.start && x.isDeleted === false )
                 .orderBy((x) => x.appFileID)
                 .toPagedList({
-                    size: 10
+                    size: 100
                 });
 
             if (!files.items.length) {
@@ -170,6 +193,7 @@ export default class DownloadZip extends AtomControl {
                 if (!this.root && file.appFileID === fileInfo.appFileID) {
                     this.root = file;
                 }
+                start = file.appFileID;
             }
         } while (true);