feat: history

Author: yuudi

README.md

@@ -25,5 +25,5 @@ send your file through onedrive
 1. Under `manage` select `Certificates & secrets`, click `New client secret`. Copy and keep that secret for later use.
 1. Under `manage` select `API permissions`, click `Add a permission` and select `Microsoft Graph` then select `delegated permissions`.
 1. Search and select the following permissions: `Files.ReadWrite.All`. Once selected click `Add permissions` at the bottom.
-1. Download [this script](https://github.com/yuudi/onesender/raw/master/init.ps1) on your Windows computer, click `run in powershell` in the right-click menu, enter your `client id` and `client secret`, and follow the instruction to get `refresh_token`. (if the script is forbidden, execute in powershell as administrator `Start-Process -Wait -Verb RunAs powershell.exe -Args "-executionpolicy bypass -command Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Force`)
+1. Download [this script](./auth.ps1) on your Windows computer, click `run in powershell` in the right-click menu, enter your `client id` and `client secret`, and follow the instruction to get `refresh_token`. (if the script is forbidden, execute in powershell as administrator `Start-Process -Wait -Verb RunAs powershell.exe -Args "-executionpolicy bypass -command Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Force`)
 1. When finished, `token.txt` is saved on your desktop. 

assets/history.css

@@ -0,0 +1,8 @@
+h1 {
+    text-align: center;
+}
+
+#share-history {
+    text-align: center;
+    margin: 100px auto;
+}

assets/history.js

@@ -0,0 +1,35 @@
+function get_share_history() {
+    let history_json = localStorage.sender_history;
+    if (history_json === undefined) {
+        return [];
+    }
+    return JSON.parse(history_json);
+}
+(function () {
+    let share_display = document.getElementById("share-history");
+    let history = get_share_history();
+    if (history.length === 0) {
+        share_display.innerText = "no history found";
+        return;
+    }
+    for (let share of history) {
+        let info = document.createElement("div");
+        let read = document.createElement("a");
+        // let write = document.createElement("a");
+        info.innerText = share.name;
+        read.innerText = "view";
+        read.href = "/s/" + share.read_id;
+        read.target = "_blank";
+        // write.innerText = "modify";
+        // write.href = "#";
+        // write.addEventListener("click", function () {
+        //     return;
+        // });
+        info.append(document.createTextNode("  "));
+        info.append(read);
+        // info.append(document.createTextNode("  "));
+        // info.append(write);
+        info.classList.add("share-item");
+        share_display.append(info);
+    }
+})();

assets/homepage.css

@@ -26,6 +26,11 @@ h1 {
     margin: 100px;
 }
 
+#history-link {
+    text-align: center;
+    font-size: 12px;
+}
+
 #sharing {
     width: min-content;
     min-width: 240px;
@@ -36,3 +41,7 @@ h1 {
 #file-table {
     width: max-content;
 }
+
+#main-display {
+    text-align: center;
+}

assets/homepage.js

@@ -1,3 +1,17 @@
+function share_history_append(name, read_id, write_id) {
+    let history_json = localStorage.sender_history;
+    if (history_json === undefined) {
+        history_json = "[]";
+    }
+    let history = JSON.parse(history_json);
+    history.push({
+        name: name,
+        read_id: read_id,
+        write_id: write_id,
+    });
+    localStorage.sender_history = JSON.stringify(history);
+}
+
 (function () {
     const size_unit = 327680;
     const max_size = 192;
@@ -105,6 +119,11 @@
         }
         main_display.innerText =
             "your share has been created. you can send this link to your friends";
+        share_history_append(
+            files[0].file.name + (files.length > 1 ? " and other files" : ""),
+            read_id,
+            write_id
+        );
         let share_url = location.origin + "/s/" + read_id;
         let link = document.createElement("a");
         link.innerText = share_url;

history.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width,initial-scale=1" />
+        <title>Share file</title>
+        <script src="/assets/history.js" defer></script>
+        <link rel="stylesheet" href="/assets/history.css" />
+        <link rel="icon" href="/assets/favicon.ico" />
+    </head>
+    <body>
+        <h1>History</h1>
+        <div id="share-history"></div>
+    </body>
+</html>

homepage.html

@@ -17,6 +17,7 @@ <h1>Share your files</h1>
                 Create Share
             </button>
         </div>
+        <div id="history-link"><a href="/history">history</a></div>
         <div id="sharing" hidden>
             <table id="file-table">
                 <tbody id="file-list"></tbody>

onesend.go

@@ -31,6 +31,9 @@ var publicIndex []byte
 //go:embed receive.html
 var publicReceive []byte
 
+//go:embed history.html
+var publicHistory []byte
+
 //go:embed assets
 var publicAssets embed.FS
 
@@ -223,6 +226,10 @@ func entry() error {
 		c.Header("Cache-Control", "public, max-age=604800")
 		c.Data(200, "text/html", publicIndex)
 	})
+	r.GET("/history", func(c *gin.Context) {
+		c.Header("Cache-Control", "public, max-age=604800")
+		c.Data(200, "text/html", publicHistory)
+	})
 	r.GET("/s/:read_id", func(c *gin.Context) {
 		//readID := c.Param("read_id")
 		//if pusher := c.Writer.Pusher(); pusher != nil {