Refactor app.py to use Jinja2 templates for rendering index.html and pass social media data as JSON

app.py

@@ -1,19 +1,26 @@
-from fastapi import FastAPI
-from fastapi.staticfiles import StaticFiles
-from fastapi.responses import FileResponse
-from .utils import get_socials, get_logger, availability_response
+import json
+from fastapi import FastAPI, Request
+from fastapi.templating import Jinja2Templates
+from utils import get_socials, get_logger, availability_response
 
 app = FastAPI()
 
-# Mount the entire static directory
-app.mount("/static", StaticFiles(directory="static"), name="static")
+templates = Jinja2Templates(directory="templates")
 
 socials = get_socials()
 
 @app.get('/')
-async def index():
+def index(request: Request):
     try:
-        return FileResponse('static/index.html')
+        json_data = json.dumps([
+            {  "id": i.get('id'), "name": i.get('name'), "img": i.get('img'), } 
+            for i 
+            in socials
+        ])
+        return templates.TemplateResponse("index.html", {
+            "request": request, 
+            "json_data": json_data
+        })
     except Exception as e:
         return str(e)
 
@@ -24,11 +31,11 @@ async def check_social_media_handle(platform: str, username: str):
         return { 
             "message": f'❌ The platform "{platform}" is not supported' 
         }
-    return await _resolve(username, **social)
+    return await _resolve(platform, username, **social)
 
-async def _resolve(platform: str, username: str, *, validate, resolve, message = None):
+async def _resolve(platform: str, username: str, *, validate, resolve, message = None, **_):
     if not validate(username):
-        raise Exception(f'"{username}" is not a valid {platform} handle/username')
+        raise Exception(f'"{username}" is not a valid {platform} username')
     logs, logger = get_logger()
     response = await availability_response(
         resolve = resolve(username, logger),

templates/index.html

@@ -64,28 +64,7 @@
 
     <script>
         const platformContainer = document.querySelector("#platform-container")
-        const platforms = [
-            {
-                id: "instagram",
-                name: "Instagram",
-                img: "https://cdn.jsdelivr.net/npm/simple-icons@v6/icons/instagram.svg"
-            },
-            {
-                id: "x",
-                name: "X (formerly Twitter)",
-                img: "https://cdn.jsdelivr.net/npm/simple-icons@v6/icons/twitter.svg"
-            },
-            {
-                id: "linkedin-user",
-                name: "LinkedIn User",
-                img: "https://cdn.jsdelivr.net/npm/simple-icons@v6/icons/linkedin.svg"
-            },
-            {
-                id: "linkedin-page",
-                name: "LinkedIn Company",
-                img: "https://cdn.jsdelivr.net/npm/simple-icons@v6/icons/linkedin.svg"
-            }
-        ];
+        const platforms = {{ json_data | safe }};
 
         for (const platform of platforms) {
             platformContainer.innerHTML +=

utils.py

@@ -105,6 +105,11 @@ def resolve_instagram_username(
     def resolve() -> bool:
         profile_uri = f"https://www.instagram.com/{username}/"
         profile_response = requests.get(profile_uri, allow_redirects = False)
+        logger(
+            "profile_response_status", 
+             f"{profile_response.status_code} {profile_response.headers.get('Location')}" \
+              if profile_response.status_code in [301, 302] \
+              else profile_response.status_code)
         profile_response_username = get_json_value(profile_response.text, "username", "\w+") or ""
         logger("profile_response_username", profile_response_username)
         _return_result = lambda is_available: (username, is_available, profile_uri)