VERY VERY VERY BIG UPDATE i wont list here try it urself

app.py

@@ -1,4 +1,4 @@
-from flask import Flask, request, jsonify, send_from_directory, render_template, url_for, redirect, send_file, session
+from flask import Flask, request, jsonify, send_from_directory, render_template, url_for, redirect, send_file, session, make_response, flash
 from werkzeug.utils import secure_filename
 import shortuuid
 import os
@@ -15,6 +15,7 @@ from pygments.util import ClassNotFound
 import json
 from flask_login import LoginManager, UserMixin, login_user, login_required, logout_user, current_user, login_remembered
 import hashlib
+import secrets
 
 app = Flask(__name__)
 app.secret_key = 'your_secret_key_here'  # Add this line
@@ -40,14 +41,38 @@ def init_db():
             db.cursor().executescript(f.read())
         db.commit()
 
+def migrate_db():
+    db = get_db()
+    cursor = db.cursor()
+    
+    # Check if api_key column exists
+    cursor.execute("PRAGMA table_info(users)")
+    columns = [column[1] for column in cursor.fetchall()]
+    
+    if 'api_key' not in columns:
+        print("Adding api_key column to users table")
+        cursor.execute("ALTER TABLE users ADD COLUMN api_key TEXT")
+        db.commit()
+
+# Call this function after init_db()
+init_db()
+migrate_db()
+
 @app.teardown_appcontext
 def close_connection(exception):
     db = getattr(threading.current_thread(), '_database', None)
     if db is not None:
         db.close()
 
-# Initialize database
+# Add this function near the top of your file, after the imports
-init_db()
+def get_username(user_id):
+    if user_id is None:
+        return 'Anonymous'
+    db = get_db()
+    cursor = db.cursor()
+    cursor.execute("SELECT username FROM users WHERE id = ?", (user_id,))
+    user = cursor.fetchone()
+    return user[0] if user else 'Unknown'
 
 # Add this function to delete old files
 def delete_old_files():
@@ -85,10 +110,11 @@ login_manager.init_app(app)
 login_manager.login_view = 'login'
 
 class User(UserMixin):
-    def __init__(self, id, username, password_hash):
+    def __init__(self, id, username, password_hash, api_key=None):
         self.id = id
         self.username = username
         self.password_hash = password_hash
+        self.api_key = api_key
 
     @staticmethod
     def hash_password(password):
@@ -103,6 +129,10 @@ class User(UserMixin):
         new_key = hashlib.pbkdf2_hmac('sha256', provided_password.encode('utf-8'), salt, 100000)
         return stored_key == new_key
 
+    @staticmethod
+    def generate_api_key():
+        return secrets.token_urlsafe(32)
+
 @login_manager.user_loader
 def load_user(user_id):
     db = get_db()
@@ -110,13 +140,24 @@ def load_user(user_id):
     cursor.execute("SELECT * FROM users WHERE id = ?", (user_id,))
     user = cursor.fetchone()
     if user:
-        return User(user[0], user[1], user[2])
+        # Print debug information
+        print(f"User data: {user}")
+        # Check if we have all required fields
+        if len(user) >= 4:
+            return User(user[0], user[1], user[2], user[3])
+        else:
+            print(f"Incomplete user data for user_id: {user_id}")
+            return None
+    print(f"No user found for user_id: {user_id}")
     return None
 
 @app.route('/')
 def index():
-    if current_user.is_authenticated:
+    try:
-        return render_template('index.html', user=current_user)
+        if current_user.is_authenticated:
+            return render_template('index.html', user=current_user)
+    except Exception as e:
+        print(f"Error in index route: {str(e)}")
     return render_template('index.html', user=None)
 
 @app.route('/u/<username>')
@@ -185,20 +226,25 @@ def serve_user_page(username, filename=None):
                            parent_url=parent_url,
                            current_folder=current_folder)
 
-@app.route('/<path:path>')
+@app.route('/<vanity>')
-def redirect_vanity(path):
+def redirect_vanity(vanity):
-    parts = path.rstrip('/').split('/')
-    vanity = parts[0]
-    subpath = '/'.join(parts[1:]) if len(parts) > 1 else ''
-
     db = get_db()
     cursor = db.cursor()
     cursor.execute("SELECT * FROM content WHERE vanity = ?", (vanity,))
-    target = cursor.fetchone()
+    content = cursor.fetchone()
     
-    if target:
+    if content:
-        content_type, content_data = target[1], target[2]
+        content_type, content_data, created_at, user_id = content[1], content[2], content[3], content[4]
-        if content_type == 'pastebin':
+        
+        if content_type == 'file':
+            file_path = os.path.join(app.config['UPLOAD_FOLDER'], content_data)
+            if os.path.exists(file_path):
+                return send_file(file_path)
+            else:
+                return "File not found", 404
+        elif content_type == 'url':
+            return redirect(content_data)
+        elif content_type == 'pastebin':
             try:
                 lexer = guess_lexer(content_data)
                 language = lexer.aliases[0]
@@ -210,28 +256,20 @@ def redirect_vanity(path):
             highlighted_code = highlight(content_data, lexer, formatter)
             css = formatter.get_style_defs('.source')
             return render_template('content.html', 
+                                   content={
+                                       'user_id': user_id,
+                                       'username': get_username(user_id),
+                                       'created_at': created_at,
+                                       'vanity': vanity
+                                   },
                                    highlighted_content=highlighted_code,
                                    css=css, 
                                    raw_content=content_data,
-                                   created_at=target[3],
+                                   language=language,
-                                   vanity=vanity,
+                                   url=None)  # Set url to None for pastebins
-                                   language=language)
-        elif content_type == 'file':
-            file_path = os.path.join(app.config['UPLOAD_FOLDER'], f'{vanity}_{content_data}')
-            file_info = {
-                'name': content_data,
-                'size': os.path.getsize(file_path),
-                'modified_at': datetime.fromtimestamp(os.path.getmtime(file_path)).strftime('%Y-%m-%d %H:%M:%S'),
-                'url': url_for('download_file', vanity=vanity)
-            }
-            return render_template('file.html', **file_info)
-        elif content_type == 'folder':
-            return redirect(url_for('folder_content', vanity=vanity))
-        elif content_type == 'url':
-            return render_template('content.html', content=content_data, url=content_data)
     return render_template('404.html'), 404
 
-@app.route('/<vanity>/raw', methods=['GET'])
+@app.route('/<vanity>/raw')
 def raw_vanity(vanity):
     db = get_db()
     cursor = db.cursor()
@@ -242,96 +280,17 @@ def raw_vanity(vanity):
         return target[2], 200, {'Content-Type': 'text/plain; charset=utf-8'}
     return 'Not Found', 404
 
-@app.route('/folder/<vanity>', methods=['GET'])
+# Replace the LoginForm and RegistrationForm classes with simple classes
-def folder_content(vanity):
+class LoginForm:
-    db = get_db()
+    def __init__(self, username, password, remember):
-    cursor = db.cursor()
+        self.username = username
-    cursor.execute("SELECT * FROM content WHERE vanity = ? AND type = 'folder'", (vanity,))
+        self.password = password
-    target = cursor.fetchone()
+        self.remember = remember
-    if target:
-        folder_path = os.path.join(app.config['UPLOAD_FOLDER'], vanity)
-        files = []
-        for root, _, filenames in os.walk(folder_path):
-            for filename in filenames:
-                file_path = os.path.join(root, filename)
-                relative_path = os.path.relpath(file_path, folder_path)
-                file_url = url_for('download_folder_file', vanity=vanity, file_name=relative_path)
-                files.append({'name': relative_path, 'url': file_url})
-        
-        # Pagination
-        per_page = 10
-        page = int(request.args.get('page', 1))
-        start = (page - 1) * per_page
-        end = start + per_page
-        total_files = len(files)
-        files = files[start:end]
 
