LG-3769: Optimize image assets

.circleci/config.yml

@@ -185,6 +185,7 @@ jobs:
             bundle exec rubocop
             make lint_erb
             make check_asset_strings
+            make lint_optimized_assets
             NODE_ENV=production ./bin/webpack && yarn es5-safe
   build-release-container:
     working_directory: ~/identity-idp

Makefile

@@ -55,6 +55,16 @@ normalize_yaml:
 	i18n-tasks normalize
 	find ./config/locales -type f | xargs ./scripts/normalize-yaml config/country_dialing_codes.yml
 
+optimize_svg:
+	# Without disabling minifyStyles, keyframes are removed (e.g. `app/assets/images/id-card.svg`).
+	# See: https://github.com/svg/svgo/issues/888
+	find app/assets/images public -name '*.svg' | xargs ./node_modules/.bin/svgo --multipass --disable minifyStyles --config '{"plugins":[{"removeAttrs":{"attrs":"data-name"}}]}'
+
+optimize_assets: optimize_svg
+
+lint_optimized_assets: optimize_assets
+	git diff --quiet || (echo "Error: Optimize assets using 'make optimize_assets'"; exit 1)
+
 update_country_dialing_codes:
 	bundle exec ./scripts/pinpoint-supported-countries > config/country_dialing_codes.yml