build: Update 'svgo' to latest v3.2.0

The latest update of 'svgo' dependency includes three optimizations on
converting path commands, which
- improves closing paths and how we determine if to use absolute or
  relative commands.
- round arc or convert to lines based on the geometric sagitta
- convert cubic Bézier curves to quadratic Bézier curves where possible
Also unifiying npm command to qua standard notation `minify:svg`.

Bug: T354875
Change-Id: Ibf59b3435b82602c5355b6f1c9b03920ea2e8eab
This commit is contained in:
Volker E 2024-01-12 18:29:45 +01:00 committed by VolkerE
parent 6ab98eb62e
commit 40912af36d
4 changed files with 17 additions and 15 deletions

20
package-lock.json generated
View file

@ -19,7 +19,7 @@
"mwbot": "2.0.0",
"pre-commit": "1.2.2",
"stylelint-config-wikimedia": "0.15.0",
"svgo": "3.0.2",
"svgo": "3.2.0",
"wdio-mediawiki": "2.1.0"
}
},
@ -9615,15 +9615,16 @@
"dev": true
},
"node_modules/svgo": {
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/svgo/-/svgo-3.0.2.tgz",
"integrity": "sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==",
"version": "3.2.0",
"resolved": "https://registry.npmjs.org/svgo/-/svgo-3.2.0.tgz",
"integrity": "sha512-4PP6CMW/V7l/GmKRKzsLR8xxjdHTV4IMvhTnpuHwwBazSIlw5W/5SmPjN8Dwyt7lKbSJrRDgp4t9ph0HgChFBQ==",
"dev": true,
"dependencies": {
"@trysound/sax": "0.2.0",
"commander": "^7.2.0",
"css-select": "^5.1.0",
"css-tree": "^2.2.1",
"css-tree": "^2.3.1",
"css-what": "^6.1.0",
"csso": "^5.0.5",
"picocolors": "^1.0.0"
},
@ -18166,15 +18167,16 @@
"dev": true
},
"svgo": {
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/svgo/-/svgo-3.0.2.tgz",
"integrity": "sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==",
"version": "3.2.0",
"resolved": "https://registry.npmjs.org/svgo/-/svgo-3.2.0.tgz",
"integrity": "sha512-4PP6CMW/V7l/GmKRKzsLR8xxjdHTV4IMvhTnpuHwwBazSIlw5W/5SmPjN8Dwyt7lKbSJrRDgp4t9ph0HgChFBQ==",
"dev": true,
"requires": {
"@trysound/sax": "0.2.0",
"commander": "^7.2.0",
"css-select": "^5.1.0",
"css-tree": "^2.2.1",
"css-tree": "^2.3.1",
"css-what": "^6.1.0",
"csso": "^5.0.5",
"picocolors": "^1.0.0"
},

View file

@ -8,7 +8,7 @@
"lint:styles": "stylelint --cache --report-needless-disables **/*.{css,less}",
"lint:i18n": "banana-checker --requireLowerCase=0 i18n/",
"test": "npm run lint && npm run doc && dev-scripts/svg_check.sh",
"minify-svg": "svgo --config=.svgo.config.js --quiet --recursive --folder resources/",
"minify:svg": "svgo --config=.svgo.config.js --quiet --recursive --folder resources/",
"doc": "jsdoc -c jsdoc.json",
"selenium-test-cucumber": "wdio tests/selenium/wdio.conf.cucumber.js",
"selenium-daily": "npm run selenium-test",
@ -28,7 +28,7 @@
"mwbot": "2.0.0",
"pre-commit": "1.2.2",
"stylelint-config-wikimedia": "0.15.0",
"svgo": "3.0.2",
"svgo": "3.2.0",
"wdio-mediawiki": "2.1.0"
}
}

View file

@ -1,5 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10">
<path d="M8.9 8.9H1.1V1.1h2.8V0H1.1C.5 0 0 .5 0 1.1v7.8C0 9.5.5 10 1.1 10h7.8c.6 0 1.1-.5 1.1-1.1V6.1H8.9v2.8z"/>
<path d="M10 0H5.6l1.8 1.8L4.2 5l.8.8 3.2-3.2L10 4.4V0z"/>
<path d="M8.9 8.9H1.1V1.1h2.8V0H1.1C.5 0 0 .5 0 1.1v7.8C0 9.5.5 10 1.1 10h7.8c.6 0 1.1-.5 1.1-1.1V6.1H8.9z"/>
<path d="M10 0H5.6l1.8 1.8L4.2 5l.8.8 3.2-3.2L10 4.4z"/>
</svg>

Before

Width:  |  Height:  |  Size: 305 B

After

Width:  |  Height:  |  Size: 299 B

View file

@ -1,5 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10">
<path d="M1.1 8.9h7.8V1.1H6.1V0h2.8c.6 0 1.1.5 1.1 1.1v7.8c0 .6-.5 1.1-1.1 1.1H1.1C.5 10 0 9.5 0 8.9V6.1h1.1v2.8z"/>
<path d="M0 0h4.4L2.6 1.8 5.8 5l-.8.8-3.2-3.2L0 4.4V0z"/>
<path d="M1.1 8.9h7.8V1.1H6.1V0h2.8c.6 0 1.1.5 1.1 1.1v7.8c0 .6-.5 1.1-1.1 1.1H1.1C.5 10 0 9.5 0 8.9V6.1h1.1z"/>
<path d="M0 0h4.4L2.6 1.8 5.8 5l-.8.8-3.2-3.2L0 4.4z"/>
</svg>

Before

Width:  |  Height:  |  Size: 307 B

After

Width:  |  Height:  |  Size: 301 B