export-svg-typescript 0.1.9 → 0.1.10
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/demo/index.ts +8 -5
- package/export-svg-typescript.js +2 -1
- package/package.json +3 -3
package/demo/index.ts
CHANGED
|
@@ -2,20 +2,22 @@
|
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
4
|
* Returns a customized SVG string for icon loading-bouncy-ball
|
|
5
|
-
*
|
|
5
|
+
*
|
|
6
|
+
* 
|
|
6
7
|
* @param {Object} options - Configuration options
|
|
7
8
|
* @param {string[]} [options.colors] - Array of hex colors to replace existing colors
|
|
8
|
-
* @param {number} [options.width] - Width of the SVG (default:
|
|
9
|
-
* @param {number} [options.height] - Height of the SVG (default:
|
|
9
|
+
* @param {number} [options.width] - Width of the SVG (default: 100)
|
|
10
|
+
* @param {number} [options.height] - Height of the SVG (default: 100)
|
|
10
11
|
* @param {number} [options.size] - Size for both width and height
|
|
11
12
|
* @example loadingBouncyBall({ colors: ['#0099e5', '#ff4c4c'], size: 100 });
|
|
12
13
|
* @returns {string} SVG string with applied customizations
|
|
13
14
|
*/
|
|
14
15
|
export const loadingBouncyBall = (options: LoadingOptions = {}) => customSVG(options,
|
|
15
|
-
`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"
|
|
16
|
+
`<svg width="100px" height="100px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="shape-rendering: auto; display: block; "><g><circle fill="#e15b64" r="13" cy="23" cx="50"><animate values="23;77;23" keyTimes="0;0.5;1" keySplines="0.45 0 0.9 0.55;0 0.45 0.55 0.9" calcMode="spline" repeatCount="indefinite" dur="1s" attributeName="cy"></animate></circle><g></g></g></svg>`);
|
|
16
17
|
|
|
17
18
|
/**
|
|
18
19
|
* Returns a customized SVG string for icon loading-double-ring
|
|
20
|
+
*
|
|
19
21
|
* 
|
|
20
22
|
* @param {Object} options - Configuration options
|
|
21
23
|
* @param {string[]} [options.colors] - Array of hex colors to replace existing colors
|
|
@@ -30,6 +32,7 @@ export const loadingDoubleRing = (options: LoadingOptions = {}) => customSVG(op
|
|
|
30
32
|
|
|
31
33
|
/**
|
|
32
34
|
* Returns a customized SVG string for icon loading-eclipse
|
|
35
|
+
*
|
|
33
36
|
* 
|
|
34
37
|
* @param {Object} options - Configuration options
|
|
35
38
|
* @param {string[]} [options.colors] - Array of hex colors to replace existing colors
|
|
@@ -79,7 +82,7 @@ function customSVG( options: LoadingOptions, svgString: string) {
|
|
|
79
82
|
});
|
|
80
83
|
}
|
|
81
84
|
if (!raw)
|
|
82
|
-
svgString = `<img alt="icon" src="data:image/svg+xml;utf8,${encodeURIComponent(svgString)}" />`
|
|
85
|
+
svgString = `<img width="${finalWidth}" height="${finalHeight}" alt="icon" src="data:image/svg+xml;utf8,${encodeURIComponent(svgString)}" />`
|
|
83
86
|
|
|
84
87
|
return svgString;
|
|
85
88
|
}
|
package/export-svg-typescript.js
CHANGED
|
@@ -36,7 +36,7 @@ export function convertSVGFolderToExportIndex(inputFolder, indexPath) {
|
|
|
36
36
|
const defaultHeight = heightMatch ? heightMatch[1] : "100";
|
|
37
37
|
|
|
38
38
|
if (!widthMatch)
|
|
39
|
-
svgContent = svgContent.replace('<svg', '<svg width="
|
|
39
|
+
svgContent = svgContent.replace('<svg', '<svg width="100px" height="100px"')
|
|
40
40
|
// Convert SVG string to Base64
|
|
41
41
|
const svgBase64 = `data:image/svg+xml;base64,${btoa(
|
|
42
42
|
unescape(encodeURIComponent(svgContent))
|
|
@@ -44,6 +44,7 @@ export function convertSVGFolderToExportIndex(inputFolder, indexPath) {
|
|
|
44
44
|
|
|
45
45
|
const jsContent = `/**
|
|
46
46
|
* Returns a customized SVG string for icon ${baseName.replace(/icon-/g, "" )}
|
|
47
|
+
*
|
|
47
48
|
* 
|
|
48
49
|
* @param {Object} options - Configuration options
|
|
49
50
|
* @param {string[]} [options.colors] - Array of hex colors to replace existing colors
|
package/package.json
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "export-svg-typescript",
|
|
3
|
-
"module": "export-svg-typescript.js",
|
|
3
|
+
"module": "./export-svg-typescript.js",
|
|
4
4
|
"author": "vtempest",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"version": "0.1.
|
|
6
|
+
"version": "0.1.10",
|
|
7
7
|
"description": "Export SVG to TypeScript",
|
|
8
8
|
"type": "module",
|
|
9
9
|
"scripts": {
|
|
10
10
|
"demo": "node export-svg-typescript.js -i ./demo -o ./demo/index.ts"
|
|
11
11
|
},
|
|
12
12
|
"bin": {
|
|
13
|
-
"export-svg-typescript": "export-svg-typescript.js"
|
|
13
|
+
"export-svg-typescript": "./export-svg-typescript.js"
|
|
14
14
|
}
|
|
15
15
|
}
|