From 2d2483c9bfcb455920129f80e415976a12331652 Mon Sep 17 00:00:00 2001
From: ThaaoBlues <thaaoblues81@gmail.com>
Date: Sat, 26 Nov 2022 18:51:48 +0100
Subject: [PATCH] first step of using socketio

---
 copypasta.py                | 375 ++++++++++++++++++------------------
 requirements.txt            |   1 +
 templates/img_preview.html  |   4 +-
 templates/index.html        | 157 ++++++---------
 templates/scan_preview.html | 108 ++++++-----
 util.py                     |  74 ++-----
 6 files changed, 328 insertions(+), 391 deletions(-)

diff --git a/copypasta.py b/copypasta.py
index 20b97f8..ca539fd 100644
--- a/copypasta.py
+++ b/copypasta.py
@@ -23,10 +23,11 @@
 from flask_cors import CORS, cross_origin
 from re import findall
 
-#waitress wsgi server
 
-from waitress import serve
-from webtest.http import StopableWSGIServer
+# socket io for real time speeeeeed
+from flask_socketio import SocketIO
+
+
 
 # to generate app secret key
 from random import choice
@@ -42,10 +43,8 @@
 app.secret_key = "".join([choice(printable) for _ in range(256)])
 
 
-
-# init waitress wsgi server
-webserv = StopableWSGIServer(app)
-
+# init socketio
+socketio = SocketIO(app)
 
 
 if getattr(sys, 'frozen', False):
@@ -63,8 +62,8 @@
 
 if not path.exists("static/"):
     emergency_redownload()
-
-
+    
+    
 def check_exe_name():
     if path.basename(__file__).replace(".py",".exe") != "copypasta.exe":
         rename(path.basename(__file__).replace(".py",".exe"),"copypasta.exe")
@@ -76,14 +75,7 @@ def check_exe_name():
 
 
 # copypasta url
-
-if is_hosts_file_modified():
-    
-    COPYPASTA_URL = "http://copypasta.me" if system() == "Windows" else "http://copypasta.me:21987"
-    
-else:
-    
-    COPYPASTA_URL = "http://127.0.0.1:21987"
+COPYPASTA_URL = "http://127.0.0.1:21987"
 
 #necessary to update images (stack overflow)
 @app.after_request
@@ -96,6 +88,7 @@ def add_header(response):
 
 
 
+
 #home
 @app.route("/")
 @cross_origin()
@@ -103,7 +96,6 @@ def home():
 
     if request.remote_addr == "127.0.0.1":
 
-
         if not path.exists("static/history.xml"):
             
             init_history_file()
@@ -111,6 +103,7 @@ def home():
         #render the html with the history
         return render_template("index.html",copypasta_url=COPYPASTA_URL,server_version=get_server_version(),hist = get_history(),ip=get_private_ip(),hostname=socket.gethostname(),tab=path.exists("static/tab"),upload_code=get_upload_code(APP_PATH))
 
+
     else:
         return abort(403)
 
@@ -192,77 +185,197 @@ def scan_preview():
     
     else:
         return abort(403)
+    
+    
+    
+# real time processes (socketio)
+@socketio.on("[DELETE_FILE_FROM_HIST]")
+def delete_file_from_hist(json):
+    
+    file_info = get_history_file_by_id(json["file_id"])
+    
+    # this id doest not belongs to any file
+    if not file_info:
+        return
+    
+    # check if file haven't been deleted by another process (we never know ^^)
+    if path.exists(file_info["path"]):
+        remove(file_info["path"])
 
+    delete_history_file_by_id(json["file_id"])
+    
+    # now tell the page to refresh its history content
+    socketio.emit("fill_history_tab",get_history_json())
+    
+    
+    
+#copy scan from history page
+@socketio.on("[COPY_SCAN_FROM_HIST]")
+def copy_scan_from_hist(json_data:dict):
 
-#processes
-@app.route("/process/<process_id>")
-def process(process_id):
 
-    if request.remote_addr == "127.0.0.1":
+    text = get_history_file_by_id(json_data["scan_id"])
+    
+    if not text:
+        return jsonify({"Error":"this id does not belongs to any sacn"})
+    
+    copy(text["text"])
+    
+    socketio.emit("[NOTIFY_USER]",{"msg":"Scan copied !"})
 
 
-        #delete a particular image from history table
-        if "[DELETE_FILE_FROM_HIST]" in process_id:
+@socketio.on("[DELETE_SCAN_FROM_HIST]")
+def delete_scan_from_hist(json_data:dict):
+    
+    
+    delete_history_file_by_id(json_data["scan_id"])
+    
+    # now tell the page to refresh its history content
+    socketio.emit("fill_history_tab",get_history_json())
+    
+    # and notify user ;)
+    socketio.emit("[NOTIFY_USER]",{"msg":"File deleted from history"})
 