-        prev_url = url_for('folder_content', vanity=vanity, page=page-1) if page > 1 else None
+class RegistrationForm:
-        next_url = url_for('folder_content', vanity=vanity, page=page+1) if end < total_files else None
+    def __init__(self, username, password):
-
+        self.username = username
-        download_all_url = url_for('download_folder_as_zip', vanity=vanity)
+        self.password = password
-        
-        # Get the current folder name
-        current_folder = os.path.basename(folder_path)
-
-        return render_template('folder.html', 
-                               files=files, 
-                               prev_url=prev_url, 
-                               next_url=next_url, 
-                               download_all_url=download_all_url,
-                               current_folder=current_folder)
-    
-    return 'Not Found', 404
-
-@app.route('/folder/<vanity>/download', methods=['GET'])
-def download_folder_as_zip(vanity):
-    db = get_db()
-    cursor = db.cursor()
-    cursor.execute("SELECT * FROM content WHERE vanity = ? AND type = 'folder'", (vanity,))
-    target = cursor.fetchone()
-    if target:
-        folder_path = os.path.join(app.config['UPLOAD_FOLDER'], vanity)
-        zip_path = os.path.join(app.config['UPLOAD_FOLDER'], f'{vanity}.zip')
-        
-        with zipfile.ZipFile(zip_path, 'w', zipfile.ZIP_DEFLATED) as zipf:
-            for root, _, files in os.walk(folder_path):
-                for file in files:
-                    file_path = os.path.join(root, file)
-                    zipf.write(file_path, os.path.relpath(file_path, folder_path))
-        
-        return send_from_directory(app.config['UPLOAD_FOLDER'], f'{vanity}.zip', as_attachment=True)
-    return 'Not Found', 404
-
-@app.route('/folder/<vanity>/<file_name>', methods=['GET'])
-def download_folder_file(vanity, file_name):
-    folder_path = os.path.join(app.config['UPLOAD_FOLDER'], vanity)
-    file_path = os.path.join(folder_path, file_name)
-    if os.path.isfile(file_path):
-        return send_from_directory(folder_path, file_name, as_attachment=True)
-    return 'Not Found', 404
-
-@app.route('/register', methods=['GET', 'POST'])
-def register():
-    if request.method == 'POST':
-        username = request.form['username']
-        password = request.form['password']
-        db = get_db()
-        cursor = db.cursor()
-        cursor.execute("SELECT * FROM users WHERE username = ?", (username,))
-        if cursor.fetchone():
-            return "Username already exists"
-        hashed_password = User.hash_password(password)
-        cursor.execute("INSERT INTO users (username, password_hash) VALUES (?, ?)",
-                       (username, hashed_password))
-        db.commit()
-        
-        # Create user directory
-        user_folder = os.path.join(app.config['UPLOAD_FOLDER'], username)
-        if not os.path.exists(user_folder):
-            os.makedirs(user_folder)
-        
-        return redirect(url_for('login'))
-    return render_template('register.html')
 
 @app.route('/login', methods=['GET', 'POST'])
 def login():
@@ -339,17 +298,48 @@ def login():
         username = request.form['username']
         password = request.form['password']
         remember = 'remember' in request.form
+        form = LoginForm(username, password, remember)
         db = get_db()
         cursor = db.cursor()
-        cursor.execute("SELECT * FROM users WHERE username = ?", (username,))
+        cursor.execute("SELECT * FROM users WHERE username = ?", (form.username,))
         user = cursor.fetchone()
-        if user and User.verify_password(user[2], password):
+        if user and User.verify_password(user[2], form.password):
-            user_obj = User(user[0], user[1], user[2])
+            user_obj = User(user[0], user[1], user[2], user[3])
-            login_user(user_obj, remember=remember)
+            login_user(user_obj, remember=form.remember)
-            return redirect(url_for('user_files', username=username))
+            return redirect(url_for('user_files', username=form.username))
         return "Invalid username or password"
     return render_template('login.html')
 
+@app.route('/register', methods=['GET', 'POST'])
+def register():
+    if request.method == 'POST':
+        username = request.form['username']
+        password = request.form['password']
+        form = RegistrationForm(username, password)
+        db = get_db()
+        cursor = db.cursor()
+        cursor.execute("SELECT * FROM users WHERE username = ?", (form.username,))
+        if cursor.fetchone():
+            return "Username already exists"
+        hashed_password = User.hash_password(form.password)
+        api_key = User.generate_api_key()
+        try:
+            cursor.execute("INSERT INTO users (username, password_hash, api_key) VALUES (?, ?, ?)",
+                           (form.username, hashed_password, api_key))
+        except sqlite3.OperationalError:
+            # If api_key column doesn't exist, insert without it
+            cursor.execute("INSERT INTO users (username, password_hash) VALUES (?, ?)",
+                           (form.username, hashed_password))
+        db.commit()
+        
+        # Create user directory
+        user_folder = os.path.join(app.config['UPLOAD_FOLDER'], form.username)
+        if not os.path.exists(user_folder):
+            os.makedirs(user_folder)
+        
+        return redirect(url_for('login'))
+    return render_template('register.html')
+
 @app.route('/logout')
 @login_required
 def logout():
@@ -388,35 +378,47 @@ def user_files(username, subpath=''):
             items.append({'name': item, 'type': 'folder', 'path': relative_path})
             folders.append(relative_path)
     
+    # Fetch user's uploads (including files, pastebins, and shortened URLs)
+    db = get_db()
+    cursor = db.cursor()
+    cursor.execute("SELECT * FROM content WHERE user_id = ?", (current_user.id,))
+    user_uploads = cursor.fetchall()
+    
+    uploads = []
+    for upload in user_uploads:
+        uploads.append({
+            'type': upload[1],
+            'vanity': upload[0],
+            'data': upload[2],
+            'created_at': upload[3]
+        })
+    
     parent_folder = os.path.dirname(subpath.rstrip('/')) if subpath else None
     current_folder = os.path.basename(current_path)
     
-    # Check if index.html exists in the current folder
-    index_exists = 'index.html' in [item['name'] for item in items if item['type'] == 'file']
-    
-    # Get the current setting for ignoring index.html
     ignore_index = session.get(f'ignore_index_{username}', False)
-    
+
     return render_template('user_files.html', 
                            username=username, 
                            items=items, 
                            folders=folders, 
+                           uploads=uploads,
                            current_path=subpath.rstrip('/'),
                            parent_folder=parent_folder,
                            current_folder=current_folder,
-                           index_exists=index_exists,
                            ignore_index=ignore_index)
 
-@app.route('/dash/<username>/toggle_index')
+@app.route('/dash/<username>/toggle_index', methods=['POST'])
 @login_required
 def toggle_index(username):
     if current_user.username != username:
-        return "Unauthorized", 401
+        return jsonify({"success": False, "error": "Unauthorized"}), 401
     
     current_setting = session.get(f'ignore_index_{username}', False)
-    session[f'ignore_index_{username}'] = not current_setting
+    new_setting = not current_setting
+    session[f'ignore_index_{username}'] = new_setting
     
-    return redirect(url_for('user_files', username=username))
+    return jsonify({"success": True, "ignore_index": new_setting})
 
 @app.route('/dash/<username>/upload', methods=['POST'])
 @login_required
@@ -436,15 +438,23 @@ def upload_user_file(username):
         file.save(file_path)
         return redirect(url_for('user_files', username=username, subpath=subpath))
 
-@app.route('/dash/<username>/delete/<filename>', methods=['POST'])
+@app.route('/dash/<username>/delete/<path:filename>', methods=['POST'])
 @login_required
 def delete_user_file(username, filename):
     if current_user.username != username:
         return "Unauthorized", 401
     file_path = os.path.join(app.config['UPLOAD_FOLDER'], username, filename)
