Full Code of yuxiaoy1/chatfairy for AI

Repository: yuxiaoy1/chatfairy
Branch: main
Commit: c6f76b8447f2
Files: 6
Total size: 7.9 KB

Directory structure:
gitextract_tdlgohzq/

├── .gitignore
├── README.md
├── app.py
└── templates/
    ├── base.html
    ├── index.html
    └── login.html

================================================
FILE CONTENTS
================================================

================================================
FILE: .gitignore
================================================
# Byte-compiled / optimized / DLL files
__pycache__/
*.py[cod]
*$py.class

# C extensions
*.so

# Distribution / packaging
.Python
build/
develop-eggs/
dist/
downloads/
eggs/
.eggs/
lib/
lib64/
parts/
sdist/
var/
wheels/
share/python-wheels/
*.egg-info/
.installed.cfg
*.egg
MANIFEST

# PyInstaller
#  Usually these files are written by a python script from a template
#  before PyInstaller builds the exe, so as to inject date/other infos into it.
*.manifest
*.spec

# Installer logs
pip-log.txt
pip-delete-this-directory.txt

# Unit test / coverage reports
htmlcov/
.tox/
.nox/
.coverage
.coverage.*
.cache
nosetests.xml
coverage.xml
*.cover
*.py,cover
.hypothesis/
.pytest_cache/
cover/

# Translations
*.mo
*.pot

# Django stuff:
*.log
local_settings.py
db.sqlite3
db.sqlite3-journal

# Flask stuff:
instance/
.webassets-cache

# Scrapy stuff:
.scrapy

# Sphinx documentation
docs/_build/

# PyBuilder
.pybuilder/
target/

# Jupyter Notebook
.ipynb_checkpoints

# IPython
profile_default/
ipython_config.py

# pyenv
#   For a library or package, you might want to ignore these files since the code is
#   intended to run in multiple environments; otherwise, check them in:
.python-version

# pipenv
#   According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
#   However, in case of collaboration, if having platform-specific dependencies or dependencies
#   having no cross-platform support, pipenv may install dependencies that don't work, or not
#   install all needed dependencies.
Pipfile.lock

# poetry
#   Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control.
#   This is especially recommended for binary packages to ensure reproducibility, and is more
#   commonly ignored for libraries.
#   https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control
poetry.lock

# pdm
#   Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control.
#pdm.lock
#   pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it
#   in version control.
#   https://pdm.fming.dev/#use-with-ide
.pdm.toml

# PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm
__pypackages__/

# Celery stuff
celerybeat-schedule
celerybeat.pid

# SageMath parsed files
*.sage.py

# Environments
.env
.venv
env/
venv/
ENV/
env.bak/
venv.bak/

# Spyder project settings
.spyderproject
.spyproject

# Rope project settings
.ropeproject

# mkdocs documentation
/site

# mypy
.mypy_cache/
.dmypy.json
dmypy.json

# Pyre type checker
.pyre/

# pytype static type analyzer
.pytype/

# Cython debug symbols
cython_debug/

# PyCharm
#  JetBrains specific template is maintained in a separate JetBrains.gitignore that can
#  be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
#  and can be added to the global gitignore or merged into this file.  For a more nuclear
#  option (not recommended) you can uncomment the following to ignore the entire idea folder.
.idea/

# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

.pdm-python
*.db
*.sqlite

================================================
FILE: README.md
================================================
## Chatfairy

This is a minimal chat application with no dependancy but Flask! I call it Chatfairy.

With only 115 locs in a singel file, Chatfairy support:

- user authentication
- multiple users chat simultaneously
- online/offline notification
- route protection

https://github.com/yuxiaoy1/chatfairy/assets/24974936/13186e61-1082-41c3-aa16-250b58572975

You can clone this repo and run `pip install flask && flask run`, then open `http://127.0.0.1:5000` to play with Chatfairy.


================================================
FILE: app.py
================================================
from functools import wraps

from flask import (
    Flask,
    json,
    redirect,
    render_template,
    request,
    session,
    url_for,
)

app = Flask(__name__)
app.secret_key = "secret"

messages = []


def send_message(message):
    messages.append(message)


def login_required(func):
    @wraps(func)
    def inner(*args, **kwargs):
        if "username" not in session:
            return redirect(url_for("login"))
        return func(*args, **kwargs)

    return inner


@app.get("/")
@login_required
def index():
    return render_template("index.html", username=session["username"])


@app.route("/login", methods=["GET", "POST"])
def login():
    if "username" in session:
        return redirect(url_for("index"))
    if request.method == "POST":
        username = request.form["username"]
        session["username"] = username
        send_message(
            {
                "username": username,
                "message": f"{username} has joined.",
                "type": "auth",
            },
        )
        return redirect(url_for("index"))
    return render_template("login.html")


@app.get("/logout")
def logout():
    if "username" in session:
        send_message(
            {
                "username": session["username"],
                "message": f"{session['username']} has left.",
                "type": "auth",
            }
        )
        session.pop("username")
    return redirect(url_for("index"))


@app.get("/events")
@login_required
def events():
    def generate_response():
        while True:
            for message in messages:
                yield f"data: {json.dumps(message)}\n\n"
            messages.clear()

    return app.response_class(generate_response(), mimetype="text/event-stream")


@app.post("/message")
@login_required
def message():
    username = session["username"]
    message = request.json["message"]
    send_message({"username": username, "message": message})
    return "OK"


================================================
FILE: templates/base.html
================================================
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css" />
    <style>
      :root {
        --bg: #fff;
        --accent-bg: #f5f7ff;
        --text: #212121;
        --text-light: #585858;
        --border: #898ea4;
        --accent: #0d47a1;
        --accent-hover: #1266e2;
        --accent-text: var(--bg);
        --code: #d81b60;
        --preformatted: #444;
        --marked: #ffdd33;
        --disabled: #efefef;
      }
    </style>
    <title>Chatfairy</title>
  </head>
  <body>
    <h3>
      <a href="/" style="text-decoration: none"> Welcom to Chatfairy!</a>
    </h3>
    {% block content %} {% endblock %}
  </body>
</html>


================================================
FILE: templates/index.html
================================================
{% extends 'base.html' %} {% block content %}
<div>Hello {{username}} <a href="{{ url_for('logout') }}">Logout</a></div>
<div
  id="chat-box"
  style="
    height: 300px;
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 4px;
    margin: 10px 0;
    padding: 8px;
    overflow: auto;
  "
></div>
<form id="chat-form">
  <input type="text" id="chat-message" placeholder="Type your message" />
  <button>Send</button>
</form>
<script>
  let chatBox = document.getElementById('chat-box')
  let chatForm = document.getElementById('chat-form')
  let chatMessage = document.getElementById('chat-message')
  let sse = new EventSource('/events')

  sse.onmessage = ({ data }) => {
    let { username, message, type } = JSON.parse(data)
    if (username === '{{username}}' && type === 'auth') return
    chatBox.innerHTML +=
      type === 'auth'
        ? `<div style='color: gray'><em>${message}</em></div>`
        : `<div>${username}: <strong>${message}</strong></div>`
  }

  chatForm.addEventListener('submit', async event => {
    event.preventDefault()

    let message = chatMessage.value.trim()
    if (!message) return

    await fetch('/message', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ message }),
    })
    chatMessage.value = ''
  })
</script>
{% endblock %}


================================================
FILE: templates/login.html
================================================
{% extends 'base.html' %} {% block content %}
<form action="{{ url_for('login') }}" method="POST">
  <input
    required
    type="text"
    name="username"
    placeholder="Input your username"
  />
  <button>Login</button>
</form>
{% endblock %}