Upload 8 files

app.py

@@ -13,6 +13,12 @@ load_dotenv()
 app = Flask(__name__)
 app.secret_key = os.urandom(24)
 
+# Configure session to be permanent and last for 30 days
+app.config['PERMANENT_SESSION_LIFETIME'] = timedelta(days=30)
+app.config['SESSION_COOKIE_SECURE'] = False  # Set to True in production with HTTPS
+app.config['SESSION_COOKIE_HTTPONLY'] = True
+app.config['SESSION_COOKIE_SAMESITE'] = 'Lax'
+
 # MongoDB connection
 MONGO_URI = os.getenv('MONGO_URI')
 client = MongoClient(MONGO_URI)
@@ -85,6 +91,8 @@ def register():
     
     user_bookmarks.insert_many(default_bookmarks)
     
+    # Make session permanent so it persists across browser sessions
+    session.permanent = True
     session['user_id'] = user_id
     session['username'] = username
     
@@ -95,6 +103,7 @@ def login():
     data = request.json
     username = data.get('username')
     password = data.get('password')
+    remember_me = data.get('rememberMe', True)  # Default to True for backward compatibility
     
     if not username or not password:
         return jsonify({'error': 'Username and password required'}), 400
@@ -104,8 +113,11 @@ def login():
     if not user or not check_password_hash(user['password'], password):
         return jsonify({'error': 'Invalid credentials'}), 401
     
+    # Set session permanence based on user choice
+    session.permanent = remember_me
     session['user_id'] = user['user_id']
     session['username'] = username
+    session['remember_me'] = remember_me
     
     return jsonify({'message': 'Login successful'})
 

templates/auth.html

@@ -119,6 +119,27 @@
             color: #999;
         }
 
+        .checkbox-group {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            margin-top: 5px;
+        }
+
+        .checkbox-input {
+            width: 18px;
+            height: 18px;
+            accent-color: #667eea;
+            cursor: pointer;
+        }
+
+        .checkbox-label {
+            font-size: 0.9rem;
+            color: #666;
+            cursor: pointer;
+            user-select: none;
+        }
+
         .auth-btn {
             padding: 15px 30px;
             border: none;
@@ -192,6 +213,12 @@
             <div class="form-group">
                 <input type="password" class="form-input" id="password" placeholder="Password" required>
             </div>
+            <div class="form-group" id="rememberMeGroup">
+                <div class="checkbox-group">
+                    <input type="checkbox" class="checkbox-input" id="rememberMe" checked>
+                    <label for="rememberMe" class="checkbox-label">Remember me for 30 days</label>
+                </div>
+            </div>
             <button type="submit" class="auth-btn" id="authBtn">Login</button>
             <div class="error-message hidden" id="errorMessage"></div>
             <div class="success-message hidden" id="successMessage"></div>
@@ -211,6 +238,8 @@
         const toggleText = document.getElementById('toggleText');
         const errorMessage = document.getElementById('errorMessage');
         const successMessage = document.getElementById('successMessage');
+        const rememberMeGroup = document.getElementById('rememberMeGroup');
+        const rememberMeCheckbox = document.getElementById('rememberMe');
 
         function showError(message) {
             errorMessage.textContent = message;
@@ -237,10 +266,12 @@
                 authBtn.textContent = 'Login';
                 toggleText.textContent = "Don't have an account? ";
                 toggleLink.textContent = 'Sign up';
+                rememberMeGroup.style.display = 'block'; // Show remember me for login
             } else {
                 authBtn.textContent = 'Sign Up';
                 toggleText.textContent = 'Already have an account? ';
                 toggleLink.textContent = 'Login';
+                rememberMeGroup.style.display = 'none'; // Hide remember me for signup
             }
 
             hideMessages();
@@ -251,6 +282,7 @@
 
             const username = document.getElementById('username').value;
             const password = document.getElementById('password').value;
+            const rememberMe = rememberMeCheckbox.checked;
 
             if (!username || !password) {
                 showError('Please fill in all fields');
@@ -258,6 +290,12 @@
             }
 
             const endpoint = isLoginMode ? '/login' : '/register';
+            const requestBody = { username, password };
+
+            // Add rememberMe flag for login requests
+            if (isLoginMode) {
+                requestBody.rememberMe = rememberMe;
+            }
 
             try {
                 const response = await fetch(endpoint, {
@@ -265,7 +303,7 @@
                     headers: {
                         'Content-Type': 'application/json',
                     },
-                    body: JSON.stringify({ username, password })
+                    body: JSON.stringify(requestBody)
                 });
 
                 const data = await response.json();