mirror of
https://github.com/podman-desktop/podman-desktop
synced 2026-04-21 17:47:22 +00:00
c9caf66aa3
* feat: generate storybook css dynamically Signed-off-by: axel7083 <42176370+axel7083@users.noreply.github.com> * fix: resolve PR comments Signed-off-by: axel7083 <42176370+axel7083@users.noreply.github.com> * test: ensuring script folder works as expected Signed-off-by: axel7083 <42176370+axel7083@users.noreply.github.com> * fix: weird vitest behaviour Signed-off-by: axel7083 <42176370+axel7083@users.noreply.github.com> * fix: vitest restrict to config folder Signed-off-by: axel7083 <42176370+axel7083@users.noreply.github.com> --------- Signed-off-by: axel7083 <42176370+axel7083@users.noreply.github.com>
87 lines
2.5 KiB
TypeScript
87 lines
2.5 KiB
TypeScript
#!/usr/bin/env tsx
|
|
/**********************************************************************
|
|
* Copyright (C) 2024 Red Hat, Inc.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
***********************************************************************/
|
|
|
|
import { ColorRegistry } from '../packages/main/src/plugin/color-registry';
|
|
import type { ColorInfo } from '../packages/api/src/color-info';
|
|
import fs from 'node:fs';
|
|
import minimist from 'minimist';
|
|
|
|
export function getColorRegistry(): ColorRegistry {
|
|
// Create color registry
|
|
const registry = new ColorRegistry();
|
|
registry.init();
|
|
return registry;
|
|
}
|
|
|
|
/**
|
|
* Giving a themeName, generate the stylesheet containing all its colors
|
|
* @param registry
|
|
* @param themeName
|
|
*/
|
|
export function getStylesheet(registry: ColorRegistry, themeName: string): string {
|
|
const colors = registry.listColors(themeName);
|
|
const styles: string[] = [];
|
|
colors.forEach((color: ColorInfo) => {
|
|
const cssVar = color.cssVar;
|
|
const colorValue = color.value;
|
|
|
|
styles.push(`${cssVar}: ${colorValue};`);
|
|
});
|
|
return `
|
|
:scope {
|
|
${styles.join('\n')}
|
|
}
|
|
`;
|
|
}
|
|
|
|
/**
|
|
* Generate the stylesheet combining all the theme,
|
|
* each theme is placed in their own css scope
|
|
* @param output
|
|
*/
|
|
export function generateStylesheet(registry: ColorRegistry, output: string): void {
|
|
const themes = registry.listThemes();
|
|
let stylesheet = '';
|
|
for (const theme of themes) {
|
|
stylesheet += `
|
|
@scope (.${theme}) {
|
|
${getStylesheet(registry, theme)}
|
|
}
|
|
`;
|
|
}
|
|
fs.writeFileSync(output, stylesheet);
|
|
}
|
|
|
|
/**
|
|
* Get the output target by parsing the argv
|
|
*/
|
|
export function getOutput(): string {
|
|
const args = minimist(process.argv.slice(2));
|
|
|
|
const output: string | undefined = args['output'];
|
|
if (!output) throw new Error('missing output argument');
|
|
return output;
|
|
}
|
|
|
|
// do not start if we are in a VITEST env
|
|
if (!process.env.VITEST) {
|
|
const output: string = getOutput();
|
|
const registry = getColorRegistry();
|
|
generateStylesheet(registry, output);
|
|
}
|