-            try:
-                file_id = request.args.get("file_id",type=int)
-            except ValueError:
-                return jsonify({"Error":"wrong file_id argument type/no argument passed"})
-            
-            file_path = get_history_file_by_id(file_id)
-            
-            if not file_path:
-                
-                return jsonify({"Error":"this id does not belongs to any file"})
-            
-            # check if file haven't been deleted by another process (we never know ^^)
-            if path.exists(file_path["path"]):
-                remove(file_path['path'])
+#empty the history files
+@socketio.on("[DEL_HISTORY]")
+def del_history(json_data:dict):
+ 
+
+    init_history_file(force=True)
+    
+    # now tell the page to refresh its history content
+    socketio.emit("fill_history_tab",get_history_json())
+    
+    
+    socketio.emit(["NOTIFY_USER"] ,{"msg" : "History deleted !"})
+    
+    
+#open new tab on scan received or not
+@socketio.on("[CHANGE_TAB_SETTINGS]")
+def change_tab_settings(json_data:dict):
+    
+    if path.exists("static/tab"):
+        remove("static/tab")
+    else:
+        open("static/tab","w")
 
-            delete_history_file_by_id(file_id)
+    socketio.emit("[NOTIFY_USER]",{"msg":"Settings changed !"})
 
-            return redirect("/")
 
-        #open an image preview from image history table
-        if "[OPEN_IMAGE_SCAN_FROM_HIST]" in process_id:
+# open files explorer into the the copypasta directory
+socketio.on("[OPEN_FILES_EXPLORER]")
+def open_files_explorer(json_data:dict):
+    
+    Process(target=startfile,args=(f"{APP_PATH}/static/files_hist",)).start()
+    
+    socketio.emit("[NOTIFY_USER]",{"msg":"Opening your files explorer..."})
+
+
+# open a file with default app
+socketio.on("[OPEN_FILE]")
+def open_file(json_data:dict):
+    
             
-            try:
-                image_id = request.args.get("image_id",type=int)
-            except ValueError:
-                return jsonify({"Error":"wrong image_id argument type/no argument passed"})
 
-            return redirect(f"/image_preview?image_id={image_id}")
+    json_dict = get_history_file_by_id(json_data["file_id"])
+    
+    if not json_dict: # id does not exists
+        socketio.emit("[NOTIFY_USER]",{"msg":"This file does not exists."})
+        return
+    
+    Process(target=startfile,args=("{}/{}".format(APP_PATH,json_dict["path"]),)).start()
+    
+    socketio.emit("[NOTIFY_USER]",{"msg":"Opening your file in the default app..."})
 
-        #copy scan from history page
-        if "[COPY_SCAN_FROM_HIST]" in process_id:
+
+
+socketio.on("[COPY_WIFI_PW]")
+def copy_wifi_pw(json_data:dict):
             
-            try:
-                scan_id = request.args.get("scan_id",type=int)
-            except ValueError:
-                return jsonify({"Error":"wrong scan_id argument type/no argument passed"})
 
-            text = get_history_file_by_id(scan_id)
+    json_dict = get_history_file_by_id(json_data["scan_id"])
+    
+    if not "content" in json_dict.keys():
+        socketio.emit("[NOTIFY_USER]",{"msg":"this kind of scan cannot be copied to clipboard"})
+        
+        return
+            
+    copy(json_dict['password'])
+
+    socketio.emit("[NOTIFY_USER]",{"msg":"Wifi password copied to clipboard !"})
+
+    
+
+# copy text scan content
+socketio.on("[COPY_CONTENT]")
+def copy_text_scan_content(json_data:dict):
             
-            if not text:
-                return jsonify({"Error":"this id does not belongs to any sacn"})
             
-            copy(text["text"])
+    json_dict = get_history_file_by_id(json_data["scan_id"])
+    
+    if not "content" in json_dict.keys():
+        
+        socketio.emit("[NOTIFY_USER]",{"msg":"this kind of scan cannot be copied to clipboard"})
+        return
+        
+    # finally, if nothing is wrong, copy the scan content
+    copy(json_dict["content"])
+    socketio.emit("[NOTIFY_USER]",{"msg":"Scan copied to clipboard !"})
+    
+    
+@socketio.on("[SHUTDOWN_SERVER]")
+def shutdown_server(json_data:dict):
+    
+    socketio.emit("[NOTIFY_USER]",{"msg":"CopyPasta server is now off. You may close this tab."})
+    
+    socketio.stop()
+    
 
-            return redirect("/")
 
-        if "[DELETE_SCAN_FROM_HIST]" in process_id:
+#empty the scan temporary file
+@socketio.on("[CLEAR_LAST_SCAN]")
+def clear_last_scan(json_data:dict):
+    
+    # overwrite the temp scan file
+    with open("static/scan.Blue","w") as f:
+        f.close()
+    
+    socketio.emit("[CLEAR_LAST_SCAN]")
+
+#copy the scan temporary file to clipboard
+@socketio.on("[COPY_LAST_SCAN]")
+def copy_last_scan(json_data:dict):
+
+    with open("static/scan.Blue","r") as f:
+        copy(f.read())
+        f.close()
+
+    notify_desktop("CopyPasta","scan copied to clipboard :D")
+                
+
+
+
+
+#processes
+@app.route("/process/<process_id>")
+def process(process_id):
+
+    if request.remote_addr == "127.0.0.1":
+
+        #open an image preview from image history table
+        if "[OPEN_IMAGE_SCAN_FROM_HIST]" in process_id:
             
             try:
