ldiconfont/svgo.config.js at master · loadingio/ldiconfont · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
module.exports = {
  plugins: [
    'removeDoctype',
    'removeXMLProcInst',
    'removeXMLNS',
    'removeXlink',
    'removeMetadata',
    'removeStyleElement',
    {
      name: 'removeClasses',
      type: 'visitor',
      fn: () => ({
        element: {
          enter: (node) => {
            if (node.attributes?.class) {
              delete node.attributes.class;
            }
          }
        }
      })
    },
    {
      name: 'removeSvgStyleAttr',
      type: 'visitor',
      fn: () => ({
        element: {
          enter: (node) => {
            if (node.name === 'svg' && node.attributes?.style) {
              delete node.attributes.style;
            }
          }
        }
      })
    },
    {
      name: 'removeAllClipPaths',
      type: 'visitor',
      fn: () => ({
        element: {
          enter: (node, parentNode) => {
            if (node.name === 'clipPath') {
              parentNode.children =
                parentNode.children.filter(n => n !== node);
              return;
            }
            if (node.attributes?.['clip-path']) {
              delete node.attributes['clip-path'];
            }
            if (
              node.attributes?.style &&
              /clip-path\s*:/.test(node.attributes.style)
            ) {
              node.attributes.style =
                node.attributes.style
                  .replace(/clip-path\s*:[^;]+;?/g, '')
                  .trim();

              if (!node.attributes.style) {
                delete node.attributes.style;
              }
            }
          }
        }
      })
    },
    {
      name: 'removeInvisibleShapes',
      type: 'visitor',
      fn: () => ({
        element: {
          enter: (node, parentNode) => {
            const shapes = new Set([
              'path',
              'rect',
              'circle',
              'ellipse',
              'line',
              'polygon',
              'polyline'
            ]);

            if (!shapes.has(node.name)) return;

            const attrs = node.attributes || {};
            const style = attrs.style || '';

            const fillNone =
              attrs.fill === 'none' ||
              /(?:^|;) *fill *: *none *(?:;|$)/.test(style);

            const hasStroke =
              'stroke' in attrs ||
              /(?:^|;) *stroke *:/.test(style);

            if (fillNone && !hasStroke) {
              parentNode.children =
                parentNode.children.filter(n => n !== node);
            }
          }
        }
      })
    },
    'collapseGroups',
    'removeEmptyContainers'
  ]
};