Added sweetalert for notifications

package.json

@@ -15,6 +15,7 @@
   },
   "dependencies": {
     "bootstrap": "^5.3.1",
-    "jquery": "^3.7.1"
+    "jquery": "^3.7.1",
+    "sweetalert2": "^11.7.32"
   }
 }

src/js/customSweetalertFunctions.js

@@ -0,0 +1,11 @@
+export function showToastMessage(text, icon) {
+    Swal.fire({
+        toast: true,
+        position: 'top-end',
+        showConfirmButton: false,
+        timer: 3000,
+        timerProgressBar: true,
+        text: text,
+        icon: icon
+    });
+}

src/js/leetify.js

@@ -1,5 +1,6 @@
 
 import vocabulary from './vocabulary.json';
+import { showToastMessage } from './customSweetalertFunctions.js';
 
 $(document).ready(function() {
 
@@ -15,12 +16,11 @@ $(document).ready(function() {
         const encryptedText = $('#leetText').text().trim();
         try {
             await navigator.clipboard.writeText(encryptedText);
-            console.log('Content copied to clipboard');
+            showToastMessage('تم النسخ بنجاح', 'success');
         } catch (err) {
-            console.error('Failed to copy: ', err);
+            showToastMessage('حدث خطأ ما أثناء النسخ', 'error', 'error');
         }
     });
-
 });
 
 function generateLeet(input) {

src/js/main.js

@@ -2,6 +2,10 @@
 // Bootstrap
 import 'bootstrap/dist/js/bootstrap.bundle.min';
 
+// Sweetalert2
+import Swal from 'sweetalert2';
+window.Swal = Swal;
+
 // Leetify code
 import "./leetify.js"