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)}")