language-servers/slint
1
0
Fork 0
mirror of https://github.com/slint-ui/slint.git synced 2025-11-14 17:58:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

figma-inspector: Generalize rgbToHex helper function

Browse source 
Re-use the color types that figma provides and accept both of them.
This commit is contained in:
Simon Hausmann 2025-04-17 16:17:32 +02:00 • committed by Simon Hausmann
parent 93fe0174fc
commit b674103551
1 changed files with 5 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

16
tools/figma-inspector/backend/utils/property-parsing.ts
View file

@ -22,20 +22,14 @@ const textProperties = [
const unsupportedNodeProperties = ["x", "y", "width", "height", "opacity"]; const unsupportedNodeProperties = ["x", "y", "width", "height", "opacity"];
export type RGBAColor = { export function rgbToHex(rgba: RGB | RGBA): string {
r: number;
g: number;
b: number;
a: number;
};
export function rgbToHex(rgba: RGBAColor): string {
const red = Math.round(rgba.r * 255); const red = Math.round(rgba.r * 255);
const green = Math.round(rgba.g * 255); const green = Math.round(rgba.g * 255);
const blue = Math.round(rgba.b * 255); const blue = Math.round(rgba.b * 255);
const alpha = Math.round(rgba.a * 255); const alphaF = "a" in rgba ? rgba.a : 1;
const alpha = Math.round(alphaF);
const values = rgba.a < 1 ? [red, green, blue, alpha] : [red, green, blue]; const values = alphaF < 1 ? [red, green, blue, alpha] : [red, green, blue];
return "#" + values.map((x) => x.toString(16).padStart(2, "0")).join(""); return "#" + values.map((x) => x.toString(16).padStart(2, "0")).join("");
} }
@ -66,7 +60,7 @@ export function generateRadialGradient(fill: {
export function generateLinearGradient(fill: { export function generateLinearGradient(fill: {
opacity: number; opacity: number;
gradientStops: Array<{ color: RGBAColor; position: number }>; gradientStops: Array<{ color: RGBA; position: number }>;
gradientTransform: number[][]; gradientTransform: number[][];
}): string { }): string {
if (!fill.gradientStops || fill.gradientStops.length < 2) { if (!fill.gradientStops || fill.gradientStops.length < 2) {