@social-mail/social-mail-client 1.2.41 → 1.2.42

package/package.json

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

package/src/common/controls/tree/FileTreeView.tsx

@@ -118,6 +118,9 @@ export class FolderTreeView extends TreeView<IAppFile> {
         }
         file.name = newName;
         await this.cloudFileService.save(file);
+        const e = this.map.get(file);
+        const { parentItem: { children } } = e;
+        children.set( children.indexOf(file), file);
     }
 
     protected async loadFolder(folder: number, accept: string, cancelToken) {
@@ -130,18 +133,22 @@ export class FolderTreeView extends TreeView<IAppFile> {
 }
 
 export class FileTreeView extends FolderTreeView {
+
+    public menuActions: (item: IAppFile) => XNode[];
+
     constructor(app, e) {
         super(app, e);
+        this.menuActions = null;
         this.canSelect = (item) => !item.isFolder;
         this.labelRenderer= (x) => <span
             text={x.name}
             title={x.name}
             data-click-event={ x.isFolder ? "none": "select-item" } />;
 
-            this.actionRenderer = (item) => <InlinePopupButton
+        this.actionRenderer = (item) => <InlinePopupButton
             data-layout="icon-button"
-            icon="fa-solid fa-ellipsis-vertical">
-            <div data-layout="vertical-flex" style-width="200px">
+            icon="fa-solid fa-ellipsis-vertical"
+            popup={() => <div data-layout="vertical-flex" style-width="200px">
                 { item.isFolder && <MenuItem
                     data-click-event="new-folder"
                     icon="fas fa-plus"
@@ -156,6 +163,7 @@ export class FileTreeView extends FolderTreeView {
                         folder: true,
                         accept: "*/*"
                     })}/> }
+                { ... (this.menuActions?.(item) ?? [] )}
                 { this.root !== item && <MenuItem
                     data-click-event="rename-file"
                     icon="fa-duotone fa-i-cursor"
@@ -166,8 +174,8 @@ export class FileTreeView extends FolderTreeView {
                     icon="fas fa-trash-can"
                     label="Delete"
                     />}
-            </div>
-        </InlinePopupButton>;
+            </div>}
+            />;
     }
 
     protected async loadFolder(folder: number, accept: string, cancelToken) {

package/src/common/controls/tree/TreeView.tsx

@@ -323,11 +323,17 @@ export default class TreeView<T extends object = any> extends AtomControl {
         }
 
         const watcher = children.watch((target, event, index, child) => {
-            if (event === "add" || event === "set") {
+            if (event === "add") {
                 // set parent in the
                 this.createElement(child, item, index);
                 return;
             }
+            if (event === "set") {
+                const childElement = this.map.get(child);
+                childElement?.dispose();
+                this.createElement(child, item, index);
+                return;
+            }
             if (event === "remove") {
                 const childElement = this.map.get(child);
                 childElement?.dispose();

package/src/common/pages/websites/studio/WebSiteStudioPage.tsx

@@ -147,6 +147,17 @@ export default class WebSiteStudioPage extends ContentPage {
                 accept="text/html"
                 presenter={Bind.presenter((c) => this.folderTree = c)}
                 selectedItem={Bind.twoWaysImmediate(() => this.selectedFile)}
+                menuActions={(x: IAppFile) => !x.isFolder
+                    ? ( /\.(htm|html)$/i.test(x.name)
+                        ? [
+                            <MenuItem
+                                icon="fas fa-copy"
+                                data-click-event="duplicate-html"
+                                label="Duplicate Page"
+                                />
+                        ]
+                        : [])
+                    : void 0}
                 event-selected-item-changing={(ce) => {
                     if (this.pageContent) {
                         if(confirm("Page is modified but not saved, your changes will be lost")) {
@@ -237,6 +248,20 @@ export default class WebSiteStudioPage extends ContentPage {
         this.pageContent = "";
     }
 
+    @Action({ onEvent: "duplicate-html"})
+    async duplicateHtml(file: IAppFile) {
+        let { name }  = file;
+        name = name.replace(/(\.[^\.]+)$/, (ext) => " Copy" + ext);
+        file = await this.cloudFileService.save({ ... file,
+            appFileID: void 0,
+            children: void 0,
+            parent: void 0,
+            name
+        });
+        this.root.children.add(file);
+        this.selectedFile = file;
+    }
+
     protected hide(): void {
         this.pageContent = this.htmlEditor.htmlPage;
         super.hide();