Part 1 of Download File from Service Provider Progress

- TS code dynamically adds Buttons when message is recieved. Service Provider Download TODO

ipfs-service-provider-tutorial/service-provider/src/index.ts

@@ -1,6 +1,5 @@
 import WebSocket, { MessageEvent } from "ws";
-import { IPFS, create } from 'ipfs-core'
-import type { CID } from 'multiformats/cid'
+import { create } from 'ipfs-core'
 import fetch from 'node-fetch';
 
 var ourAddress: string;
@@ -57,7 +56,6 @@ function handleResponse(responseMessageEvent : MessageEvent) {
         console.log('\x1b[93mUploading file to IPFS... \x1b[0m')
 
         uploadToIPFS(messageContent,response.senderTag)
-
       }
   } catch (_) {
         console.log('something went wrong in handleResponse')
@@ -142,10 +140,14 @@ function readFileSize(bytes : number, si=false, dp=1) {
     ++u;
   } while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
 
-
   return bytes.toFixed(dp) + ' ' + units[u];
 }
 
+async function getAndSendBackFile(cid : string){
+    let file = await ipfsNode.get(cid);
+    console.log(file);
+}
+
 // Function that connects our application to the mixnet Websocket. We want to call this first in our main function.
 function connectWebsocket(url : string) {
   return new Promise(function (resolve, reject) {

ipfs-service-provider-tutorial/user-client/src/index.ts

@@ -89,7 +89,7 @@ function sendMessageToMixnet(payload) {
 /*
    Display responses into our activity log.
 */
-function displayJsonSend(message) {
+function displayJsonSend(message){
 
     let sendDiv = document.createElement("div")
     let messageLog = document.createElement("p")
@@ -187,6 +187,8 @@ function displayJsonResponse(message) {
     let line1Contents;
     let line2Contents;
 
+    var downloadFileButton = document.createElement("button");
+
     if (message.type == 'selfAddress'){
         //Display our self address.
         ourAddress = message.address;
@@ -209,14 +211,43 @@ function displayJsonResponse(message) {
 
         line1Contents = document.createTextNode("⬇ " + dataLog.time + " | " + dataLog.name);
         line2Contents = document.createTextNode('Link: ' + dataLog.url);
+
+        downloadFileButton.innerHTML = 'Download File';
+        downloadFileButton.onclick = function()
+        {
+            alert("hello, world");
+        }
     }
 
     messageLine1.appendChild(line1Contents);
     messageLine2.appendChild(line2Contents);
 
     receivedDiv.appendChild(messageLine1);
     receivedDiv.appendChild(messageLine2);
+
+    if (message.type == 'received'){
+        receivedDiv.appendChild(downloadFileButton);
+    }
+
     document.getElementById("output").appendChild(receivedDiv);
 }
 
+async function sendDownloadRequest(cid : string){
+    var messageContentToSend  = {
+        fileCid : cid
+   };  
+
+   /*We have to send a string to the mixnet for it to be a valid message , so we use JSON.stringify to make our object into a string.*/
+   const message = {
+       type: "sendAnonymous",
+       message: JSON.stringify(messageContentToSend),
+       recipient: targetAddress,
+       replySurbs: 5
+   }
+
+   displayClientMessage('Download request for file with hash ' + cid + ' sent.')
+   //Send our message object via out via our websocket connection.
+   websocketConnection.send(JSON.stringify(message));
+}
+
 main();