FilesExpand file tree

master

/

process-svg.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

58 lines (50 loc) · 1.22 KB

master

/

process-svg.js

Copy path

Top

File metadata and controls

• Code
• Blame

58 lines (50 loc) · 1.22 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

import Svgo from 'svgo';

import cheerio from 'cheerio';

import { format } from 'prettier';

import DEFAULT_ATTRS from '../src/default-attrs.json';

/**

* Process SVG string.

* @param {string} svg - An SVG string.

* @param {Promise<string>}

*/

function processSvg(svg) {

return (

optimize(svg)

.then(setAttrs)

.then(format)

// remove semicolon inserted by prettier

// because prettier thinks it's formatting JSX not HTML

.then(svg => svg.replace(/;/g, ''))

);

}

/**

* Optimize SVG with `svgo`.

* @param {string} svg - An SVG string.

* @returns {Promise<string>}

*/

function optimize(svg) {

const svgo = new Svgo({

plugins: [

{ convertShapeToPath: false },

{ mergePaths: false },

{ removeAttrs: { attrs: '(fill|stroke.*)' } },

{ removeTitle: true },

],

});

return new Promise(resolve => {

svgo.optimize(svg, ({ data }) => resolve(data));

});

}

/**

* Set default attibutes on SVG.

* @param {string} svg - An SVG string.

* @returns {string}

*/

function setAttrs(svg) {

const $ = cheerio.load(svg);

Object.keys(DEFAULT_ATTRS).forEach(key =>

$('svg').attr(key, DEFAULT_ATTRS[key]),

);

return $('body').html();

}

export default processSvg;