diff --git a/libs/@guardian/source-foundations/package.json b/libs/@guardian/source-foundations/package.json index 01f4ebbb7..c61319f87 100644 --- a/libs/@guardian/source-foundations/package.json +++ b/libs/@guardian/source-foundations/package.json @@ -32,6 +32,7 @@ "@emotion/react": "11.11.1", "@guardian/design-tokens": "workspace:*", "lightningcss": "1.24.0", + "prettier": "3.2.5", "react": "18.2.0", "react-dom": "18.2.0", "rollup": "4.17.2", diff --git a/libs/@guardian/source-foundations/scripts/build-type-presets.ts b/libs/@guardian/source-foundations/scripts/build-type-presets.ts index 09ede8655..e0c1f507b 100644 --- a/libs/@guardian/source-foundations/scripts/build-type-presets.ts +++ b/libs/@guardian/source-foundations/scripts/build-type-presets.ts @@ -1,5 +1,7 @@ import fs from 'node:fs'; import { typography, typographyPresets } from '@guardian/design-tokens'; +import prettierConfig from '@guardian/prettier'; +import { format } from 'prettier'; import { fontArrayToString, pxStringToRem } from '../src/utils/convert-value'; const STRIP_WHITESPACE = /^\s+/gm; @@ -61,6 +63,17 @@ const object = Object.entries(typographyPresets) .join('') .replace(STRIP_TABS, ''); -fs.writeFileSync(cssOutputPath, banner + css); -fs.writeFileSync(objectOutputPath, banner + object); -console.log(`✓ ${presetTotal} presets built`); +void (async () => { + fs.writeFileSync( + cssOutputPath, + await format(banner + css, { filepath: cssOutputPath, ...prettierConfig }), + ); + fs.writeFileSync( + objectOutputPath, + await format(banner + object, { + filepath: objectOutputPath, + ...prettierConfig, + }), + ); + console.log(`✓ ${presetTotal} presets built`); +})(); diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index e539e89e9..750e125ab 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -702,6 +702,9 @@ importers: lightningcss: specifier: 1.24.0 version: 1.24.0 + prettier: + specifier: 3.2.5 + version: 3.2.5 react: specifier: 18.2.0 version: 18.2.0 @@ -4548,7 +4551,7 @@ packages: jscodeshift: 0.15.2(@babel/preset-env@7.24.0) leven: 3.1.0 ora: 5.4.1 - prettier: 3.2.2 + prettier: 3.2.5 prompts: 2.4.2 read-pkg-up: 7.0.1 semver: 7.5.4 @@ -4587,7 +4590,7 @@ packages: globby: 11.1.0 jscodeshift: 0.15.2(@babel/preset-env@7.24.0) lodash: 4.17.21 - prettier: 3.2.2 + prettier: 3.2.5 recast: 0.23.6 tiny-invariant: 1.3.3 transitivePeerDependencies: @@ -13229,6 +13232,12 @@ packages: hasBin: true dev: true + /prettier@3.2.5: + resolution: {integrity: sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==} + engines: {node: '>=14'} + hasBin: true + dev: true + /pretty-bytes@5.6.0: resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==} engines: {node: '>=6'}