matterbridge 2.1.5 → 2.1.6-dev.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -0
- package/README-DOCKER.md +17 -7
- package/dist/cli.js +0 -26
- package/dist/cluster/export.js +0 -2
- package/dist/defaultConfigSchema.js +0 -23
- package/dist/deviceManager.js +1 -94
- package/dist/frontend.js +55 -280
- package/dist/index.js +0 -28
- package/dist/logger/export.js +0 -1
- package/dist/matter/behaviors.js +0 -2
- package/dist/matter/clusters.js +0 -2
- package/dist/matter/devices.js +0 -2
- package/dist/matter/endpoints.js +0 -2
- package/dist/matter/export.js +0 -2
- package/dist/matter/types.js +0 -2
- package/dist/matterbridge.js +68 -765
- package/dist/matterbridgeAccessoryPlatform.js +0 -33
- package/dist/matterbridgeBehaviors.js +1 -32
- package/dist/matterbridgeDeviceTypes.js +11 -112
- package/dist/matterbridgeDynamicPlatform.js +0 -33
- package/dist/matterbridgeEndpoint.js +6 -690
- package/dist/matterbridgeEndpointHelpers.js +9 -117
- package/dist/matterbridgePlatform.js +41 -123
- package/dist/matterbridgeTypes.js +0 -24
- package/dist/pluginManager.js +3 -230
- package/dist/storage/export.js +0 -1
- package/dist/utils/colorUtils.js +2 -205
- package/dist/utils/export.js +0 -1
- package/dist/utils/utils.js +10 -264
- package/frontend/build/asset-manifest.json +3 -3
- package/frontend/build/index.html +1 -1
- package/frontend/build/static/js/{main.cd192588.js → main.a241d4f0.js} +9 -9
- package/frontend/build/static/js/main.a241d4f0.js.map +1 -0
- package/npm-shrinkwrap.json +47 -47
- package/package.json +2 -3
- package/dist/cli.d.ts +0 -25
- package/dist/cli.d.ts.map +0 -1
- package/dist/cli.js.map +0 -1
- package/dist/cluster/export.d.ts +0 -2
- package/dist/cluster/export.d.ts.map +0 -1
- package/dist/cluster/export.js.map +0 -1
- package/dist/defaultConfigSchema.d.ts +0 -27
- package/dist/defaultConfigSchema.d.ts.map +0 -1
- package/dist/defaultConfigSchema.js.map +0 -1
- package/dist/deviceManager.d.ts +0 -114
- package/dist/deviceManager.d.ts.map +0 -1
- package/dist/deviceManager.js.map +0 -1
- package/dist/frontend.d.ts +0 -143
- package/dist/frontend.d.ts.map +0 -1
- package/dist/frontend.js.map +0 -1
- package/dist/index.d.ts +0 -35
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/logger/export.d.ts +0 -2
- package/dist/logger/export.d.ts.map +0 -1
- package/dist/logger/export.js.map +0 -1
- package/dist/matter/behaviors.d.ts +0 -2
- package/dist/matter/behaviors.d.ts.map +0 -1
- package/dist/matter/behaviors.js.map +0 -1
- package/dist/matter/clusters.d.ts +0 -2
- package/dist/matter/clusters.d.ts.map +0 -1
- package/dist/matter/clusters.js.map +0 -1
- package/dist/matter/devices.d.ts +0 -2
- package/dist/matter/devices.d.ts.map +0 -1
- package/dist/matter/devices.js.map +0 -1
- package/dist/matter/endpoints.d.ts +0 -2
- package/dist/matter/endpoints.d.ts.map +0 -1
- package/dist/matter/endpoints.js.map +0 -1
- package/dist/matter/export.d.ts +0 -5
- package/dist/matter/export.d.ts.map +0 -1
- package/dist/matter/export.js.map +0 -1
- package/dist/matter/types.d.ts +0 -3
- package/dist/matter/types.d.ts.map +0 -1
- package/dist/matter/types.js.map +0 -1
- package/dist/matterbridge.d.ts +0 -409
- package/dist/matterbridge.d.ts.map +0 -1
- package/dist/matterbridge.js.map +0 -1
- package/dist/matterbridgeAccessoryPlatform.d.ts +0 -39
- package/dist/matterbridgeAccessoryPlatform.d.ts.map +0 -1
- package/dist/matterbridgeAccessoryPlatform.js.map +0 -1
- package/dist/matterbridgeBehaviors.d.ts +0 -1056
- package/dist/matterbridgeBehaviors.d.ts.map +0 -1
- package/dist/matterbridgeBehaviors.js.map +0 -1
- package/dist/matterbridgeDeviceTypes.d.ts +0 -177
- package/dist/matterbridgeDeviceTypes.d.ts.map +0 -1
- package/dist/matterbridgeDeviceTypes.js.map +0 -1
- package/dist/matterbridgeDynamicPlatform.d.ts +0 -39
- package/dist/matterbridgeDynamicPlatform.d.ts.map +0 -1
- package/dist/matterbridgeDynamicPlatform.js.map +0 -1
- package/dist/matterbridgeEndpoint.d.ts +0 -835
- package/dist/matterbridgeEndpoint.d.ts.map +0 -1
- package/dist/matterbridgeEndpoint.js.map +0 -1
- package/dist/matterbridgeEndpointHelpers.d.ts +0 -2275
- package/dist/matterbridgeEndpointHelpers.d.ts.map +0 -1
- package/dist/matterbridgeEndpointHelpers.js.map +0 -1
- package/dist/matterbridgePlatform.d.ts +0 -159
- package/dist/matterbridgePlatform.d.ts.map +0 -1
- package/dist/matterbridgePlatform.js.map +0 -1
- package/dist/matterbridgeTypes.d.ts +0 -169
- package/dist/matterbridgeTypes.d.ts.map +0 -1
- package/dist/matterbridgeTypes.js.map +0 -1
- package/dist/pluginManager.d.ts +0 -236
- package/dist/pluginManager.d.ts.map +0 -1
- package/dist/pluginManager.js.map +0 -1
- package/dist/storage/export.d.ts +0 -2
- package/dist/storage/export.d.ts.map +0 -1
- package/dist/storage/export.js.map +0 -1
- package/dist/utils/colorUtils.d.ts +0 -61
- package/dist/utils/colorUtils.d.ts.map +0 -1
- package/dist/utils/colorUtils.js.map +0 -1
- package/dist/utils/export.d.ts +0 -3
- package/dist/utils/export.d.ts.map +0 -1
- package/dist/utils/export.js.map +0 -1
- package/dist/utils/utils.d.ts +0 -231
- package/dist/utils/utils.d.ts.map +0 -1
- package/dist/utils/utils.js.map +0 -1
- package/frontend/build/static/js/main.cd192588.js.map +0 -1
- /package/frontend/build/static/js/{main.cd192588.js.LICENSE.txt → main.a241d4f0.js.LICENSE.txt} +0 -0
package/dist/utils/colorUtils.js
CHANGED
|
@@ -1,25 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* This file contains the color utilities.
|
|
3
|
-
*
|
|
4
|
-
* @file colorUtils.ts
|
|
5
|
-
* @author Luca Liguori
|
|
6
|
-
* @date 2023-10-05
|
|
7
|
-
* @version 1.3.0
|
|
8
|
-
*
|
|
9
|
-
* Copyright 2023, 2024, 2025 Luca Liguori.
|
|
10
|
-
*
|
|
11
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
12
|
-
* you may not use this file except in compliance with the License.
|
|
13
|
-
* You may obtain a copy of the License at
|
|
14
|
-
*
|
|
15
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
16
|
-
*
|
|
17
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
18
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
19
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
20
|
-
* See the License for the specific language governing permissions and
|
|
21
|
-
* limitations under the License. *
|
|
22
|
-
*/
|
|
23
1
|
import { assert } from 'console';
|
|
24
2
|
export function hslColorToRgbColor(hue, saturation, luminance) {
|
|
25
3
|
if (hue === 360) {
|
|
@@ -32,7 +10,7 @@ export function hslColorToRgbColor(hue, saturation, luminance) {
|
|
|
32
10
|
luminance /= 100;
|
|
33
11
|
let r, g, b;
|
|
34
12
|
if (saturation === 0) {
|
|
35
|
-
r = g = b = luminance;
|
|
13
|
+
r = g = b = luminance;
|
|
36
14
|
}
|
|
37
15
|
else {
|
|
38
16
|
const hue2rgb = (p, q, t) => {
|
|
@@ -65,27 +43,21 @@ export function hslColorToRgbColor(hue, saturation, luminance) {
|
|
|
65
43
|
b: Math.ceil(b * 255),
|
|
66
44
|
};
|
|
67
45
|
}
|
|
68
|
-
// Converts from RGB to the XY color (CIE 1931 color space)
|
|
69
46
|
export function rgbColorToXYColor(rgb) {
|
|
70
47
|
let r = rgb.r / 255;
|
|
71
48
|
let g = rgb.g / 255;
|
|
72
49
|
let b = rgb.b / 255;
|
|
73
|
-
// Apply gamma correction
|
|
74
50
|
r = r > 0.04045 ? Math.pow((r + 0.055) / 1.055, 2.4) : r / 12.92;
|
|
75
51
|
g = g > 0.04045 ? Math.pow((g + 0.055) / 1.055, 2.4) : g / 12.92;
|
|
76
52
|
b = b > 0.04045 ? Math.pow((b + 0.055) / 1.055, 2.4) : b / 12.92;
|
|
77
|
-
// Scale the values to the D65 illuminant
|
|
78
53
|
r = r * 100;
|
|
79
54
|
g = g * 100;
|
|
80
55
|
b = b * 100;
|
|
81
|
-
// Convert RGB to XYZ
|
|
82
56
|
const X = r * 0.664511 + g * 0.154324 + b * 0.162028;
|
|
83
57
|
const Y = r * 0.283881 + g * 0.668433 + b * 0.047685;
|
|
84
58
|
const Z = r * 0.000088 + g * 0.07231 + b * 0.986039;
|
|
85
|
-
// Normalization
|
|
86
59
|
let x = X / (X + Y + Z);
|
|
87
60
|
let y = Y / (X + Y + Z);
|
|
88
|
-
// Round to 4 digits
|
|
89
61
|
x = Math.round(x * 10000) / 10000;
|
|
90
62
|
y = Math.round(y * 10000) / 10000;
|
|
91
63
|
return { x, y };
|
|
@@ -95,11 +67,9 @@ export function xyColorToRgbColor(x, y, brightness = 254) {
|
|
|
95
67
|
const Y = (brightness / 254).toFixed(2);
|
|
96
68
|
const X = (Number(Y) / y) * x;
|
|
97
69
|
const Z = (Number(Y) / y) * z;
|
|
98
|
-
// Convert to RGB using Wide RGB D65 conversion
|
|
99
70
|
let red = X * 1.656492 - Number(Y) * 0.354851 - Z * 0.255038;
|
|
100
71
|
let green = -X * 0.707196 + Number(Y) * 1.655397 + Z * 0.036152;
|
|
101
72
|
let blue = X * 0.051713 - Number(Y) * 0.121364 + Z * 1.01153;
|
|
102
|
-
// If red, green or blue is larger than 1.0 set it back to the maximum of 1.0
|
|
103
73
|
if (red > blue && red > green && red > 1.0) {
|
|
104
74
|
green = green / red;
|
|
105
75
|
blue = blue / red;
|
|
@@ -115,15 +85,12 @@ export function xyColorToRgbColor(x, y, brightness = 254) {
|
|
|
115
85
|
green = green / blue;
|
|
116
86
|
blue = 1.0;
|
|
117
87
|
}
|
|
118
|
-
// Reverse gamma correction
|
|
119
88
|
red = red <= 0.0031308 ? 12.92 * red : (1.0 + 0.055) * Math.pow(red, 1.0 / 2.4) - 0.055;
|
|
120
89
|
green = green <= 0.0031308 ? 12.92 * green : (1.0 + 0.055) * Math.pow(green, 1.0 / 2.4) - 0.055;
|
|
121
90
|
blue = blue <= 0.0031308 ? 12.92 * blue : (1.0 + 0.055) * Math.pow(blue, 1.0 / 2.4) - 0.055;
|
|
122
|
-
// Convert normalized decimal to decimal
|
|
123
91
|
red = Math.round(red * 255);
|
|
124
92
|
green = Math.round(green * 255);
|
|
125
93
|
blue = Math.round(blue * 255);
|
|
126
|
-
// Normalize
|
|
127
94
|
if (isNaN(red) || red < 0) {
|
|
128
95
|
red = 0;
|
|
129
96
|
}
|
|
@@ -144,7 +111,7 @@ export function rgbColorToHslColor(rgb) {
|
|
|
144
111
|
let h = 0, s = 0;
|
|
145
112
|
const l = (max + min) / 2;
|
|
146
113
|
if (max === min) {
|
|
147
|
-
h = s = 0;
|
|
114
|
+
h = s = 0;
|
|
148
115
|
}
|
|
149
116
|
else {
|
|
150
117
|
const d = max - min;
|
|
@@ -179,10 +146,8 @@ export function kelvinToMired(kelvin) {
|
|
|
179
146
|
return Math.round(1000000 / kelvin);
|
|
180
147
|
}
|
|
181
148
|
export function kelvinToRGB(kelvin) {
|
|
182
|
-
// Clamp the temperature to the range 1000K to 40000K
|
|
183
149
|
kelvin = Math.max(1000, Math.min(40000, kelvin)) / 100;
|
|
184
150
|
let r, g, b;
|
|
185
|
-
// Calculate red
|
|
186
151
|
if (kelvin <= 66) {
|
|
187
152
|
r = 255;
|
|
188
153
|
}
|
|
@@ -191,7 +156,6 @@ export function kelvinToRGB(kelvin) {
|
|
|
191
156
|
r = 329.698727446 * Math.pow(r, -0.1332047592);
|
|
192
157
|
r = Math.max(0, Math.min(255, r));
|
|
193
158
|
}
|
|
194
|
-
// Calculate green
|
|
195
159
|
if (kelvin <= 66) {
|
|
196
160
|
g = kelvin;
|
|
197
161
|
g = 99.4708025861 * Math.log(g) - 161.1195681661;
|
|
@@ -202,7 +166,6 @@ export function kelvinToRGB(kelvin) {
|
|
|
202
166
|
g = 288.1221695283 * Math.pow(g, -0.0755148492);
|
|
203
167
|
g = Math.max(0, Math.min(255, g));
|
|
204
168
|
}
|
|
205
|
-
// Calculate blue
|
|
206
169
|
if (kelvin >= 66) {
|
|
207
170
|
b = 255;
|
|
208
171
|
}
|
|
@@ -216,169 +179,3 @@ export function kelvinToRGB(kelvin) {
|
|
|
216
179
|
}
|
|
217
180
|
return { r: Math.round(r), g: Math.round(g), b: Math.round(b) };
|
|
218
181
|
}
|
|
219
|
-
/*
|
|
220
|
-
export function testColors(): void {
|
|
221
|
-
// this table has been checked with different apps and sites and is correct 100%
|
|
222
|
-
const colors = [
|
|
223
|
-
{ name: 'Pure Red 0', hsl: { h: 0, s: 100, l: 50 }, rgb: { r: 255, g: 0, b: 0 }, xy: { x: 0.7006, y: 0.2993 } },
|
|
224
|
-
{ name: 'Bright Orange 30', hsl: { h: 30, s: 100, l: 50 }, rgb: { r: 255, g: 128, b: 0 }, xy: { x: 0.6112, y: 0.375 } },
|
|
225
|
-
{ name: 'Pure Yellow 60', hsl: { h: 60, s: 100, l: 50 }, rgb: { r: 255, g: 255, b: 0 }, xy: { x: 0.4442, y: 0.5166 } },
|
|
226
|
-
{ name: 'Lime Green 90', hsl: { h: 90, s: 100, l: 50 }, rgb: { r: 128, g: 255, b: 0 }, xy: { x: 0.2707, y: 0.6635 } },
|
|
227
|
-
{ name: 'Pure Green 120', hsl: { h: 120, s: 100, l: 50 }, rgb: { r: 0, g: 255, b: 0 }, xy: { x: 0.1724, y: 0.7468 } },
|
|
228
|
-
{ name: 'Light Sea Green 150', hsl: { h: 150, s: 100, l: 50 }, rgb: { r: 0, g: 255, b: 128 }, xy: { x: 0.1642, y: 0.5886 } },
|
|
229
|
-
{ name: 'Pure Cyan 180', hsl: { h: 180, s: 100, l: 50 }, rgb: { r: 0, g: 255, b: 255 }, xy: { x: 0.1513, y: 0.3425 } },
|
|
230
|
-
{ name: 'Deep Sky Blue 210', hsl: { h: 210, s: 100, l: 50 }, rgb: { r: 0, g: 128, b: 255 }, xy: { x: 0.1406, y: 0.1382 } },
|
|
231
|
-
{ name: 'Pure Blue 240', hsl: { h: 240, s: 100, l: 50 }, rgb: { r: 0, g: 0, b: 255 }, xy: { x: 0.1355, y: 0.0399 } },
|
|
232
|
-
{ name: 'Blue Violet 270', hsl: { h: 270, s: 100, l: 50 }, rgb: { r: 128, g: 0, b: 255 }, xy: { x: 0.2181, y: 0.0778 } },
|
|
233
|
-
{ name: 'Pure Magenta 300', hsl: { h: 300, s: 100, l: 50 }, rgb: { r: 255, g: 0, b: 255 }, xy: { x: 0.3855, y: 0.1546 } },
|
|
234
|
-
{ name: 'Deep Pink 330', hsl: { h: 330, s: 100, l: 50 }, rgb: { r: 255, g: 0, b: 128 }, xy: { x: 0.5797, y: 0.2438 } },
|
|
235
|
-
|
|
236
|
-
{ name: 'Pure Red 50% 0', hsl: { h: 0, s: 50, l: 50 }, rgb: { r: 192, g: 64, b: 64 }, xy: { x: 0.6036, y: 0.3069 } },
|
|
237
|
-
{ name: 'Bright Orange 50% 30', hsl: { h: 30, s: 50, l: 50 }, rgb: { r: 192, g: 128, b: 64 }, xy: { x: 0.5194, y: 0.3928 } },
|
|
238
|
-
{ name: 'Pure Yellow 50% 60', hsl: { h: 60, s: 50, l: 50 }, rgb: { r: 192, g: 192, b: 64 }, xy: { x: 0.4258, y: 0.4883 } },
|
|
239
|
-
{ name: 'Lime Green 50% 90', hsl: { h: 90, s: 50, l: 50 }, rgb: { r: 128, g: 192, b: 64 }, xy: { x: 0.3159, y: 0.5639 } },
|
|
240
|
-
{ name: 'Pure Green 50% 120', hsl: { h: 120, s: 50, l: 50 }, rgb: { r: 64, g: 192, b: 64 }, xy: { x: 0.2127, y: 0.6349 } },
|
|
241
|
-
{ name: 'Light Sea Green 50% 150', hsl: { h: 150, s: 50, l: 50 }, rgb: { r: 64, g: 192, b: 128 }, xy: { x: 0.1932, y: 0.4845 } },
|
|
242
|
-
{ name: 'Pure Cyan 50% 180', hsl: { h: 180, s: 50, l: 50 }, rgb: { r: 64, g: 192, b: 192 }, xy: { x: 0.1745, y: 0.3407 } },
|
|
243
|
-
{ name: 'Deep Sky Blue 50% 210', hsl: { h: 210, s: 50, l: 50 }, rgb: { r: 64, g: 128, b: 192 }, xy: { x: 0.1752, y: 0.211 } },
|
|
244
|
-
{ name: 'Pure Blue 50% 240', hsl: { h: 240, s: 50, l: 50 }, rgb: { r: 64, g: 64, b: 192 }, xy: { x: 0.1758, y: 0.102 } },
|
|
245
|
-
{ name: 'Blue Violet 50% 270', hsl: { h: 270, s: 50, l: 50 }, rgb: { r: 128, g: 64, b: 192 }, xy: { x: 0.2688, y: 0.137 } },
|
|
246
|
-
{ name: 'Pure Magenta 50% 300', hsl: { h: 300, s: 50, l: 50 }, rgb: { r: 192, g: 64, b: 192 }, xy: { x: 0.3772, y: 0.1777 } },
|
|
247
|
-
{ name: 'Deep Pink 50% 330', hsl: { h: 330, s: 50, l: 50 }, rgb: { r: 192, g: 64, b: 128 }, xy: { x: 0.489, y: 0.2416 } },
|
|
248
|
-
];
|
|
249
|
-
|
|
250
|
-
colors.forEach((color) => {
|
|
251
|
-
// eslint-disable-next-line no-console
|
|
252
|
-
console.log(
|
|
253
|
-
`\x1b[48;2;${color.rgb.r};${color.rgb.g};${color.rgb.b}mColor: ${color.name}\x1b[0m, hsl: { h: ${color.hsl.h}, s: ${color.hsl.s}, l: ${color.hsl.l} }, rgb: { r: ${color.rgb.r}, g: ${color.rgb.g}, b: ${color.rgb.b} }, xy: { x: ${color.xy.x}, y: ${color.xy.y} }`,
|
|
254
|
-
);
|
|
255
|
-
|
|
256
|
-
const rgb = hslColorToRgbColor(color.hsl.h, color.hsl.s, color.hsl.l);
|
|
257
|
-
assert(rgb.r === color.rgb.r && rgb.g === color.rgb.g && rgb.b === color.rgb.b, `\x1b[48;2;${rgb.r};${rgb.g};${rgb.b}mColor: ${color.name}\x1b[0m hslColorToRgbColor { r: ${rgb.r}, g: ${rgb.g}, b: ${rgb.b} } conversion error`);
|
|
258
|
-
|
|
259
|
-
const hsl = rgbColorToHslColor({ r: color.rgb.r, g: color.rgb.g, b: color.rgb.b });
|
|
260
|
-
assert(hsl.h === color.hsl.h && hsl.s === color.hsl.s && hsl.l === color.hsl.l, `Color: ${color.name} rgbColorToHslColor conversion error`);
|
|
261
|
-
|
|
262
|
-
const xy = rgbColorToXYColor({ r: color.rgb.r, g: color.rgb.g, b: color.rgb.b });
|
|
263
|
-
assert(xy.x === color.xy.x && xy.y === color.xy.y, `Color: ${color.name} rgbColorToXYColor conversion error got x ${xy.x} y ${xy.y}`);
|
|
264
|
-
|
|
265
|
-
const rgb2 = xyColorToRgbColor(color.xy.x, color.xy.y);
|
|
266
|
-
assert(
|
|
267
|
-
rgb2.r === color.rgb.r && rgb2.g === color.rgb.g && rgb2.b === color.rgb.b,
|
|
268
|
-
`\x1b[48;2;${rgb2.r};${rgb2.g};${rgb2.b}mColor: ${color.name}\x1b[0m xyColorToRgbColor(${color.xy.x}, ${color.xy.y}) conversion error -> r: ${rgb2.r} g: ${rgb2.g} b: ${rgb2.g}`,
|
|
269
|
-
);
|
|
270
|
-
});
|
|
271
|
-
}
|
|
272
|
-
*/
|
|
273
|
-
/**
|
|
274
|
-
* Converts CIE color space to RGB color space
|
|
275
|
-
* @param {Number} x
|
|
276
|
-
* @param {Number} y
|
|
277
|
-
* @param {Number} brightness - Ranges from 1 to 254
|
|
278
|
-
* @return {Array} Array that contains the color values for red, green and blue
|
|
279
|
-
* From: https://github.com/usolved/cie-rgb-converter/blob/master/cie_rgb_converter.js
|
|
280
|
-
*/
|
|
281
|
-
/*
|
|
282
|
-
export function cie_to_rgb(x: number, y: number, brightness = 254): RGB {
|
|
283
|
-
// Set to maximum brightness if no custom value was given (Not the slick ECMAScript 6 way for compatibility reasons)
|
|
284
|
-
|
|
285
|
-
const z = 1.0 - x - y;
|
|
286
|
-
const Y = (brightness / 254).toFixed(2);
|
|
287
|
-
const X = (Number(Y) / y) * x;
|
|
288
|
-
const Z = (Number(Y) / y) * z;
|
|
289
|
-
|
|
290
|
-
// Convert to RGB using Wide RGB D65 conversion
|
|
291
|
-
let red = X * 1.656492 - Number(Y) * 0.354851 - Z * 0.255038;
|
|
292
|
-
let green = -X * 0.707196 + Number(Y) * 1.655397 + Z * 0.036152;
|
|
293
|
-
let blue = X * 0.051713 - Number(Y) * 0.121364 + Z * 1.01153;
|
|
294
|
-
|
|
295
|
-
// If red, green or blue is larger than 1.0 set it back to the maximum of 1.0
|
|
296
|
-
if (red > blue && red > green && red > 1.0) {
|
|
297
|
-
green = green / red;
|
|
298
|
-
blue = blue / red;
|
|
299
|
-
red = 1.0;
|
|
300
|
-
} else if (green > blue && green > red && green > 1.0) {
|
|
301
|
-
red = red / green;
|
|
302
|
-
blue = blue / green;
|
|
303
|
-
green = 1.0;
|
|
304
|
-
} else if (blue > red && blue > green && blue > 1.0) {
|
|
305
|
-
red = red / blue;
|
|
306
|
-
green = green / blue;
|
|
307
|
-
blue = 1.0;
|
|
308
|
-
}
|
|
309
|
-
|
|
310
|
-
// Reverse gamma correction
|
|
311
|
-
red = red <= 0.0031308 ? 12.92 * red : (1.0 + 0.055) * Math.pow(red, 1.0 / 2.4) - 0.055;
|
|
312
|
-
green = green <= 0.0031308 ? 12.92 * green : (1.0 + 0.055) * Math.pow(green, 1.0 / 2.4) - 0.055;
|
|
313
|
-
blue = blue <= 0.0031308 ? 12.92 * blue : (1.0 + 0.055) * Math.pow(blue, 1.0 / 2.4) - 0.055;
|
|
314
|
-
|
|
315
|
-
// Convert normalized decimal to decimal
|
|
316
|
-
red = Math.round(red * 255);
|
|
317
|
-
green = Math.round(green * 255);
|
|
318
|
-
blue = Math.round(blue * 255);
|
|
319
|
-
|
|
320
|
-
// Normalize
|
|
321
|
-
if (isNaN(red) || red < 0) {
|
|
322
|
-
red = 0;
|
|
323
|
-
}
|
|
324
|
-
if (isNaN(green) || green < 0) {
|
|
325
|
-
green = 0;
|
|
326
|
-
}
|
|
327
|
-
if (isNaN(blue) || blue < 0) {
|
|
328
|
-
blue = 0;
|
|
329
|
-
}
|
|
330
|
-
|
|
331
|
-
return { r: red, g: green, b: blue };
|
|
332
|
-
}
|
|
333
|
-
*/
|
|
334
|
-
/**
|
|
335
|
-
* Converts RGB color space to CIE color space
|
|
336
|
-
* @param {Number} red
|
|
337
|
-
* @param {Number} green
|
|
338
|
-
* @param {Number} blue
|
|
339
|
-
* @return {Array} Array that contains the CIE color values for x and y
|
|
340
|
-
* From: https://github.com/usolved/cie-rgb-converter/blob/master/cie_rgb_converter.js
|
|
341
|
-
*/
|
|
342
|
-
/*
|
|
343
|
-
export function rgb_to_cie(red: number, green: number, blue: number): XY {
|
|
344
|
-
// Apply a gamma correction to the RGB values, which makes the color more vivid and more the like the color displayed on the screen of your device
|
|
345
|
-
red = red > 0.04045 ? Math.pow((red + 0.055) / (1.0 + 0.055), 2.4) : red / 12.92;
|
|
346
|
-
green = green > 0.04045 ? Math.pow((green + 0.055) / (1.0 + 0.055), 2.4) : green / 12.92;
|
|
347
|
-
blue = blue > 0.04045 ? Math.pow((blue + 0.055) / (1.0 + 0.055), 2.4) : blue / 12.92;
|
|
348
|
-
|
|
349
|
-
// RGB values to XYZ using the Wide RGB D65 conversion formula
|
|
350
|
-
const X = red * 0.664511 + green * 0.154324 + blue * 0.162028;
|
|
351
|
-
const Y = red * 0.283881 + green * 0.668433 + blue * 0.047685;
|
|
352
|
-
const Z = red * 0.000088 + green * 0.07231 + blue * 0.986039;
|
|
353
|
-
|
|
354
|
-
// Calculate the xy values from the XYZ values
|
|
355
|
-
let x = (X / (X + Y + Z)).toFixed(4);
|
|
356
|
-
let y = (Y / (X + Y + Z)).toFixed(4);
|
|
357
|
-
|
|
358
|
-
if (isNaN(Number(x))) {
|
|
359
|
-
x = '0';
|
|
360
|
-
}
|
|
361
|
-
|
|
362
|
-
if (isNaN(Number(y))) {
|
|
363
|
-
y = '0';
|
|
364
|
-
}
|
|
365
|
-
|
|
366
|
-
return { x: Number(x), y: Number(y) };
|
|
367
|
-
}
|
|
368
|
-
*/
|
|
369
|
-
/*
|
|
370
|
-
testColors();
|
|
371
|
-
console.log('rgb_to_cie(0, 128, 255)', rgb_to_cie(0, 128, 255));
|
|
372
|
-
console.log('cie_to_rgb(0.1401, 0.1284, 254)', cie_to_rgb(0.1401, 0.1284, 254));
|
|
373
|
-
console.log('cie_to_rgb(0.1406, 0.1382, 254)', cie_to_rgb(0.1406, 0.1382, 254));
|
|
374
|
-
for (let h = 0; h < 360; h++) {
|
|
375
|
-
const rgb = hslColorToRgbColor(h, 100, 50);
|
|
376
|
-
const xy = rgbColorToXYColor({ r: rgb.r, g: rgb.g, b: rgb.b });
|
|
377
|
-
const rgb2 = cie_to_rgb(xy.x, xy.y, 254);
|
|
378
|
-
const hsl = rgbColorToHslColor({ r: rgb2.r, g: rgb2.g, b: rgb2.b });
|
|
379
|
-
assert(rgb.r === rgb2.r && rgb.g === rgb2.g && rgb.b === rgb2.b, 'Color rgb conversion error');
|
|
380
|
-
assert(h === hsl.h, 'Color hsl conversion error');
|
|
381
|
-
console.log(`\x1b[48;2;${rgb.r};${rgb.g};${rgb.b}mColor: r:${rgb.r} g:${rgb.g} b:${rgb.b}\x1b[0m => x:${xy.x} y:${xy.y} => \x1b[48;2;${rgb2.r};${rgb2.g};${rgb2.b}mColor: r:${rgb2.r} g:${rgb2.g} b:${rgb2.b} h:${hsl.h} s:${hsl.s}\x1b[0m\x1b[K`);
|
|
382
|
-
}
|
|
383
|
-
*/
|
|
384
|
-
//# sourceMappingURL=colorUtils.js.map
|
package/dist/utils/export.js
CHANGED