-    if os.path.exists(file_path):
+    try:
-        os.remove(file_path)
+        if os.path.exists(file_path):
-    return redirect(url_for('user_files', username=username))
+            if os.path.isfile(file_path):
+                os.remove(file_path)
+            elif os.path.isdir(file_path):
+                shutil.rmtree(file_path)
+        return redirect(url_for('user_files', username=username))
+    except PermissionError:
+        return "Permission denied: Unable to delete the file or folder", 403
+    except Exception as e:
+        return f"An error occurred: {str(e)}", 500
 
 @app.route('/dash/<username>/rename', methods=['POST'])
 @login_required
@@ -554,5 +564,314 @@ def debug_users():
     users = cursor.fetchall()
     return jsonify(users)
 
+@app.route('/upload/pastebin', methods=['POST'])
+def upload_pastebin():
+    try:
+        data = request.get_json()
+        if not data or 'content' not in data:
+            return jsonify({'success': False, 'error': 'Content is required'}), 400
+
+        content = data['content']
+        vanity = shortuuid.uuid()[:8]
+        
+        user_id = current_user.id if current_user.is_authenticated else None
+        
+        db = get_db()
+        cursor = db.cursor()
+        cursor.execute("INSERT INTO content (vanity, type, data, created_at, user_id) VALUES (?, ?, ?, ?, ?)",
+                       (vanity, 'pastebin', content, datetime.now(), user_id))
+        db.commit()
+        
+        short_url = url_for('redirect_vanity', vanity=vanity, _external=True)
+        deletion_url = url_for('delete_content', vanity=vanity, _external=True)
+        return jsonify({'success': True, 'vanity': vanity, 'url': short_url, 'deletion_url': deletion_url}), 200
+    except Exception as e:
+        print("Exception occurred:", str(e))
+        return jsonify({'success': False, 'error': str(e)}), 400
+
+@app.route('/upload/file', methods=['POST'])
+def upload_file():
+    if 'file' not in request.files:
+        return jsonify({'success': False, 'error': 'No file part'}), 400
+    file = request.files['file']
+    if file.filename == '':
+        return jsonify({'success': False, 'error': 'No selected file'}), 400
+    if file:
+        filename = secure_filename(file.filename)
+        extension = os.path.splitext(filename)[1].lower()
+        vanity = shortuuid.uuid()[:8]
+        vanity_with_extension = f"{vanity}{extension}"
+        new_filename = vanity_with_extension
+        file_path = os.path.join(app.config['UPLOAD_FOLDER'], new_filename)
+        file.save(file_path)
+        
+        user_id = current_user.id if current_user.is_authenticated else None
+        
+        db = get_db()
+        cursor = db.cursor()
+        cursor.execute("INSERT INTO content (vanity, type, data, created_at, user_id) VALUES (?, ?, ?, ?, ?)",
+                       (vanity_with_extension, 'file', new_filename, datetime.now(), user_id))
+        db.commit()
+        
+        short_url = url_for('redirect_vanity', vanity=vanity_with_extension, _external=True)
+        deletion_url = url_for('delete_content', vanity=vanity_with_extension, _external=True)
+        return jsonify({'success': True, 'vanity': vanity_with_extension, 'url': short_url, 'deletion_url': deletion_url, 'filename': new_filename}), 200
+
+@app.route('/shorten', methods=['POST'])
+def shorten_url():
+    try:
+        data = request.get_json()
+        if not data or 'url' not in data:
+            return jsonify({'success': False, 'error': 'URL is required'}), 400
+
+        long_url = data['url']
+        vanity = shortuuid.uuid()[:8]
+        
+        user_id = current_user.id if current_user.is_authenticated else None
+        
+        db = get_db()
+        cursor = db.cursor()
+        cursor.execute("INSERT INTO content (vanity, type, data, created_at, user_id) VALUES (?, ?, ?, ?, ?)",
+                       (vanity, 'url', long_url, datetime.now(), user_id))
+        db.commit()
+        
+        short_url = url_for('redirect_vanity', vanity=vanity, _external=True)
+        return jsonify({'success': True, 'vanity': vanity, 'short_url': short_url}), 200
+    except Exception as e:
+        print("Exception occurred:", str(e))
+        return jsonify({'success': False, 'error': str(e)}), 400
+
+@app.route('/edit/content/<vanity>', methods=['GET', 'POST'])
+@login_required
+def edit_content(vanity):
+    db = get_db()
+    cursor = db.cursor()
+    cursor.execute("SELECT * FROM content WHERE vanity = ? OR data LIKE ?", (vanity, f"{vanity}%"))
+    content = cursor.fetchone()
+
+    if not content or content[4] != current_user.id:
+        return jsonify({'success': False, 'error': 'Unauthorized'}), 401
+
+    content_type, content_data = content[1], content[2]
+
+    if request.method == 'POST':
+        new_content = request.form.get('content')
+        if new_content is not None:
+            cursor.execute("UPDATE content SET data = ? WHERE vanity = ?", (new_content, content[0]))
+            db.commit()
+            return redirect(url_for('redirect_vanity', vanity=content[0]))
+
+    if content_type == 'file':
+        file_path = os.path.join(app.config['UPLOAD_FOLDER'], content_data)
+        if os.path.exists(file_path):
+            with open(file_path, 'r') as file:
+                file_content = file.read()
+            return render_template('edit_content.html', content=file_content, vanity=content[0], content_type=content_type)
+    elif content_type == 'pastebin':
+        return render_template('edit_content.html', content=content_data, vanity=content[0], content_type=content_type)
+
+    return jsonify({'success': False, 'error': 'Unsupported content type for editing'}), 400
+
+@app.route('/delete/content/<vanity>', methods=['POST'])
+@login_required
+def delete_content(vanity):
+    db = get_db()
+    cursor = db.cursor()
+    cursor.execute("SELECT * FROM content WHERE vanity = ? OR data LIKE ?", (vanity, f"{vanity}%"))
+    content = cursor.fetchone()
+
+    if not content or content[4] != current_user.id:
+        return jsonify({'success': False, 'error': 'Unauthorized'}), 401
+
+    cursor.execute("DELETE FROM content WHERE vanity = ? OR data LIKE ?", (vanity, f"{vanity}%"))
+    db.commit()
+
+    # If it's a file, delete the actual file from the filesystem
+    if content[1] == 'file':
+        file_path = os.path.join(app.config['UPLOAD_FOLDER'], content[2])
+        if os.path.exists(file_path):
+            os.remove(file_path)
+
+    return jsonify({'success': True}), 200
+
+@app.route('/<vanity>/info')
+def content_info(vanity):
+    db = get_db()
+    cursor = db.cursor()
+    cursor.execute("SELECT * FROM content WHERE vanity = ?", (vanity,))
+    content = cursor.fetchone()
+    
+    if content:
+        content_type, content_data, created_at, user_id = content[1], content[2], content[3], content[4]
+        
+        username = get_username(user_id)
+        
+        file_size = None
+        is_media = False
+        if content_type == 'file':
+            file_path = os.path.join(app.config['UPLOAD_FOLDER'], content_data)
+            if os.path.exists(file_path):
+                file_size = os.path.getsize(file_path)
+                file_extension = os.path.splitext(content_data)[1].lower()
+                is_media = file_extension in ['.jpg', '.jpeg', '.png', '.gif', '.mp3', '.wav', '.mp4', '.webm']
+        
+        info = {
+            'type': content_type,
+            'vanity': content_data if content_type == 'file' else vanity,
+            'data': content_data,
+            'created_at': created_at,
+            'username': username,
+            'file_size': file_size,
+            'is_media': is_media
+        }
+        
+        return render_template('content_info.html', info=info)
+    
+    return render_template('404.html'), 404
+
+@app.route('/sharex-config')
+@login_required
+def generate_sharex_config():
+    base_url = request.url_root.rstrip('/')
+    config = {
+        "Version": "13.7.0",
+        "Name": "aCloud",
+        "DestinationType": "ImageUploader, TextUploader, FileUploader, URLShortener",
+        "RequestMethod": "POST",
+        "RequestURL": f"{base_url}/api/upload",
+        "Headers": {
+            "X-API-Key": current_user.api_key
+        },
+        "Body": "MultipartFormData",
+        "FileFormName": "file",
+        "TextFormName": "text",
+        "URLShortenerFormName": "url",
+        "URL": "$json:url$",
+        "DeletionURL": "$json:deletion_url$"
+    }
+    
+    response = make_response(json.dumps(config, indent=2))
+    response.headers.set('Content-Type', 'application/json')
+    response.headers.set('Content-Disposition', 'attachment', filename='aCloud_ShareX.sxcu')
+    return response
+
+@app.route('/api/upload', methods=['POST'])
+def api_upload():
+    api_key = request.headers.get('X-API-Key')
+    if not api_key:
+        return jsonify({'error': 'API key is missing'}), 401
+
+    db = get_db()
+    cursor = db.cursor()
+    cursor.execute("SELECT * FROM users WHERE api_key = ?", (api_key,))
+    user = cursor.fetchone()
+
+    if not user:
+        return jsonify({'error': 'Invalid API key'}), 401
+
+    if 'file' in request.files:
+        file = request.files['file']
+        if file.filename == '':
+            return jsonify({'error': 'No selected file'}), 400
+        if file:
+            filename = secure_filename(file.filename)
+            extension = os.path.splitext(filename)[1].lower()
+            
+            if extension == '.txt':
+                # Handle text files as pastebins
+                content = file.read().decode('utf-8')
+                vanity = shortuuid.uuid()[:8]
+                
+                cursor.execute("INSERT INTO content (vanity, type, data, created_at, user_id) VALUES (?, ?, ?, ?, ?)",
+                               (vanity, 'pastebin', content, datetime.now(), user[0]))
+                db.commit()
+                
+                url = url_for('redirect_vanity', vanity=vanity, _external=True)
+                delete_url = url_for('delete_content', vanity=vanity, _external=True)
+                return jsonify({
+                    'status': 'success',
+                    'url': url,
+                    'deletion_url': delete_url,
+                })
+            else:
+                # Handle other file types
+                vanity = shortuuid.uuid()[:8]
+                new_filename = f"{vanity}{extension}"
+                file_path = os.path.join(app.config['UPLOAD_FOLDER'], new_filename)
+                file.save(file_path)
+                
+                cursor.execute("INSERT INTO content (vanity, type, data, created_at, user_id) VALUES (?, ?, ?, ?, ?)",
+                               (new_filename, 'file', new_filename, datetime.now(), user[0]))
+                db.commit()
+                
+                url = url_for('redirect_vanity', vanity=new_filename, _external=True)
+                delete_url = url_for('delete_content', vanity=new_filename, _external=True)
+                return jsonify({
+                    'status': 'success',
+                    'url': url,
+                    'deletion_url': delete_url,
+                })
+    elif 'text' in request.form:
+        content = request.form['text']
+        vanity = shortuuid.uuid()[:8]
+        
+        cursor.execute("INSERT INTO content (vanity, type, data, created_at, user_id) VALUES (?, ?, ?, ?, ?)",
+                       (vanity, 'pastebin', content, datetime.now(), user[0]))
+        db.commit()
+        
+        url = url_for('redirect_vanity', vanity=vanity, _external=True)
+        delete_url = url_for('delete_content', vanity=vanity, _external=True)
+        return jsonify({
+            'status': 'success',
+            'url': url,
+            'deletion_url': delete_url,
+        })
+    elif 'url' in request.form:
+        long_url = request.form['url']
+        vanity = shortuuid.uuid()[:8]
+        
+        cursor.execute("INSERT INTO content (vanity, type, data, created_at, user_id) VALUES (?, ?, ?, ?, ?)",
+                       (vanity, 'url', long_url, datetime.now(), user[0]))
+        db.commit()
+        
+        short_url = url_for('redirect_vanity', vanity=vanity, _external=True)
+        delete_url = url_for('delete_content', vanity=vanity, _external=True)
+        return jsonify({
+            'status': 'success',
+            'url': short_url,
+            'deletion_url': delete_url,
+        })
+
+    return jsonify({'error': 'No file, text, or URL content provided'}), 400
+
+@app.route('/dash/<username>/create_file', methods=['POST'])
+@login_required
+def create_new_file(username):
+    if current_user.username != username:
+        return "Unauthorized", 401
+    subpath = request.form.get('subpath', '').rstrip('/')
+    file_name = secure_filename(request.form['file_name'])
+    file_path = os.path.join(app.config['UPLOAD_FOLDER'], username, subpath, file_name)
+    
+    if not os.path.exists(os.path.dirname(file_path)):
+        os.makedirs(os.path.dirname(file_path))
+    
+    if not os.path.exists(file_path):
+        with open(file_path, 'w') as f:
+            f.write('')  # Create an empty file
+        
+        # Add the file to the content database
+        db = get_db()
+        cursor = db.cursor()
+        vanity = shortuuid.uuid()[:8]
+        cursor.execute("INSERT INTO content (vanity, type, data, created_at, user_id) VALUES (?, ?, ?, ?, ?)",
+                       (vanity, 'file', os.path.join(subpath, file_name), datetime.now(), current_user.id))
+        db.commit()
+        flash('File created successfully.', 'success')
+    else:
+        flash('File already exists.', 'error')
+    
+    return redirect(url_for('user_files', username=username, subpath=subpath))
+
 if __name__ == '__main__':
