types.ts

export enum DeviceType {
  // Apple - Modern
  IPHONE_17_PRO = 'iPhone 17 Pro',
  IPHONE_17_PRO_MAX = 'iPhone 17 Pro Max',
  IPHONE_16_PRO = 'iPhone 16 Pro',
  IPHONE_16_PRO_MAX = 'iPhone 16 Pro Max',
  IPHONE_15_PRO = 'iPhone 15 Pro',
  IPHONE_15_PRO_MAX = 'iPhone 15 Pro Max',
  IPHONE_14_PRO = 'iPhone 14 Pro',
  IPHONE_SE = 'iPhone SE',
  IPAD_PRO_13 = 'iPad Pro 13"',
  IPAD_PRO_11 = 'iPad Pro 11"',

  // Samsung - Flagship
  SAMSUNG_S24_ULTRA = 'Samsung S24 Ultra',
  SAMSUNG_S24 = 'Samsung S24',
  SAMSUNG_FOLD = 'Galaxy Z Fold',

  // Google Pixel
  PIXEL_9_PRO = 'Pixel 9 Pro',
  PIXEL_9 = 'Pixel 9',
  PIXEL_8_PRO = 'Pixel 8 Pro',

  // Legacy (for backwards compatibility)
  IPHONE_14_PLUS = 'iPhone 14 Plus',
  SAMSUNG_S23 = 'Samsung S23',
  ANDROID_PIXEL = 'Pixel 8 Pro',
  PIXEL_7 = 'Pixel 7',
  TABLET = 'iPad Pro',
}

export interface TextConfig {
  title: string;
  subtitle: string;
  titleColor: string;
  subtitleColor: string;
  fontFamily: string;
  alignment: 'left' | 'center' | 'right';
  position: 'top' | 'bottom';
  // Advanced text settings
  titleSize: number;           // 48-120px
  subtitleSize: number;        // 24-72px
  titleWeight: number;         // 400-800
  subtitleWeight: number;      // 400-700
  letterSpacing: number;       // -2 to 8
  lineHeight: number;          // 1.0 to 2.0
  textShadow: boolean;
  textShadowBlur: number;
  textShadowColor: string;
  maxWidth: number;            // 50-100 (percentage)
}

// Background Types
export type BackgroundType = 'solid' | 'gradient' | 'mesh' | 'pattern' | 'image';

export type PatternType = 'dots' | 'grid' | 'lines' | 'diagonal' | 'waves';

export interface MeshPoint {
  id: string;
  x: number;      // 0-100 percentage
  y: number;      // 0-100 percentage
  color: string;
}

export interface MeshGradientConfig {
  points: MeshPoint[];
  blur: number;   // 30-80
}

export interface PatternConfig {
  type: PatternType;
  color: string;
  backgroundColor: string;
  size: number;       // 10-50
  spacing: number;    // 10-100
  opacity: number;    // 0-1
}

export interface BackgroundImageConfig {
  src: string | null;
  blur: number;           // 0-20
  overlayColor: string;
  overlayOpacity: number; // 0-1
  fit: 'cover' | 'contain' | 'fill';
}

export interface BackgroundConfig {
  type: BackgroundType;
  // Solid/Gradient
  color1: string;
  color2: string;
  direction: string;
  // Mesh Gradient
  mesh?: MeshGradientConfig;
  // Pattern
  pattern?: PatternConfig;
  // Image
  image?: BackgroundImageConfig;
}

export interface ShadowConfig {
  enabled: boolean;
  color: string;
  blur: number;
  opacity: number;
  offsetY: number;
}

export interface DeviceConfig {
  id: string;
  type: DeviceType;
  image: string | null;
  x: number;
  y: number;
  rotation: number;
  rotateX: number;
  rotateY: number;
  scale: number;
  shadow: ShadowConfig;
  zIndex: number;
}

export interface ScreenConfig {
  id: string;
  devices: DeviceConfig[];
  text: TextConfig;
  background: BackgroundConfig;
}

export interface Template {
  name: string;
  description: string;
  config: Partial<ScreenConfig>; // Configuration to merge
}

// Export Types
export interface ExportSize {
  id: string;
  name: string;
  platform: 'ios' | 'android';
  width: number;
  height: number;
  suffix: string;
}

export interface ExportConfig {
  selectedSizes: string[];  // IDs of ExportSize
  format: 'png' | 'jpg';
  quality: number;          // 0.8-1.0 for JPG
}

// Animation Types
export interface AnimationKeyframe {
  time: number;  // 0-1 (percentage of duration)
  properties: {
    x?: number;
    y?: number;
    rotation?: number;
    rotateX?: number;
    rotateY?: number;
    scale?: number;
    opacity?: number;
  };
}

export interface AnimationPreset {
  id: string;
  name: string;
  description: string;
  duration: number;  // ms
  keyframes: AnimationKeyframe[];
}

export interface AnimationConfig {
  enabled: boolean;
  presetId: string | null;
  duration: number;  // ms
  loop: boolean;
  playbackState: 'stopped' | 'playing' | 'paused';
  currentTime: number;  // 0-1
}

export interface GifExportConfig {
  fps: number;       // 10, 15, 20, 30
  quality: number;   // 1-10
  width: number;
  height: number;
}

// Project and Screen Types (Multi-screen support)
export interface Screen {
  id: string;
  name: string;
  order: number;
  config: ScreenConfig;
  thumbnail?: string;  // Base64 mini preview
  createdAt: number;
  updatedAt: number;
}

export interface Project {
  id: string;
  name: string;
  screens: Screen[];
  activeScreenId: string;
  createdAt: number;
  updatedAt: number;
}