cube-root · tornikeshavishvili · Nov 5, 2022 · Nov 5, 2022 · Nov 6, 2022 · Nov 6, 2022
diff --git a/lib/helper/html.js b/lib/helper/html.js
@@ -1,9 +1,15 @@
+const fs = require('fs');
+console.log(__dirname);
 const createHtmlResponse = (body) => (
   '<!DOCTYPE html>\n'
     + '<html lang="en">\n'
     + '<head>\n'
-    + '<script src="https://cdn.tailwindcss.com"></script>'
+    // + '<script src="https://cdn.tailwindcss.com"></script>'
+    + '<script>'
+    + fs.readFileSync(__dirname + '/tailwind.js', 'utf8')
+    + '</script>'
     + `<script type="text/javascript">
+
         function beforeFileUpload(evnt){
           var files = document.getElementsByName('filetoupload')[0].files;
           if(!(files && files.length > 0 && files[0])){
@@ -15,6 +21,38 @@ const createHtmlResponse = (body) => (
             }, 3500)
           }
         }  
+
+        function nameClick(evnt, sender){
+
+          if(event.currentTarget !== evnt.target ){
+            evnt.preventDefault();
+          }
+
+          if(evnt.target.tagName.toLowerCase() !== 'button') { return false; }
+
+          var spn = sender.querySelector('span');
+          var inp = sender.querySelector('input');
+
+          if(inp.style.display !== 'block'){
+            spn.style.display = 'none';
+            inp.style.display = 'block';
+            inp.focus();
+          }else{   
+            spn.style.display = 'block';
+            inp.style.display = 'none';
+          }
+
+        }
+
+        function renameInput(evnt, sender){
+          // console.log(evnt.key.toLowerCase() )
+          if(evnt.key.toLowerCase() === 'enter'){
+            let newHref = sender.parentNode.getAttribute("href").split('rename')[0]+'rename='+sender.value;
+            sender.parentNode.setAttribute("href", newHref)
+            sender.parentNode.click();
+          }
+        }
+
       </script>`
     + '<meta charset="utf-8">\n'
     + '<meta name="viewport" content="width=device-width, initial-scale=1.0">'

diff --git a/lib/helper/tailwind.js b/lib/helper/tailwind.js
diff --git a/lib/middleware/directory.js b/lib/middleware/directory.js
diff --git a/lib/middleware/file-rename.js b/lib/middleware/file-rename.js
@@ -0,0 +1,22 @@
+
+const fs = require('fs-extra'); 
+
+const fileRename = async (req, res, { currentPath, newPath } = {}) => {
+
+  await new Promise((resolve, reject) => {
+
+    fs.rename(currentPath, newPath, (err) => {
+      if(err) {
+        reject(err);
+      }else{
+        resolve();
+      }
+    });
+
+  });
+  return res.redirect('/');
+};
+
+module.exports = {
+  fileRename,
+};
diff --git a/lib/middleware/index.js b/lib/middleware/index.js
@@ -2,13 +2,26 @@ const querystring = require('node:querystring');
 const { directory } = require('./directory');
 const { fileUpload } = require('./file-upload');
 const { fileRemove } = require('./file-remove');
+const { fileRename } = require('./file-rename');
 const { authMiddleware } = require('./auth');
 
 const handler = (req, res, { path, uploadFile = true } = {}) => {
 
+  if(req.query.rename){
+    let currentPath = path.replace(/[/]$/, '') + '/' + req.path.replace(/^[/]/, '');
+    let newPath = currentPath.split('/');
+    newPath.pop()
+    newPath.push(req.query.rename);
+    newPath = newPath.join('/')
+    return fileRename(req, res, {
+      currentPath: decodeURI(currentPath),
+      newPath: decodeURI(newPath)
+    });
+  }
+
   if(req.query.delete && req.query.delete.toLowerCase() === 'true'){
     return fileRemove(req, res, {
-      path: path.replace(/[/]$/, '') + '/' + req.path.replace(/^[/]/, '')
+      path: decodeURI(path.replace(/[/]$/, '') + '/' + req.path.replace(/^[/]/, ''))
     });
   }
 
@@ -18,8 +31,8 @@ const handler = (req, res, { path, uploadFile = true } = {}) => {
       return res.status(500).send('Invalid path');
     }
     return fileUpload(req, res, {
-      path: query.path,
-      originalPath: path,
+      path: decodeURI(query.path),
+      originalPath: decodeURI(path),
       uploadFile,
     });
   }