Upload 6 files

Dockerfile

@@ -0,0 +1,19 @@
+FROM python:3.9-slim
+
+# Set working directory
+WORKDIR /app
+
+# Copy requirements first for better caching
+COPY requirements.txt .
+
+# Install dependencies
+RUN pip install --no-cache-dir -r requirements.txt
+
+# Copy application code
+COPY . .
+
+# Expose the port the app runs on
+EXPOSE 7860
+
+# Command to run the application
+CMD ["python", "main.py"]

main.py

@@ -0,0 +1,179 @@
+from fastapi import FastAPI, Request, Form, Depends, HTTPException
+from fastapi.templating import Jinja2Templates
+from fastapi.staticfiles import StaticFiles
+from fastapi.responses import HTMLResponse, RedirectResponse
+from sqlalchemy import create_engine, Column, Integer, String, Boolean, DateTime, Text
+from sqlalchemy.ext.declarative import declarative_base
+from sqlalchemy.orm import sessionmaker, Session
+from datetime import datetime
+import random
+import string
+import re
+import os
+import bcrypt
+from typing import Optional
+
+# Create the FastAPI app
+app = FastAPI(title="Notepad App")
+
+# Set up templates and static files directories
+templates_dir = os.path.join(os.path.dirname(__file__), "templates")
+templates = Jinja2Templates(directory=templates_dir)
+
+# Create static directory if it doesn't exist
+static_dir = os.path.join(os.path.dirname(__file__), "static")
+os.makedirs(static_dir, exist_ok=True)
+app.mount("/static", StaticFiles(directory=static_dir), name="static")
+
+# Database setup
+DATABASE_URL = "sqlite:///./notepad.db"
+engine = create_engine(DATABASE_URL, connect_args={"check_same_thread": False})
+SessionLocal = sessionmaker(autocommit=False, autoflush=False, bind=engine)
+Base = declarative_base()
+
+# Define the Note model
+class Note(Base):
+    __tablename__ = "notes"
+    
+    id = Column(Integer, primary_key=True, index=True)
+    code = Column(String, unique=True, index=True)
+    content = Column(Text)
+    is_private = Column(Boolean, default=False)
+    password = Column(String, nullable=True)
+    created_at = Column(DateTime, default=datetime.utcnow)
+
+# Create the database tables
+Base.metadata.create_all(bind=engine)
+
+# Dependency to get the database session
+def get_db():
+    db = SessionLocal()
+    try:
+        yield db
+    finally:
+        db.close()
+
+# Function to generate a random code for the note URL
+def generate_random_code(length=6):
+    characters = string.ascii_letters + string.digits
+    return ''.join(random.choice(characters) for _ in range(length))
+
+# Function to detect image URLs in text and convert them to HTML img tags
+def process_content(content):
+    # Regular expression to find image URLs
+    image_pattern = r'(https?://\S+\.(?:jpg|jpeg|png|gif|webp|svg))'
+    
+    # Replace image URLs with img tags
+    processed_content = re.sub(
+        image_pattern,
+        r'<img src="\1" class="my-2 max-w-full h-auto rounded" alt="Image">',
+        content
+    )
+    
+    # Convert newlines to <br> tags for proper HTML rendering
+    processed_content = processed_content.replace('\n', '<br>')
+    
+    return processed_content
+
+# Home page route
+@app.get("/", response_class=HTMLResponse)
+async def home(request: Request):
+    return templates.TemplateResponse("index.html", {"request": request})
+
+# Create note route
+@app.post("/create", response_class=HTMLResponse)
+async def create_note(
+    request: Request,
+    content: str = Form(...),
+    is_private: bool = Form(False),
+    password: Optional[str] = Form(None),
+    db: Session = Depends(get_db)
+):
+    # Generate a unique random code
+    code = generate_random_code()
+    while db.query(Note).filter(Note.code == code).first():
+        code = generate_random_code()
+    
+    # Hash password if provided
+    hashed_password = None
+    if is_private and password:
+        hashed_password = bcrypt.hashpw(password.encode('utf-8'), bcrypt.gensalt()).decode('utf-8')
+    
+    # Create new note
+    new_note = Note(
+        code=code,
+        content=content,
+        is_private=is_private,
+        password=hashed_password
+    )
+    
+    db.add(new_note)
+    db.commit()
+    
+    # Redirect to the note view page
+    return RedirectResponse(url=f"/{code}", status_code=303)
+
+# View note route
+@app.get("/{code}", response_class=HTMLResponse)
+async def view_note(request: Request, code: str, db: Session = Depends(get_db)):
+    # Find the note by code
+    note = db.query(Note).filter(Note.code == code).first()
+    
+    if not note:
+        raise HTTPException(status_code=404, detail="Note not found")
+    
+    # If the note is private, show password prompt
+    if note.is_private:
+        return templates.TemplateResponse(
+            "password.html", 
+            {"request": request, "code": code}
+        )
+    
+    # Process content to render images
+    processed_content = process_content(note.content)
+    
+    return templates.TemplateResponse(
+        "view.html", 
+        {"request": request, "note": note, "content": processed_content}
+    )
+
+# Verify password route
+@app.post("/{code}/verify", response_class=HTMLResponse)
+async def verify_password(
+    request: Request,
+    code: str,
+    password: str = Form(...),
+    db: Session = Depends(get_db)
+):
+    # Find the note by code
+    note = db.query(Note).filter(Note.code == code).first()
+    
+    if not note:
+        raise HTTPException(status_code=404, detail="Note not found")
+    
+    # Verify the password
+    if not note.is_private or not note.password:
+        # Note is not private or doesn't have a password
+        return RedirectResponse(url=f"/{code}", status_code=303)
+    
+    is_valid = bcrypt.checkpw(password.encode('utf-8'), note.password.encode('utf-8'))
+    
+    if not is_valid:
+        # Password is incorrect
+        return templates.TemplateResponse(
+            "password.html", 
+            {"request": request, "code": code, "error": "Invalid password"}
+        )
+    
+    # Process content to render images
+    processed_content = process_content(note.content)
+    
+    return templates.TemplateResponse(
+        "view.html", 
+        {"request": request, "note": note, "content": processed_content}
+    )
+
+# Run the application
+if __name__ == "__main__":
+    import uvicorn
+    uvicorn.run("main:app", host="0.0.0.0", port=7860, reload=True)