-                scan_id = request.args.get("scan_id",type=int)
+                image_id = request.args.get("image_id",type=int)
             except ValueError:
-                return jsonify({"Error":"wrong scan_id argument type/no argument passed"})
-            
-            delete_history_file_by_id(scan_id)
+                return jsonify({"Error":"wrong image_id argument type/no argument passed"})
 
-            return redirect("/")
+            return redirect(f"/image_preview?image_id={image_id}")
+
+        
 
         #download the image received
-        if "[DOWNLOAD IMG]" in process_id:
+        if "[DOWNLOAD_IMG]" in process_id:
 
 
             try:
@@ -282,26 +395,12 @@ def process(process_id):
             download_name=secure_filename(image_path.replace("static/files_hist/","")),
             as_attachment=True)
 
-        #empty the scan temporary file
-        if process_id == "[CLEAR SCAN]":
-            open("static/scan.Blue","w")
-
-            #redirect to the usual scan preview
-            return redirect("/scan_preview")
-
-        #copy the scan temporary file to clipboard
-        if process_id == "[COPY SCAN]":
-
-            with open("static/scan.Blue","r") as f:
-                copy(f.read())
-                f.close()
 
-            notify_desktop("CopyPasta","scan copied to clipboard :D")
-            #redirect to the usual scan preview
-            return redirect("/scan_preview")
+        
+        
 
         #copy an image to the clipboard with a win32 api
-        if "[COPY IMG]" in process_id:
+        if "[COPY_IMG]" in process_id:
 
             try:
                 image_id = request.args.get("image_id",type=int)
@@ -339,96 +438,12 @@ def process(process_id):
             except ImportError:
                 return redirect(f"/image_preview?image_id={image_id}")
 
-
-
-        #empty the history files
-        if process_id == "[DEL HISTORY]":
-            init_history_file(force=True)
-            return redirect("/")
-
-
         if process_id == "[HOME]":
 
             #redirect to homepage
             return redirect("/")
-
-
-        if process_id == "[CHANGE TAB SETTINGS]":
-            if path.exists("static/tab"):
-                remove("static/tab")
-            else:
-                open("static/tab","w")
-
-            return "OK"
-
-        if process_id == "[OPEN FILES EXPLORER]":
-
-            Process(target=startfile,args=(f"{APP_PATH}/static/files_hist",)).start()
-            return redirect("/")
-
-        if process_id == "[OPEN FILE]":
-            
-            try:
-                file_id = request.args.get("file_id",type=int)
-            except ValueError:
-                return jsonify({"Error":"invalid url argument"})
-            
-
-            json_dict = get_history_file_by_id(file_id)
-            
-            if not json_dict: # id does not exists
-                return jsonify({"Error":"invalid url argument"})
-            
-            Process(target=startfile,args=("{}/{}".format(APP_PATH,json_dict["path"]),)).start()
-
-            return redirect("/")
-
-
-        if process_id == "[COPY WIFI PW]":
-            
-            try:
-                scan_id = request.args.get("scan_id",type=int)
-            except ValueError:
-                return jsonify({"Error":"invalid url argument"})
-            
-
-            json_dict = get_history_file_by_id(scan_id)
-            
-            if not json_dict: # id does not exists
-                return jsonify({"Error":"invalid url argument"})
-            
-            
-            if not "content" in json_dict.keys():
-                return jsonify({"this kind of scan cannot be copied to clipboard"})
-                
-
-            copy(json_dict['password'])
-
-            return redirect("/")
-
-
-        if process_id == "[COPY CONTENT]":
-            
-            try:
-                scan_id = request.args.get("scan_id",type=int)
-            except ValueError:
-                return jsonify({"Error":"invalid url argument"})
-            
-            
-            json_dict = get_history_file_by_id(scan_id)
-            
-            if not json_dict: # id does not exists
-                return jsonify({"Error":"invalid url argument"})
-            
-            
-            if not "content" in json_dict.keys():
-                return jsonify({"this kind of scan cannot be copied to clipboard"})
-                
-            # finally, if nothing is wrong, copy the scan content
-            copy(json_dict["content"])
-            return redirect("/")
         
-        if process_id == "[OPEN VIDEO]":
+        if process_id == "[OPEN_VIDEO]":
             
             try:
                 video_id = request.args.get('video_id',type=int)
@@ -449,9 +464,6 @@ def process(process_id):
 
 
 
-
-
-
 #api url(s)
 
 @app.route("/api/<api_req>")
@@ -460,13 +472,7 @@ def api(api_req):
     
     if request.remote_addr == "127.0.0.1":
 
-        
-
-        if api_req == "get_history":
-
-            return get_history()
-
-        elif api_req == "ping":
+        if api_req == "ping":
 
             return "pong"
 
@@ -494,14 +500,9 @@ def api(api_req):
                 f.close()
 
             notify_desktop("Network change detected !","Updating you qr code, you need to rescan it ;)")
