@iconify/tools 2.2.5 → 3.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -2
- package/lib/colors/detect.cjs +4 -4
- package/lib/colors/detect.d.ts +1 -1
- package/lib/colors/detect.mjs +5 -5
- package/lib/colors/parse.cjs +275 -129
- package/lib/colors/parse.d.ts +14 -5
- package/lib/colors/parse.mjs +278 -133
- package/lib/colors/validate.cjs +11 -2
- package/lib/colors/validate.d.ts +10 -2
- package/lib/colors/validate.mjs +12 -4
- package/lib/download/api/download.cjs +4 -4
- package/lib/download/api/download.mjs +4 -4
- package/lib/download/api/index.cjs +0 -1
- package/lib/download/api/index.mjs +0 -1
- package/lib/download/git/index.cjs +1 -1
- package/lib/download/git/index.mjs +1 -1
- package/lib/download/git/reset.cjs +1 -1
- package/lib/download/git/reset.mjs +1 -1
- package/lib/download/github/hash.cjs +0 -1
- package/lib/download/github/hash.mjs +0 -1
- package/lib/download/github/index.cjs +1 -1
- package/lib/download/github/index.mjs +1 -1
- package/lib/download/gitlab/hash.cjs +0 -1
- package/lib/download/gitlab/hash.mjs +0 -1
- package/lib/download/gitlab/index.cjs +1 -1
- package/lib/download/gitlab/index.mjs +1 -1
- package/lib/download/helpers/unzip.cjs +5 -1
- package/lib/download/index.cjs +1 -1
- package/lib/download/index.mjs +1 -1
- package/lib/download/npm/index.cjs +1 -1
- package/lib/download/npm/index.mjs +1 -1
- package/lib/icon-set/index.cjs +18 -0
- package/lib/icon-set/index.d.ts +7 -1
- package/lib/icon-set/index.mjs +18 -0
- package/lib/icon-set/tags.cjs +2 -2
- package/lib/icon-set/tags.d.ts +1 -1
- package/lib/icon-set/tags.mjs +2 -2
- package/lib/icon-set/types.d.ts +5 -4
- package/lib/import/directory.cjs +101 -28
- package/lib/import/directory.d.ts +12 -5
- package/lib/import/directory.mjs +103 -31
- package/lib/import/figma/index.cjs +1 -2
- package/lib/import/figma/index.mjs +1 -2
- package/lib/import/figma/query.cjs +0 -1
- package/lib/import/figma/query.mjs +0 -1
- package/lib/index.cjs +9 -1
- package/lib/index.d.ts +7 -6
- package/lib/index.mjs +8 -7
- package/lib/misc/scan.cjs +61 -8
- package/lib/misc/scan.d.ts +12 -6
- package/lib/misc/scan.mjs +62 -10
- package/lib/optimise/origin.cjs +23 -0
- package/lib/optimise/origin.d.ts +10 -0
- package/lib/optimise/origin.mjs +21 -0
- package/lib/optimise/scale.cjs +17 -15
- package/lib/optimise/scale.mjs +17 -15
- package/lib/svg/analyse.cjs +2 -2
- package/lib/svg/analyse.d.ts +1 -1
- package/lib/svg/analyse.mjs +4 -4
- package/lib/svg/cleanup/attribs.cjs +2 -2
- package/lib/svg/cleanup/attribs.d.ts +1 -1
- package/lib/svg/cleanup/attribs.mjs +3 -3
- package/lib/svg/cleanup/bad-tags.cjs +2 -2
- package/lib/svg/cleanup/bad-tags.d.ts +1 -1
- package/lib/svg/cleanup/bad-tags.mjs +3 -3
- package/lib/svg/cleanup/inline-style.cjs +2 -2
- package/lib/svg/cleanup/inline-style.d.ts +1 -1
- package/lib/svg/cleanup/inline-style.mjs +3 -3
- package/lib/svg/cleanup/root-style.cjs +1 -1
- package/lib/svg/cleanup/root-style.d.ts +1 -5
- package/lib/svg/cleanup/root-style.mjs +2 -2
- package/lib/svg/cleanup/svgo-style.cjs +2 -2
- package/lib/svg/cleanup/svgo-style.d.ts +1 -1
- package/lib/svg/cleanup/svgo-style.mjs +3 -3
- package/lib/svg/cleanup.cjs +6 -6
- package/lib/svg/cleanup.d.ts +1 -1
- package/lib/svg/cleanup.mjs +6 -6
- package/lib/svg/index.cjs +5 -1
- package/lib/svg/parse-style.cjs +149 -89
- package/lib/svg/parse-style.d.ts +6 -1
- package/lib/svg/parse-style.mjs +150 -91
- package/lib/svg/parse.cjs +56 -18
- package/lib/svg/parse.d.ts +8 -2
- package/lib/svg/parse.mjs +56 -19
- package/package.json +23 -20
package/lib/optimise/scale.cjs
CHANGED
|
@@ -1,25 +1,27 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
const optimise_origin = require('./origin.cjs');
|
|
3
4
|
const optimise_svgo = require('./svgo.cjs');
|
|
4
5
|
require('svgo');
|
|
5
6
|
require('@iconify/utils/lib/svg/id');
|
|
6
7
|
|
|
7
8
|
function scaleSVG(svg, scale) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
9
|
+
optimise_origin.resetSVGOrigin(svg);
|
|
10
|
+
if (scale !== 1) {
|
|
11
|
+
const viewBox = svg.viewBox;
|
|
12
|
+
const width = viewBox.width * scale;
|
|
13
|
+
const height = viewBox.height * scale;
|
|
14
|
+
const content = `<svg width="${width}" height="${height}" viewBox="0 0 ${width} ${height}"><g transform="scale(${scale})">${svg.getBody()}</g></svg>`;
|
|
15
|
+
svg.load(content);
|
|
16
|
+
optimise_svgo.runSVGO(svg, {
|
|
17
|
+
plugins: [
|
|
18
|
+
"collapseGroups",
|
|
19
|
+
"convertTransform",
|
|
20
|
+
"convertPathData",
|
|
21
|
+
"sortAttrs"
|
|
22
|
+
]
|
|
23
|
+
});
|
|
24
|
+
}
|
|
23
25
|
}
|
|
24
26
|
|
|
25
27
|
exports.scaleSVG = scaleSVG;
|
package/lib/optimise/scale.mjs
CHANGED
|
@@ -1,23 +1,25 @@
|
|
|
1
|
+
import { resetSVGOrigin } from './origin.mjs';
|
|
1
2
|
import { runSVGO } from './svgo.mjs';
|
|
2
3
|
import 'svgo';
|
|
3
4
|
import '@iconify/utils/lib/svg/id';
|
|
4
5
|
|
|
5
6
|
function scaleSVG(svg, scale) {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
7
|
+
resetSVGOrigin(svg);
|
|
8
|
+
if (scale !== 1) {
|
|
9
|
+
const viewBox = svg.viewBox;
|
|
10
|
+
const width = viewBox.width * scale;
|
|
11
|
+
const height = viewBox.height * scale;
|
|
12
|
+
const content = `<svg width="${width}" height="${height}" viewBox="0 0 ${width} ${height}"><g transform="scale(${scale})">${svg.getBody()}</g></svg>`;
|
|
13
|
+
svg.load(content);
|
|
14
|
+
runSVGO(svg, {
|
|
15
|
+
plugins: [
|
|
16
|
+
"collapseGroups",
|
|
17
|
+
"convertTransform",
|
|
18
|
+
"convertPathData",
|
|
19
|
+
"sortAttrs"
|
|
20
|
+
]
|
|
21
|
+
});
|
|
22
|
+
}
|
|
21
23
|
}
|
|
22
24
|
|
|
23
25
|
export { scaleSVG };
|
package/lib/svg/analyse.cjs
CHANGED
|
@@ -5,7 +5,7 @@ const svg_data_attributes = require('./data/attributes.cjs');
|
|
|
5
5
|
const svg_data_tags = require('./data/tags.cjs');
|
|
6
6
|
const svg_analyse_error = require('./analyse/error.cjs');
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
function analyseSVGStructure(svg, options = {}) {
|
|
9
9
|
const fixErrors = options.fixErrors;
|
|
10
10
|
let root = svg.$svg(":root").get(0);
|
|
11
11
|
if (root._parsed) {
|
|
@@ -83,7 +83,7 @@ async function analyseSVGStructure(svg, options = {}) {
|
|
|
83
83
|
element._linksTo.push(link);
|
|
84
84
|
}
|
|
85
85
|
let index = 0;
|
|
86
|
-
|
|
86
|
+
svg_parse.parseSVGSync(svg, (item) => {
|
|
87
87
|
const { tagName, parents } = item;
|
|
88
88
|
if (svg_data_tags.styleTag.has(tagName)) {
|
|
89
89
|
item.testChildren = false;
|
package/lib/svg/analyse.d.ts
CHANGED
|
@@ -8,6 +8,6 @@ import '@iconify/utils/lib/customisations/defaults';
|
|
|
8
8
|
*
|
|
9
9
|
* Before running this function run cleanup functions to change inline style to attributes and fix attributes
|
|
10
10
|
*/
|
|
11
|
-
declare function analyseSVGStructure(svg: SVG, options?: AnalyseSVGStructureOptions):
|
|
11
|
+
declare function analyseSVGStructure(svg: SVG, options?: AnalyseSVGStructureOptions): AnalyseSVGStructureResult;
|
|
12
12
|
|
|
13
13
|
export { analyseSVGStructure };
|
package/lib/svg/analyse.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { parseSVGSync } from './parse.mjs';
|
|
2
2
|
import { tagSpecificNonPresentationalAttributes, urlPresentationalAttributes, commonColorPresentationalAttributes, markerAttributes } from './data/attributes.mjs';
|
|
3
|
-
import { styleTag, maskTags, reusableElementsWithPalette, defsTag
|
|
3
|
+
import { useTag, styleTag, maskTags, reusableElementsWithPalette, defsTag } from './data/tags.mjs';
|
|
4
4
|
import { analyseTagError } from './analyse/error.mjs';
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
function analyseSVGStructure(svg, options = {}) {
|
|
7
7
|
const fixErrors = options.fixErrors;
|
|
8
8
|
let root = svg.$svg(":root").get(0);
|
|
9
9
|
if (root._parsed) {
|
|
@@ -81,7 +81,7 @@ async function analyseSVGStructure(svg, options = {}) {
|
|
|
81
81
|
element._linksTo.push(link);
|
|
82
82
|
}
|
|
83
83
|
let index = 0;
|
|
84
|
-
|
|
84
|
+
parseSVGSync(svg, (item) => {
|
|
85
85
|
const { tagName, parents } = item;
|
|
86
86
|
if (styleTag.has(tagName)) {
|
|
87
87
|
item.testChildren = false;
|
|
@@ -4,8 +4,8 @@ const svg_data_attributes = require('../data/attributes.cjs');
|
|
|
4
4
|
const svg_data_tags = require('../data/tags.cjs');
|
|
5
5
|
const svg_parse = require('../parse.cjs');
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
function removeBadAttributes(svg) {
|
|
8
|
+
svg_parse.parseSVGSync(svg, (item) => {
|
|
9
9
|
const tagName = item.tagName;
|
|
10
10
|
const attribs = item.element.attribs;
|
|
11
11
|
const $element = item.$element;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { badAttributes, badSoftwareAttributes, badAttributePrefixes, tagSpecificPresentationalAttributes } from '../data/attributes.mjs';
|
|
2
2
|
import { defsTag } from '../data/tags.mjs';
|
|
3
|
-
import {
|
|
3
|
+
import { parseSVGSync } from '../parse.mjs';
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
function removeBadAttributes(svg) {
|
|
6
|
+
parseSVGSync(svg, (item) => {
|
|
7
7
|
const tagName = item.tagName;
|
|
8
8
|
const attribs = item.element.attribs;
|
|
9
9
|
const $element = item.$element;
|
|
@@ -13,8 +13,8 @@ requiredParentTags.set(svg_data_tags.feLightningTags, svg_data_tags.feLightningC
|
|
|
13
13
|
requiredParentTags.set(svg_data_tags.filterTag, svg_data_tags.filterChildTags);
|
|
14
14
|
requiredParentTags.set(svg_data_tags.gradientTags, svg_data_tags.gradientChildTags);
|
|
15
15
|
requiredParentTags.set(/* @__PURE__ */ new Set(["animateMotion"]), svg_data_tags.animateMotionChildTags);
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
function checkBadTags(svg) {
|
|
17
|
+
svg_parse.parseSVGSync(svg, (item) => {
|
|
18
18
|
const tagName = item.tagName;
|
|
19
19
|
const $element = item.$element;
|
|
20
20
|
if (tagName === "svg") {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { parseSVGSync } from '../parse.mjs';
|
|
2
2
|
import { feComponentTransferChildTag, feMergeChildTags, feLightningTags, feLightningChildTags, filterTag, filterChildTags, gradientTags, gradientChildTags, animateMotionChildTags, unsupportedTags, badTags, allValidTags } from '../data/tags.mjs';
|
|
3
3
|
|
|
4
4
|
const requiredParentTags = /* @__PURE__ */ new Map();
|
|
@@ -11,8 +11,8 @@ requiredParentTags.set(feLightningTags, feLightningChildTags);
|
|
|
11
11
|
requiredParentTags.set(filterTag, filterChildTags);
|
|
12
12
|
requiredParentTags.set(gradientTags, gradientChildTags);
|
|
13
13
|
requiredParentTags.set(/* @__PURE__ */ new Set(["animateMotion"]), animateMotionChildTags);
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
function checkBadTags(svg) {
|
|
15
|
+
parseSVGSync(svg, (item) => {
|
|
16
16
|
const tagName = item.tagName;
|
|
17
17
|
const $element = item.$element;
|
|
18
18
|
if (tagName === "svg") {
|
|
@@ -9,8 +9,8 @@ require('../../css/parser/strings.cjs');
|
|
|
9
9
|
require('../../css/parser/text.cjs');
|
|
10
10
|
require('../data/tags.cjs');
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
function cleanupInlineStyle(svg) {
|
|
13
|
+
svg_parse.parseSVGSync(svg, (item) => {
|
|
14
14
|
const $element = item.$element;
|
|
15
15
|
const attribs = item.element.attribs;
|
|
16
16
|
const tagName = item.tagName;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { parseInlineStyle } from '../../css/parse.mjs';
|
|
2
2
|
import { badAttributes, tagSpecificNonPresentationalAttributes, tagSpecificAnimatedAttributes, tagSpecificPresentationalAttributes, tagSpecificInlineStyles, insideClipPathAttributes, badSoftwareAttributes, badAttributePrefixes } from '../data/attributes.mjs';
|
|
3
|
-
import {
|
|
3
|
+
import { parseSVGSync } from '../parse.mjs';
|
|
4
4
|
import '../../css/parser/tokens.mjs';
|
|
5
5
|
import '../../css/parser/error.mjs';
|
|
6
6
|
import '../../css/parser/strings.mjs';
|
|
7
7
|
import '../../css/parser/text.mjs';
|
|
8
8
|
import '../data/tags.mjs';
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
function cleanupInlineStyle(svg) {
|
|
11
|
+
parseSVGSync(svg, (item) => {
|
|
12
12
|
const $element = item.$element;
|
|
13
13
|
const attribs = item.element.attribs;
|
|
14
14
|
const tagName = item.tagName;
|
|
@@ -11,7 +11,7 @@ require('../../css/parser/tree.cjs');
|
|
|
11
11
|
require('../parse.cjs');
|
|
12
12
|
|
|
13
13
|
function cleanupRootStyle(svg) {
|
|
14
|
-
|
|
14
|
+
svg_parseStyle.parseSVGStyleSync(svg, (item) => {
|
|
15
15
|
if (
|
|
16
16
|
// If global style
|
|
17
17
|
item.type === "global" && // If selector tokens contain at-rule
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
import { SVG } from '../index.js';
|
|
2
|
-
import { parseSVGStyle } from '../parse-style.js';
|
|
3
2
|
import '@iconify/types';
|
|
4
3
|
import '@iconify/utils/lib/customisations/defaults';
|
|
5
|
-
import '../../css/parser/types.js';
|
|
6
|
-
import '../parse.js';
|
|
7
|
-
import '../../misc/cheerio.js';
|
|
8
4
|
|
|
9
5
|
/**
|
|
10
6
|
* Clean up root style
|
|
11
7
|
*
|
|
12
8
|
* This function removes all at-rule tokens, such as `@font-face`, `@media`
|
|
13
9
|
*/
|
|
14
|
-
declare function cleanupRootStyle(svg: SVG):
|
|
10
|
+
declare function cleanupRootStyle(svg: SVG): void;
|
|
15
11
|
|
|
16
12
|
export { cleanupRootStyle };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { parseSVGStyleSync } from '../parse-style.mjs';
|
|
2
2
|
import '../../css/parse.mjs';
|
|
3
3
|
import '../../css/parser/tokens.mjs';
|
|
4
4
|
import '../../css/parser/error.mjs';
|
|
@@ -9,7 +9,7 @@ import '../../css/parser/tree.mjs';
|
|
|
9
9
|
import '../parse.mjs';
|
|
10
10
|
|
|
11
11
|
function cleanupRootStyle(svg) {
|
|
12
|
-
|
|
12
|
+
parseSVGStyleSync(svg, (item) => {
|
|
13
13
|
if (
|
|
14
14
|
// If global style
|
|
15
15
|
item.type === "global" && // If selector tokens contain at-rule
|
|
@@ -15,9 +15,9 @@ require('../parse.cjs');
|
|
|
15
15
|
require('svgo');
|
|
16
16
|
require('@iconify/utils/lib/svg/id');
|
|
17
17
|
|
|
18
|
-
|
|
18
|
+
function convertStyleToAttrs(svg) {
|
|
19
19
|
let hasStyle = false;
|
|
20
|
-
|
|
20
|
+
svg_parseStyle.parseSVGStyleSync(svg, (item) => {
|
|
21
21
|
const prop = item.prop;
|
|
22
22
|
if (
|
|
23
23
|
// Attributes / properties now allowed
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { badAttributes, badSoftwareAttributes, badAttributePrefixes } from '../data/attributes.mjs';
|
|
2
|
-
import {
|
|
2
|
+
import { parseSVGStyleSync } from '../parse-style.mjs';
|
|
3
3
|
import { runSVGO } from '../../optimise/svgo.mjs';
|
|
4
4
|
import '../data/tags.mjs';
|
|
5
5
|
import '../../css/parse.mjs';
|
|
@@ -13,9 +13,9 @@ import '../parse.mjs';
|
|
|
13
13
|
import 'svgo';
|
|
14
14
|
import '@iconify/utils/lib/svg/id';
|
|
15
15
|
|
|
16
|
-
|
|
16
|
+
function convertStyleToAttrs(svg) {
|
|
17
17
|
let hasStyle = false;
|
|
18
|
-
|
|
18
|
+
parseSVGStyleSync(svg, (item) => {
|
|
19
19
|
const prop = item.prop;
|
|
20
20
|
if (
|
|
21
21
|
// Attributes / properties now allowed
|
package/lib/svg/cleanup.cjs
CHANGED
|
@@ -21,13 +21,13 @@ require('../optimise/svgo.cjs');
|
|
|
21
21
|
require('svgo');
|
|
22
22
|
require('@iconify/utils/lib/svg/id');
|
|
23
23
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
function cleanupSVG(svg) {
|
|
25
|
+
svg_cleanup_inlineStyle.cleanupInlineStyle(svg);
|
|
26
|
+
svg_cleanup_svgoStyle.convertStyleToAttrs(svg);
|
|
27
27
|
svg_cleanup_rootSvg.cleanupSVGRoot(svg);
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
28
|
+
svg_cleanup_badTags.checkBadTags(svg);
|
|
29
|
+
svg_cleanup_attribs.removeBadAttributes(svg);
|
|
30
|
+
svg_cleanup_rootStyle.cleanupRootStyle(svg);
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
exports.cleanupSVG = cleanupSVG;
|
package/lib/svg/cleanup.d.ts
CHANGED
package/lib/svg/cleanup.mjs
CHANGED
|
@@ -19,13 +19,13 @@ import '../optimise/svgo.mjs';
|
|
|
19
19
|
import 'svgo';
|
|
20
20
|
import '@iconify/utils/lib/svg/id';
|
|
21
21
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
function cleanupSVG(svg) {
|
|
23
|
+
cleanupInlineStyle(svg);
|
|
24
|
+
convertStyleToAttrs(svg);
|
|
25
25
|
cleanupSVGRoot(svg);
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
26
|
+
checkBadTags(svg);
|
|
27
|
+
removeBadAttributes(svg);
|
|
28
|
+
cleanupRootStyle(svg);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
export { cleanupSVG };
|
package/lib/svg/index.cjs
CHANGED
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
const cheerio = require('cheerio');
|
|
4
4
|
const utils = require('@iconify/utils');
|
|
5
5
|
|
|
6
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
|
|
7
|
+
|
|
8
|
+
const cheerio__default = /*#__PURE__*/_interopDefaultCompat(cheerio);
|
|
9
|
+
|
|
6
10
|
class SVG {
|
|
7
11
|
/**
|
|
8
12
|
* Constructor
|
|
@@ -104,7 +108,7 @@ class SVG {
|
|
|
104
108
|
);
|
|
105
109
|
remove('xml:space="preserve"', "", "");
|
|
106
110
|
content = content.replace(/<g>\s*<\/g>/g, "");
|
|
107
|
-
this.$svg =
|
|
111
|
+
this.$svg = cheerio__default.load(content.trim(), {
|
|
108
112
|
lowerCaseAttributeNames: false,
|
|
109
113
|
xmlMode: true
|
|
110
114
|
});
|