mirror of
https://gitlab.com/TheOneWithTheBraid/dart_pkpass.git
synced 2025-07-05 12:58:47 +00:00
chore: support complete CSS color codes
Signed-off-by: The one with the braid <the-one@with-the-braid.cf>
This commit is contained in:
The one with the braid
parent
92319c20d2
commit
a41784b77e
2 changed files with 362 additions and 25 deletions
|
|
@ -1,34 +1,127 @@
|
|||
/// Creates in [int] with a parsed [Color] value from RGB(A) color value.
|
||||
/// Creates in [int] with a parsed [Color] value from a CSS color String.
|
||||
///
|
||||
/// Credits : https://pub.dev/packages/from_css_color - ported since dependency
|
||||
/// on `dart:ui`, here reimplemented without but with raw int.
|
||||
int parseRgbToInt(String color) {
|
||||
List<String> channels = _parseChannels(color)!;
|
||||
int result = 0xFF000000;
|
||||
int shift = 16;
|
||||
int fromCssColor(String color) {
|
||||
color = color.trim();
|
||||
|
||||
if (channels.length == 4) {
|
||||
result = (_opacityChannelToHex(channels.removeLast()) << 24) & result;
|
||||
} else if (channels.length != 3) {
|
||||
switch (_recognizeCssColorFormat(color)) {
|
||||
case ColorFormat.hex:
|
||||
return _hexToColor(color);
|
||||
case ColorFormat.rgb:
|
||||
case ColorFormat.rgba:
|
||||
return _rgbToColor(color);
|
||||
case ColorFormat.keyword:
|
||||
return colorKeywords[color]!;
|
||||
default:
|
||||
return _hslToColor(color);
|
||||
}
|
||||
}
|
||||
|
||||
/// Translation options from [Color] to a string format recognizable according to https://drafts.csswg.org/css-color-3 and forthcoming drafts.
|
||||
enum CssColorString {
|
||||
/// Hex format that truncates to a short form (3-4 digits) if possible and contains alpha digits if color is not fully opaque.
|
||||
hex,
|
||||
|
||||
/// RGB/RGBA format that contains alpha value if color is not fully opaque.
|
||||
rgb,
|
||||
}
|
||||
|
||||
/// Color formats available to construct [Color] instance from.
|
||||
enum ColorFormat {
|
||||
hex,
|
||||
rgb,
|
||||
rgba,
|
||||
hsl,
|
||||
hsla,
|
||||
keyword,
|
||||
}
|
||||
|
||||
ColorFormat _recognizeCssColorFormat(String color) {
|
||||
if (color.startsWith('#')) {
|
||||
return ColorFormat.hex;
|
||||
} else if (color.startsWith('rgba')) {
|
||||
return ColorFormat.rgba;
|
||||
} else if (color.startsWith('rgb')) {
|
||||
return ColorFormat.rgb;
|
||||
} else if (color.startsWith('hsla')) {
|
||||
return ColorFormat.hsla;
|
||||
} else if (color.startsWith('hsl')) {
|
||||
return ColorFormat.hsl;
|
||||
} else if (colorKeywords.containsKey(color)) {
|
||||
return ColorFormat.keyword;
|
||||
}
|
||||
|
||||
throw FormatException('Unable to recognize this CSS color format.', color);
|
||||
}
|
||||
|
||||
/// Check correctness of color string according to https://drafts.csswg.org/css-color-3
|
||||
bool isCssColor(String color) {
|
||||
color = color.trim();
|
||||
final chNumExpr = '-?[0-9]{1,3}(\\.[0-9]+)?';
|
||||
final opNumExpr = '-?([01]+(\\.[0-9]+)?|\\.[0-9]+)';
|
||||
|
||||
if (RegExp(
|
||||
r'^#([0-9a-fA-F]{3}|[0-9a-fA-F]{4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$',
|
||||
).hasMatch(color)) {
|
||||
return true;
|
||||
} else if (RegExp(
|
||||
'^rgba?\\($chNumExpr%,\\s?$chNumExpr%,\\s?$chNumExpr%(,\\s?$opNumExpr)?\\)\$',
|
||||
).hasMatch(color)) {
|
||||
return true;
|
||||
} else if (RegExp(
|
||||
'^rgba?\\($chNumExpr,\\s?$chNumExpr,\\s?$chNumExpr(,\\s?$opNumExpr)?\\)\$',
|
||||
).hasMatch(color)) {
|
||||
return true;
|
||||
} else if (RegExp(
|
||||
'^hsla?\\($chNumExpr,\\s?$chNumExpr%,\\s?$chNumExpr%(,\\s?$opNumExpr)?\\)\$',
|
||||
).hasMatch(color)) {
|
||||
return true;
|
||||
} else if (colorKeywords.containsKey(color)) {
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
@Deprecated('Call isCssColor() instead.'
|
||||
'This feature was deprecated since v1.2.0 to meet the https://dart.dev/guides/language/effective-dart/style#do-capitalize-acronyms-and-abbreviations-longer-than-two-letters-like-words')
|
||||
|
||||
/// Check correctness of color string according to https://drafts.csswg.org/css-color-3
|
||||
bool isCSSColor(String color) {
|
||||
return isCssColor(color);
|
||||
}
|
||||
|
||||
/// Creates [Color] instance from hexadecimal color value.
|
||||
int _hexToColor(String color) {
|
||||
color = color.substring(1);
|
||||
String alpha = 'FF';
|
||||
|
||||
if (color.length == 4) {
|
||||
alpha = color[3] * 2;
|
||||
color = color.substring(0, 3);
|
||||
} else if (color.length == 8) {
|
||||
alpha = color.substring(6);
|
||||
color = color.substring(0, 6);
|
||||
}
|
||||
|
||||
if (color.length == 3) {
|
||||
color = color.splitMapJoin('', onNonMatch: (m) => m * 2);
|
||||
} else if (color.length != 6) {
|
||||
throw FormatException(
|
||||
'Incorrect number of values in RGB color string, there must be 3 or 4 of them.',
|
||||
color,
|
||||
'Hex color string has incorrect length, only strings of 3 or 6 characters are allowed.',
|
||||
'#$color',
|
||||
);
|
||||
}
|
||||
|
||||
if (_isPercentFormat(channels)) {
|
||||
for (var ch in channels) {
|
||||
result = (_rgbChannelPercentToHex(ch) << shift) | result;
|
||||
shift -= 8;
|
||||
}
|
||||
} else {
|
||||
for (var ch in channels) {
|
||||
result = (_rgbChannelNumToHex(ch) << shift) | result;
|
||||
shift -= 8;
|
||||
}
|
||||
}
|
||||
|
||||
return result;
|
||||
return 0x1000000 *
|
||||
int.parse(
|
||||
alpha,
|
||||
radix: 16,
|
||||
) +
|
||||
int.parse(
|
||||
color,
|
||||
radix: 16,
|
||||
);
|
||||
}
|
||||
|
||||
/// Parses channels from RGBA/HSLA string representation.
|
||||
|
|
@ -69,3 +162,247 @@ int _rgbChannelPercentToHex(String value) {
|
|||
num _parsePercent(String percent) {
|
||||
return (double.parse(percent.substring(0, percent.length - 1)).clamp(0, 100));
|
||||
}
|
||||
|
||||
/// Creates [Color] instance from RGB(A) color value.
|
||||
int _rgbToColor(String color) {
|
||||
var channels = _parseChannels(color)!;
|
||||
var result = 0xFF000000;
|
||||
var shift = 16;
|
||||
|
||||
if (channels.length == 4) {
|
||||
result = (_opacityChannelToHex(channels.removeLast()) << 24) & result;
|
||||
} else if (channels.length != 3) {
|
||||
throw FormatException(
|
||||
'Incorrect number of values in RGB color string, there must be 3 or 4 of them.',
|
||||
color,
|
||||
);
|
||||
}
|
||||
if (_isPercentFormat(channels)) {
|
||||
for (var ch in channels) {
|
||||
result = (_rgbChannelPercentToHex(ch) << shift) | result;
|
||||
shift -= 8;
|
||||
}
|
||||
} else {
|
||||
for (var ch in channels) {
|
||||
result = (_rgbChannelNumToHex(ch) << shift) | result;
|
||||
shift -= 8;
|
||||
}
|
||||
}
|
||||
return result;
|
||||
}
|
||||
|
||||
/// Creates [Color] instance from HSL(A) color value.
|
||||
int _hslToColor(String color) {
|
||||
var channels = _parseChannels(color)!;
|
||||
var result = 0xFF000000;
|
||||
var shift = 16;
|
||||
|
||||
if (channels.length == 4) {
|
||||
result = (_opacityChannelToHex(channels.removeLast()) << 24) & result;
|
||||
} else if (channels.length != 3) {
|
||||
throw FormatException(
|
||||
'Incorrect number of values in HSL color string, there must be 3 or 4 of them.',
|
||||
color,
|
||||
);
|
||||
}
|
||||
try {
|
||||
// Translate HSL to RGB according to CSS3 draft
|
||||
final h = double.parse(channels[0]) % 360 / 360;
|
||||
final s = _parsePercent(channels[1]) / 100;
|
||||
final l = _parsePercent(channels[2]) / 100;
|
||||
final m2 = l < 0.5 ? l * (s + 1) : l + s - l * s;
|
||||
final m1 = l * 2 - m2;
|
||||
final hexChannels = [
|
||||
_hueToRGB(m1, m2, h + 1 / 3),
|
||||
_hueToRGB(m1, m2, h),
|
||||
_hueToRGB(m1, m2, h - 1 / 3),
|
||||
];
|
||||
|
||||
for (var ch in hexChannels) {
|
||||
result = (ch << shift) | result;
|
||||
shift -= 8;
|
||||
}
|
||||
|
||||
return result;
|
||||
} on FormatException catch (e) {
|
||||
throw FormatException(
|
||||
'Incorrect format of HSL color string.',
|
||||
'${e.message} ${e.source}',
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/// Converts hue parameters of HSL to RGB channel hexadecimal integer form.
|
||||
int _hueToRGB(num m1, num m2, num h) {
|
||||
int result;
|
||||
|
||||
if (h < 0) {
|
||||
h = h + 1;
|
||||
} else if (h > 1) {
|
||||
h = h - 1;
|
||||
}
|
||||
|
||||
if (h * 6 < 1) {
|
||||
result = ((m1 + (m2 - m1) * h * 6) * 255).floor();
|
||||
} else if (h * 2 < 1) {
|
||||
result = (m2 * 255).floor();
|
||||
} else if (h * 3 < 2) {
|
||||
result = ((m1 + (m2 - m1) * (2 / 3 - h) * 6) * 255).floor();
|
||||
} else {
|
||||
result = (m1 * 255).floor();
|
||||
}
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
// A map of X11 color keywords and their 8-digit hexadecimal forms.
|
||||
Map<String, int> colorKeywords = {
|
||||
"transparent": 0x00000000,
|
||||
"aliceblue": 0xFFF0F8FF,
|
||||
"antiquewhite": 0xFFFAEBD7,
|
||||
"aqua": 0xFF00FFFF,
|
||||
"aquamarine": 0xFF7FFFD4,
|
||||
"azure": 0xFFF0FFFF,
|
||||
"beige": 0xFFF5F5DC,
|
||||
"bisque": 0xFFFFE4C4,
|
||||
"black": 0xFF000000,
|
||||
"blanchedalmond": 0xFFFFEBCD,
|
||||
"blue": 0xFF0000FF,
|
||||
"blueviolet": 0xFF8A2BE2,
|
||||
"brown": 0xFFA52A2A,
|
||||
"burlywood": 0xFFDEB887,
|
||||
"cadetblue": 0xFF5F9EA0,
|
||||
"chartreuse": 0xFF7FFF00,
|
||||
"chocolate": 0xFFD2691E,
|
||||
"coral": 0xFFFF7F50,
|
||||
"cornflowerblue": 0xFF6495ED,
|
||||
"cornsilk": 0xFFFFF8DC,
|
||||
"crimson": 0xFFDC143C,
|
||||
"cyan": 0xFF00FFFF,
|
||||
"darkblue": 0xFF00008B,
|
||||
"darkcyan": 0xFF008B8B,
|
||||
"darkgoldenrod": 0xFFB8860B,
|
||||
"darkgray": 0xFFA9A9A9,
|
||||
"darkgreen": 0xFF006400,
|
||||
"darkgrey": 0xFFA9A9A9,
|
||||
"darkkhaki": 0xFFBDB76B,
|
||||
"darkmagenta": 0xFF8B008B,
|
||||
"darkolivegreen": 0xFF556B2F,
|
||||
"darkorange": 0xFFFF8C00,
|
||||
"darkorchid": 0xFF9932CC,
|
||||
"darkred": 0xFF8B0000,
|
||||
"darksalmon": 0xFFE9967A,
|
||||
"darkseagreen": 0xFF8FBC8F,
|
||||
"darkslateblue": 0xFF483D8B,
|
||||
"darkslategray": 0xFF2F4F4F,
|
||||
"darkslategrey": 0xFF2F4F4F,
|
||||
"darkturquoise": 0xFF00CED1,
|
||||
"darkviolet": 0xFF9400D3,
|
||||
"deeppink": 0xFFFF1493,
|
||||
"deepskyblue": 0xFF00BFFF,
|
||||
"dimgray": 0xFF696969,
|
||||
"dimgrey": 0xFF696969,
|
||||
"dodgerblue": 0xFF1E90FF,
|
||||
"firebrick": 0xFFB22222,
|
||||
"floralwhite": 0xFFFFFAF0,
|
||||
"forestgreen": 0xFF228B22,
|
||||
"fuchsia": 0xFFFF00FF,
|
||||
"gainsboro": 0xFFDCDCDC,
|
||||
"ghostwhite": 0xFFF8F8FF,
|
||||
"gold": 0xFFFFD700,
|
||||
"goldenrod": 0xFFDAA520,
|
||||
"gray": 0xFF808080,
|
||||
"green": 0xFF008000,
|
||||
"greenyellow": 0xFFADFF2F,
|
||||
"grey": 0xFF808080,
|
||||
"honeydew": 0xFFF0FFF0,
|
||||
"hotpink": 0xFFFF69B4,
|
||||
"indianred": 0xFFCD5C5C,
|
||||
"indigo": 0xFF4B0082,
|
||||
"ivory": 0xFFFFFFF0,
|
||||
"khaki": 0xFFF0E68C,
|
||||
"lavender": 0xFFE6E6FA,
|
||||
"lavenderblush": 0xFFFFF0F5,
|
||||
"lawngreen": 0xFF7CFC00,
|
||||
"lemonchiffon": 0xFFFFFACD,
|
||||
"lightblue": 0xFFADD8E6,
|
||||
"lightcoral": 0xFFF08080,
|
||||
"lightcyan": 0xFFE0FFFF,
|
||||
"lightgoldenrodyellow": 0xFFFAFAD2,
|
||||
"lightgray": 0xFFD3D3D3,
|
||||
"lightgreen": 0xFF90EE90,
|
||||
"lightgrey": 0xFFD3D3D3,
|
||||
"lightpink": 0xFFFFB6C1,
|
||||
"lightsalmon": 0xFFFFA07A,
|
||||
"lightseagreen": 0xFF20B2AA,
|
||||
"lightskyblue": 0xFF87CEFA,
|
||||
"lightslategray": 0xFF778899,
|
||||
"lightslategrey": 0xFF778899,
|
||||
"lightsteelblue": 0xFFB0C4DE,
|
||||
"lightyellow": 0xFFFFFFE0,
|
||||
"lime": 0xFF00FF00,
|
||||
"limegreen": 0xFF32CD32,
|
||||
"linen": 0xFFFAF0E6,
|
||||
"magenta": 0xFFFF00FF,
|
||||
"maroon": 0xFF800000,
|
||||
"mediumaquamarine": 0xFF66CDAA,
|
||||
"mediumblue": 0xFF0000CD,
|
||||
"mediumorchid": 0xFFBA55D3,
|
||||
"mediumpurple": 0xFF9370DB,
|
||||
"mediumseagreen": 0xFF3CB371,
|
||||
"mediumslateblue": 0xFF7B68EE,
|
||||
"mediumspringgreen": 0xFF00FA9A,
|
||||
"mediumturquoise": 0xFF48D1CC,
|
||||
"mediumvioletred": 0xFFC71585,
|
||||
"midnightblue": 0xFF191970,
|
||||
"mintcream": 0xFFF5FFFA,
|
||||
"mistyrose": 0xFFFFE4E1,
|
||||
"moccasin": 0xFFFFE4B5,
|
||||
"navajowhite": 0xFFFFDEAD,
|
||||
"navy": 0xFF000080,
|
||||
"oldlace": 0xFFFDF5E6,
|
||||
"olive": 0xFF808000,
|
||||
"olivedrab": 0xFF6B8E23,
|
||||
"orange": 0xFFFFA500,
|
||||
"orangered": 0xFFFF4500,
|
||||
"orchid": 0xFFDA70D6,
|
||||
"palegoldenrod": 0xFFEEE8AA,
|
||||
"palegreen": 0xFF98FB98,
|
||||
"paleturquoise": 0xFFAFEEEE,
|
||||
"palevioletred": 0xFFDB7093,
|
||||
"papayawhip": 0xFFFFEFD5,
|
||||
"peachpuff": 0xFFFFDAB9,
|
||||
"peru": 0xFFCD853F,
|
||||
"pink": 0xFFFFC0CB,
|
||||
"plum": 0xFFDDA0DD,
|
||||
"powderblue": 0xFFB0E0E6,
|
||||
"purple": 0xFF800080,
|
||||
"red": 0xFFFF0000,
|
||||
"rosybrown": 0xFFBC8F8F,
|
||||
"royalblue": 0xFF4169E1,
|
||||
"saddlebrown": 0xFF8B4513,
|
||||
"salmon": 0xFFFA8072,
|
||||
"sandybrown": 0xFFF4A460,
|
||||
"seagreen": 0xFF2E8B57,
|
||||
"seashell": 0xFFFFF5EE,
|
||||
"sienna": 0xFFA0522D,
|
||||
"silver": 0xFFC0C0C0,
|
||||
"skyblue": 0xFF87CEEB,
|
||||
"slateblue": 0xFF6A5ACD,
|
||||
"slategray": 0xFF708090,
|
||||
"slategrey": 0xFF708090,
|
||||
"snow": 0xFFFFFAFA,
|
||||
"springgreen": 0xFF00FF7F,
|
||||
"steelblue": 0xFF4682B4,
|
||||
"tan": 0xFFD2B48C,
|
||||
"teal": 0xFF008080,
|
||||
"thistle": 0xFFD8BFD8,
|
||||
"tomato": 0xFFFF6347,
|
||||
"turquoise": 0xFF40E0D0,
|
||||
"violet": 0xFFEE82EE,
|
||||
"wheat": 0xFFF5DEB3,
|
||||
"white": 0xFFFFFFFF,
|
||||
"whitesmoke": 0xFFF5F5F5,
|
||||
"yellow": 0xFFFFFF00,
|
||||
"yellowgreen": 0xFF9ACD32,
|
||||
};
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ abstract class MaybeDecode {
|
|||
|
||||
static int? maybeColor(String? colorCode) {
|
||||
if (colorCode == null) return null;
|
||||
return parseRgbToInt(colorCode);
|
||||
return fromCssColor(colorCode);
|
||||
}
|
||||
|
||||
static DateTime? maybeDateTime(String? timeStamp) {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue