fixed UI and added multi files uploading (#8)

* added auto delete

* fixed UI and added multi files uploading

* fixed some issues

Author: maherxubair

.gitignore

@@ -1 +1,5 @@
-.env
+.env
+node_modules
+pnpm-lock.yaml
+package-lock.json
+m.js

README.md

@@ -1,10 +1,22 @@
+# MegaCDN
 
-# MegaCDN  
-A lightweight and serverless CDN utilizing MEGA for file storage and delivery.  
+A lightweight and serverless CDN utilizing MEGA for file storage and delivery.
 
-## Installation  
+## Features
+
+- File upload and delivery via MEGA storage
+- Multiple account support (load balancing)
+- Multiple Files and folder Upload Support
+- Cool and Professional UI
+- **Optional upload-protection** using `Authorization` Header
+- **Optional auto-deletion** with configurable time periods
+- Supports both `MongoDB` and `Json`
+- Serverless deployment ready
+
+## Installation
+
+### Clone the Repository
 
-### Clone the Repository  
 ```sh
 git clone https://github.com/IRON-M4N/MegaCDN.git
 cd MegaCDN
@@ -14,149 +26,238 @@ npm install
 ## Deployments
 
 #### Deploy To Heroku
-1. *If You Don't Have a Heroku Account, [Create An Account](https://signup.heroku.com).*
-2. *Now Deploy To Heroku.* <br>
-[![Heroku](https://img.shields.io/badge/Heroku-000000?style=for-the-badge&logo=heroku&logoColor=white)](https://heroku.com/deploy?template=https://github.com/IRON-M4N/MegaCDN)
+
+1. _If You Don't Have a Heroku Account, [Create An Account](https://signup.heroku.com)._
+2. _Now Deploy To Heroku._ <br>
+   [![Heroku](https://img.shields.io/badge/Heroku-000000?style=for-the-badge&logo=heroku&logoColor=white)](https://heroku.com/deploy?template=https://github.com/IRON-M4N/MegaCDN)
 
 #### Deploy on Vercel
-1. *[Create Vercel Account](https://vercel.com/signup) If You Don't Have.*
-2. *Deploy on Vercel.* <br>
-[![Vercel](https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FIRON-M4N%2FMegaCDN&env=MEGA_ACCOUNT,PORT&envDescription=provide%20multiple%20accounts%20in%20this%20format%20email%3Apass%3Bemail%3Apass%0Afor%20port%20use%203000%20or%20any)
+
+1. _[Create Vercel Account](https://vercel.com/signup) If You Don't Have._
+2. _Deploy on Vercel._ <br>
+   [![Vercel](https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white)](<https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FIRON-M4N%2FMegaCDN&env=MEGA_ACCOUNT,PORT,TEMP,MAX_REQUESTS,RATE_LIMIT,AUTO_DELETE,DELETE_TIME,MONGODB_URI,AUTHORIZATION,AUTH_TOKEN,MAX_FILE_SIZE,MAX_FILES,CACHE_TTL&envDescription=Required%20env%20variables%3A%0A-%20MEGA_ACCOUNT%3A%20email%3Apass%3Bemail%3Apass%0A-%20PORT%3A%203000%0A%0AOptional%20env%20variables%3A%0A-%20TEMP%3A%20memory%20or%20file%0A-%20AUTO_DELETE%3A%20true%2Ffalse%0A-%20AUTH_TOKEN%3A%20Your%20Bearer%20Token%20(if%20AUTHORIZATION%3Dtrue)%0A-%20MAX_FILE_SIZE%3A%20In%20MB%0A-%20CACHE_TTL%3A%20In%20seconds>)
 
 #### Deploy To Railway
-1. *If You Don't Have Railway Account, [Create First](https://railway.com).*
-2. *Now Deploy The Repo.* <br>
-[![Railway](https://img.shields.io/badge/Railway-000000?style=for-the-badge&logo=railway&logoColor=white)](https://railway.com/new)
+
+1. _If You Don't Have Railway Account, [Create First](https://railway.com)._
+2. _Now Deploy The Repo._ <br>
+   [![Railway](https://img.shields.io/badge/Railway-000000?style=for-the-badge&logo=railway&logoColor=white)](https://railway.com/new)
 
 #### Deploy on Render
-1. *[Create Render Account](https://dashboard.render.com/register) If You Don't Have Any.*
-2. *Deploy Now.* <br>
-[![Render](https://img.shields.io/badge/Render-000000?style=for-the-badge&logo=render&logoColor=white)](https://render.com/deploy?repo=https://github.com/IRON-M4N/MegaCDN)
+
+1. _[Create Render Account](https://dashboard.render.com/register) If You Don't Have Any._
+2. _Deploy Now._ <br>
+   [![Render](https://img.shields.io/badge/Render-000000?style=for-the-badge&logo=render&logoColor=white)](https://render.com/deploy?repo=https://github.com/IRON-M4N/MegaCDN)
 
 #### Deploy on Koyeb
-1. *[Create Account](https://app.koyeb.com/auth/signup) If You Don't Have.*
-2. *Now Deploy.* <br>
-[![Koyeb](https://img.shields.io/badge/Koyeb-000000?style=for-the-badge&logo=koyeb&logoColor=white)](https://app.koyeb.com/deploy?type=git&repository=github.com/IRON-M4N/MegaCDN&name=MegaCDN&builder=buildpack&env[MEGA_ACCOUNT]=email:pass&env[PORT]=3000&env[TEMP]=memory )
 
-## Configuration  
+1. _[Create Account](https://app.koyeb.com/auth/signup) If You Don't Have._
+2. _Now Deploy._ <br>
+   [![Koyeb](https://img.shields.io/badge/Koyeb-000000?style=for-the-badge&logo=koyeb&logoColor=white)](https://app.koyeb.com/deploy?type=git&repository=github.com/IRON-M4N/MegaCDN&name=MegaCDN&builder=buildpack&env[MEGA_ACCOUNT]=email:pass;email:pass&env[PORT]=3000&env[TEMP]=memory&env[MAX_REQUESTS]=100&env[RATE_LIMIT]=1%20minute&env[AUTO_DELETE]=false&env[DELETE_TIME]=1440&env[MONGODB_URI]=null&env[AUTHORIZATION]=false&env[AUTH_TOKEN]=YOUR_BEARER_TOKEN&env[MAX_FILE_SIZE]=100&env[MAX_FILES]=10&env[CACHE_TTL]=3600)
+
+## Configuration
 
-Modify `config.js` or use environment variables. Example `.env` file:  
+Modify `config.js` or use environment variables. Example `.env` file:
 
 ```
-MEGA_ACCOUNT=email:pass;email:pass
-TEMP=memory
+PORT=3000                           # Port to run the app
+MEGA_ACCOUNT=email:pass;email:pass  # Multiple accounts for load balancing
+TEMP=memory                         # Upload storage option
+AUTO_DELETE=true                    # Enable/disable auto-deletion
+DELETE_TIME=1440                    # Minutes until deletion (default: 1 day)
+MONGODB_URI=null                    # Optional MongoDB connection string
+AUTHORIZATION=true                  # Enable/disable secure uploading
+AUTH_TOKEN=YOUR_BEARER_TOKEN        # Bearer token for authentication
+MAX_FILES=10                        # Maximum files per upload
+MAX_FILE_SIZE=50                    # Maximum file size in MB
+CACHE_TTL=3600                      # Cache duration in seconds
+MAX_REQUESTS=100                    # Max upload requests in specific time
+RATE_LIMIT=1 minute                 # 100 req per minute
 ```
 
-## Running the Server  
+## Starting the Server
+
+Using PM2 for process management:
 
-Using PM2 for process management:  
 ```sh
 npm start
-```  
-To stop or restart:  
+```
+
+To stop or restart:
+
 ```sh
-npm stop  
-npm restart  
+npm stop
+npm restart
 ```
 
-## Uploading Files  
+## Uploading Files
 
-Send a POST request to /upload with a multipart form containing a file.  
+Send a POST request to /upload with a multipart form containing a file.
 
 <details>
   <summary>Curl - Single Mode</summary>
 
- ``` sh
-  curl -X POST -F "[email protected]" -F "mode=single" http://yourdomain.com/upload
-  ```
+```sh
+# Single file without Authorization
+ curl -X POST -F "[email protected]" -F "mode=single" http://yourdomain.com/upload
+
+# Multiple Files With Authorizatoin
+ curl -X POST  -H "Authorization: Bearer YOUR_BEARER_TOKEN"  -F "[email protected]" -F "[email protected]" -F "mode=single" http://yourdomain.com/upload
+```
+
 </details>
 
 <details>
   <summary>Curl - Dual Mode</summary>
 
-  ```sh
-  curl -X POST -F "[email protected]" -F "mode=dual" -F "[email protected]" http://yourdomain.com/upload
-  ```
+```sh
+# Single file without Authorization
+curl -X POST -F "[email protected]" -F "mode=dual" -F "[email protected]" http://yourdomain.com/upload
+
+# Multiple Files With Authorizatoin
+curl -X POST -H "Authorization: Bearer YOUR_BEARER_TOKEN"  -F "[email protected]" -F "[email protected]" -F "[email protected]" -F "mode=dual" -F "[email protected]" http://yourdomain.com/upload
+```
+
 </details>
 
 <details>
   <summary>Node.js - Single Mode</summary>
 
-  ```js
-  const fs = require("fs");
-  const axios = require("axios");
-  const FormData = require("form-data");
+```js
+// Single file without Authorization
+const fs = require("fs");
+const axios = require("axios");
+const FormData = require("form-data");
+
+async function uploadSingle() {
+  const form = new FormData();
+  form.append("file", fs.createReadStream("image.jpg"));
+  form.append("mode", "single");
+
+  const res = await axios.post("http://yourdomain.com/upload", form, {
+    headers: form.getHeaders(),
+  });
 
-  async function uploadSingle() {
-    const form = new FormData();
-    form.append("file", fs.createReadStream("image.jpg"));
-    form.append("mode", "single");
+  console.log(res.data);
+}
+
+uploadSingle();
+
+// Multiple Files with Authorization
+async function uploadMultiple() {
+  const form = new FormData();
 
-    const res = await axios.post("http://yourdomain.com/upload", form, {
-      headers: form.getHeaders(),
-    });
+  form.append("file", fs.createReadStream("image1.jpg"));
+  form.append("file", fs.createReadStream("image2.png"));
 
-    console.log(res.data);
+  form.append("mode", "single");
+
+  const headers = {
+    ...form.getHeaders(),
+    Authorization: "Bearer YOUR_BEARER_TOKEN",
+  };
+
+  try {
+    const res = await axios.post("http://yourdomain.com/upload", form, { headers });
+    console.log("Upload successful:", res.data);
+  } catch (error) {
+    console.error("Upload failed:", error.response?.data || error.message);
   }
+}
+
+uploadMultiple();
+```
 
-  uploadSingle();
-  ```
 </details>
 
 <details>
   <summary>Node.js - Dual Mode</summary>
 
-  ```js
-  const fs = require("fs");
-  const axios = require("axios");
-  const FormData = require("form-data");
+```js
+// Single file without Authorization
+const fs = require("fs");
+const axios = require("axios");
+const FormData = require("form-data");
+
+async function uploadDual() {
+  const form = new FormData();
+  form.append("file", fs.createReadStream("image.jpg"));
+  form.append("mode", "dual");
+  form.append("email", "[email protected]");
+
+  const res = await axios.post("http://yourdomain.com/upload", form, {
+    headers: form.getHeaders(),
+  });
+
+  console.log(res.data);
+}
+
+uploadDual();
+
+// Multiple Files with Authorization
+async function uploadMultiple() {
+  const form = new FormData();
 
-  async function uploadDual() {
-    const form = new FormData();
-    form.append("file", fs.createReadStream("image.jpg"));
-    form.append("mode", "dual");
-    form.append("email", "[email protected]");
+  form.append("file", fs.createReadStream("image1.jpg"));
+  form.append("file", fs.createReadStream("image2.png"));
 
-    const res = await axios.post("http://yourdomain.com/upload", form, {
-      headers: form.getHeaders(),
-    });
+  form.append("mode", "dual");
+  form.append("email", "[email protected]");
 
-    console.log(res.data);
+  const headers = {
+    ...form.getHeaders(),
+    Authorization: "Bearer YOUR_BEARER_TOKEN",
+  };
+
+  try {
+    const res = await axios.post("http://yourdomain.com/upload", form, { headers });
+    console.log("Upload successful:", res.data);
+  } catch (error) {
+    console.error("Upload failed:", error.response?.data || error.message);
   }
+}
+
+uploadMultiple();
+```
 
-  uploadDual();
-  ```
 </details>
 
-### **Parameters Explained:**  
-| Parameter  | Description |
-|------------|-------------|
-| `file` | The file to upload. |
-| `mode` | Upload mode: `single` (default) or `dual` (requires `email`). |
-| `email` | (Optional) Required if `mode=dual`, specifies which account to use. |
+### **Parameters Explained:**
+
+| Parameter | Description                                                         |
+| --------- | ------------------------------------------------------------------- |
+| `file`    | The file to upload.                                                 |
+| `mode`    | Upload mode: `single` (default) or `dual` (requires `email`).       |
+| `email`   | (Optional) Required if `mode=dual`, specifies which account to use. |
+
+### Response Example
 
-### Response Example  
 ```json
 {
   "success": true,
   "files": [
     {
-      "url": "https://yourdomain.com/media/blahblahblah",
-      "size": 6969
+      "url": "https://your_domain.com/media/your_file",
+      "name": "your_file.png",
+      "size": 51470,
+      "formattedSize": "50.26 KB",
+      "expires": "86400 sec",
+      "formattedExpires": "1 day"
     }
   ]
 }
-```  
+```
+
+## To-Do
 
-## To-Do  
+- [ ] Add custom file name
 - [ ] Proper logging (error and alerts)
-- [ ] Fix webpage
 
-## Contributing  
-1. Fork the repository  
-2. Create a new branch (`feature-web`)  
-3. Commit your changes  
-4. Open a pull request  
+## Contributing
 
+1. Fork the repository
+2. Create a new branch (`feature-web`)
+3. Commit your changes
+4. Open a pull request
 
 © [IRON-M4N](https://github.com/IRON-M4N)