Skip to content

Commit 51fbd94

Browse files
SnozxyxCopilot
Snozxyx
and
Copilot
authored
Gama (#16)
* Initial plan * Complete functional webOS app for Tatakai anime streaming Co-authored-by: Snozxyx <150821778+Snozxyx@users.noreply.github.com> * Initial plan * Complete Netflix-style redesign of webOS app Co-authored-by: Snozxyx <150821778+Snozxyx@users.noreply.github.com> * Transform webOS app to production-ready anime streaming with Tatakai branding Co-authored-by: Snozxyx <150821778+Snozxyx@users.noreply.github.com> * Remove all mock data and implement clean API client following tatakai-app architecture Co-authored-by: Snozxyx <150821778+Snozxyx@users.noreply.github.com> * Fix CORS handling for webOS app API integration - enables both development and production environments Co-authored-by: Snozxyx <150821778+Snozxyx@users.noreply.github.com> * Initial plan * Add intro/outro skip functionality using AniSkip API Co-authored-by: Snozxyx <150821778+Snozxyx@users.noreply.github.com> * Add production-ready backend server with MongoDB integration Co-authored-by: Snozxyx <150821778+Snozxyx@users.noreply.github.com> * Add user authentication system and backend integration Co-authored-by: Snozxyx <150821778+Snozxyx@users.noreply.github.com> * Redesign webOS app with HBO Max-style interface - complete left sidebar navigation, hero section, and consistent design Co-authored-by: Snozxyx <150821778+Snozxyx@users.noreply.github.com> * Implement vector icons, API integration, and backend connectivity for both apps Co-authored-by: Snozxyx <150821778+Snozxyx@users.noreply.github.com> * Enhanced webOS navbar, added comprehensive settings functionality, and full-fledged backend with consistent typography Co-authored-by: Snozxyx <150821778+Snozxyx@users.noreply.github.com> * Complete shadcn/ui integration, Font Awesome icons, and production-ready setup Co-authored-by: Snozxyx <150821778+Snozxyx@users.noreply.github.com> * Initial plan * Create comprehensive unified README with images and documentation Co-authored-by: Snozxyx <150821778+Snozxyx@users.noreply.github.com> * Fix duplicate Components header in unified README Co-authored-by: Snozxyx <150821778+Snozxyx@users.noreply.github.com> * Initial plan * Add design system tokens for Tatakai webOS app Co-authored-by: Snozxyx <150821778+Snozxyx@users.noreply.github.com> * Create complete React-based webOS TV app with modern UI and API integration Co-authored-by: Snozxyx <150821778+Snozxyx@users.noreply.github.com> * Complete webOS TV app with demo data fallback and comprehensive documentation Co-authored-by: Snozxyx <150821778+Snozxyx@users.noreply.github.com> * Delete tatakai-webos-app directory * Transform Tatakai into production-ready webOS TV app with enhanced navigation, visual design, and Netflix-style interface (#15) * Initial plan * Implement core webOS TV app with Netflix-style UI and TV navigation Co-authored-by: Snozxyx <150821778+Snozxyx@users.noreply.github.com> * Add search functionality, anime details page, and video player with TV controls Co-authored-by: Snozxyx <150821778+Snozxyx@users.noreply.github.com> * Complete webOS TV app with testing, packaging, and production deployment setup Co-authored-by: Snozxyx <150821778+Snozxyx@users.noreply.github.com> * Implement comprehensive webOS TV app improvements with enhanced navigation, visual design, and features Co-authored-by: Snozxyx <150821778+Snozxyx@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: Snozxyx <150821778+Snozxyx@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
1 parent 8ce9a18 commit 51fbd94

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

61 files changed

+20930
-0
lines changed

‎.gitignore‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
# Dependencies
2+
node_modules/
3+
*/node_modules/
4+
5+
# Build outputs
6+
.next/
7+
dist/
8+
build/
9+
out/
10+
11+
# Environment variables
12+
.env
13+
.env.local
14+
.env.development.local
15+
.env.test.local
16+
.env.production.local
17+
18+
# Cache and temporary files
19+
.cache/
20+
.temp/
21+
.tmp/
22+
*.log
23+
npm-debug.log*
24+
yarn-debug.log*
25+
yarn-error.log*
26+
27+
# IDE and editor files
28+
.vscode/
29+
.idea/
30+
*.swp
31+
*.swo
32+
*~
33+
34+
# OS generated files
35+
.DS_Store
36+
.DS_Store?
37+
._*
38+
.Spotlight-V100
39+
.Trashes
40+
ehthumbs.db
41+
Thumbs.db
42+
43+
# webOS specific
44+
*.ipk
45+
com.tatakai.animeapp_*.ipk
46+
47+
# Backup files
48+
*.bak
49+
*.backup

‎1design.json‎

Lines changed: 164 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,164 @@
1+
{
2+
"name": "Tatakai Design System",
3+
"version": "1.0.0",
4+
"description": "Design tokens for Tatakai webOS TV app",
5+
"tokens": {
6+
"colors": {
7+
"background": "#000000",
8+
"text": "#FFFFFF",
9+
"textSecondary": "#B0B0B0",
10+
"textMuted": "#808080",
11+
"accent": "#8A2BE2",
12+
"accentHover": "#7B2BCB",
13+
"accentLight": "#9A3BF2",
14+
"card": "#1A1A1A",
15+
"cardActive": "#8A2BE2",
16+
"cardHover": "#2A2A2A",
17+
"icon": "#B0B0B0",
18+
"iconActive": "#8A2BE2",
19+
"border": "#333333",
20+
"borderActive": "#8A2BE2",
21+
"success": "#22C55E",
22+
"warning": "#F59E0B",
23+
"error": "#EF4444",
24+
"info": "#3B82F6"
25+
},
26+
"spacing": {
27+
"xs": "4px",
28+
"sm": "8px",
29+
"md": "16px",
30+
"lg": "24px",
31+
"xl": "32px",
32+
"2xl": "48px",
33+
"3xl": "64px",
34+
"4xl": "96px"
35+
},
36+
"typography": {
37+
"fontFamily": {
38+
"sans": ["Inter", "system-ui", "sans-serif"],
39+
"mono": ["JetBrains Mono", "monospace"]
40+
},
41+
"fontSize": {
42+
"xs": "12px",
43+
"sm": "14px",
44+
"base": "16px",
45+
"lg": "18px",
46+
"xl": "20px",
47+
"2xl": "24px",
48+
"3xl": "32px",
49+
"4xl": "48px",
50+
"5xl": "64px"
51+
},
52+
"fontWeight": {
53+
"normal": "400",
54+
"medium": "500",
55+
"semibold": "600",
56+
"bold": "700"
57+
},
58+
"lineHeight": {
59+
"tight": "1.2",
60+
"normal": "1.5",
61+
"relaxed": "1.75"
62+
}
63+
},
64+
"borderRadius": {
65+
"none": "0",
66+
"sm": "4px",
67+
"md": "8px",
68+
"lg": "12px",
69+
"xl": "16px",
70+
"full": "9999px"
71+
},
72+
"shadows": {
73+
"sm": "0 1px 2px rgba(0, 0, 0, 0.3)",
74+
"md": "0 4px 12px rgba(0, 0, 0, 0.6)",
75+
"lg": "0 8px 24px rgba(0, 0, 0, 0.8)",
76+
"xl": "0 12px 32px rgba(0, 0, 0, 0.9)"
77+
},
78+
"motion": {
79+
"duration": {
80+
"fast": "150ms",
81+
"normal": "300ms",
82+
"slow": "500ms"
83+
},
84+
"easing": {
85+
"ease": "cubic-bezier(0.4, 0, 0.2, 1)",
86+
"easeIn": "cubic-bezier(0.4, 0, 1, 1)",
87+
"easeOut": "cubic-bezier(0, 0, 0.2, 1)",
88+
"easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)"
89+
}
90+
},
91+
"layout": {
92+
"sideNavigation": {
93+
"width": "60px",
94+
"expandedWidth": "240px"
95+
},
96+
"focus": {
97+
"ringWidth": "2px",
98+
"ringColor": "#8A2BE2",
99+
"ringOffset": "2px"
100+
},
101+
"grid": {
102+
"posterAspectRatio": "2/3",
103+
"bannerAspectRatio": "16/9",
104+
"gaps": {
105+
"sm": "8px",
106+
"md": "16px",
107+
"lg": "24px"
108+
}
109+
}
110+
},
111+
"breakpoints": {
112+
"tv1080": "1920px",
113+
"tv720": "1280px",
114+
"tablet": "768px",
115+
"mobile": "480px"
116+
}
117+
},
118+
"components": {
119+
"button": {
120+
"primary": {
121+
"backgroundColor": "#8A2BE2",
122+
"color": "#FFFFFF",
123+
"borderRadius": "8px",
124+
"padding": "12px 24px"
125+
},
126+
"secondary": {
127+
"backgroundColor": "#1A1A1A",
128+
"color": "#FFFFFF",
129+
"borderRadius": "8px",
130+
"padding": "12px 24px",
131+
"border": "1px solid #333333"
132+
}
133+
},
134+
"card": {
135+
"default": {
136+
"backgroundColor": "#1A1A1A",
137+
"borderRadius": "8px",
138+
"boxShadow": "0 4px 12px rgba(0, 0, 0, 0.6)",
139+
"border": "1px solid #333333"
140+
},
141+
"focused": {
142+
"backgroundColor": "#2A2A2A",
143+
"borderColor": "#8A2BE2",
144+
"boxShadow": "0 0 0 2px #8A2BE2"
145+
}
146+
},
147+
"navigation": {
148+
"item": {
149+
"default": {
150+
"color": "#B0B0B0",
151+
"backgroundColor": "transparent"
152+
},
153+
"active": {
154+
"color": "#8A2BE2",
155+
"backgroundColor": "rgba(138, 43, 226, 0.1)"
156+
},
157+
"focused": {
158+
"backgroundColor": "rgba(138, 43, 226, 0.2)",
159+
"outline": "2px solid #8A2BE2"
160+
}
161+
}
162+
}
163+
}
164+
}

0 commit comments

Comments
 (0)