@zyther/tzmail 0.1.3 → 0.5.0

package/src/templates/themes/sunset.theme.ts

@@ -0,0 +1,93 @@
+import { ThemeType } from '../../core/enums/theme.enum';
+import { ITheme, IThemeColors, ITypography, ISpacing, IThemeEmailStyles } from './theme.interface';
+
+export class SunsetTheme implements ITheme {
+  id = ThemeType.SUNSET;
+  name = 'Sunset';
+
+  light: IThemeColors = {
+    primary: '#A63F32',
+    secondary: '#8A5548',
+    background: '#FFF7F0',
+    text: '#38242E',
+    textMuted: '#755B60',
+    border: '#E8CFC4',
+    success: '#286B4D',
+    error: '#A52E35',
+    warning: '#81500A'
+  };
+
+  dark: IThemeColors = {
+    primary: '#FF927A',
+    secondary: '#E8B077',
+    background: '#211923',
+    text: '#FFF1E8',
+    textMuted: '#C8B3B8',
+    border: '#503842',
+    success: '#81D0A4',
+    error: '#FF8A91',
+    warning: '#F5C36B'
+  };
+
+  typography: ITypography = {
+    fontFamily: 'Arial, Helvetica, sans-serif',
+    fontSizes: {
+      small: '14px',
+      medium: '16px',
+      large: '18px',
+      xlarge: '26px'
+    },
+    fontWeights: {
+      normal: 400,
+      medium: 500,
+      bold: 700
+    }
+  };
+
+  spacing: ISpacing = {
+    xs: '6px',
+    sm: '12px',
+    md: '20px',
+    lg: '30px',
+    xl: '44px'
+  };
+
+  emailStyles: IThemeEmailStyles = {
+    maxWidthPx: 600,
+    container: {
+      borderColor: 'border',
+      borderWidth: '1px',
+      borderRadius: '12px',
+      boxShadow: '0 2px 8px rgba(0, 0, 0, 0.08)'
+    },
+    header: {
+      accentColor: 'primary',
+      accentWidth: '3px',
+      horizontalPadding: '30px',
+      logoColor: 'primary',
+      logoFontFamily: 'Georgia, "Times New Roman", serif',
+      logoTextTransform: 'uppercase',
+      logoLetterSpacing: '1.2px',
+      imageBorderRadius: '6px'
+    },
+    body: {
+      accentColor: 'secondary',
+      accentWidth: '2px',
+      borderRadius: '8px',
+      boxShadow: 'none',
+      horizontalPadding: '30px',
+      lineHeight: 1.6
+    },
+    button: {
+      appearance: 'solid',
+      borderRadius: '6px',
+      borderWidth: '1px',
+      boxShadow: 'none',
+      letterSpacing: '0.4px'
+    },
+    footer: {
+      accentColor: 'border',
+      accentWidth: '1px'
+    }
+  };
+}

package/src/templates/themes/system.theme.ts