-    app.run(debug=True)
+    app.run(debug=True,host='0.0.0.0',port=7123)

schema.sql

@@ -2,12 +2,14 @@ CREATE TABLE IF NOT EXISTS content (
     vanity TEXT PRIMARY KEY,
     type TEXT NOT NULL,
     data TEXT NOT NULL,
-    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    created_at TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP,
-    user_id INTEGER
+    user_id INTEGER,
+    FOREIGN KEY (user_id) REFERENCES users (id)
 );
 
 CREATE TABLE IF NOT EXISTS users (
     id INTEGER PRIMARY KEY AUTOINCREMENT,
     username TEXT UNIQUE NOT NULL,
-    password_hash TEXT NOT NULL
+    password_hash TEXT NOT NULL,
+    api_key TEXT
 );

templates/content.html

@@ -86,6 +86,8 @@
         /* Ensure proper contrast for syntax highlighting */
         .highlight pre {
             color: var(--text-color);
+            white-space: pre-wrap;
+            word-wrap: break-word;
         }
 
         /* Override Pygments styles for dark mode */
@@ -155,46 +157,64 @@
 <body>
     <div class="container">
         <h2>Content</h2>
-        {% if content.user_id %}
+        {% if content %}
             <p>Uploaded by: {{ content.username }}</p>
