Skip to content

Commit e1fd79c

Browse files
bennypowersbennypowers
committed
fix(tools): style the cli with new logo
1 parent c93d910 commit e1fd79c

File tree

2 files changed

+32
-28
lines changed

2 files changed

+32
-28
lines changed

‎tools/create-element/generator/element.ts‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import { dirname, join, relative } from 'path';
1111
import { exists, mkdirp, processTemplate, readFile, writeFile } from './files.js';
1212
import { memoize } from './fp.js';
1313

14-
const { green, greenBright } = Chalk;
14+
const { blue, green, greenBright } = Chalk;
1515

1616
const __dirname = dirname(fileURLToPath(import.meta.url));
1717

@@ -138,7 +138,7 @@ async function writeComponentFile(key: FileKey, options: GenerateElementOptions)
138138
await writeFile(PATH, OUTPUT, 'utf-8');
139139

140140
if (!options.silent) {
141-
console.log(`✏️ Wrote ${green(relative(options.directory, PATH))}`);
141+
console.log(` ✏️ ${green(relative(options.directory, PATH))}`);
142142
}
143143
}
144144

@@ -163,14 +163,15 @@ export async function generateElement(options: GenerateElementOptions): Promise<
163163
return;
164164
} else {
165165
log(`\nCreating ${green(options.tagName)} in ${getComponentPathFromDirectoryOption(options)}\n`);
166+
log(blue`Writing`, 'files...');
166167
// $ mkdir -p /Users/alj/jazz-elements/elements/pf-jazz-hands
167168
await mkdirp(getComponentAbsPath(options));
168169
for (const key of Object.keys(FileKey).sort() as FileKey[]) {
169170
await writeComponentFile(key, options);
170171
}
171-
log(`Linting package exports...`);
172+
log(blue`Linting`, 'package exports...');
172173
await $$`npx eslint ${packageJsonPath} --fix`;
173-
log(`Analyzing elements...`);
174+
log(blue`Analyzing`, 'elements...');
174175
await $$`npm run analyze`;
175176
log(`\n${greenBright('Done!')}`);
176177
}

‎tools/create-element/main.ts‎

Lines changed: 27 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -39,31 +39,34 @@ interface PackageJSON {
3939
}
4040