requirements.txt

@@ -0,0 +1,7 @@
+fastapi==0.104.1
+uvicorn==0.23.2
+jinja2==3.1.2
+python-multipart==0.0.6
+sqlalchemy==2.0.23
+bcrypt==4.0.1
+pydantic==2.4.2

templates/index.html

@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Notepad App</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script>
+        tailwind.config = {
+            theme: {
+                extend: {
+                    spacing: {
+                        '18': '4.5rem',
+                    },
+                }
+            }
+        }
+    </script>
+</head>
+<body class="bg-white min-h-screen">
+    <div class="container mx-auto px-4 py-8 sm:py-12">
+        <div class="max-w-xl mx-auto bg-white rounded-lg shadow-sm border border-gray-200 p-5 sm:p-8">
+            <h1 class="text-3xl font-bold text-center text-black mb-4 sm:mb-6">Notepad</h1>
+            <p class="text-gray-700 mb-6 text-center text-sm sm:text-base">Create a note with text, emojis, and image URLs</p>
+            
+            <form action="/create" method="post" class="space-y-6">
+                <div>
+                    <label for="content" class="block text-sm font-medium text-black mb-2">Your Note</label>
+                    <textarea 
+                        id="content" 
+                        name="content" 
+                        rows="10" 
+                        class="w-full px-4 py-3 border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-black focus:border-black text-base"
+                        placeholder="Write your note here. Image URLs (ending in .jpg, .png, etc.) will be displayed as images."
+                        required
+                    ></textarea>
+                </div>
+                
+                <div class="flex items-center py-2">
+                    <input 
+                        type="checkbox" 
+                        id="is_private" 
+                        name="is_private" 
+                        class="h-5 w-5 text-black focus:ring-black border-gray-400 rounded"
+                        onchange="togglePasswordField()"
+                    >
+                    <label for="is_private" class="ml-3 block text-base text-black">
+                        Make this note private
+                    </label>
+                </div>
+                
+                <div id="password_field" class="hidden">
+                    <label for="password" class="block text-sm font-medium text-black mb-2">Password</label>
+                    <input 
+                        type="password" 
+                        id="password" 
+                        name="password" 
+                        class="w-full px-4 py-3 border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-black focus:border-black text-base"
+                        placeholder="Enter a password to protect your note"
+                    >
+                    <p class="mt-2 text-sm text-gray-600">This password will be required to view the note</p>
+                </div>
+                
+                <div class="mt-8">
+                    <button 
+                        type="submit" 
+                        class="w-full flex justify-center py-3 px-4 border border-gray-800 rounded-lg shadow-sm text-base font-medium text-white bg-black hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 transition-colors duration-200"
+                    >
+                        Create Note
+                    </button>
+                </div>
+            </form>
+        </div>
+    </div>
+    
+    <script>
+        function togglePasswordField() {
+            const isPrivate = document.getElementById('is_private').checked;
+            const passwordField = document.getElementById('password_field');
+            
+            if (isPrivate) {
+                passwordField.classList.remove('hidden');
+                document.getElementById('password').setAttribute('required', 'required');
+            } else {
+                passwordField.classList.add('hidden');
+                document.getElementById('password').removeAttribute('required');
+            }
+        }
+    </script>
+</body>
+</html>