+            <p>Created at: {{ content.created_at }}</p>
+            
+            {% if highlighted_content %}
+                <style>{{ css|safe }}</style>
+                <div class="highlight">
+                    {{ highlighted_content|safe }}
+                </div>
+                <button onclick="copyToClipboard()" class="btn">Copy</button>
+                <a href="{{ url_for('raw_vanity', vanity=content.vanity) }}" class="btn">View Raw</a>
+                {% if current_user.is_authenticated and current_user.id == content.user_id %}
+                    <a href="{{ url_for('edit_content', vanity=content.vanity) }}" class="btn">Edit</a>
+                {% endif %}
+            {% elif url %}
+                <p>Shortened URL: <a href="{{ url }}">{{ url }}</a></p>
+                <button onclick="copyToClipboard()" class="btn">Copy URL</button>
+            {% elif raw_content %}
+                <pre style="white-space: pre-wrap; word-wrap: break-word;">{{ raw_content }}</pre>
+                <button onclick="copyToClipboard()" class="btn">Copy</button>
+                <a href="{{ url_for('raw_vanity', vanity=content.vanity) }}" class="btn">View Raw</a>
+                {% if current_user.is_authenticated and current_user.id == content.user_id %}
+                    <a href="{{ url_for('edit_content', vanity=content.vanity) }}" class="btn">Edit</a>
+                {% endif %}
+            {% else %}
+                <p>No content available</p>
+            {% endif %}
+            
+            {% if current_user.is_authenticated and current_user.id == content.user_id %}
+                <form action="{{ url_for('delete_content', vanity=content.vanity) }}" method="post" style="display: inline;">
+                    <button type="submit" class="btn">Delete</button>
+                </form>
+            {% endif %}
         {% else %}
-            <p>Uploaded by: Anonymous</p>
+            <p>No content found.</p>
-        {% endif %}
-        <p>Created at: {{ content.created_at }}</p>
-        
-        {% if highlighted_content %}
-            <style>{{ css }}</style>
-            {{ highlighted_content|safe }}
-        {% elif url %}
-            <p>Shortened URL: <a href="{{ url }}">{{ url }}</a></p>
-        {% else %}
-            <pre>{{ raw_content }}</pre>
-        {% endif %}
-        
-        {% if current_user.is_authenticated and current_user.id == content.user_id %}
-            <a href="{{ url_for('edit_content', vanity=content.vanity) }}" class="btn">Edit</a>
-            <form action="{{ url_for('delete_content', vanity=content.vanity) }}" method="post" style="display: inline;">
-                <button type="submit" class="btn">Delete</button>
-            </form>
         {% endif %}
     </div>
 
     <button id="theme-toggle">Toggle Theme</button>
 
     <script>
-        const rawContent = {{ raw_content|tojson }};
+        const rawContent = {{ raw_content|tojson|default('null') }};
+        const url = {{ url|tojson|default('null') }};
 
         function copyToClipboard() {
-            navigator.clipboard.writeText(rawContent).then(() => {
+            let textToCopy = rawContent;
-                const copyButton = document.getElementById("copy-button");
+            if (url) {
-                const originalText = copyButton.textContent;
+                textToCopy = url;
-                copyButton.textContent = "Copied!";
+            }
-                setTimeout(() => {
+            if (textToCopy) {
-                    copyButton.textContent = originalText;
+                navigator.clipboard.writeText(textToCopy).then(() => {
-                }, 2000);
+                    alert('Copied to clipboard!');
-            }).catch(err => {
+                }).catch(err => {
-                console.error('Failed to copy text: ', err);
+                    console.error('Failed to copy text: ', err);
-            });
+                });
+            } else {
+                console.error('No content to copy');
+            }
         }
 
         const themeToggle = document.getElementById('theme-toggle');

templates/content_info.html

@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Content Info</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            margin: 0;
+            padding: 20px;
+            background-color: #1a1a1a;
+            color: #f0f0f0;
+        }
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+        }
+        h2 {
+            color: #4CAF50;
+        }
+        .info-item {
+            margin-bottom: 10px;
+        }
+        .btn {
+            display: inline-block;
+            background-color: #4CAF50;
+            color: white;
+            padding: 8px 12px;
+            text-decoration: none;
+            border-radius: 4px;
+            margin: 5px 0;
+        }
+        .btn:hover {
+            background-color: #45a049;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h2>Content Information</h2>
+        <div class="info-item"><strong>Type:</strong> {{ info.type }}</div>
+        <div class="info-item"><strong>Vanity URL:</strong> {{ info.vanity }}</div>
+        <div class="info-item"><strong>Created At:</strong> {{ info.created_at }}</div>
+        <div class="info-item"><strong>Uploaded By:</strong> {{ info.username }}</div>
+        {% if info.type == 'file' %}
+            <div class="info-item"><strong>Filename:</strong> {{ info.data }}</div>
+            {% if info.file_size %}
+                <div class="info-item"><strong>File Size:</strong> {{ info.file_size }} bytes</div>
+            {% endif %}
+        {% elif info.type == 'url' %}
+            <div class="info-item"><strong>Target URL:</strong> {{ info.data }}</div>
+        {% endif %}
+        <a href="{{ url_for('redirect_vanity', vanity=info.vanity) }}" class="btn">View Content</a>
+        {% if info.type == 'file' %}
+            <a href="{{ url_for('redirect_vanity', vanity=info.vanity) }}/download" class="btn">Download</a>
+        {% endif %}
+        {% if current_user.is_authenticated and current_user.username == info.username %}
+            {% if info.type != 'file' or not info.is_media %}
+                <a href="{{ url_for('edit_content', vanity=info.vanity) }}" class="btn">Edit</a>
+            {% endif %}
+            <form action="{{ url_for('delete_content', vanity=info.vanity) }}" method="post" style="display: inline;">
+                <button type="submit" class="btn">Delete</button>
+            </form>
+        {% endif %}
+    </div>
+</body>
+</html>

templates/edit_content.html

@@ -5,18 +5,64 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Edit Content</title>
     <style>
-        /* ... (use the same style as other pages) ... */
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            margin: 0;
+            padding: 20px;
+            background-color: #1a1a1a;
+            color: #f0f0f0;
+        }
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+        }
+        h1 {
+            color: #4CAF50;
+        }
+        #editor {
+            width: 100%;
+            height: 400px;
+            font-family: monospace;
+            font-size: 14px;
+            background-color: #2a2a2a;
+            color: #f0f0f0;
+            border: 1px solid #4CAF50;
+            padding: 10px;
+            box-sizing: border-box;
+        }
+        input[type="submit"] {
+            background-color: #4CAF50;
+            color: white;
+            padding: 10px 20px;
+            border: none;
+            cursor: pointer;
+            font-size: 16px;
+            margin-top: 10px;
+        }
+        input[type="submit"]:hover {
+            background-color: #45a049;
+        }
     </style>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/ace.js"></script>
 </head>
 <body>
     <div class="container">
-        <h2>Edit Content</h2>
+        <h1>Edit Content</h1>
         <form method="post">
-            <textarea name="content" rows="10" cols="50">{{ content.data }}</textarea>
+            <div id="editor">{{ content }}</div>
-            <br>
+            <input type="hidden" name="content" id="hidden-content">
-            <input type="submit" value="Save" class="btn">
+            <input type="submit" value="Save" onclick="updateContent()">
         </form>
-        <a href="{{ url_for('user_files', username=current_user.username) }}" class="btn">Back to Dashboard</a>
     </div>
+    <script>
+        var editor = ace.edit("editor");
+        editor.setTheme("ace/theme/monokai");
+        editor.session.setMode("ace/mode/text");
+        
+        function updateContent() {
+            document.getElementById('hidden-content').value = editor.getValue();
+        }
+    </script>
 </body>
 </html>

templates/index.html

@@ -128,7 +128,6 @@
         <div class="upload-options">
             <button onclick="showForm('text')">Upload Text</button>
             <button onclick="showForm('file')">Upload File</button>
-            <button onclick="showForm('folder')">Upload Folder</button>
             <button onclick="showForm('url')">Shorten URL</button>
         </div>
         <div id="uploadFormContainer">
@@ -148,14 +147,6 @@
                 </form>
                 <div id="fileResult" class="result"></div>
             </div>
