only log if icons changed

Author: kentcdodds

other/build-icons.ts

@@ -36,8 +36,12 @@ async function generateIconFiles() {
 
 	const iconNames = files.map(file => iconName(file))
 
-	const spriteUpToDate = iconNames.every(name => currentSprite.includes(`id=${name}`))
-	const typesUpToDate = iconNames.every(name => currentTypes.includes(`"${name}"`))
+	const spriteUpToDate = iconNames.every(name =>
+		currentSprite.includes(`id=${name}`),
+	)
+	const typesUpToDate = iconNames.every(name =>
+		currentTypes.includes(`"${name}"`),
+	)
 
 	if (spriteUpToDate && typesUpToDate) {
 		console.log(`Icons are up to date`)
@@ -48,7 +52,7 @@ async function generateIconFiles() {
 
 	await fsExtra.emptyDir(outputDir)
 
-	await generateSvgSprite({
+	const changedSprite = await generateSvgSprite({
 		files,
 		inputDir,
 		outputPath: spriteFilepath,
@@ -66,11 +70,14 @@ async function generateIconFiles() {
 export type IconName =
 \t| ${stringifiedIconNames.join('\n\t| ')};
 `
-	await writeIfChanged(typeOutputFilepath, typeOutputContent)
+	const changedTypes = await writeIfChanged(
+		typeOutputFilepath,
+		typeOutputContent,
+	)
 
 	logVerbose(`Manifest saved to ${path.relative(cwd, typeOutputFilepath)}`)
 
-	await writeIfChanged(
+	const changedIconReadme = await writeIfChanged(
 		path.join(outputDir, 'README.md'),
 		`# Icons
 
@@ -79,7 +86,9 @@ This directory contains SVG icons that are used by the app.
 Everything in this directory is generated by \`npm run build:icons\`.
 `,
 	)
-	console.log(`Generated ${files.length} icons`)
+	if (changedIconReadme || changedSprite || changedTypes) {
+		console.log(`Generated ${files.length} icons`)
+	}
 }
 
 function iconName(file: string) {
@@ -137,6 +146,6 @@ async function writeIfChanged(filepath: string, newContent: string) {
 	const currentContent = await fsExtra
 		.readFile(filepath, 'utf8')
 		.catch(() => '')
-	if (currentContent === newContent) return
+	if (currentContent === newContent) return false
 	await fsExtra.writeFile(filepath, newContent, 'utf8')
 }