#603 save and saveas change done

src/editor/extensions/ext-opensave/ext-opensave.js

@@ -18,6 +18,7 @@
 import { fileOpen, fileSave } from 'browser-fs-access';
 
 const name = "opensave";
+let handle = null;
 
 const loadExtensionTranslation = async function (svgEditor) {
   let translationModule;
@@ -108,7 +109,7 @@ export default {
      *
      * @returns {void}
      */
-    const clickSave = async function () {
+    const clickSave = async function (type, _) {
       const $editorDialog = $id("se-svg-editor-dialog");
       const editingsource = $editorDialog.getAttribute("dialog") === "open";
       if (editingsource) {
@@ -135,10 +136,18 @@ export default {
         const b64Data = svgCanvas.encode64(svg);
         const blob = b64toBlob(b64Data, 'image/svg+xml');
         try {
-          await fileSave(blob, {
-            fileName: 'icon.svg',
-            extensions: [ '.svg' ]
-          });
+          if(type === "save" && handle !== null) {
+            const throwIfExistingHandleNotGood = false;
+            handle = await fileSave(blob, {
+              fileName: 'icon.svg',
+              extensions: [ '.svg' ]
+            }, handle, throwIfExistingHandleNotGood);
+          } else {
+            handle = await fileSave(blob, {
+              fileName: 'icon.svg',
+              extensions: [ '.svg' ]
+            });
+          }
         } catch (err) {
           if (err.name !== 'AbortError') {
             return console.error(err);
@@ -159,10 +168,13 @@ export default {
         svgCanvas.insertChildAtIndex($id('main_button'), openButtonTemplate, 1);
         const saveButtonTemplate = `<se-menu-item id="tool_save" label="${svgEditor.i18next.t('tools.save_doc')}" shortcut="S" src="${imgPath}/saveImg.svg"></se-menu-item>`;
         svgCanvas.insertChildAtIndex($id('main_button'), saveButtonTemplate, 2);
+        const saveAsButtonTemplate = `<se-menu-item id="tool_save_as" label="${svgEditor.i18next.t('tools.save_as_doc')}" src="${imgPath}/saveImg.svg"></se-menu-item>`;
+        svgCanvas.insertChildAtIndex($id('main_button'), saveAsButtonTemplate, 3);
         // handler
         $id("tool_clear").addEventListener("click", clickClear.bind(this));
         $id("tool_open").addEventListener("click", clickOpen.bind(this));
-        $id("tool_save").addEventListener("click", clickSave.bind(this));
+        $id("tool_save").addEventListener("click", clickSave.bind(this, "save"));
+        $id("tool_save_as").addEventListener("click", clickSave.bind(this, "saveas"));
       }
     };
   }

src/editor/extensions/ext-opensave/locale/en.js

@@ -3,6 +3,7 @@ export default {
   tools: {
     new_doc: 'New Image',
     open_doc: 'Open SVG',
-    save_doc: 'Save Image'
+    save_doc: 'Save Image',
+    save_as_doc: 'Save As Image'
   }
 };

src/editor/extensions/ext-opensave/locale/fr.js

@@ -3,6 +3,7 @@ export default {
   tools: {
     new_doc: 'Nouvelle image',
     open_doc: 'Ouvrir le SVG',
-    save_doc: 'Enregistrer l\'image'
+    save_doc: 'Enregistrer l\'image',
+    save_as_doc: 'Enregistrer en tant qu\'image'
   }
 };

src/editor/extensions/ext-opensave/locale/zh-CN.js

@@ -3,6 +3,7 @@ export default {
   tools: {
     new_doc: '新图片',
     open_doc: '打开 SVG',
-    save_doc: '保存图像'
+    save_doc: '保存图像',
+    save_as_doc: '另存为图像'
   }
 };

src/editor/locale/lang.en.js

@@ -112,6 +112,7 @@ export default {
     open_doc: 'Open SVG',
     export_img: 'Export',
     save_doc: 'Save Image',
+    save_as_doc: 'Save As Image',
     import_doc: 'Import Image',
     align_to_page: 'Align Element to Page',
     align_bottom: 'Align Bottom',