Added ability to save, close and open vaults

Author: CodeDead

README.md

@@ -97,4 +97,4 @@ This library is maintained by CodeDead. You can find more about us using the fol
 * [Twitter](https://twitter.com/C0DEDEAD/)
 * [Facebook](https://facebook.com/deadlinecodedead/)
 
-Copyright © 2022 CodeDead
+Copyright © 2023 CodeDead

package.json

@@ -7,12 +7,13 @@
     "@emotion/styled": "^11.10.5",
     "@fontsource/roboto": "^4.5.8",
     "@mui/icons-material": "^5.11.0",
-    "@mui/material": "^5.11.1",
+    "@mui/material": "^5.11.2",
     "@shopify/react-web-worker": "^5.0.6",
     "@tauri-apps/api": "^1.2.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^14.4.3",
+    "crypto-js": "^4.1.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.6.1",
@@ -50,7 +51,7 @@
   "devDependencies": {
     "@tauri-apps/cli": "^1.2.2",
     "cross-env": "^7.0.3",
-    "eslint": "^8.30.0",
+    "eslint": "^8.31.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsx-a11y": "^6.6.1",

src-tauri/Cargo.lock

@@ -7,12 +7,12 @@ license = "GPL-3.0-only"
 repository = "https://github.com/CodeDead/Advanced-PassGen"
 default-run = "advanced-passgen"
 edition = "2021"
-rust-version = "1.65.0"
+rust-version = "1.66.0"
 
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
 [build-dependencies]
-tauri-build = { version = "1.1.1", features = [] }
+tauri-build = { version = "1.2.1", features = [] }
 
 [dependencies]
 serde_json = "1.0"

src-tauri/Cargo.toml

@@ -12,6 +12,7 @@ fn main() {
         .invoke_handler(tauri::generate_handler![
             open_website,
             save_string_to_disk,
+            read_string_from_file,
             generate_passwords
         ])
         .run(tauri::generate_context!())
@@ -34,6 +35,14 @@ fn save_string_to_disk(content: &str, path: &str) -> Result<String, String> {
     }
 }
 
+#[tauri::command]
+async fn read_string_from_file(path: &str) -> Result<String, String> {
+    match fs::read_to_string(path) {
+        Ok(s) => Ok(s),
+        Err(e) => Err(e.to_string()),
+    }
+}
+
 #[tauri::command]
 async fn generate_passwords(
     min_length: u64,

src-tauri/src/main.rs

@@ -13,7 +13,11 @@
   "tauri": {
     "allowlist": {
       "dialog": {
-        "save": true
+        "save": true,
+        "open": true
+      },
+      "clipboard": {
+        "writeText": true
       },
       "all": true
     },

src-tauri/tauri.conf.json

@@ -7,7 +7,7 @@ import DialogActions from '@mui/material/DialogActions';
 import Button from '@mui/material/Button';
 import { MainContext } from '../../contexts/MainContextProvider';
 
-const CreateVaultDialog = ({ open, onCreate, onClose }) => {
+const EncryptionKeyDialog = ({ open, onAccept, onClose }) => {
   const [state] = useContext(MainContext);
   const language = state.languages[state.languageIndex];
 
@@ -24,14 +24,14 @@ const CreateVaultDialog = ({ open, onCreate, onClose }) => {
   };
 
   /**
-   * Create a new vault
+   * Accept the encryption/decryption key
    */
-  const create = () => {
+  const accept = () => {
     if (key.length === 0) {
       return;
     }
-    if (onCreate) {
-      onCreate(key);
+    if (onAccept) {
+      onAccept(key);
     }
     handleClose();
   };
@@ -43,7 +43,7 @@ const CreateVaultDialog = ({ open, onCreate, onClose }) => {
       aria-labelledby="create-vault-dialog-title"
     >
       <DialogTitle id="create-vault-dialog-title">
-        {language.createVault}
+        {language.decryptionKey}
       </DialogTitle>
       <DialogContent>
         <TextField
@@ -63,7 +63,7 @@ const CreateVaultDialog = ({ open, onCreate, onClose }) => {
           {language.cancel}
         </Button>
         <Button
-          onClick={create}
+          onClick={accept}
           autoFocus
           disabled={key.length === 0}
         >
@@ -74,4 +74,4 @@ const CreateVaultDialog = ({ open, onCreate, onClose }) => {
   );
 };
 
-export default CreateVaultDialog;
+export default EncryptionKeyDialog;

…c/components/CreateVaultDialog/index.jsx …components/EncryptionKeyDialog/index.jsxsrc/components/CreateVaultDialog/index.jsx renamed to src/components/EncryptionKeyDialog/index.jsx src/components/CreateVaultDialog/index.jsx renamed to src/components/EncryptionKeyDialog/index.jsx

@@ -4,10 +4,11 @@ import CardContent from '@mui/material/CardContent';
 import CardActions from '@mui/material/CardActions';
 import Button from '@mui/material/Button';
 import Typography from '@mui/material/Typography';
+import CardActionArea from '@mui/material/CardActionArea';
 
 const VaultCard = ({
-  id, title, description, url, openLabel, editLabel,
-  deleteLabel, onClick, onEdit, onDelete,
+  id, title, description, url, openLabel, editLabel, copyLabel,
+  deleteLabel, onClick, onEdit, onDelete, onCopy,
 }) => {
   /**
    * Open the URL
@@ -30,18 +31,29 @@ const VaultCard = ({
     onDelete(id);
   };
 
+  /**
+   * Copy the password to the clipboard
+   */
+  const copy = () => {
+    onCopy(id);
+  };
+
   return (
     <Card>
-      <CardContent>
-        <Typography variant="h5" component="div">
-          {title}
-        </Typography>
-        {description && description.length > 0 ? (
-          <Typography variant="body2">
-            {description}
+      <CardActionArea
+        onClick={copy}
+      >
+        <CardContent>
+          <Typography variant="h5" component="div">
+            {title}
           </Typography>
-        ) : null}
-      </CardContent>
+          {description && description.length > 0 ? (
+            <Typography variant="body2">
+              {description}
+            </Typography>
+          ) : null}
+        </CardContent>
+      </CardActionArea>
       <CardActions>
         {url && onClick ? (
           <Button
@@ -51,6 +63,12 @@ const VaultCard = ({
             {openLabel}
           </Button>
         ) : null}
+        <Button
+          size="small"
+          onClick={copy}
+        >
+          {copyLabel}
+        </Button>
         {onEdit ? (
           <Button
             size="small"

src/components/VaultCard/index.jsx

@@ -19,7 +19,7 @@
   "characterSet": "Zeichensatz",
   "generate": "Generieren",
   "useCustomCharacterSet": "Benutzerdefinierten Zeichensatz verwenden",
-  "aboutText": "Advanced PassGen wurde von DeadLine erstellt.\n\nThema: MUI\nLizenz: GPLv3\nÜbersetzung: uDEV2019\nVersion: {x}\n\nCopyright © 2022 CodeDead",
+  "aboutText": "Advanced PassGen wurde von DeadLine erstellt.\n\nThema: MUI\nLizenz: GPLv3\nÜbersetzung: uDEV2019\nVersion: {x}\n\nCopyright © 2023 CodeDead",
   "website": "Webseite",
   "license": "Lizenz",
   "autoUpdate": "Automatisch auf Aktualisierungen prüfen",
@@ -86,7 +86,6 @@
   "open": "Öffnen",
   "new": "Neu",
   "save": "Speichern",
-  "createVault": "Tresor erstellen",
   "decryptionKey": "Entschlüsselungsschlüssel",
   "edit": "Bearbeiten",
   "delete": "Löschen",
@@ -96,6 +95,7 @@
   "url": "URL",
   "add": "Hinzufügen",
   "search": "Suche",
-  "noResults": "Keine Ergebnisse",
-  "editPassword": "Passwort bearbeiten"
+  "editPassword": "Passwort bearbeiten",
+  "close": "Schließen",
+  "copy": "Kopieren"
 }

src/languages/de_de.json

@@ -19,7 +19,7 @@
   "characterSet": "Character set",
   "generate": "Generate",
   "useCustomCharacterSet": "Use custom character set",
-  "aboutText": "Advanced PassGen was created by DeadLine.\n\nTheme: MUI\nLicense: GPLv3\nVersion: {x}\n\nCopyright © 2022 CodeDead",
+  "aboutText": "Advanced PassGen was created by DeadLine.\n\nTheme: MUI\nLicense: GPLv3\nVersion: {x}\n\nCopyright © 2023 CodeDead",
   "website": "Website",
   "license": "License",
   "autoUpdate": "Automatically check for updates",
@@ -86,7 +86,6 @@
   "open": "Open",
   "new": "New",
   "save": "Save",
-  "createVault": "Create vault",
   "decryptionKey": "Decryption key",
   "edit": "Edit",
   "delete": "Delete",
@@ -96,6 +95,7 @@
   "url": "URL",
   "add": "Add",
   "search": "Search",
-  "noResults": "No results",
-  "editPassword": "Edit password"
+  "editPassword": "Edit password",
+  "close": "Close",
+  "copy": "Copy"
 }