@social-mail/social-mail-client 1.2.589 → 1.2.590

package/dist/admin/AdminAppIndex.pack.js

@@ -24045,47 +24045,78 @@ System.register(["tslib"], function (_export, _context) {
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/Modules");
 
-System.register(["tslib", "../../common/Modules"], function (_export, _context) {
+System.register(["tslib", "../../common/Modules", "@web-atoms/core/dist/web/services/PopupService", "@web-atoms/core/dist/core/XNode"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, Modules, FFService;
+  var __awaiter, Modules, PopupWindow, XNode, FFConverterWindow, FFService;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
       __awaiter = _tslib.__awaiter;
     }, function (_commonModules) {
       Modules = _commonModules.default;
+    }, function (_webAtomsCoreDistWebServicesPopupService) {
+      PopupWindow = _webAtomsCoreDistWebServicesPopupService.PopupWindow;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
     }],
     execute: function () {
+      FFConverterWindow = class FFConverterWindow extends PopupWindow {
+        init() {
+          var _a;
+          return __awaiter(this, void 0, void 0, function* () {
+            const targetFile = this.parameters;
+            this.renderer = XNode.create("div", null, XNode.create("div", null, "Initializing video converter ... "));
+            try {
+              const {
+                FFmpeg
+              } = yield Modules.import("/social-mail/ffmpeg/ffmpeg/index.js");
+              const {
+                fetchFile,
+                toBlobURL
+              } = yield Modules.import("/social-mail/ffmpeg/util/index.js");
+              const baseURL = '/social-mail/ffmpeg/core-mt';
+              const ffmpeg = new FFmpeg();
+              ffmpeg.on("log", ({
+                message
+              }) => console.log(message));
+              ffmpeg.on("error", ({
+                message
+              }) => console.error(message));
+              yield ffmpeg.load({
+                coreURL: `${baseURL}/ffmpeg-core.js`,
+                wasmURL: `${baseURL}/ffmpeg-core.wasm`,
+                workerURL: `${baseURL}/ffmpeg-core.worker.js`
+              });
+              const outputName = targetFile.name + ".webm";
+              yield ffmpeg.writeFile(targetFile.name, yield fetchFile(targetFile));
+              this.renderer = XNode.create("div", null, XNode.create("div", null, "Converting video ... "), XNode.create("progress", {
+                min: "0",
+                max: "1"
+              }));
+              const progressElement = this.element.querySelector("progress");
+              ffmpeg.on("progress", ({
+                progress,
+                time
+              }) => progressElement.value = progress);
+              yield ffmpeg.exec(["-i", targetFile.name, "-fflags", "+genpts", "-preset", "ultrafast", "-crf", "23", outputName]);
+              this.renderer = XNode.create("div", null, XNode.create("div", null, "Conversion successful."));
+              const buffer = yield ffmpeg.readFile(outputName);
+              this.close(new File([buffer.buffer], outputName, {
+                type: "video/webm"
+              }));
+            } catch (error) {
+              this.title = "Failed";
+              this.renderer = XNode.create("div", null, XNode.create("pre", null, (_a = error.stack) !== null && _a !== void 0 ? _a : error));
+            }
+          });
+        }
+      };
       _export("default", FFService = class FFService {
         static convert(targetFile) {
           return __awaiter(this, void 0, void 0, function* () {
-            const {
-              FFmpeg
-            } = yield Modules.import("/social-mail/ffmpeg/ffmpeg/index.js");
-            const {
-              fetchFile,
-              toBlobURL
-            } = yield Modules.import("/social-mail/ffmpeg/util/index.js");
-            const baseURL = '/social-mail/ffmpeg/core-mt';
-            const ffmpeg = new FFmpeg();
-            ffmpeg.on("log", ({
-              message
-            }) => console.log(message));
-            ffmpeg.on("error", ({
-              message
-            }) => console.error(message));
-            yield ffmpeg.load({
-              coreURL: `${baseURL}/ffmpeg-core.js`,
-              wasmURL: `${baseURL}/ffmpeg-core.wasm`,
-              workerURL: `${baseURL}/ffmpeg-core.worker.js`
-            });
-            const outputName = targetFile.name + ".webm";
-            yield ffmpeg.writeFile(targetFile.name, yield fetchFile(targetFile));
-            yield ffmpeg.exec(["-i", targetFile.name, "-fflags", "+genpts", "-preset", "ultrafast", "-crf", "23", outputName]);
-            const buffer = yield ffmpeg.readFile(outputName);
-            return new File([buffer.buffer], outputName, {
-              type: "video/webm"
+            return FFConverterWindow.showModal({
+              parameters: targetFile
             });
           });
         }