-            <div id="folderForm" class="upload-form">
-                <h2>Upload Folder</h2>
-                <form enctype="multipart/form-data">
-                    <input type="file" name="file" webkitdirectory directory />
-                    <button type="button" onclick="uploadFolder()">Upload Folder</button>
-                </form>
-                <div id="folderResult" class="result"></div>
-            </div>
             <div id="urlForm" class="upload-form">
                 <h2>Shorten URL</h2>
                 <form>
@@ -252,48 +243,45 @@
         fetch('/upload/pastebin', {
             method: 'POST',
             headers: {
-                'Content-Type': 'application/x-www-form-urlencoded',
+                'Content-Type': 'application/json',
             },
-            body: new URLSearchParams({ content }),
+            body: JSON.stringify({ content: content }),
         })
         .then(response => response.json())
         .then(data => {
-            document.getElementById('textResult').innerHTML = `Text uploaded. Access it <a href="/${data.vanity}">here</a>.`;
+            if (data.success) {
+                const simpleUrl = `${window.location.origin}/${data.vanity}`;
+                document.getElementById('textResult').innerHTML = `Pastebin created. Access it <a href="${simpleUrl}">${simpleUrl}</a>`;
+            } else {
+                document.getElementById('textResult').innerHTML = `Error: ${data.error}`;
+            }
+        })
+        .catch(error => {
+            console.error('Error:', error);
+            document.getElementById('textResult').innerHTML = `An error occurred: ${error}`;
         });
     }
 
     function uploadFile() {
         const formData = new FormData();
-        formData.append('file', document.querySelector('#fileForm input[type="file"]').files[0]);
+        const fileInput = document.querySelector('#fileForm input[type="file"]');
+        formData.append('file', fileInput.files[0]);
         fetch('/upload/file', {
             method: 'POST',
             body: formData,
         })
         .then(response => response.json())
         .then(data => {
-            document.getElementById('fileResult').innerHTML = `File uploaded. Download it <a href="/download/${data.vanity}">here</a>.`;
+            if (data.success) {
-        });
+                const simpleUrl = `${window.location.origin}/${data.vanity}`;
-    }
+                document.getElementById('fileResult').innerHTML = `File uploaded. Access it <a href="${simpleUrl}">${simpleUrl}</a>`;
-
+            } else {
-    function uploadFolder() {
+                document.getElementById('fileResult').innerHTML = `Error: ${data.error}`;
-        const files = document.querySelector('#folderForm input[type="file"]').files;
+            }
-        if (files.length === 0) {
-            alert('Please select a folder.');
-            return;
-        }
-
-        const formData = new FormData();
-        for (const file of files) {
-            formData.append('file', file);
-        }
-
-        fetch('/upload/folder', {
-            method: 'POST',
-            body: formData,
         })
-        .then(response => response.json())
+        .catch(error => {
-        .then(data => {
+            console.error('Error:', error);
-            document.getElementById('folderResult').innerHTML = `Folder uploaded. View its contents <a href="/${data.vanity}">here</a>.`;
+            document.getElementById('fileResult').innerHTML = `An error occurred: ${error}`;
         });
     }
 
@@ -302,13 +290,21 @@
         fetch('/shorten', {
             method: 'POST',
             headers: {
-                'Content-Type': 'application/x-www-form-urlencoded',
+                'Content-Type': 'application/json',
             },
-            body: new URLSearchParams({ url }),
+            body: JSON.stringify({ url: url }),
         })
         .then(response => response.json())
         .then(data => {
-            document.getElementById('urlResult').innerHTML = `URL shortened. Access it <a href="/${data.vanity}">here</a>.`;
+            if (data.success) {
+                document.getElementById('urlResult').innerHTML = `URL shortened. Access it <a href="${data.short_url}">${data.short_url}</a>`;
+            } else {
+                document.getElementById('urlResult').innerHTML = `Error: ${data.error}`;
+            }
+        })
+        .catch(error => {
+            console.error('Error:', error);
+            document.getElementById('urlResult').innerHTML = `An error occurred: ${error}`;
         });
     }
     </script>

templates/login.html

@@ -3,66 +3,99 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Login</title>
+    <title>Login - aCloud</title>
     <style>
         body {
             font-family: Arial, sans-serif;
             line-height: 1.6;
             margin: 0;
-            padding: 20px;
+            padding: 0;
-            background-color: #1a1a1a;
-            color: #f0f0f0;
             display: flex;
             justify-content: center;
             align-items: center;
-            height: 100vh;
+            min-height: 100vh;
+            background-color: #1a1a1a;
+            color: #f0f0f0;
         }
-        .login-container {
+        .container {
             background-color: #2a2a2a;
             padding: 20px;
-            border-radius: 5px;
+            border-radius: 8px;
+            box-shadow: 0 0 10px rgba(0,0,0,0.1);
             width: 300px;
         }
         h2 {
-            color: #4CAF50;
             text-align: center;
+            color: #4CAF50;
         }
         form {
             display: flex;
             flex-direction: column;
         }
-        input {
+        label {
-            margin: 10px 0;
+            margin-bottom: 5px;
-            padding: 10px;
+        }
+        input[type="text"],
+        input[type="password"] {
+            padding: 8px;
+            margin-bottom: 10px;
             border-radius: 4px;
             border: 1px solid #4CAF50;
             background-color: #333;
             color: #f0f0f0;
         }
-        input[type="submit"] {
+        button {
             background-color: #4CAF50;
             color: white;
+            padding: 10px;
+            border: none;
+            border-radius: 4px;
             cursor: pointer;
+            font-size: 16px;
         }
-        input[type="submit"]:hover {
+        button:hover {
             background-color: #45a049;
         }
-        label {
+        .remember-me {
-            margin-top: 10px;
+            display: flex;
+            align-items: center;
+            margin-bottom: 10px;
+        }
+        .remember-me input {
+            margin-right: 5px;
+        }
+        p {
+            text-align: center;
+            margin-top: 15px;
+        }
+        a {
+            color: #4CAF50;
+            text-decoration: none;
+        }
+        a:hover {
+            text-decoration: underline;
         }
     </style>
 </head>
 <body>
-    <div class="login-container">
+    <div class="container">
         <h2>Login</h2>
-        <form method="post">
+        <form method="POST">
-            <input type="text" name="username" placeholder="Username" required>
+            <div>
-            <input type="password" name="password" placeholder="Password" required>
+                <label for="username">Username:</label>
-            <label>
+                <input type="text" id="username" name="username" required>
-                <input type="checkbox" name="remember"> Remember Me
+            </div>
-            </label>
+            <div>
-            <input type="submit" value="Login">
+                <label for="password">Password:</label>
+                <input type="password" id="password" name="password" required>
+            </div>
+            <div class="remember-me">
+                <input type="checkbox" id="remember" name="remember">
+                <label for="remember">Remember me</label>
+            </div>
+            <button type="submit">Login</button>
         </form>
+        <p>Don't have an account? <a href="{{ url_for('register') }}">Register here</a></p>
     </div>
 </body>
 </html>

templates/register.html

@@ -3,60 +3,87 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Register</title>
+    <title>Register - aCloud</title>
     <style>
         body {
             font-family: Arial, sans-serif;
             line-height: 1.6;
             margin: 0;
-            padding: 20px;
+            padding: 0;
-            background-color: #1a1a1a;
-            color: #f0f0f0;
             display: flex;
             justify-content: center;
             align-items: center;
-            height: 100vh;
+            min-height: 100vh;
+            background-color: #1a1a1a;
+            color: #f0f0f0;
         }
-        .register-container {
+        .container {
             background-color: #2a2a2a;
             padding: 20px;
-            border-radius: 5px;
+            border-radius: 8px;
+            box-shadow: 0 0 10px rgba(0,0,0,0.1);
             width: 300px;
         }
         h2 {
-            color: #4CAF50;
             text-align: center;
+            color: #4CAF50;
         }
         form {
             display: flex;
             flex-direction: column;
         }
-        input {
+        label {
-            margin: 10px 0;
+            margin-bottom: 5px;
-            padding: 10px;
+        }
+        input[type="text"],
+        input[type="password"] {
+            padding: 8px;
+            margin-bottom: 10px;
             border-radius: 4px;
             border: 1px solid #4CAF50;
             background-color: #333;
             color: #f0f0f0;
         }
-        input[type="submit"] {
+        button {
             background-color: #4CAF50;
             color: white;
+            padding: 10px;
+            border: none;
+            border-radius: 4px;
             cursor: pointer;
+            font-size: 16px;
         }
-        input[type="submit"]:hover {
+        button:hover {
             background-color: #45a049;
         }
+        p {
+            text-align: center;
+            margin-top: 15px;
+        }
+        a {
+            color: #4CAF50;
+            text-decoration: none;
+        }
+        a:hover {
+            text-decoration: underline;
+        }
     </style>
 </head>
 <body>
-    <div class="register-container">
+    <div class="container">
         <h2>Register</h2>
-        <form method="post">
+        <form method="POST">
-            <input type="text" name="username" placeholder="Username" required>
+            <div>
-            <input type="password" name="password" placeholder="Password" required>
+                <label for="username">Username:</label>
-            <input type="submit" value="Register">
+                <input type="text" id="username" name="username" required>
+            </div>
+            <div>
+                <label for="password">Password:</label>
+                <input type="password" id="password" name="password" required>
+            </div>
+            <button type="submit">Register</button>
         </form>
+        <p>Already have an account? <a href="{{ url_for('login') }}">Login here</a></p>
     </div>
 </body>
 </html>

templates/user_files.html

@@ -80,6 +80,33 @@
         .folder {
             font-weight: bold;
         }
+        .upload-list {
+            margin-top: 20px;
+        }
+        .upload-item {
+            margin-bottom: 10px;
+        }
+        .tabs {
+            display: flex;
+            justify-content: center;
+            margin-bottom: 20px;
+        }
+        .tab {
+            background-color: #333;
+            color: #f0f0f0;
+            padding: 10px 20px;
+            cursor: pointer;
+            border: none;
+        }
+        .tab.active {
+            background-color: #4CAF50;
+        }
+        .tab-content {
+            display: none;
+        }
+        .tab-content.active {
+            display: block;
+        }
     </style>
 </head>
 <body>
@@ -89,99 +116,142 @@
             <a href="{{ url_for('index') }}">Home</a>
             <a href="{{ url_for('logout') }}">Logout</a>
         </nav>
+        <div style="text-align: center; margin-top: 10px;">
+            <a href="{{ url_for('serve_user_page', username=username) }}" class="btn">Visit my site</a>
+        </div>
 
-        <form action="{{ url_for('toggle_index', username=username) }}" method="get" style="text-align: center;">
+        <div class="tabs">
-            <label>
+            <button class="tab active" onclick="openTab(event, 'filesAndFolders')">Files and Folders</button>
-                <input type="checkbox" onchange="this.form.submit()" {% if ignore_index %}checked{% endif %}>
+            <button class="tab" onclick="openTab(event, 'myUploads')">My Uploads</button>
-                Ignore index.html and always show file listing
+            <button class="tab" onclick="openTab(event, 'shareXConfig')">ShareX Config</button>
-            </label>
+        </div>
-        </form>
 
-        {% if index_exists and not ignore_index %}
+        <div id="filesAndFolders" class="tab-content active">
-        <p style="text-align: center;">An index.html file exists in this folder. When viewing publicly, this file will be displayed instead of the file listing.</p>
+            <form id="toggleIndexForm" style="text-align: center;">
-        {% endif %}
+                <label>
+                    <input type="checkbox" id="ignoreIndexCheckbox" {% if ignore_index %}checked{% endif %}>
+                    Ignore index.html and always show file listing
+                </label>
+            </form>
 
-        <h3>Upload File</h3>
+            {% if index_exists and not ignore_index %}
-        <form action="{{ url_for('upload_user_file', username=username) }}" method="post" enctype="multipart/form-data">
+            <p style="text-align: center;">An index.html file exists in this folder. When viewing publicly, this file will be displayed instead of the file listing.</p>
-            <input type="hidden" name="subpath" value="{{ current_path }}">
+            {% endif %}
-            <input type="file" name="file" required>
-            <input type="submit" value="Upload" class="btn">
-        </form>
 
-        <h3>Create Folder</h3>
+            <h3>Upload File</h3>
-        <form action="{{ url_for('create_folder', username=username) }}" method="post">
+            <form action="{{ url_for('upload_user_file', username=username) }}" method="post" enctype="multipart/form-data">
-            <input type="hidden" name="subpath" value="{{ current_path }}">
+                <input type="hidden" name="subpath" value="{{ current_path }}">
-            <input type="text" name="folder_name" placeholder="New folder name" required>
+                <input type="file" name="file" required>
-            <input type="submit" value="Create Folder" class="btn">
+                <input type="submit" value="Upload" class="btn">
-        </form>
+            </form>
 
-        <h3>Files and Folders</h3>
+            <h3>Create Folder</h3>
-        <p style="text-align: center;">Current folder: {{ current_folder or 'Root' }}</p>
+            <form action="{{ url_for('create_folder', username=username) }}" method="post">
+                <input type="hidden" name="subpath" value="{{ current_path }}">
+                <input type="text" name="folder_name" placeholder="New folder name" required>
+                <input type="submit" value="Create Folder" class="btn">
+            </form>
 
-        <ul class="file-list">
+            <h3>Create New File</h3>
-        {% if parent_folder is not none %}
+            <form action="{{ url_for('create_new_file', username=username) }}" method="post">
-            <li class="file-item folder">
+                <input type="hidden" name="subpath" value="{{ current_path }}">
-                <span class="file-icon">📁</span>
+                <input type="text" name="file_name" placeholder="New file name (e.g., index.html)" required>
-                <span class="file-name">
+                <input type="submit" value="Create File" class="btn">
-                    <a href="{{ url_for('user_files', username=username, subpath=parent_folder) }}">..</a>
+            </form>
-                </span>
-                <div class="file-actions">
-                    <!-- No actions for parent directory -->
-                </div>
-            </li>
-        {% endif %}
-        {% for item in items %}
-            <li class="file-item {% if item.type == 'folder' %}folder{% endif %}">
-                <span class="file-icon">{% if item.type == 'folder' %}📁{% else %}📄{% endif %}</span>
-                <span class="file-name">
-                    {% if item.type == 'folder' %}
-                        <a href="{{ url_for('user_files', username=username, subpath=item.path) }}">{{ item.name }}</a>
-                    {% else %}
-                        {{ item.name }}
-                    {% endif %}
-                </span>
-                <div class="file-actions">
-                    <button onclick="deleteItem('{{ item.name }}', '{{ item.type }}')" class="btn">Delete</button>
-                    <button onclick="renameItem('{{ item.name }}', '{{ item.type }}')" class="btn">Rename</button>
-                    <button onclick="moveItem('{{ item.name }}', '{{ item.type }}')" class="btn">Move</button>
-                    <button onclick="copyItem('{{ item.name }}', '{{ item.type }}')" class="btn">Copy</button>
-                    {% if item.type == 'file' %}
-                        <a href="{{ url_for('edit_file', username=username, filename=item.path) }}" class="btn">Edit</a>
-                    {% endif %}
-                </div>
-            </li>
-        {% endfor %}
-        </ul>
 
-        <h3>Your Uploads</h3>
+            <h3>Files and Folders</h3>
-        <ul class="file-list">
+            <p style="text-align: center;">Current folder: {{ current_folder or 'Root' }}</p>
-        {% for upload in uploads %}
+
-            <li class="file-item">
+            <ul class="file-list">
-                <span class="file-icon">
+            {% if parent_folder is not none %}
-                    {% if upload.type == 'pastebin' %}📝
+                <li class="file-item folder">
-                    {% elif upload.type == 'file' %}📄
+                    <span class="file-icon">📁</span>
-                    {% elif upload.type == 'folder' %}📁
+                    <span class="file-name">
-                    {% elif upload.type == 'url' %}🔗
+                        <a href="{{ url_for('user_files', username=username, subpath=parent_folder) }}">..</a>
-                    {% endif %}
+                    </span>
-                </span>
+                    <div class="file-actions">
-                <span class="file-name">
+                        <!-- No actions for parent directory -->
-                    <a href="{{ url_for('redirect_vanity', path=upload.vanity) }}">{{ upload.vanity }}</a>
+                    </div>
-                    ({{ upload.type }})
+                </li>
-                </span>
+            {% endif %}
-                <div class="file-actions">
+            {% for item in items %}
-                    {% if upload.type in ['pastebin', 'url'] %}
+                <li class="file-item {% if item.type == 'folder' %}folder{% endif %}">
-                        <a href="{{ url_for('edit_content', vanity=upload.vanity) }}" class="btn">Edit</a>
+                    <span class="file-icon">{% if item.type == 'folder' %}📁{% else %}📄{% endif %}</span>
-                    {% endif %}
+                    <span class="file-name">
-                    <form action="{{ url_for('delete_content', vanity=upload.vanity) }}" method="post" style="display: inline;">
+                        {% if item.type == 'folder' %}
-                        <button type="submit" class="btn">Delete</button>
+                            <a href="{{ url_for('user_files', username=username, subpath=item.path) }}">{{ item.name }}</a>
-                    </form>
+                        {% else %}
-                </div>
+                            {{ item.name }}
-            </li>
+                        {% endif %}
-        {% endfor %}
+                    </span>
-        </ul>
+                    <div class="file-actions">
+                        <button onclick="deleteItem('{{ item.name }}', '{{ item.type }}')" class="btn">Delete</button>
+                        <button onclick="renameItem('{{ item.name }}', '{{ item.type }}')" class="btn">Rename</button>
+                        <button onclick="moveItem('{{ item.name }}', '{{ item.type }}')" class="btn">Move</button>
+                        <button onclick="copyItem('{{ item.name }}', '{{ item.type }}')" class="btn">Copy</button>
+                        {% if item.type == 'file' %}
+                            <a href="{{ url_for('edit_file', username=username, filename=item.path) }}" class="btn">Edit</a>
+                        {% endif %}
+                    </div>
+                </li>
+            {% endfor %}
+            </ul>
+        </div>
+
+        <div id="myUploads" class="tab-content">
+            <h3>Your Uploads</h3>
+            <div class="upload-list">
+                {% for upload in uploads %}
+                    <div class="upload-item">
+                        {% if upload.type == 'pastebin' %}
+                            Pastebin: 
+                        {% elif upload.type == 'file' %}
+                            File: 
+                        {% elif upload.type == 'url' %}
+                            Shortened URL: 
+                        {% endif %}
+                        <a href="{{ url_for('redirect_vanity', vanity=upload.vanity) }}" target="_blank">
+                            {% if upload.type == 'file' %}
+                                {{ upload.data }}
+                            {% else %}
+                                {{ upload.vanity }}
+                            {% endif %}
+                        </a>
+                        (Created: {{ upload.created_at }})
+                        <a href="{{ url_for('content_info', vanity=upload.vanity) }}" class="btn">Info</a>
+                        {% if upload.type == 'url' %}
+                            <button onclick="editUrl('{{ upload.vanity }}', '{{ upload.data }}')" class="btn">Edit</button>
+                        {% else %}
+                            <a href="{{ url_for('edit_content', vanity=upload.vanity) }}" class="btn">Edit</a>
+                        {% endif %}
+                        <button onclick="deleteUpload('{{ upload.vanity }}')" class="btn">Delete</button>
+                    </div>
+                {% endfor %}
+            </div>
+        </div>
+
+        <div id="shareXConfig" class="tab-content">
+            <h3>ShareX Configuration</h3>
+            <p>Click the button below to download your ShareX configuration file:</p>
+            <a href="{{ url_for('generate_sharex_config') }}" class="btn" download="aCloud_ShareX.sxcu">Download ShareX Config</a>
+        </div>
     </div>
 
     <script>
+        function openTab(evt, tabName) {
+            var i, tabcontent, tablinks;
+            tabcontent = document.getElementsByClassName("tab-content");
+            for (i = 0; i < tabcontent.length; i++) {
+                tabcontent[i].style.display = "none";
+            }
+            tablinks = document.getElementsByClassName("tab");
+            for (i = 0; i < tablinks.length; i++) {
+                tablinks[i].className = tablinks[i].className.replace(" active", "");
+            }
+            document.getElementById(tabName).style.display = "block";
+            evt.currentTarget.className += " active";
+        }
+
         function deleteItem(name, type) {
             if (confirm(`Are you sure you want to delete this ${type}?`)) {
                 const form = document.createElement('form');
@@ -192,6 +262,30 @@
             }
         }
 
+        function deleteUpload(vanity) {
+            if (confirm('Are you sure you want to delete this upload?')) {
+                fetch("{{ url_for('delete_content', vanity='') }}" + vanity, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify({})
+                })
+                .then(response => response.json())
+                .then(data => {
+                    if (data.success) {
+                        location.reload();
+                    } else {
+                        alert('Error deleting upload: ' + data.error);
+                    }
+                })
+                .catch(error => {
+                    console.error('Error:', error);
+                    alert('An error occurred while deleting the upload');
+                });
+            }
+        }
+
         function renameItem(name, type) {
             const newName = prompt(`Enter new name for this ${type}:`, name);
             if (newName && newName !== name) {
@@ -264,6 +358,62 @@
                 form.submit();
             }
         }
+
+        function editUrl(vanity, currentUrl) {
+            const newUrl = prompt("Enter the new URL:", currentUrl);
+            if (newUrl && newUrl !== currentUrl) {
+                fetch('/edit/content/' + vanity, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({ content: newUrl }),
+                })
+                .then(response => response.json())
+                .then(data => {
+                    if (data.success) {
+                        alert('URL updated successfully');
+                        location.reload();
+                    } else {
+                        alert('Error updating URL: ' + data.error);
+                    }
+                })
+                .catch(error => {
+                    console.error('Error:', error);
+                    alert('An error occurred while updating the URL');
+                });
+            }
+        }
+
+        document.getElementById('ignoreIndexCheckbox').addEventListener('change', function() {
+            fetch("{{ url_for('toggle_index', username=username) }}", {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'X-Requested-With': 'XMLHttpRequest'
+                },
+                body: JSON.stringify({})
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.success) {
+                    // Update the checkbox state based on the server response
+                    this.checked = data.ignore_index;
+                    // Reload the page to reflect the changes
+                    location.reload();
+                } else {
+                    alert('Error toggling index.html ignore setting: ' + data.error);
+                    // Revert the checkbox state if there was an error
+                    this.checked = !this.checked;
+                }
+            })
+            .catch(error => {
+                console.error('Error:', error);
+                alert('An error occurred while toggling the index.html ignore setting');
+                // Revert the checkbox state if there was an error
+                this.checked = !this.checked;
+            });
+        });
     </script>
 </body>
 </html>