bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

pl-fe: rename legacy colors to basic colors

Browse source 
Signed-off-by: mkljczk <git@mkljczk.pl>
This commit is contained in:
mkljczk 2024-12-06 10:27:52 +01:00
parent 329d4e89bd
commit 13ec182390
3 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/pl-fe/src/normalizers/pl-fe/pl-fe-config.ts
View file

@ -71,7 +71,7 @@ const plFeConfigSchema = v.pipe(coerceObject({
appleAppId: v.fallback(v.nullable(v.string()), null),
logo: v.fallback(v.string(), ''),
logoDarkMode: v.fallback(v.nullable(v.string()), null),
brandColor: v.fallback(v.string(), ''),
brandColor: v.fallback(v.string(), '#d80482'),
accentColor: v.fallback(v.string(), ''),
colors: v.any(),
copyright: v.fallback(v.string(), `♥${new Date().getFullYear()}. Copying is an act of love. Please copy and share.`),

8
packages/pl-fe/src/utils/tailwind.test.ts
View file

@ -1,6 +1,6 @@
import { Map as ImmutableMap } from 'immutable';
import { toTailwind, fromLegacyColors, expandPalette } from './tailwind';
import { toTailwind, fromBasicColors, expandPalette } from './tailwind';
describe('toTailwind()', () => {
it('handles empty pl-fe config', () => {
@ -68,7 +68,7 @@ describe('toTailwind()', () => {
});
});
describe('fromLegacyColors()', () => {
describe('fromBasicColors()', () => {
it('converts only brandColor', () => {
const plFeConfig = ImmutableMap({ brandColor: '#0482d8' });
@ -124,7 +124,7 @@ describe('fromLegacyColors()', () => {
},
};
const result = fromLegacyColors(plFeConfig);
const result = fromBasicColors(plFeConfig);
expect(result).toEqual(expected);
});
@ -185,7 +185,7 @@ describe('fromLegacyColors()', () => {
},
};
const result = fromLegacyColors(plFeConfig);
const result = fromBasicColors(plFeConfig);
expect(result).toEqual(expected);
});
});

8
packages/pl-fe/src/utils/tailwind.ts
View file

@ -29,7 +29,7 @@ const maybeGenerateAccentColor = (brandColor: string): string | null =>
isHex(brandColor) ? generateAccent(brandColor) : null;
/** Build a color object from legacy colors */
const fromLegacyColors = ({ brandColor, accentColor }: {
const fromBasicColors = ({ brandColor, accentColor }: {
brandColor: string;
accentColor: string | null;
}): TailwindColorPalette => {
@ -50,16 +50,16 @@ const toTailwind = (config: {
colors: Record<string, Record<string, string>>;
}): Record<string, Record<string, string> | string> => {
const colors: PlFeColors = config.colors;
const legacyColors = fromLegacyColors(config);
const basicColors = fromBasicColors(config);
return {
...colors,
...Object.fromEntries(Object.entries(legacyColors).map(([key, value]) => [key, typeof value === 'string' ? colors[key] || value : { ...value, ...colors[key] }])),
...Object.fromEntries(Object.entries(basicColors).map(([key, value]) => [key, typeof value === 'string' ? colors[key] || value : { ...value, ...colors[key] }])),
};
};
export {
expandPalette,
fromLegacyColors,
fromBasicColors,
toTailwind,
};