@social-mail/social-mail-client 1.2.237 → 1.2.239

package/dist/web/AppIndex.pack.js

@@ -38961,10 +38961,10 @@ System.register(["tslib", "@web-atoms/core/dist/di/DISingleton", "@web-atoms/cor
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/services/files/MimeTypeService");
 
-System.register(["tslib", "@web-atoms/core/dist/di/DITransient", "@web-atoms/core/dist/di/Inject", "../../../../services/EntityService", "../../../../model/model", "../../../Sql"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/di/DITransient", "@web-atoms/core/dist/di/Inject", "../../../../services/EntityService", "../../../../model/model", "../../../Sql", "@web-atoms/core/dist/services/FetchBuilder", "../../../../web/page/files/service/CloudFileService", "@web-atoms/entity/dist/models/TaskManager"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, DITransient, Inject, EntityService, WebSiteFolder, Sql, TemplateService;
+  var __awaiter, __decorate, __metadata, DITransient, Inject, EntityService, AppFile, WebSiteFolder, Sql, FetchBuilder, CloudFileService, TaskManager, TemplateService;
   return {
     setters: [function (_tslib) {
       __awaiter = _tslib.__awaiter;
@@ -38977,12 +38977,19 @@ System.register(["tslib", "@web-atoms/core/dist/di/DITransient", "@web-atoms/cor
     }, function (_servicesEntityService) {
       EntityService = _servicesEntityService.default;
     }, function (_modelModel) {
+      AppFile = _modelModel.AppFile;
       WebSiteFolder = _modelModel.WebSiteFolder;
     }, function (_Sql) {
       Sql = _Sql.Sql;
+    }, function (_webAtomsCoreDistServicesFetchBuilder) {
+      FetchBuilder = _webAtomsCoreDistServicesFetchBuilder.default;
+    }, function (_webPageFilesServiceCloudFileService) {
+      CloudFileService = _webPageFilesServiceCloudFileService.default;
+    }, function (_webAtomsEntityDistModelsTaskManager) {
+      TaskManager = _webAtomsEntityDistModelsTaskManager.default;
     }],
     execute: function () {
-      TemplateService = class TemplateService {
+      TemplateService = class TemplateService extends TaskManager {
         search({
           search = "",
           start = 0,
@@ -39005,8 +39012,198 @@ System.register(["tslib", "@web-atoms/core/dist/di/DITransient", "@web-atoms/cor
             });
           });
         }
+        copyTemplate(templateFolderID, destFolderID, siteRoot = "/") {
+          return __awaiter(this, void 0, void 0, function* () {
+            const allFiles = yield this.entityService.query(AppFile, "templateSnapshot", templateFolderID).toArray();
+            const fileMap = this.fileMap = new Map();
+            const fcMap = this.fcMap = new Map();
+            this.absolutePaths = new Map();
+            for (const iterator of allFiles) {
+              fileMap.set(iterator.appFileID, iterator);
+              if (iterator.fileContentID) {
+                fcMap.set(iterator.fileContentID, iterator);
+              }
+              if (iterator.contentType === "snapshot" && !iterator.parent) {
+                this.root = iterator;
+                continue;
+              }
+            }
+            for (const iterator of this.root.children) {
+              yield this.copyFile(iterator, destFolderID, siteRoot);
+            }
+            this.fcMap = null;
+            this.fileMap = null;
+            this.absolutePaths = null;
+          });
+        }
+        copyFile(source, destFolderID, siteRoot) {
+          return __awaiter(this, void 0, void 0, function* () {
+            siteRoot = siteRoot + source.name + "/";
+            let destFile = yield this.entityService.query(AppFile).where({
+              destFolderID,
+              name: source.name
+            }, p => x => x.parentID === p.destFolderID && x.isDeleted === false && x.name === p.name).firstOrDefault();
+            destFile !== null && destFile !== void 0 ? destFile : destFile = AppFile.create(Object.assign(Object.assign({}, source), {
+              fileContentID: void 0,
+              appFileID: void 0,
+              parentID: destFolderID
+            }));
+            if (destFile.fileContentID !== source.fileContentID) {
+              destFile.fileContentID = source.fileContentID;
+              yield this.entityService.save(destFile, c => c);
+              destFile.downloadUrl = source.downloadUrl;
+              destFile.url = source.url;
+            }
+            const tasks = [];
+            if (source.isFolder && source.children) {
+              for (const child of source.children) {
+                tasks.push(this.run(() => this.copyFile(child, destFile.appFileID, siteRoot)));
+              }
+            }
+            if (tasks.length) {
+              yield Promise.all(tasks);
+            }
+            if (!destFile.fileContentID) {
+              return;
+            }
+            if (/\.html?$/i.test(destFile.name)) {
+              yield this.updateHtmlReferences(source, destFile, siteRoot);
+              return;
+            }
+            if (/\.css$/i.test(destFile.name)) {
+              let css = yield FetchBuilder.get(destFile.downloadUrl).responseAsText();
+              css = this.updateCssReferences(source, destFile, css);
+              if (css) {
+                yield this.cloudFileService.saveFile({
+                  appFileID: destFile.appFileID,
+                  content: new File([css], destFile.name, {
+                    type: destFile.contentType
+                  })
+                });
+              }
+            }
+          });
+        }
+        updateCssReferences(source, destFile, css) {
+          const regex = /url\(((\"[^\"]+\")|([^\)]+))\)/gmi;
+          let updated = false;
+          let m;
+          const list = new Set();
+          while ((m = regex.exec(css)) !== null) {
+            if (m.index === regex.lastIndex) {
+              regex.lastIndex++;
+            }
+            if (m.length) {
+              const [matched, group] = m;
+              if (group) {
+                list.add(group);
+              }
+            }
+          }
+          for (const fg of list.values()) {
+            let link = fg;
+            const first = link[0];
+            const encoded = first === '"' || first === "'";
+            if (encoded) {
+              link = link.substring(1, link.length - 1);
+            }
+            if (!/(https?\:)?\/\//i.test(link)) {
+              continue;
+            }
+            const url = new URL(link, "https://socialmail.in");
+            if (!url.pathname.startsWith("/api/site/snapshot/")) {
+              continue;
+            }
+            const {
+              6: fcID
+            } = url.pathname.split("/");
+            const resource = this.fcMap.get(fcID);
+            link = this.getRelativePath(source, resource);
+            css = css.split(fg).join(link);
+            updated = true;
+          }
+          if (updated) {
+            return css;
+          }
+          return null;
+        }
+        updateHtmlReferences(source, destFile, siteRoot) {
+          return __awaiter(this, void 0, void 0, function* () {
+            const parser = new DOMParser();
+            const text = yield FetchBuilder.get(destFile.downloadUrl).responseAsText();
+            const dom = parser.parseFromString(text, "text/html");
+            let modified = false;
+            for (const iterator of Array.from(dom.documentElement.querySelectorAll("*"))) {
+              let attributeName = "src";
+              switch (iterator.tagName) {
+                case "LINK":
+                  attributeName = "href";
+                  break;
+                case "IMG":
+                  break;
+                case "STYLE":
+                  const css = this.updateCssReferences(source, destFile, iterator.textContent);
+                  if (css) {
+                    iterator.textContent = css;
+                  }
+                  continue;
+                default:
+                  continue;
+              }
+              let link = iterator[attributeName];
+              const url = new URL(link);
+              if (!url.pathname.startsWith("/api/site/snapshot/")) {
+                continue;
+              }
+              const {
+                6: fcID
+              } = url.pathname.split("/");
+              const resource = this.fcMap.get(fcID);
+              link = this.getRelativePath(source, resource);
+              iterator.setAttribute(attributeName, link);
+              modified = true;
+            }
+            if (!modified) {
+              return;
+            }
+            const content = dom.documentElement.outerHTML;
+            const fileName = destFile.name;
+            yield this.cloudFileService.saveFile({
+              content: new File([content], fileName, {
+                type: "text/html"
+              }),
+              appFileID: destFile.appFileID
+            });
+          });
+        }
+        getRelativePath(destFile, resource, prefix = "") {
+          const destPath = this.toAbsolutePath(destFile.parent);
+          const resPath = this.toAbsolutePath(resource);
+          if (resPath.startsWith(destPath)) {
+            prefix = prefix ? "../" : "./";
+            return prefix + resPath.substring(destPath.length + 1);
+          }
+          prefix = prefix ? prefix + "../" : "../";
+          return this.getRelativePath(destFile.parent, resource, prefix);
+        }
+        toAbsolutePath(resource) {
+          let path = this.absolutePaths.get(resource);
+          if (path) {
+            return path;
+          }
+          const parent = resource.parent;
+          if (parent) {
+            path = this.toAbsolutePath(parent) + "/" + resource.name;
+            this.absolutePaths.set(resource, path);
+            return path;
+          }
+          path = "/" + resource.name;
+          this.absolutePaths.set(resource, path);
+          return path;
+        }
       };
       __decorate([Inject, __metadata("design:type", EntityService)], TemplateService.prototype, "entityService", void 0);
+      __decorate([Inject, __metadata("design:type", CloudFileService)], TemplateService.prototype, "cloudFileService", void 0);
       TemplateService = __decorate([DITransient()], TemplateService);
       _export("default", TemplateService);
     }
@@ -39016,10 +39213,10 @@ System.register(["tslib", "@web-atoms/core/dist/di/DITransient", "@web-atoms/cor
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/common/pages/websites/templates/TemplateService");
 
-System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/view-model/Action", "@web-atoms/core/dist/core/types", "@web-atoms/core/dist/services/FetchBuilder", "@web-atoms/core/dist/core/InjectProperty", "../../../../web/page/files/service/CloudFileService", "../../../../services/files/MimeTypeService", "@web-atoms/web-controls/dist/basic/AtomRepeater", "../../../controls/repeater/InfiniteRepeater", "./TemplateService", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/core/Bind", "../../../controls/buttons/IconButton"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/view-model/Action", "@web-atoms/core/dist/core/types", "@web-atoms/core/dist/services/FetchBuilder", "@web-atoms/core/dist/core/InjectProperty", "../../../../web/page/files/service/CloudFileService", "../../../../services/files/MimeTypeService", "@web-atoms/web-controls/dist/basic/AtomRepeater", "../../../controls/repeater/InfiniteRepeater", "./TemplateService", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/core/Bind", "../../../controls/buttons/IconButton", "../../../../services/EntityService"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, PopupWindowPage, XNode, Action, UMD, FetchBuilder, InjectProperty, CloudFileService, MimeTypeService, AtomRepeater, InfiniteRepeater, TemplateService, styled, Bind, AddIconTextButton, ChooseWebSiteTemplatePage, css;
+  var __awaiter, __decorate, __metadata, PopupWindowPage, XNode, Action, UMD, FetchBuilder, InjectProperty, CloudFileService, MimeTypeService, AtomRepeater, InfiniteRepeater, TemplateService, styled, Bind, AddIconTextButton, EntityService, ChooseWebSiteTemplatePage, css;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -39054,6 +39251,8 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
       Bind = _webAtomsCoreDistCoreBind.default;
     }, function (_controlsButtonsIconButton) {
       AddIconTextButton = _controlsButtonsIconButton.AddIconTextButton;
+    }, function (_servicesEntityService) {
+      EntityService = _servicesEntityService.default;
     }],
     execute: function () {
       css = styled.css`
@@ -39159,27 +39358,8 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
         }
         useTemplate(item) {
           return __awaiter(this, void 0, void 0, function* () {
-            const host = `/api/site/draft/${item.folderID}`;
-            let html = yield FetchBuilder.get(`${host}/index.html`).responseAsText();
-            const parser = new DOMParser();
-            const doc = parser.parseFromString(html, "text/html");
-            let modified = false;
-            for (const iterator of Array.from(doc.querySelectorAll(`link[rel="stylesheet"]`))) {
-              const href = iterator.getAttribute("href");
-              if (/vars\.css/i.test(href)) {
-                continue;
-              }
-              modified = true;
-              const path = href.split("#")[0].split("?")[0];
-              const name = path.split("/").pop();
-              const style = yield this.upload(void 0, name, "styles", void 0, href);
-              iterator.setAttribute("href", `/api/site/asset/download/${this.parameters.appFileID}/${style.appFileID}/${style.fileContentID}/${name}`);
-            }
-            if (modified) {
-              html = doc.documentElement.outerHTML;
-            }
-            yield this.upload(host, "index.html", void 0, html);
-            yield this.upload(host, "vars.css", "styles");
+            yield this.templateService.copyTemplate(item.folderID, this.parameters.appFileID);
+            return true;
           });
         }
         upload(host, fileName, folder = void 0, content = void 0, url = void 0) {
@@ -39221,6 +39401,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
         }
       });
       __decorate([InjectProperty, __metadata("design:type", CloudFileService)], ChooseWebSiteTemplatePage.prototype, "cloudFileService", void 0);
+      __decorate([InjectProperty, __metadata("design:type", EntityService)], ChooseWebSiteTemplatePage.prototype, "entityService", void 0);
       __decorate([InjectProperty, __metadata("design:type", MimeTypeService)], ChooseWebSiteTemplatePage.prototype, "mimeTypeService", void 0);
       __decorate([InjectProperty, __metadata("design:type", TemplateService)], ChooseWebSiteTemplatePage.prototype, "templateService", void 0);
       __decorate([Action({
@@ -45007,10 +45188,11 @@ System.register(["./apiPath"], function (_export, _context) {
     }],
     execute: function () {
       _export("imageUrl", imageUrl = (site, file, size) => {
+        const name = encodeURIComponent(file.name);
         if (!size) {
-          return apiPath(`/api/site/asset/webp/${site.appFileID}/${file.appFileID}/${file.fileContentID}/${file.name}.webp`);
+          return apiPath(`/api/site/asset/webp/${site.appFileID}/${file.appFileID}/${file.fileContentID}/${name}.webp`);
         }
-        return apiPath(`/api/site/asset/webp(${size})/${site.appFileID}/${file.appFileID}/${file.fileContentID}/${file.name}.${size}.webp`);
+        return apiPath(`/api/site/asset/webp(${size})/${site.appFileID}/${file.appFileID}/${file.fileContentID}/${name}.${size}.webp`);
       });
       _export("srcSetUrl", srcSetUrl = (site, file) => {
         const small = imageUrl(site, file, 480) + " 640w";
@@ -45126,6 +45308,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "./HtmlP
               script.setAttribute("web-components", "social");
               script.setAttribute("async", "true");
               script.setAttribute("defer", "true");
+              this.htmlDocument.head.appendChild(this.htmlDocument.createTextNode("\n"));
               this.htmlDocument.head.appendChild(script);
             }
             script.setAttribute("src", "//cdn.jsdelivr.net/npm/@social-mail/web-components@1.0.48/dist/components.webpack.js");
@@ -45144,6 +45327,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "./HtmlP
             }
             if (!link) {
               link !== null && link !== void 0 ? link : link = document.createElement("link");
+              document.head.appendChild(this.htmlDocument.createTextNode("\n"));
               document.head.appendChild(link);
               link.rel = "stylesheet";
               link.setAttribute("styler-css", file.name);