4141
function banner() {
42-
console.log(`${Chalk.cyan(`
43-
${b('`qQQQQQQg.')}
44-
'${b('N@@@@@@@;')}
45-
7${b('g@@@@@@@S')}
46-
^QD${b('Q@@@@@@@|')}
47-
+QQQ${b('K@@@@@@@@i')}
48-
'jQQQQD${b('d@@@@@@@@X,')}
49-
,mQQQQQQQb${b('k@@@@@@@@@b+')}
50-
.;7qQQQQQQQQQD~;${b('8@@@@@@@@@8}^\'')}
51-
=77JyU%NQQQQQQQQQNi\` ${b('`cQ@@@@@@@@@@@BKauz|')}
52-
${b('%@@@@@@QQ#')}gDR&QDL. ${b('`iN@@@@@@@@@@@@@@Q')}
53-
${b('%@@@@@@@@@@@QK')}= ${b('+RQ@@@@@@@@@@@Q')}
54-
${b('%@@@@@@@@@@@@@@B7.')} \`?bQBRd%${b('NQQ@@@@@@Q')}
55-
${b('=7uaq#@@@@@@@@@@@Qz`')} \`|WQQQQQQQQQN%UyJ77?
56-
${b('.!Ig@@@@@@@@@B!')},qQQQQQQQQQbz;.
57-
${b('~A@@@@@@@@@X')}qQQQQQQQk^
58-
${b(';D@@@@@@@@K')}DQQQQK;
59-
${b('*@@@@@@@@b')}NQQ*
60-
${b('=@@@@@@@Q')}dQ<
61-
${b('j@@@@@@@Wx')}
62-
${b('_@@@@@@@Q,')}
63-
${b('`bQQQQQQ%``')}
42+
console.log(`\x1b[49m \x1b[38;5;87;49m▄\x1b[38;5;87;48;5;87m▄\x1b[38;5;87;49m▄\x1b[49m \x1b[m
43+
\x1b[49m \x1b[38;5;81;49m▄\x1b[38;5;81;48;5;87m▄▄\x1b[49m \x1b[38;5;81;48;5;87m▄\x1b[38;5;87;48;5;87m▄\x1b[38;5;81;49m▄\x1b[49m \x1b[m
44+
\x1b[49m \x1b[38;5;81;49m▄\x1b[38;5;81;48;5;81m▄\x1b[49;38;5;81m▀\x1b[38;5;81;48;5;81m▄▄\x1b[49m \x1b[38;5;81;48;5;81m▄▄\x1b[49;38;5;81m▀\x1b[38;5;81;48;5;81m▄\x1b[38;5;81;49m▄\x1b[49m \x1b[m
45+
\x1b[49m \x1b[38;5;81;49m▄\x1b[38;5;81;48;5;81m▄\x1b[49;38;5;81m▀\x1b[49m \x1b[38;5;81;48;5;81m▄\x1b[49m \x1b[38;5;81;48;5;81m▄\x1b[49m \x1b[38;5;81;48;5;81m▄\x1b[49m \x1b[38;5;81;48;5;81m▄\x1b[49m \x1b[49;38;5;81m▀\x1b[38;5;81;48;5;81m▄\x1b[38;5;81;49m▄\x1b[49m \x1b[m
46+
\x1b[49m \x1b[38;5;81;49m▄\x1b[49;38;5;81m▀\x1b[38;5;81;48;5;81m▄\x1b[49;38;5;81m▀\x1b[49m \x1b[38;5;81;49m▄\x1b[49m \x1b[38;5;81;48;5;81m▄\x1b[49m \x1b[38;5;81;48;5;81m▄\x1b[49m \x1b[49;38;5;81m▀\x1b[38;5;81;49m▄\x1b[49m \x1b[49;38;5;81m▀\x1b[38;5;81;48;5;81m▄\x1b[49;38;5;81m▀\x1b[38;5;81;49m▄\x1b[49m \x1b[m
47+
\x1b[49m \x1b[38;5;81;49m▄\x1b[49;38;5;81m▀\x1b[38;5;81;49m▄\x1b[49;38;5;81m▀\x1b[49m \x1b[38;5;81;49m▄\x1b[49;38;5;81m▀\x1b[49m \x1b[49;38;5;81m▀\x1b[49m \x1b[49;38;5;81m▀\x1b[49m \x1b[49;38;5;81m▀\x1b[38;5;81;49m▄\x1b[49m \x1b[49;38;5;81m▀\x1b[38;5;81;49m▄\x1b[49;38;5;81m▀\x1b[38;5;81;49m▄\x1b[49m \x1b[m
48+
\x1b[49m \x1b[38;5;81;49m▄\x1b[49;38;5;81m▀\x1b[38;5;81;49m▄\x1b[49;38;5;81m▀\x1b[49m \x1b[38;5;81;49m▄\x1b[49;38;5;81m▀\x1b[49m \x1b[38;5;81;49m▄\x1b[49m \x1b[38;5;81;49m▄\x1b[49m \x1b[49;38;5;81m▀\x1b[38;5;81;49m▄\x1b[49m \x1b[49;38;5;81m▀\x1b[38;5;81;49m▄\x1b[49;38;5;81m▀\x1b[38;5;81;49m▄\x1b[49m \x1b[m
49+
\x1b[49m \x1b[38;5;80;49m▄\x1b[38;5;81;48;5;81m▄\x1b[49;38;5;81m▀\x1b[49m \x1b[38;5;81;49m▄\x1b[49;38;5;81m▀\x1b[49m \x1b[49;38;5;81m▀\x1b[49m \x1b[38;5;81;48;5;81m▄\x1b[49m \x1b[38;5;81;48;5;81m▄\x1b[49m \x1b[49;38;5;81m▀\x1b[49m \x1b[49;38;5;81m▀\x1b[38;5;81;49m▄\x1b[49m \x1b[49;38;5;81m▀\x1b[38;5;81;48;5;81m▄\x1b[38;5;81;49m▄\x1b[49m \x1b[m
50+
\x1b[49m \x1b[38;5;81;49m▄\x1b[38;5;81;48;5;80m▄\x1b[49;38;5;81m▀\x1b[49m \x1b[38;5;80;49m▄\x1b[49;38;5;81m▀\x1b[49m \x1b[38;5;81;48;5;81m▄\x1b[49m \x1b[38;5;80;48;5;81m▄\x1b[49m \x1b[38;5;80;48;5;81m▄\x1b[49m \x1b[38;5;80;48;5;81m▄\x1b[49m \x1b[49;38;5;80m▀\x1b[38;5;80;49m▄\x1b[49m \x1b[49;38;5;81m▀\x1b[38;5;81;48;5;80m▄\x1b[38;5;80;49m▄\x1b[49m \x1b[m
51+
\x1b[49m \x1b[38;5;80;49m▄\x1b[38;5;80;48;5;80m▄\x1b[49;38;5;81m▀\x1b[49m \x1b[38;5;74;49m▄\x1b[38;5;74;48;5;81m▄\x1b[49m \x1b[38;5;80;48;5;80m▄\x1b[49m \x1b[38;5;80;48;5;80m▄\x1b[49m \x1b[38;5;80;48;5;80m▄\x1b[49m \x1b[38;5;80;48;5;80m▄\x1b[49m \x1b[38;5;80;48;5;80m▄\x1b[38;5;75;49m▄\x1b[49m \x1b[49;38;5;80m▀\x1b[38;5;80;48;5;81m▄\x1b[38;5;80;49m▄\x1b[49m \x1b[m
52+
\x1b[49m \x1b[38;5;74;49m▄\x1b[38;5;74;48;5;80m▄\x1b[49;38;5;80m▀\x1b[49m \x1b[38;5;74;49m▄\x1b[49;38;5;74m▀\x1b[49m \x1b[38;5;74;48;5;74m▄\x1b[49m \x1b[38;5;74;48;5;74m▄\x1b[49m \x1b[38;5;74;48;5;74m▄\x1b[49m \x1b[38;5;74;48;5;74m▄\x1b[49m \x1b[49;38;5;74m▀\x1b[38;5;74;49m▄\x1b[49m \x1b[49;38;5;74m▀\x1b[38;5;74;48;5;80m▄\x1b[38;5;74;49m▄\x1b[49m \x1b[m
53+
\x1b[49m \x1b[38;5;74;49m▄\x1b[49;38;5;74m▀▀\x1b[49m \x1b[49;38;5;74m▀\x1b[38;5;74;49m▄\x1b[49m \x1b[38;5;74;49m▄\x1b[49m \x1b[38;5;74;48;5;74m▄\x1b[49m \x1b[38;5;74;48;5;74m▄\x1b[49m \x1b[38;5;74;49m▄\x1b[49m \x1b[38;5;74;49m▄\x1b[49;38;5;75m▀\x1b[49m \x1b[49;38;5;74m▀▀\x1b[38;5;74;49m▄\x1b[49m \x1b[m
54+
\x1b[49m \x1b[38;5;74;49m▄\x1b[49;38;5;74m▀▀\x1b[49m \x1b[49;38;5;74m▀\x1b[38;5;74;49m▄\x1b[49m \x1b[38;5;74;49m▄\x1b[49m \x1b[38;5;74;48;5;74m▄\x1b[49m \x1b[38;5;74;48;5;74m▄\x1b[49m \x1b[38;5;74;49m▄\x1b[49m \x1b[38;5;74;49m▄\x1b[49;38;5;74m▀\x1b[49m \x1b[49;38;5;81m▀\x1b[49;38;5;74m▀\x1b[38;5;74;49m▄\x1b[49m \x1b[m
55+
\x1b[38;5;74;48;5;74m▄\x1b[49;38;5;74m▀\x1b[49m \x1b[49;38;5;74m▀\x1b[38;5;74;49m▄▄\x1b[49;38;5;74m▀\x1b[49m \x1b[38;5;74;48;5;74m▄\x1b[49m \x1b[38;5;74;48;5;74m▄\x1b[49m \x1b[49;38;5;74m▀\x1b[38;5;74;49m▄▄\x1b[49;38;5;74m▀\x1b[49m \x1b[38;5;74;48;5;74m▄\x1b[m
56+
\x1b[49m \x1b[49;38;5;74m▀\x1b[38;5;74;49m▄\x1b[49m \x1b[38;5;74;49m▄\x1b[49;38;5;74m▀\x1b[38;5;74;49m▄\x1b[49m \x1b[38;5;74;48;5;74m▄\x1b[49m \x1b[38;5;74;48;5;74m▄\x1b[49m \x1b[38;5;74;49m▄\x1b[49;38;5;74m▀\x1b[38;5;74;49m▄\x1b[49m \x1b[38;5;74;49m▄\x1b[49;38;5;74m▀\x1b[49m \x1b[m
57+
\x1b[49m \x1b[49;38;5;38m▀\x1b[38;5;38;49m▄\x1b[49m \x1b[38;5;38;49m▄\x1b[49;38;5;74m▀\x1b[49m \x1b[49;38;5;74m▀\x1b[38;5;38;49m▄\x1b[49m \x1b[49;38;5;74m▀\x1b[49m \x1b[49;38;5;74m▀\x1b[49m \x1b[38;5;38;49m▄\x1b[49;38;5;74m▀\x1b[49m \x1b[49;38;5;74m▀\x1b[38;5;38;49m▄\x1b[49m \x1b[38;5;38;49m▄\x1b[49;38;5;74m▀\x1b[49m \x1b[m
58+
\x1b[49m \x1b[38;5;38;48;5;38m▄\x1b[49m \x1b[49;38;5;38m▀\x1b[38;5;38;49m▄\x1b[49m \x1b[38;5;38;48;5;38m▄\x1b[38;5;38;49m▄\x1b[49m \x1b[38;5;38;48;5;38m▄\x1b[49m \x1b[38;5;38;48;5;38m▄\x1b[49m \x1b[38;5;38;48;5;38m▄\x1b[49m \x1b[38;5;38;48;5;38m▄\x1b[49;38;5;38m▀\x1b[49m \x1b[38;5;38;48;5;38m▄\x1b[49m \x1b[m
59+
\x1b[49m \x1b[49;38;5;38m▀\x1b[38;5;38;49m▄\x1b[49m \x1b[49;38;5;38m▀\x1b[38;5;38;49m▄\x1b[49m \x1b[49;38;5;38m▀\x1b[38;5;38;49m▄\x1b[49m \x1b[38;5;38;48;5;38m▄\x1b[49m \x1b[38;5;38;48;5;38m▄\x1b[49m \x1b[38;5;38;49m▄\x1b[49;38;5;38m▀\x1b[49m \x1b[38;5;38;49m▄\x1b[49;38;5;38m▀\x1b[49m \x1b[38;5;38;49m▄\x1b[49;38;5;38m▀\x1b[49m \x1b[m
60+
\x1b[49m \x1b[38;5;32;48;5;38m▄\x1b[49m \x1b[49;38;5;38m▀\x1b[38;5;32;49m▄\x1b[49m \x1b[38;5;32;48;5;38m▄\x1b[49m \x1b[38;5;32;48;5;32m▄\x1b[49m \x1b[38;5;32;48;5;32m▄\x1b[49m \x1b[38;5;32;48;5;32m▄\x1b[49m \x1b[38;5;32;49m▄\x1b[49;38;5;38m▀\x1b[49m \x1b[38;5;32;48;5;32m▄\x1b[49m \x1b[m
61+
\x1b[49m \x1b[49;38;5;32m▀\x1b[38;5;32;49m▄\x1b[49m \x1b[38;5;32;48;5;32m▄\x1b[49m \x1b[38;5;32;49m▄▄\x1b[38;5;32;48;5;32m▄▄\x1b[49m \x1b[38;5;32;48;5;32m▄▄\x1b[38;5;32;49m▄▄\x1b[49m \x1b[38;5;32;48;5;32m▄\x1b[49m \x1b[38;5;32;49m▄\x1b[49;38;5;32m▀\x1b[49m \x1b[m
62+
\x1b[49m \x1b[49;38;5;32m▀\x1b[38;5;32;49m▄\x1b[49m \x1b[38;5;32;49m▄▄▄\x1b[49m \x1b[49;38;5;32m▀▀▀▀\x1b[38;5;32;49m▄\x1b[49m \x1b[38;5;32;48;5;32m▄\x1b[49m \x1b[38;5;32;49m▄\x1b[49m \x1b[38;5;32;49m▄\x1b[49;38;5;32m▀▀▀▀\x1b[49m \x1b[38;5;32;49m▄▄▄\x1b[49m \x1b[38;5;32;49m▄\x1b[49;38;5;32m▀\x1b[49m \x1b[m
63+
\x1b[49m \x1b[49;38;5;32m▀\x1b[38;5;32;48;5;32m▄\x1b[49m \x1b[49;38;5;32m▀\x1b[38;5;32;49m▄\x1b[49m \x1b[38;5;32;49m▄\x1b[49;38;5;32m▀\x1b[49m \x1b[38;5;32;48;5;32m▄\x1b[49m \x1b[m
64+
\x1b[49m \x1b[49;38;5;32m▀\x1b[38;5;32;49m▄\x1b[49m \x1b[49;38;5;32m▀\x1b[38;5;32;49m▄\x1b[49;38;5;32m▀\x1b[49m \x1b[38;5;32;49m▄\x1b[49;38;5;32m▀\x1b[49m \x1b[m
65+
\x1b[49m \x1b[49;38;5;32m▀\x1b[38;5;31;49m▄\x1b[49m \x1b[38;5;31;49m▄\x1b[49;38;5;32m▀\x1b[49m \x1b[m
66+
\x1b[49m \x1b[49;38;5;31m▀\x1b[49m \x1b[49;38;5;31m▀\x1b[49m \x1b[m
67+
\x1b[49m \x1b[49;38;5;31m▀\x1b[38;5;31;49m▄\x1b[49;38;5;31m▀\x1b[49m \x1b[m
6468
65-
${Chalk.bold(Chalk.blue('PatternFly Elements'))}
66-
`)}`);
69+
${Chalk.bold(Chalk.blue('PatternFly Elements'))}`);
6770
}
6871

6972
export async function promptForElementGeneratorOptions(

0 commit comments

Comments
 (0)