+            
             return jsonify({"new_ip" : "updating qr code and private ip"})
         
-        elif api_req == "shutdown_server": 
-            webserv.shutdown()
-            
-            remove_copypasta_port_redirect()
-                      
-            return jsonify({"success":"shutting down CopyPasta server..."})
         
         elif api_req == "gen_otdl_url":
             
@@ -588,7 +589,6 @@ def upload():
         notify_desktop("New scan Incoming !", "Click to open CopyPasta")
 
 
-
         if r != None:
 
             try:
@@ -832,6 +832,8 @@ def client():
             r = get("https://chart.googleapis.com/chart?cht=qr&chs=300x300&chl="+make_qr_url(),allow_redirects=True)
             
 
+            
+
             #write it
             with open("static/qr.jpeg","wb") as f:
                 f.write(r.content)
@@ -846,15 +848,12 @@ def client():
     upload_code = gen_upload_code()
     store_upload_code(APP_PATH,upload_code)
 
-    #open tab in web browser
     
     Process(target=open_link_process, args=(COPYPASTA_URL,)).start()
 
     if not is_server_already_running():
         
-        #run waitress web server
-        webserv.create(app,host="0.0.0.0",port=21987)
-        webserv.run()
+        socketio.run(app,host="0.0.0.0",port=21987)
         
 
 
diff --git a/requirements.txt b/requirements.txt
index afb1c79..c385414 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -7,3 +7,4 @@ pillow
 waitress
 webtest
 beautifulsoup4
+flask-socketio
diff --git a/templates/img_preview.html b/templates/img_preview.html
index 3cbaf4e..3cd0392 100644
--- a/templates/img_preview.html
+++ b/templates/img_preview.html
@@ -22,10 +22,10 @@
       <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav mr-auto">
           <li class="nav-item active">
-            <a class="nav-link active" name="over" href="/process/[DOWNLOAD IMG]?image_id={{image_id}}">Download image</a>
+            <a class="nav-link active" name="over" href="/process/[DOWNLOAD_IMG]?image_id={{image_id}}">Download image</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link active" name="over" href="/process/[COPY IMG]?image_id={{image_id}}">Copy image</a>
+            <a class="nav-link active" name="over" href="/process/[COPY_IMG]?image_id={{image_id}}">Copy image</a>
           </li>
           <li class="nav-item">
             <a class="nav-link active" name="over" href="/process/[HOME]">Main menu</a>
diff --git a/templates/index.html b/templates/index.html
index 6f15064..9342945 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title  translate="no">CopyPasta</title>
+    <script src="https://cdn.socket.io/4.5.3/socket.io.min.js" integrity="sha384-WPFUvHkB1aHA5TDSZi6xtDgkF0wXJcIIxXhC6h8OT8EH3fC5PWro5pWJ1THjcfEi" crossorigin="anonymous"></script>
     <link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon"/>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.2/font/bootstrap-icons.css" integrity="sha384-eoTu3+HydHRBIjnCVwsFyCpUDZHZSFKEJD0mc3ZqSBSb6YhZzRHeiomAUWCstIWo" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
@@ -61,19 +62,19 @@ <h6>
                             {%if tab!=True%}
                             <div class="form-check form-switch">                                
                                 <label class="form-check-label" for="flexSwitchCheckDefault">Open a new tab when a scan is received</label>
-                                <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault" onclick="change_tab_settings()"/>
+                                <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault" onclick="send_event('[CHANGE_TAB_SETTINGS]',{data:''})"/>
                             </div>
                             {%else%}
                                 <div class="form-check form-switch">
                                     <label class="form-check-label" for="flexSwitchCheckChecked">Open a new tab when a scan is received</label>
-                                    <input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked" onclick="change_tab_settings()" checked/>
+                                    <input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked" onclick="send_event('[CHANGE_TAB_SETTINGS]',{data:''})" checked/>
                                 </div>
                             {%endif%}
                                                     
                         </h6>
                         <hr>
                         Server version : {{server_version}}
-                        <a href="javascript:shutdown_server();"><h6>Server shutdown  <a class="bi bi-power" href="javascript:shutdown_server();"></a></h6></a>
+                        <a href="javascript:send_event('[SHUTDOWN_SERVER]',{data:''});"><h6>Server shutdown  <a class="bi bi-power" href="javascript:shutdown_server();"></a></h6></a>
                     </div>
                 </div>
 
@@ -84,7 +85,7 @@ <h6>
 
                 <h1>Last files/data sent :</h1>
                 <hr/>
-                <button class="btn btn-danger mb-3" onclick="request_and_notify('History deleted !','/process/[DEL HISTORY]')">Delete all history <i class="bi bi-trash-fill fs-5"></i></button>
+                <button class="btn btn-danger mb-3" id="delete_all_history_button" onclick="send_event('[DEL_HISTORY]',{data : ''})">Delete all history <i class="bi bi-trash-fill fs-5"></i></button>
 
                 <table class="table table-striped text-center" id="history_table">
                     <thead>
