Sebastian Krüger
a09d2c3eef
- Add text templates with 16 pre-made options across 4 categories (greeting, tech, fun, seasonal) - Add copy history panel tracking last 10 copied items with restore functionality - Add font comparison mode to view multiple fonts side-by-side (up to 6 fonts) - Add smooth animations: slide-down, slide-up, scale-in, fade-in, pulse, and shimmer - Add loading skeletons for better perceived performance - Add EmptyState component with contextual messages and icons - Add hover effects and transitions throughout the UI - Improve visual feedback with animated badges and shadows 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
39 lines
1.6 KiB
TypeScript
39 lines
1.6 KiB
TypeScript
export interface TextTemplate {
|
|
id: string;
|
|
label: string;
|
|
text: string;
|
|
category: 'greeting' | 'tech' | 'fun' | 'seasonal';
|
|
}
|
|
|
|
export const TEXT_TEMPLATES: TextTemplate[] = [
|
|
// Greetings
|
|
{ id: 'hello', label: 'Hello', text: 'Hello!', category: 'greeting' },
|
|
{ id: 'welcome', label: 'Welcome', text: 'Welcome', category: 'greeting' },
|
|
{ id: 'hello-world', label: 'Hello World', text: 'Hello World', category: 'greeting' },
|
|
|
|
// Tech
|
|
{ id: 'code', label: 'Code', text: 'CODE', category: 'tech' },
|
|
{ id: 'dev', label: 'Developer', text: 'DEV', category: 'tech' },
|
|
{ id: 'hack', label: 'Hack', text: 'HACK', category: 'tech' },
|
|
{ id: 'terminal', label: 'Terminal', text: 'Terminal', category: 'tech' },
|
|
{ id: 'git', label: 'Git', text: 'Git', category: 'tech' },
|
|
|
|
// Fun
|
|
{ id: 'awesome', label: 'Awesome', text: 'AWESOME', category: 'fun' },
|
|
{ id: 'cool', label: 'Cool', text: 'COOL', category: 'fun' },
|
|
{ id: 'epic', label: 'Epic', text: 'EPIC', category: 'fun' },
|
|
{ id: 'wow', label: 'Wow', text: 'WOW!', category: 'fun' },
|
|
|
|
// Seasonal
|
|
{ id: 'happy-birthday', label: 'Happy Birthday', text: 'Happy Birthday!', category: 'seasonal' },
|
|
{ id: 'congrats', label: 'Congrats', text: 'Congrats!', category: 'seasonal' },
|
|
{ id: 'thanks', label: 'Thanks', text: 'Thanks!', category: 'seasonal' },
|
|
];
|
|
|
|
export const TEMPLATE_CATEGORIES = [
|
|
{ id: 'greeting', label: 'Greetings', icon: '👋' },
|
|
{ id: 'tech', label: 'Tech', icon: '💻' },
|
|
{ id: 'fun', label: 'Fun', icon: '🎉' },
|
|
{ id: 'seasonal', label: 'Seasonal', icon: '🎊' },
|
|
] as const;
|