feat: added download notif on both web and tauri versions

src/components/DialogBox/ExportProject.vue

@@ -41,7 +41,7 @@ import { ref } from 'vue'
 import { useState } from '#/store/SimulatorStore/state'
 import { useProjectStore } from '#/store/projectStore'
 import { generateSaveData } from '#/simulator/src/data/save'
-import { downloadFile } from '#/simulator/src/utils'
+import { downloadFile, showMessage } from '#/simulator/src/utils'
 import { escapeHtml } from '#/simulator/src/utils'
 
 export function ExportProject() {
@@ -73,7 +73,8 @@ const exportAsFile = async () => {
         false
     )
     fileName = `${fileName.replace(/[^a-z0-9]/gi, '_')}.cv`
-    downloadFile(fileName, circuitData)
+    const downloadDir = await downloadFile(fileName, circuitData)
+    showMessage(`"${fileName}" saved successfully to ${downloadDir}`)
     SimulatorState.dialogBox.export_project_dialog = false
 }
 </script>

src/simulator/src/utils.ts

@@ -116,7 +116,10 @@
 }
 
 // Helper function to download text
-export function downloadFile(filename: string, text: string | number | boolean | JSON) {
+export async function downloadFile(
+  filename: string,
+  text: string | number | boolean | JSON,
+): Promise<string> {
   if (isTauri()) {
     return downloadFileDesktop(filename, text);
   } else {
@@ -125,7 +128,7 @@
 }
 
 // For Web Application
-export function downloadFileWeb(filename: string, text: string | number | boolean) {
+export function downloadFileWeb(filename: string, text: string | number | boolean): string {
   const pom = document.createElement("a");
   pom.setAttribute("href", "data:text/plain;charset=utf-8," + encodeURIComponent(text));
   pom.setAttribute("download", filename);
@@ -137,13 +140,15 @@
   } else {
     pom.click();
   }
+
+  return "Downloads";
 }
 
 // For Desktop Application
 export async function downloadFileDesktop(
   filename: string,
   text: string | number | boolean | JSON,
-) {
+): Promise<string> {
   const downloadsDirectory = await downloadDir();
   let path = filename;
 
@@ -152,6 +157,7 @@
   }
 
   await writeTextFile(path, text.toString());
+  return downloadsDirectory;
 }
 
 // Helper function to open a new tab
@@ -175,7 +181,7 @@
 
   // Check if there is any content selected previously.
   const selected =
     (document.getSelection()?.rangeCount ?? 0 > 0) ? document.getSelection()?.getRangeAt(0) : false;
 
   // iOS Safari blocks programmatic execCommand copying normally, without this hack.
   // https://stackoverflow.com/questions/34045777/copy-to-clipboard-using-javascript-in-ios
@@ -226,7 +232,7 @@
 }
 
 export function getImageDimensions(file: string) {
   return new Promise(function (resolved, rejected) {
     const i = new Image();
     i.onload = function () {
       resolved({ w: i.width, h: i.height });
@@ -275,7 +281,7 @@
   });
   $("#bcdInput").on("keyup", function () {
     var input = $("#bcdInput").val();
     var num = 0;
     while (input.length % 4 !== 0) {
       input = "0" + input;
     }

v1/src/components/DialogBox/ExportProject.vue

@@ -41,7 +41,7 @@ import { ref } from 'vue'
 import { useState } from '#/store/SimulatorStore/state'
 import { useProjectStore } from '#/store/projectStore'
 import { generateSaveData } from '#/simulator/src/data/save'
-import { downloadFile } from '#/simulator/src/utils'
+import { downloadFile, showMessage } from '#/simulator/src/utils'
 import { escapeHtml } from '#/simulator/src/utils'
 
 export function ExportProject() {
@@ -73,7 +73,8 @@ const exportAsFile = async () => {
         false
     )
     fileName = `${fileName.replace(/[^a-z0-9]/gi, '_')}.cv`
-    downloadFile(fileName, circuitData)
+    const downloadDir = await downloadFile(fileName, circuitData)
+    showMessage(`"${fileName}" saved successfully to ${downloadDir}`)
     SimulatorState.dialogBox.export_project_dialog = false
 }
 </script>

v1/src/simulator/src/utils.ts

@@ -116,7 +116,10 @@ export function gateGenerateVerilog(gate, invert = false) {
 }
 
 // Helper function to download text
-export function downloadFile(filename: string, text: string | number | boolean | JSON) {
+export async function downloadFile(
+  filename: string,
+  text: string | number | boolean | JSON,
+): Promise<string> {
   if (isTauri()) {
     return downloadFileDesktop(filename, text);
   } else {
@@ -125,7 +128,7 @@ export function downloadFile(filename: string, text: string | number | boolean |
 }
 
 // For Web Application
-export function downloadFileWeb(filename: string, text: string | number | boolean) {
+export function downloadFileWeb(filename: string, text: string | number | boolean): string {
   const pom = document.createElement("a");
   pom.setAttribute("href", "data:text/plain;charset=utf-8," + encodeURIComponent(text));
   pom.setAttribute("download", filename);
@@ -137,13 +140,15 @@ export function downloadFileWeb(filename: string, text: string | number | boolea
   } else {
     pom.click();
   }
+
+  return "Downloads";
 }
 
 // For Desktop Application
 export async function downloadFileDesktop(
   filename: string,
   text: string | number | boolean | JSON,
-) {
+): Promise<string> {
   const downloadsDirectory = await downloadDir();
   let path = filename;
 
@@ -152,6 +157,7 @@ export async function downloadFileDesktop(
   }
 
   await writeTextFile(path, text.toString());
+  return downloadsDirectory;
 }
 
 // Helper function to open a new tab