@@ -104,17 +105,7 @@ <h1>Last files/data sent :</h1>
             </div>
         </div>
     </div>
-    <script src="{{ url_for('static', filename='dist/js/bootstrap.bundle.min.js') }}"></script>
-    {% with messages = get_flashed_messages() %} {% if messages %}
-    <script>
-        var messages = {
-            {
-                messages | safe
-            }
-        };
-        alert(messages[messages.length - 1]);
-    </script>
-    {% endif %} {% endwith %}
+
 
     <style>
         .nav-btn{
@@ -157,6 +148,30 @@ <h1>Last files/data sent :</h1>
     <script>
 
 
+
+        const socket = io();
+
+        socket.on("fill_history_tab",function (json) {
+            fill_history_tab(false,json);
+            alert();
+        });
+
+
+        socket.on("alert",function (data) {
+            alert(data["message"]);
+        });
+
+        socket.on("[NOTIFY_USER]",function (data) {
+            notify(data["msg"]);
+        });
+
+
+        function send_event(event_name,json_data){
+            socket.emit(event_name,json_data)
+        }
+
+
+
         function send_text_to_phone(){
             let text = prompt('Type/paste your text/url here (max 4000 characters)');
             if(text.length > 4000){
@@ -191,6 +206,8 @@ <h1>Last files/data sent :</h1>
             return xmlHttp.responseText;
         }
 
+
+        var is_online = isOnline();
         var private_ip = get_private_ip();
 
         function isOnline(){
@@ -215,28 +232,36 @@ <h1>Last files/data sent :</h1>
             
         }
 
+        
+        function network_changes_handler(){
+
+            if(!isOnline() && is_online){
+                notify("network change detected !")
+                request("http://127.0.0.1:21987/api/update_ip");
+                is_online = false;
+            }
+                
+            if(isOnline() && !is_online){
+                notify("network change detected !")
+                request("http://127.0.0.1:21987/api/update_ip");
+                is_online = true;
 
+                setTimeout(function() {window.location.reload(true);},2000);
+            }
 
-        var n_elements = 0;
-        var is_online = true;
+            setTimeout(network_changes_handler,1000)
+        }
 
-        function fill_history_tab(init=false){
 
-            var xmlHttp = new XMLHttpRequest();
 
-            xmlHttp.open( "GET", "http://127.0.0.1:21987/api/get_history", false ); // false for synchronous request
-            xmlHttp.send( null );
-            var r = xmlHttp.responseText;
+        var n_elements = 0;
 
-            
-            if(r == "{\"history\" : []}"){
-                document.getElementById("history_table_body").innerHTML = "";
-            }else{
-                var json = JSON.parse(r).history;
+        function fill_history_tab(init,json){
+
+            var json = json.history;
             
                 var elements = [];
 
-
                 for (let i = 0; i < json.length; i++) {
                     var obj = json[i];
                     var tab_element = "";
@@ -244,16 +269,14 @@ <h1>Last files/data sent :</h1>
                     var images_ext = ["jpeg","jpg","png","ico","gif","apng","avif","gif","jfif","pjpeg","pjp","svg","webp"];
                     var videos_ext = ["mp4","avi","ogg","mow","wmf","flv","webm","mkv","vob","wmv"]
                     var audios_ext = ["m4a","flac","mp3","wav","aiff","pcm","alac","wma","ogg","aac"]
-                    var delete_scan_icon = "<button class=\"btn btn-danger ms-2\" onclick=\"request_and_notify('File deleted !','/process/[DELETE_SCAN_FROM_HIST]?scan_id="+i+"')\"><i class=\"bi bi-trash-fill\"></i></button>";
-                    var delete_file_icon = "<button class=\"btn btn-danger ms-2\" onclick=\"request_and_notify('File deleted !','/process/[DELETE_FILE_FROM_HIST]?file_id="+i+"')\"><i class=\"bi bi-trash-fill\"></i></button>";
-                    var copy_content_icon = "<button type=\"button\" class=\"btn btn-primary\" onclick=\"request_and_notify('Content copied to clipboard...','/process/[COPY CONTENT]?scan_id="+i+"')\"><i class=\"bi bi-clipboard\"></i></button>";
+                    var delete_scan_icon = "<button class=\"btn btn-danger ms-2\" onclick=\"send_event('[DELETE_SCAN_FROM_HIST]',{scan_id:"+i+"}\"><i class=\"bi bi-trash-fill\"></i></button>";
+                    var delete_file_icon = "<button class=\"btn btn-danger ms-2\" onclick=\"send_event('[DELETE_FILE_FROM_HIST]',{file_id:"+i+"})\"><i class=\"bi bi-trash-fill\"></i></button>";
+                    var copy_content_icon = "<button type=\"button\" class=\"btn btn-primary\" onclick=\"send_event('[COPY_CONTENT]',{scan_id:"+i+"})\"><i class=\"bi bi-clipboard\"></i></button>";
                     var send_icon = "<button type=\"button\" class=\"btn btn-primary\"><i class=\"bi bi-envelope-fill\"></i></button>";
                     var open_icon = "<button type=\"button\" class=\"btn btn-primary\"><i class=\"bi bi-file-earmark-arrow-up\"></i></button>";
-                    var open_folder_icon = "<button type=\"button\" class=\"btn btn-primary\" onclick=\"request_and_notify('Opening folder...','/process/[OPEN FILES EXPLORER]')\"><i class=\"bi bi-folder-symlink\"></i></button>";
+                    var open_folder_icon = "<button type=\"button\" class=\"btn btn-primary\" onclick=\"send_event('[OPEN_FILES_EXPLORER]',{data:''})\"><i class=\"bi bi-folder-symlink\"></i></button>";
                     var search_icon = "<button type=\"button\" class=\"btn btn-primary\"><i class=\"bi bi-search\"></i></button>";
 
-                    
-
 
                     //images
                     if(images_ext.includes(obj.file_type)){
@@ -262,14 +285,14 @@ <h1>Last files/data sent :</h1>
                     //videos
                     }else if(videos_ext.includes(obj.file_type)){
                         
-                        var open_file_icon = "<button type=\"button\" class=\"btn btn-primary mx-1 my-1\" onclick=\"request_and_notify('Opening video...','/process/[OPEN FILE]?file_id="+i+"')\"><i class=\"bi bi-file-earmark-arrow-up\"></i></button>";
+                        var open_file_icon = "<button type=\"button\" class=\"btn btn-primary mx-1 my-1\" onclick=\"send_event('[OPEN_FILE]',{file_id:"+i+"})\"><i class=\"bi bi-file-earmark-arrow-up\"></i></button>";
                         
-                        var play_video_icon = "<button type=\"button\" class=\"btn btn-primary mx-1 my-1\" onclick=\"window.open('/process/[OPEN VIDEO]?video_id="+i+"')\"><i class=\"bi bi-play\"></i></button>";
+                        var play_video_icon = "<button type=\"button\" class=\"btn btn-primary mx-1 my-1\" onclick=\"window.open('/process/[OPEN_VIDEO]?video_id="+i+"')\"><i class=\"bi bi-play\"></i></button>";
                         tab_element = "<tr><td><div class=\"fs-1 mb-1\"><i class=\"bi bi-film\"></i></div></td><td><div style=\"margin-top:15px;\">title:"+obj.file_name+"</td></div><td><div style=\"margin-top:15px;\">"+play_video_icon+open_file_icon+"<br>"+open_folder_icon+delete_file_icon+"</div></td></tr>";
                     
                     //audio
                     }else if(audios_ext.includes(obj.file_type)){
-                        var open_file_icon = "<button type=\"button\" class=\"btn btn-primary\" onclick=\"request_and_notify('Opening audio...','/process/[OPEN FILE]?file_id="+i+"')\"><i class=\"bi bi-file-earmark-arrow-up\"></i></button>";
+                        var open_file_icon = "<button type=\"button\" class=\"btn btn-primary\" onclick=\"send_event('[OPEN_FILE]',{file_id:"+i+"})\"><i class=\"bi bi-file-earmark-arrow-up\"></i></button>";
 
                         tab_element = "<tr><td><div class=\"fs-1 mb-1\"><i class=\"bi bi-file-earmark-music-fill\"></i></i></div></td><td><div style=\"margin-top:15px;\">title:"+obj.file_name+"</td></div><td><div style=\"margin-top:15px;\">"+open_folder_icon+"<br>"+open_file_icon+delete_file_icon+"</div></td></tr>";
                     
@@ -288,7 +311,7 @@ <h1>Last files/data sent :</h1>
                         //wifi type
                         }else if(obj.file_type == "wifi"){
                             
-                            tab_element = "<tr><td><div class=\"fs-1 mb-1\"><i class=\"bi bi-wifi\"></i></div></td><td><div style=\"margin-top:15px;\">"+obj.ssid+"</div></td><td><div style=\"margin-top:15px;\"><a class=\"btn btn-primary\" onclick=\"request_and_notify('Wifi password copied !','/process/[COPY WIFI PW]?scan_id="+i+"')\">Copy password</a>"+delete_scan_icon+"</div></td></tr>";
+                            tab_element = "<tr><td><div class=\"fs-1 mb-1\"><i class=\"bi bi-wifi\"></i></div></td><td><div style=\"margin-top:15px;\">"+obj.ssid+"</div></td><td><div style=\"margin-top:15px;\"><a class=\"btn btn-primary\" onclick=\"send_event('[COPY_WIFI_PW]',{scan_id:"+i+"}')\">Copy password</a>"+delete_scan_icon+"</div></td></tr>";
                         
                         //barcode type
                         }else if(obj.file_type == "isbn"){
@@ -313,7 +336,7 @@ <h1>Last files/data sent :</h1>
 
                         //random file
                         }else{
-                            var open_file_icon = "<button type=\"button\" class=\"btn btn-primary mx-1 my-1\" onclick=\"request_and_notify('Opening file...','/process/[OPEN FILE]?file_id="+i+"')\"><i class=\"bi bi-file-earmark-arrow-up\"></i></button> ";
+                            var open_file_icon = "<button type=\"button\" class=\"btn btn-primary mx-1 my-1\" onclick=\"send_event('[OPEN_FILE]',{file_id:"+i+"})\"><i class=\"bi bi-file-earmark-arrow-up\"></i></button> ";
 
                             tab_element = "<tr><td>"+obj.date+"</td><td>"+obj.file_name+"</td><td>"+open_folder_icon+"<br>"+open_file_icon+delete_file_icon+"</td></tr>";
                         }
@@ -335,8 +358,6 @@ <h1>Last files/data sent :</h1>
 
                 var ele_l = elements.length;
                 if(n_elements< ele_l || n_elements > ele_l){
-                    store_visit(2);
-
                     //don't notify user at app startup as it's only already sent content
                     if(!init){
                         notify("New element received !");
@@ -344,37 +365,11 @@ <h1>Last files/data sent :</h1>
                     document.getElementById("history_table_body").innerHTML = all;
                     n_elements = elements.length;
                 }
-               
-
-
-            }
-
-            if(!isOnline() && is_online){
-                notify("network change detected !")
-                request("http://127.0.0.1:21987/api/update_ip");
-                is_online = false;
-            }
-                
-            if(isOnline() && !is_online){
-                notify("network change detected !")
-                request("http://127.0.0.1:21987/api/update_ip");
-                is_online = true;
 
-                setTimeout(function() {window.location.reload(true);},2000);
-            }
-            setTimeout(fill_history_tab,200);
         }
 
 
 
-
-
-    function change_tab_settings(){
-        var xmlHttp = new XMLHttpRequest();
-        xmlHttp.open( "GET", "http://127.0.0.1:21987/process/[CHANGE TAB SETTINGS]", false ); // false for synchronous request
-        xmlHttp.send( null );
-        console.log("tab settings changed")
-    }
     
 
 
@@ -422,34 +417,8 @@ <h1>Last files/data sent :</h1>
         });
         
     }
-   
-
-
-
-    window.onload = fill_history_tab(init=true);
-
-
-
-    function shutdown_server(){
-        request("http://127.0.0.1:21987/api/shutdown_server");
-        notify("CopyPasta server is now off. You may close this tab.");
-    }
-
-
-    //anonymous very basic usage statistics, tool made by myself, available on http://github.com/thaaoblues/cusmo
-
-    function store_visit(endpoint_id){
-        var x = new XMLHttpRequest();
-
-        x.open("GET","http://thaaoblues.pythonanywhere.com/hit/"+endpoint_id,true);
-        x.setRequestHeader('X-Referer', window.location.href);
-        x.send();
-        
-
-    }
-
-    store_visit(1);
 
+    
 </script>
 
 <script type="text/javascript">
diff --git a/templates/scan_preview.html b/templates/scan_preview.html
index 4969d93..85813df 100644
--- a/templates/scan_preview.html
+++ b/templates/scan_preview.html
@@ -4,20 +4,12 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon"/>
+    <script src="https://cdn.socket.io/4.5.3/socket.io.min.js" integrity="sha384-WPFUvHkB1aHA5TDSZi6xtDgkF0wXJcIIxXhC6h8OT8EH3fC5PWro5pWJ1THjcfEi" crossorigin="anonymous"></script>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.2/font/bootstrap-icons.css" integrity="sha384-eoTu3+HydHRBIjnCVwsFyCpUDZHZSFKEJD0mc3ZqSBSb6YhZzRHeiomAUWCstIWo" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
     <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 
-{% with messages = get_flashed_messages() %}
-{% if messages %}
-  <script>
-    var messages = {{ messages | safe }};
-      alert(messages[messages.length-1]);
-  </script>
-{% endif %}
-{% endwith %}
-
     <title translate="no">CopyPasta/Scan preview</title>
 </head>
 <body>
@@ -31,10 +23,10 @@
       <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav mr-auto">
           <li class="nav-item">
-            <a class="nav-link active" name="over" href="/process/[CLEAR SCAN]">Clear the text</a>
+            <a class="nav-link active" name="over" href="send_event([CLEAR_LAST_SCAN],{data:''})">Clear the text</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link active" name="over" href="/process/[COPY SCAN]">Copy scan</a>
+            <a class="nav-link active" name="over" href="send_event([COPY_LAST_SCAN],{data:''})">Copy scan</a>
           </li>
           <li class="nav-item">
             <a type="submit" class="nav-link active" name="over" onclick="document.getElementById('paper').submit();">Download scan</a>
@@ -73,52 +65,23 @@
 </body>
 
 
-<style>
-
 
-  .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited, .btn-outline-primary {
-    background-color: #009c74 !important;
-    border-color: #009c74;
-    color: white;
-}
-
-.bg-primary{
-    background-color: #009c74 !important;
-    border-color: #009c74;
-    color: #009c74;
-}
-
-
-.sep_left{
-  border-left: 1px solid #ffffff;
-  margin-left: 10px;
-}
-
-body {
-  overflow: hidden;
-}
-
-.center {
-  margin: 0 auto;
-  margin-left: 7%;
-  width: 100%;
-}
 
+<script>
 
-body {
-	background:#333 url(https://wallpaperaccess.com/full/1236480.jpg) repeat;
-	      
-}
+  const socket = io();
+  
+  function send_event(event_name,json_data){
+    socket.emit(event_name,json_data)
+  }
 
-.goog-te-banner-frame.skiptranslate {
-  display: none !important;
-} 
+  socket.on("[CLEAR_LAST_SCAN]",function (data){
+    document.getElementById("text").innerText = "";
+  });
 
 
 
-</style>
 
-<script>
   document.getElementsByName("over").forEach(function(everyitem){
 
 everyitem.addEventListener('mouseover', function(e){
@@ -166,4 +129,51 @@
   }
 </script>
 
+
+
+<style>
+
+
+  .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited, .btn-outline-primary {
+    background-color: #009c74 !important;
+    border-color: #009c74;
+    color: white;
+}
+
+.bg-primary{
+    background-color: #009c74 !important;
+    border-color: #009c74;
+    color: #009c74;
+}
+
+
+.sep_left{
+  border-left: 1px solid #ffffff;
+  margin-left: 10px;
+}
+
+body {
+  overflow: hidden;
+}
+
+.center {
+  margin: 0 auto;
+  margin-left: 7%;
+  width: 100%;
+}
+
+
+body {
+	background:#333 url(https://wallpaperaccess.com/full/1236480.jpg) repeat;
+	      
+}
+
+.goog-te-banner-frame.skiptranslate {
+  display: none !important;
+} 
+
+
+
+</style>
+
 </html>
\ No newline at end of file
diff --git a/util.py b/util.py
index 72bb03c..8971678 100644
--- a/util.py
+++ b/util.py
@@ -14,7 +14,6 @@
 from webbrowser import open as open_tab
 from ast import literal_eval
 import requests
-from subprocess import Popen, run
 from functools import partial
 from win10toast_click import ToastNotifier
 from win32com.client import Dispatch
@@ -79,7 +78,8 @@ def check_templates_update():
     with open("static/update.Blue","r") as f:
         n = int(f.read())
         if n == 10:
-            download_templates()
+            #download_templates()
+            pass
         else:
             with open("static/update.Blue","w") as f:
                 f.write(str(n+1))
@@ -113,7 +113,7 @@ def emergency_redownload():
 
 
         
-    download_templates()
+    #download_templates()
 
 
 def is_server_already_running():
@@ -194,14 +194,25 @@ def get_history():
         history.append("]}")
     else:
         history.append("]}")
-
+        
     return "".join(history)
 
+
+def get_history_json()->dict:
+
+    # using lists and join() to speed up
+    history = {"history":[]}
+
+    for element in ElementTree.parse("static/history.xml").getroot():
+        history["history"].append(loads(element.text))
+
+    return history
+
 def get_history_file_last_id():
     return len(ElementTree.parse("static/history.xml").getroot()) -1
     
     
-def get_history_file_by_id(file_id):
+def get_history_file_by_id(file_id) -> dict:
 
     if file_id < len(ElementTree.parse("static/history.xml").getroot()):
 
@@ -271,33 +282,6 @@ def is_online():
         return True
     except OSError:
         return False
-    
-    
-def is_hosts_file_modified():
-    
-    hosts_file_path = "C:\Windows\System32\Drivers\etc\hosts" if system() == "Windows" else "/etc/hosts"
-    
-    with open(hosts_file_path,"r") as f:
-        
-        return True if "copypasta.me" in f.read() else False
-    
-    
-def add_copypasta_to_hosts_file():
-    
-    hosts_file_path = "C:\Windows\System32\Drivers\etc\hosts" if system() == "Windows" else "/etc/hosts"
-    
-    with open(hosts_file_path,"a") as f:
-        
-        f.write("\n127.0.0.1:21987\tcopypasta")
-        
-        f.close()
-        
-    if system() == "Windows":
-        
-        # flush dns cache
-        run("ipconfig /flushdns",shell=True)
-        
-        add_copypasta_port_redirect()
 
 def get_server_version():
     
@@ -308,32 +292,6 @@ def get_server_version():
     with open("version","r") as f:
         return f.read()
 
-
-
-
-def add_copypasta_port_redirect():
-    
-    if system() == "Windows":
-        
-        # put port redirect from 127.0.0.1:21987 to 127.0.0.1:80
-        try:
-            run("netsh interface portproxy add v4tov4 listenport=80 listenaddress=127.0.0.1 connectport=21987 connectaddress=127.0.0.1")
-        except:
-            # feature that may crash sometimes, not essential
-            pass
-        
-    
-def remove_copypasta_port_redirect():
-            
-    if system() == "Windows":
-        
-        # re-put port redirect from 127.0.0.1:80 to 127.0.0.1:80
-        try:
-            run("netsh interface portproxy add v4tov4 listenport=80 listenaddress=127.0.0.1 connectport=80 connectaddress=127.0.0.1")
-        except:
-            # feature that may crash sometimes, not essential
-            pass
-        
         
 def is_image(file_type:str):