@@ -0,0 +1,92 @@
+
+import { ThemeType } from '../../core/enums/theme.enum';
+import { ITheme, IThemeEmailStyles } from './theme.interface';
+
+export class SystemTheme implements ITheme {
+  id = ThemeType.SYSTEM;
+  name = 'System';
+
+  light = {
+    primary: '#3b82f6',
+    secondary: '#6b7280',
+    background: '#ffffff',
+    text: '#111827',
+    textMuted: '#6b7280',
+    border: '#e5e7eb',
+    success: '#10b981',
+    error: '#ef4444',
+    warning: '#f59e0b'
+  };
+
+  dark = {
+    primary: '#3b82f6',
+    secondary: '#9ca3af',
+    background: '#111827',
+    text: '#f9fafb',
+    textMuted: '#9ca3af',
+    border: '#374151',
+    success: '#10b981',
+    error: '#ef4444',
+    warning: '#f59e0b'
+  };
+
+  typography = {
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
+    fontSizes: {
+      small: '12px',
+      medium: '14px',
+      large: '16px',
+      xlarge: '20px'
+    },
+    fontWeights: {
+      normal: 400,
+      medium: 500,
+      bold: 700
+    }
+  };
+
+  spacing = {
+    xs: '4px',
+    sm: '8px',
+    md: '16px',
+    lg: '24px',
+    xl: '32px'
+  };
+
+  emailStyles: IThemeEmailStyles = {
+    maxWidthPx: 600,
+    container: {
+      borderColor: 'border',
+      borderWidth: '1px',
+      borderRadius: '8px',
+      boxShadow: '0 1px 3px rgba(0, 0, 0, 0.08)'
+    },
+    header: {
+      accentColor: 'primary',
+      accentWidth: '3px',
+      horizontalPadding: '24px',
+      logoColor: 'primary',
+      logoLetterSpacing: '0.01em',
+      imageBorderRadius: '4px'
+    },
+    body: {
+      accentColor: 'primary',
+      accentWidth: '2px',
+      borderRadius: '4px',
+      boxShadow: 'none',
+      horizontalPadding: '24px',
+      lineHeight: 1.6
+    },
+    button: {
+      appearance: 'solid',
+      borderRadius: '6px',
+      borderWidth: '0px',
+      boxShadow: 'none',
+      letterSpacing: '0.01em'
+    },
+    footer: {
+      accentColor: 'secondary',
+      accentWidth: '1px'
+    }
+  };
+}

package/src/templates/themes/theme.interface.ts

@@ -0,0 +1,95 @@
+import { ThemeType } from "../../core/enums/theme.enum";
+
+export type IThemeColorToken = 'primary' | 'secondary' | 'border' | 'none';
+export type IThemeTextTransform = 'none' | 'uppercase' | 'capitalize';
+
+/**
+ * Optional, email-client-conscious visual tokens used by TemplateBuilder.
+ * Existing custom ITheme implementations remain compatible when this is omitted.
+ */
+export interface IThemeEmailStyles {
+  /** Fixed-width fallback for desktop email clients; the renderer also emits fluid width styles. */
+  maxWidthPx: number;
+  container: {
+    borderColor: IThemeColorToken;
+    borderWidth: string;
+    borderRadius: string;
+    boxShadow: string;
+  };
+  header: {
+    accentColor: IThemeColorToken;
+    accentWidth: string;
+    horizontalPadding: string;
+    logoColor: 'text' | 'primary' | 'secondary';
+    logoFontFamily?: string;
+    logoTextTransform?: IThemeTextTransform;
+    logoLetterSpacing?: string;
+    imageBorderRadius: string;
+  };
+  body: {
+    accentColor: IThemeColorToken;
+    accentWidth: string;
+    borderRadius: string;
+    boxShadow: string;
+    horizontalPadding: string;
+    lineHeight: number;
+  };
+  button: {
+    appearance: 'solid' | 'outline';
+    borderRadius: string;
+    borderWidth: string;
+    boxShadow: string;
+    textTransform?: IThemeTextTransform;
+    letterSpacing?: string;
+  };
+  footer: {
+    accentColor: IThemeColorToken;
+    accentWidth: string;
+  };
+}
+
+export interface ITheme {
+  id: ThemeType;
+  name: string;
+  light: IThemeColors;
+  dark: IThemeColors;
+  typography: ITypography;
+  spacing: ISpacing;
+  /** Optional structural style tokens; omitted tokens fall back to conservative email-safe defaults. */
+  emailStyles?: IThemeEmailStyles;
+}
+
+export interface IThemeColors {
+  primary: string;
+  secondary: string;
+  background: string;
+  text: string;
+  textMuted: string;
+  border: string;
+  success: string;
+  error: string;
+  warning: string;
+}
+
+export interface ITypography {
+  fontFamily: string;
+  fontSizes: {
+    small: string;
+    medium: string;
+    large: string;
+    xlarge: string;
+  };
+  fontWeights: {
+    normal: number;
+    medium: number;
+    bold: number;
+  };
+}
+
+export interface ISpacing {
+  xs: string;
+  sm: string;
+  md: string;
+  lg: string;
+  xl: string;
+}

package/src/tests/template.service.test.ts

@@ -0,0 +1 @@
+