File size: 1,986 Bytes
edfc8fa | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 | #!/usr/bin/env python3
"""Read the Little Fig UI and check for mobile responsiveness."""
import subprocess, os
TOKEN = "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"
subprocess.run(["git", "clone", f"https://{TOKEN}@github.com/ticketguy/littlefig.git", "/app/littlefig"], check=True)
# Read the UI file
ui_path = "/app/littlefig/src/little_fig/web/static/index.html"
with open(ui_path, "r") as f:
html = f.read()
print(f"UI file size: {len(html)} chars")
print(f"\n=== MOBILE RESPONSIVENESS CHECK ===\n")
# Check for viewport meta tag
if 'viewport' in html:
print("β
Has viewport meta tag")
else:
print("β NO viewport meta tag β will NOT scale on mobile")
# Check for media queries
if '@media' in html:
count = html.count('@media')
print(f"β
Has {count} media queries")
else:
print("β NO media queries β won't adapt to screen size")
# Check for responsive units
if 'vw' in html or 'vh' in html or '%' in html:
print("β
Uses relative units (vw/vh/%)")
else:
print("β No relative units")
# Check for flexbox/grid
if 'flex' in html:
print(f"β
Uses flexbox ({html.count('flex')} instances)")
else:
print("β No flexbox")
if 'grid' in html:
print(f"β
Uses CSS grid ({html.count('grid')} instances)")
else:
print("β οΈ No CSS grid")
# Check for fixed pixel widths that would break mobile
import re
fixed_widths = re.findall(r'width:\s*\d{4,}px', html)
if fixed_widths:
print(f"β Has fixed large widths: {fixed_widths[:5]}")
else:
print("β
No large fixed pixel widths")
# Check overall structure
if 'max-width' in html:
print("β
Uses max-width constraints")
if 'overflow' in html:
print("β
Has overflow handling")
# Print the first 200 lines to see structure
print(f"\n=== FIRST 100 LINES OF UI ===\n")
lines = html.split('\n')
for line in lines[:100]:
print(line)
print(f"\n\n=== LAST 50 LINES ===\n")
for line in lines[-50:]:
print(line)
print(f"\n\nTotal lines: {len(lines)}")
|