Save images to localforage & redirect to download page when all mocku…

…ps generated
oursky · Aug 28, 2024 · d723a25 · d723a25
1 parent ef0936b
commit d723a25
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 2 deletions.
diff --git a/public/scripts/models/image-upload.js b/public/scripts/models/image-upload.js
@@ -25,6 +25,7 @@ class ImageUpload {
   message = null;
   ulid = null;
   previewUrl = null;
+  generatedMockups = [];
 
   loadDimensionPromise = null;
 

diff --git a/public/scripts/upload.js b/public/scripts/upload.js
@@ -30,7 +30,7 @@ function getMaxWorkers() {
     // browser does not support navigator.hardwareConcurrency, fallback to default
     return DEFAULT_MAX_WEB_WORKERS;
   }
-  return navigator.hardwareConcurrency;
+  return 4;
 }
 
 function runWorker(worker, imageUpload, orientationIndex, mode) {
@@ -100,7 +100,13 @@ function runWorker(worker, imageUpload, orientationIndex, mode) {
           ImageUploadState.ReadSuccess,
         );
       } else if (mode === "mockup") {
-        console.log("generate mockup", imageUpload.file.name, orientationIndex);
+        const ulid = e.data["ulid"];
+        const results = e.data["results"];
+
+        window.viewModel.fileList.addGeneratedMockupToImageUploadByULID(
+          ulid,
+          results,
+        );
       }
 
       window.viewModel.idleWorker(worker);
@@ -187,6 +193,15 @@ class FileListViewModel {
       return imageUpload;
     });
   }
+
+  addGeneratedMockupToImageUploadByULID(ulid, generatedMockup) {
+    this._imageUploads = this._imageUploads.map((imageUpload) => {
+      if (imageUpload.ulid == ulid) {
+        imageUpload.generatedMockups.push(generatedMockup);
+      }
+      return imageUpload;
+    });
+  }
 }
 
 class RootViewModel {
@@ -788,6 +803,38 @@ function main() {
     },
   );
 
+  // observe fileListViewModel: imageUploads[].generatedMockups[].length
+  mobx.reaction(
+    () =>
+      viewModel.fileList.imageUploads.map(
+        (imageUpload) => imageUpload.generatedMockups.length,
+      ),
+    async () => {
+      if (viewModel.isGeneratingMockup) {
+        const imageUploads = viewModel.fileList.imageUploads;
+        let generatedMockups = [];
+        for (let i = 0; i < imageUploads.length; i += 1) {
+          generatedMockups = [
+            ...generatedMockups,
+            ...imageUploads[i].generatedMockups,
+          ];
+          if (
+            imageUploads[i].generatedMockups.length < viewModel.orientationsNum
+          ) {
+            return;
+          }
+        }
+
+        window.localforage
+          .setItem("pictureArray", generatedMockups)
+          .then(() => {
+            window.location.href =
+              "/download/?deviceId=" + window.workerDeviceId;
+          });
+      }
+    },
+  );
+
   // observe viewModel: selectedPreviewImageULID
   mobx.reaction(
     () => viewModel.selectedPreviewImageULID,