1 | 'use strict';
|
---|
2 |
|
---|
3 | const { removeLeadingZero } = require('../lib/svgo/tools');
|
---|
4 |
|
---|
5 | exports.name = 'cleanupNumericValues';
|
---|
6 | exports.type = 'visitor';
|
---|
7 | exports.active = true;
|
---|
8 | exports.description =
|
---|
9 | 'rounds numeric values to the fixed precision, removes default ‘px’ units';
|
---|
10 |
|
---|
11 | const regNumericValues =
|
---|
12 | /^([-+]?\d*\.?\d+([eE][-+]?\d+)?)(px|pt|pc|mm|cm|m|in|ft|em|ex|%)?$/;
|
---|
13 |
|
---|
14 | const absoluteLengths = {
|
---|
15 | // relative to px
|
---|
16 | cm: 96 / 2.54,
|
---|
17 | mm: 96 / 25.4,
|
---|
18 | in: 96,
|
---|
19 | pt: 4 / 3,
|
---|
20 | pc: 16,
|
---|
21 | px: 1,
|
---|
22 | };
|
---|
23 |
|
---|
24 | /**
|
---|
25 | * Round numeric values to the fixed precision,
|
---|
26 | * remove default 'px' units.
|
---|
27 | *
|
---|
28 | * @author Kir Belevich
|
---|
29 | *
|
---|
30 | * @type {import('../lib/types').Plugin<{
|
---|
31 | * floatPrecision?: number,
|
---|
32 | * leadingZero?: boolean,
|
---|
33 | * defaultPx?: boolean,
|
---|
34 | * convertToPx?: boolean
|
---|
35 | * }>}
|
---|
36 | */
|
---|
37 | exports.fn = (_root, params) => {
|
---|
38 | const {
|
---|
39 | floatPrecision = 3,
|
---|
40 | leadingZero = true,
|
---|
41 | defaultPx = true,
|
---|
42 | convertToPx = true,
|
---|
43 | } = params;
|
---|
44 |
|
---|
45 | return {
|
---|
46 | element: {
|
---|
47 | enter: (node) => {
|
---|
48 | if (node.attributes.viewBox != null) {
|
---|
49 | const nums = node.attributes.viewBox.split(/\s,?\s*|,\s*/g);
|
---|
50 | node.attributes.viewBox = nums
|
---|
51 | .map((value) => {
|
---|
52 | const num = Number(value);
|
---|
53 | return Number.isNaN(num)
|
---|
54 | ? value
|
---|
55 | : Number(num.toFixed(floatPrecision));
|
---|
56 | })
|
---|
57 | .join(' ');
|
---|
58 | }
|
---|
59 |
|
---|
60 | for (const [name, value] of Object.entries(node.attributes)) {
|
---|
61 | // The `version` attribute is a text string and cannot be rounded
|
---|
62 | if (name === 'version') {
|
---|
63 | continue;
|
---|
64 | }
|
---|
65 |
|
---|
66 | const match = value.match(regNumericValues);
|
---|
67 |
|
---|
68 | // if attribute value matches regNumericValues
|
---|
69 | if (match) {
|
---|
70 | // round it to the fixed precision
|
---|
71 | let num = Number(Number(match[1]).toFixed(floatPrecision));
|
---|
72 | /**
|
---|
73 | * @type {any}
|
---|
74 | */
|
---|
75 | let matchedUnit = match[3] || '';
|
---|
76 | /**
|
---|
77 | * @type{'' | keyof typeof absoluteLengths}
|
---|
78 | */
|
---|
79 | let units = matchedUnit;
|
---|
80 |
|
---|
81 | // convert absolute values to pixels
|
---|
82 | if (convertToPx && units !== '' && units in absoluteLengths) {
|
---|
83 | const pxNum = Number(
|
---|
84 | (absoluteLengths[units] * Number(match[1])).toFixed(
|
---|
85 | floatPrecision
|
---|
86 | )
|
---|
87 | );
|
---|
88 | if (pxNum.toString().length < match[0].length) {
|
---|
89 | num = pxNum;
|
---|
90 | units = 'px';
|
---|
91 | }
|
---|
92 | }
|
---|
93 |
|
---|
94 | // and remove leading zero
|
---|
95 | let str;
|
---|
96 | if (leadingZero) {
|
---|
97 | str = removeLeadingZero(num);
|
---|
98 | } else {
|
---|
99 | str = num.toString();
|
---|
100 | }
|
---|
101 |
|
---|
102 | // remove default 'px' units
|
---|
103 | if (defaultPx && units === 'px') {
|
---|
104 | units = '';
|
---|
105 | }
|
---|
106 |
|
---|
107 | node.attributes[name] = str + units;
|
---|
108 | }
|
---|
109 | }
|
---|
110 | },
|
---|
111 | },
|
---|
112 | };
|
---|
113 | };
|
---|