feat: add encryption and decryption of files

src/app/App.js

@@ -14,7 +14,6 @@ function App() {
     const ipfs = IPFS('http://localhost:5001');
     const [orbit_db, setOrbitDB] = useState(null)
     const [fileHash, setFileHash] = useState("");
-    const [token, setToken] = useState("no token");
 
     useEffect(() => {
         async function initInstance() {
@@ -33,13 +32,13 @@ function App() {
                     <Route path="/signup">
                         <div className="route-container">
                             <h3>Inter Planetary Cloud</h3>
-                            <Signup orbit_db={orbit_db} setToken={setToken}/>
+                            <Signup orbit_db={orbit_db}/>
                         </div>
                     </Route>
                     <Route path="/login">
                         <div className="route-container">
                             <h3>Inter Planetary Cloud</h3>
-                            <Login orbit_db={orbit_db} setToken={setToken}/>
+                            <Login orbit_db={orbit_db}/>
                         </div>
                     </Route>
                     <Route path="/dashboard">

src/components/button/DownloadButton.js

@@ -3,8 +3,12 @@ import Button from '@material-ui/core/Button';
 import './DownloadButton.css'
 
 const fileDownload = require('js-file-download');
-const all = require('it-all')
-const concat = require('it-concat')
+const all = require('it-all');
+const concat = require('it-concat');
+
+const CryptoJS = require("crypto-js");
+const jwt = require('jsonwebtoken');
+const JWT_SECRET = process.env.REACT_APP_JWT_SECRET;
 
 /**
  * Download the content of a file from IPFS via the client & hash, then extract it via the setter.
@@ -14,8 +18,12 @@ const concat = require('it-concat')
  */
 async function downloadFromIPFS(ipfs, hash) {
     const result = await all(ipfs.get(hash));
-    console.log(result)
-    const fileContent = await concat(result[0].content);
+    const bufferList = await concat(result[0].content);
+    const hashFileContent = bufferList._bufs[0].toString();
+    const password = jwt.verify(localStorage.token, JWT_SECRET).password;
+    const bytes = CryptoJS.AES.decrypt(hashFileContent, password);
+    const fileContent = bytes.toString(CryptoJS.enc.Utf8);
+
     return (fileContent);
 }
 
@@ -36,7 +44,15 @@ export function DownloadButton({ipfs}) {
         const blob = new Blob([data]);
         fileDownload(blob, hash + '.txt');
     }
-    const inputOnChange = (event) => setHash(event.target.value);
+    const inputOnChange = (event) => {
+        const token = localStorage.token;
+
+        if (token !== undefined) {
+            setHash(event.target.value);
+        } else {
+            console.log("user has no token")
+        }
+    }
 
     return (
         <div>

src/components/button/UploadButton.js

@@ -2,6 +2,10 @@ import React, { useState } from 'react';
 import Button from '@material-ui/core/Button';
 import './UploadButton.css'
 
+const CryptoJS = require("crypto-js");
+const jwt = require('jsonwebtoken');
+const JWT_SECRET = process.env.REACT_APP_JWT_SECRET;
+
 /**
  * Upload the content of a file to IPFS via the client and save the file's hash.
  * @param ipfs - IPFS Client.
@@ -11,6 +15,7 @@ import './UploadButton.css'
  */
 async function uploadToIPFS(ipfs, fileContent, setFileHash) {
     const result = await ipfs.add(fileContent);
+
     await setFileHash(result.path);
 }
 
@@ -21,6 +26,7 @@ async function uploadToIPFS(ipfs, fileContent, setFileHash) {
  */
 function extractFilename(filepath, setFilename) {
     const result = /[^\\]*$/.exec(filepath)[0];
+
     setFilename(result);
 }
 
@@ -31,7 +37,13 @@ function extractFilename(filepath, setFilename) {
  */
 function getFileContent(file, setFileContent) {
     const reader = new window.FileReader();
-    reader.onload = (event) => setFileContent(event.target.result);
+    const token = localStorage.token;
+    const password = jwt.verify(token, JWT_SECRET).password;
+
+    reader.onload = (event) => {
+        const hashFileContent = CryptoJS.AES.encrypt(event.target.result, password).toString();
+        setFileContent(hashFileContent);
+    }
     reader.readAsText(file);
 }
 
@@ -47,8 +59,14 @@ function UploadButton({ ipfs, setFileHash }) {
     const [fileContent, setFileContent] = useState("");
 
     const inputOnChange = async (event) => {
-        extractFilename(event.target.value, setFilename);
-        getFileContent(event.target.files[0], setFileContent);
+        const token = localStorage.token;
+
+        if (token !== undefined) {
+            extractFilename(event.target.value, setFilename);
+            getFileContent(event.target.files[0], setFileContent);
+        } else {
+            console.log("user has no token")
+        }
     };
 
     const buttonOnClick = async () => {

src/components/forms/Login.js

@@ -6,7 +6,7 @@ const jwt = require('jsonwebtoken');
 const KEYVALUE_DB_ADDRESS = process.env.REACT_APP_KEYVALUE_DB_ADDRESS
 const JWT_SECRET = process.env.REACT_APP_JWT_SECRET
 
-export function Login({orbit_db, setToken}) {
+export function Login({orbit_db}) {
     const [email, setEmail] = useState("");
     const [password, setPassword] = useState("");
 
@@ -36,8 +36,8 @@ export function Login({orbit_db, setToken}) {
                 password: password
             }
             const token = jwt.sign(playload, JWT_SECRET)
-            setToken(token)
-            console.log(token)
+            localStorage.setItem('token', token);
+            console.log(localStorage.token)
         }
     }
 

src/components/forms/Signup.js

@@ -7,7 +7,7 @@ const jwt = require('jsonwebtoken');
 const JWT_SECRET = process.env.REACT_APP_JWT_SECRET
 const KEYVALUE_DB_ADDRESS = process.env.REACT_APP_KEYVALUE_DB_ADDRESS;
 
-export function Signup({orbit_db, setToken}) {
+export function Signup({orbit_db}) {
     const [email, setEmail] = useState("");
     const [password, setPassword] = useState("");
     const [repeatPassword, setRepeatPassword] = useState("");
@@ -37,8 +37,8 @@ export function Signup({orbit_db, setToken}) {
                 password: password
             }
             const token = jwt.sign(playload, JWT_SECRET)
-            setToken(token)
-            console.log(token)
+            localStorage.setItem('token', token);
+            console.log(localStorage.token)
         }
     }