194 lines
7.3 KiB
PHP
194 lines
7.3 KiB
PHP
<?php // phpcs:ignore SlevomatCodingStandard.TypeHints.DeclareStrictTypes.DeclareStrictTypesMissing
|
|
|
|
namespace MailPoet\Newsletter\Renderer;
|
|
|
|
if (!defined('ABSPATH')) exit;
|
|
|
|
|
|
class StylesHelper {
|
|
public static $cssAttributes = [
|
|
'backgroundColor' => 'background-color',
|
|
'fontColor' => 'color',
|
|
'fontFamily' => 'font-family',
|
|
'textDecoration' => 'text-decoration',
|
|
'textAlign' => 'text-align',
|
|
'fontSize' => 'font-size',
|
|
'fontWeight' => 'font-weight',
|
|
'borderWidth' => 'border-width',
|
|
'borderStyle' => 'border-style',
|
|
'borderColor' => 'border-color',
|
|
'borderRadius' => 'border-radius',
|
|
'lineHeight' => 'line-height',
|
|
'msoLineHeightAlt' => 'mso-line-height-alt',
|
|
'msoFontSize' => 'mso-ansi-font-size',
|
|
];
|
|
public static $font = [
|
|
'Arial' => "Arial, 'Helvetica Neue', Helvetica, sans-serif",
|
|
'Comic Sans MS' => "'Comic Sans MS', 'Marker Felt-Thin', Arial, sans-serif",
|
|
'Courier New' => "'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace",
|
|
'Georgia' => "Georgia, Times, 'Times New Roman', serif",
|
|
'Lucida' => "'Lucida Sans Unicode', 'Lucida Grande', sans-serif",
|
|
'Tahoma' => 'Tahoma, Verdana, Segoe, sans-serif',
|
|
'Times New Roman' => "'Times New Roman', Times, Baskerville, Georgia, serif",
|
|
'Trebuchet MS' => "'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif",
|
|
'Verdana' => 'Verdana, Geneva, sans-serif',
|
|
'Arvo' => 'arvo, courier, georgia, serif',
|
|
'Lato' => "lato, 'helvetica neue', helvetica, arial, sans-serif",
|
|
'Lora' => "lora, georgia, 'times new roman', serif",
|
|
'Merriweather' => "merriweather, georgia, 'times new roman', serif",
|
|
'Merriweather Sans' => "'merriweather sans', 'helvetica neue', helvetica, arial, sans-serif",
|
|
'Noticia Text' => "'noticia text', georgia, 'times new roman', serif",
|
|
'Open Sans' => "'open sans', 'helvetica neue', helvetica, arial, sans-serif",
|
|
'Playfair Display' => "'playfair display', georgia, 'times new roman', serif",
|
|
'Roboto' => "roboto, 'helvetica neue', helvetica, arial, sans-serif",
|
|
'Source Sans Pro' => "'source sans pro', 'helvetica neue', helvetica, arial, sans-serif",
|
|
'Oswald' => "Oswald, 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif",
|
|
'Raleway' => "Raleway, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif",
|
|
'Permanent Marker' => "'Permanent Marker', Tahoma, Verdana, Segoe, sans-serif",
|
|
'Pacifico' => "Pacifico, 'Arial Narrow', Arial, sans-serif",
|
|
];
|
|
public static $customFonts = [
|
|
'Arvo',
|
|
'Lato',
|
|
'Lora',
|
|
'Merriweather',
|
|
'Merriweather Sans',
|
|
'Noticia Text',
|
|
'Open Sans',
|
|
'Playfair Display',
|
|
'Roboto',
|
|
'Source Sans Pro',
|
|
'Oswald',
|
|
'Raleway',
|
|
'Permanent Marker',
|
|
'Pacifico',
|
|
];
|
|
public static $defaultLineHeight = 1.6;
|
|
public static $headingMarginMultiplier = 0.3;
|
|
public static $paddingWidth = 20;
|
|
|
|
public static function getBlockStyles($element, $ignoreSpecificStyles = false) {
|
|
if (!isset($element['styles']['block'])) {
|
|
return;
|
|
}
|
|
return self::getStyles($element['styles'], 'block', $ignoreSpecificStyles);
|
|
}
|
|
|
|
public static function getStyles($data, $type, $ignoreSpecificStyles = false) {
|
|
$styles = array_map(function($attribute, $style) use ($ignoreSpecificStyles) {
|
|
if (!$ignoreSpecificStyles || !in_array($attribute, $ignoreSpecificStyles)) {
|
|
$style = StylesHelper::applyFontFamily($attribute, $style);
|
|
return StylesHelper::translateCSSAttribute($attribute) . ': ' . $style . ';';
|
|
}
|
|
}, array_keys($data[$type]), $data[$type]);
|
|
return implode('', $styles);
|
|
}
|
|
|
|
public static function translateCSSAttribute($attribute) {
|
|
return (array_key_exists($attribute, self::$cssAttributes)) ?
|
|
self::$cssAttributes[$attribute] :
|
|
$attribute;
|
|
}
|
|
|
|
public static function setStyle(array $style, string $selector): string {
|
|
$css = $selector . '{' . PHP_EOL;
|
|
$style = self::applyHeadingMargin($style, $selector);
|
|
$style = self::applyLineHeight($style, $selector);
|
|
foreach ($style as $attribute => $individualStyle) {
|
|
$individualStyle = self::applyFontFamily($attribute, $individualStyle);
|
|
$css .= self::translateCSSAttribute($attribute) . ':' . $individualStyle . ';' . PHP_EOL;
|
|
}
|
|
$css .= '}' . PHP_EOL;
|
|
return $css;
|
|
}
|
|
|
|
public static function applyTextAlignment($block) {
|
|
if (is_array($block)) {
|
|
$textAlignment = isset($block['styles']['block']['textAlign']) ?
|
|
strtolower($block['styles']['block']['textAlign']) :
|
|
'';
|
|
if (preg_match('/center|right|justify/i', (string)$textAlignment)) {
|
|
return $block;
|
|
}
|
|
$block['styles']['block']['textAlign'] = 'left';
|
|
return $block;
|
|
}
|
|
return (preg_match('/text-align.*?[center|justify|right]/i', (string)$block)) ?
|
|
$block :
|
|
$block . 'text-align:left;';
|
|
}
|
|
|
|
/**
|
|
* Join styles and makes sure they are separated by ;
|
|
*/
|
|
public static function joinStyles(?string $styles1, ?string $styles2): string {
|
|
if ($styles1 === null) $styles1 = '';
|
|
if ($styles2 === null) $styles2 = '';
|
|
|
|
$style = trim($styles1);
|
|
if (
|
|
(strlen($style) > 0)
|
|
&& (substr($style, -1) !== ';')
|
|
) $style .= ';';
|
|
$style .= $styles2;
|
|
return $style;
|
|
}
|
|
|
|
public static function applyFontFamily($attribute, $style) {
|
|
if ($attribute !== 'fontFamily') return $style;
|
|
return (isset(self::$font[$style])) ?
|
|
self::$font[$style] :
|
|
self::$font['Arial'];
|
|
}
|
|
|
|
public static function applyHeadingMargin(array $style, string $selector): array {
|
|
if (!preg_match('/h[1-4]/i', $selector)) return $style;
|
|
$fontSize = (int)$style['fontSize'];
|
|
$style['margin'] = sprintf('0 0 %spx 0', self::$headingMarginMultiplier * $fontSize);
|
|
return $style;
|
|
}
|
|
|
|
public static function applyLineHeight(array $style, string $selector): array {
|
|
if (!preg_match('/mailpoet_paragraph|h[1-4]/i', $selector)) return $style;
|
|
$lineHeight = isset($style['lineHeight']) ? (float)$style['lineHeight'] : self::$defaultLineHeight;
|
|
$fontSize = (int)$style['fontSize'];
|
|
$msoLineHeight = round($lineHeight * $fontSize);
|
|
if ($msoLineHeight % 2 === 1) {
|
|
$msoLineHeight++;
|
|
}
|
|
$msoFontSize = $fontSize;
|
|
if ($msoFontSize % 2 === 1) {
|
|
$msoFontSize++;
|
|
}
|
|
$style['msoLineHeightAlt'] = sprintf('%spx', $msoLineHeight);
|
|
$style = ['msoFontSize' => sprintf('%spx', $msoFontSize)] + $style;
|
|
$style['lineHeight'] = sprintf('%spx', $lineHeight * $fontSize);
|
|
|
|
return $style;
|
|
}
|
|
|
|
private static function getCustomFontsNames($styles) {
|
|
$fontNames = [];
|
|
foreach ($styles as $style) {
|
|
if (isset($style['fontFamily']) && in_array($style['fontFamily'], self::$customFonts)) {
|
|
$fontNames[$style['fontFamily']] = true;
|
|
}
|
|
}
|
|
return array_keys($fontNames);
|
|
}
|
|
|
|
public static function getCustomFontsLinks($styles) {
|
|
$links = [];
|
|
foreach (self::getCustomFontsNames($styles) as $name) {
|
|
$links[] = urlencode($name) . ':400,400i,700,700i';
|
|
}
|
|
if (!count($links)) {
|
|
return '';
|
|
}
|
|
|
|
// see https://stackoverflow.com/a/48214207
|
|
return '<!--[if !mso]><!-- --><link href="https://fonts.googleapis.com/css?family='
|
|
. implode("|", $links)
|
|
. '" rel="stylesheet"><!--<![endif]-->';
|
|
}
|
|
}
|