templates/password.html

@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Password Protected Note</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script>
+        tailwind.config = {
+            theme: {
+                extend: {
+                    spacing: {
+                        '18': '4.5rem',
+                    },
+                }
+            }
+        }
+    </script>
+</head>
+<body class="bg-white min-h-screen">
+    <div class="container mx-auto px-4 py-8 sm:py-12">
+        <div class="max-w-md mx-auto bg-white rounded-lg shadow-sm border border-gray-200 p-5 sm:p-8">
+            <h1 class="text-2xl font-bold text-center text-black mb-4">Password Protected Note</h1>
+            <p class="text-gray-700 mb-6 text-center text-sm sm:text-base">This note is private and requires a password to view</p>
+            
+            {% if error %}
+            <div class="bg-gray-100 border-l-4 border-black text-gray-800 px-4 py-3 rounded mb-6" role="alert">
+                <p class="font-medium">{{ error }}</p>
+            </div>
+            {% endif %}
+            
+            <form action="/{{ code }}/verify" method="post" class="space-y-6">
+                <div>
+                    <label for="password" class="block text-sm font-medium text-black mb-2">Password</label>
+                    <input 
+                        type="password" 
+                        id="password" 
+                        name="password" 
+                        class="w-full px-4 py-3 border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-black focus:border-black text-base"
+                        placeholder="Enter the note password"
+                        required
+                    >
+                </div>
+                
+                <div>
+                    <button 
+                        type="submit" 
+                        class="w-full flex justify-center py-3 px-4 border border-gray-800 rounded-lg shadow-sm text-base font-medium text-white bg-black hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 transition-colors duration-200"
+                    >
+                        Access Note
+                    </button>
+                </div>
+            </form>
+            
+            <div class="mt-8 text-center">
+                <a href="/" class="inline-flex items-center justify-center text-black hover:text-gray-700 font-medium transition-colors duration-200">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
+                    </svg>
+                    Back to Notepad
+                </a>
+            </div>
+        </div>
+    </div>
+</body>
+</html>

templates/view.html

@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>View Note</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script>
+        tailwind.config = {
+            theme: {
+                extend: {
+                    spacing: {
+                        '18': '4.5rem',
+                    },
+                }
+            }
+        }
+    </script>
+</head>
+<body class="bg-white min-h-screen">
+    <div class="container mx-auto px-4 py-8 sm:py-12">
+        <div class="max-w-xl mx-auto bg-white rounded-lg shadow-sm border border-gray-200 p-5 sm:p-8">
+            <div class="flex flex-col sm:flex-row sm:justify-between sm:items-center mb-6">
+                <h1 class="text-2xl font-bold text-black mb-2 sm:mb-0">Note #{{ note.code }}</h1>
+                <span class="text-sm text-gray-600">Created: {{ note.created_at.strftime('%Y-%m-%d %H:%M') }}</span>
+            </div>
+            
+            <div class="border-t border-gray-200 pt-5">
+                <div class="prose max-w-none text-black">
+                    {{ content | safe }}
+                </div>
+            </div>
+            
+            <div class="mt-8 pt-5 border-t border-gray-200">
+                <a href="/" class="inline-flex items-center text-black hover:text-gray-700 font-medium transition-colors duration-200">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
+                    </svg>
+                    Back to Notepad
+                </a>
+            </div>
+        </div>
+    </div>
+</body>
+</html>