svgfusion 1.23.0 → 1.24.0
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 +18 -19
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
|
|
4
4
|
# SVGFusion
|
|
5
5
|
|
|
6
|
-
**
|
|
6
|
+
**SVGs to React & Vue 3 Components**
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
Convert SVG files into blazing-fast React and Vue 3 components with automatic color extraction, full TypeScript support, and seamless integration into any modern workflow.
|
|
9
9
|
|
|
10
10
|
[](https://www.npmjs.com/package/svgfusion)
|
|
11
11
|
[](https://www.typescriptlang.org/)
|
|
@@ -18,24 +18,22 @@ A powerful Node.js CLI tool and library that converts SVG files into optimized R
|
|
|
18
18
|
|
|
19
19
|
## Features
|
|
20
20
|
|
|
21
|
-
**Advanced Transformations**: Comprehensive transformation options including color splitting, stroke width extraction, fixed stroke width, and fill/stroke normalization
|
|
22
|
-
**Stroke Width Splitting**: Extract and convert stroke widths to props for responsive design
|
|
23
|
-
**Browser API**: Use SVGFusion directly in the browser with full feature support
|
|
24
|
-
**Smart Component Naming**: Automatic prefix/suffix handling with proper PascalCase conversion
|
|
25
|
-
**Advanced Color Splitting**: Intelligent color extraction with fill/stroke optimization
|
|
26
|
-
**Native SVG Props**: Generated components extend React.SVGProps\<SVGSVGElement\> and Vue SVGAttributes
|
|
27
|
-
**React & Vue Support**: Generate both React and Vue 3 components from the same SVG
|
|
28
|
-
**Complex SVG Support**: Handles gradients, masks, filters, patterns, and Figma exports
|
|
29
|
-
**TypeScript Ready**: Full TypeScript support with proper type definitions
|
|
30
|
-
**Batch Processing**: Convert entire directories of SVG files
|
|
31
|
-
**Production Ready**: Optimized output, error handling, and accessibility
|
|
32
|
-
**Simple CLI**: Direct, intuitive command structure
|
|
21
|
+
- **Advanced Transformations**: Comprehensive transformation options including color splitting, stroke width extraction, fixed stroke width, and fill/stroke normalization
|
|
22
|
+
- **Stroke Width Splitting**: Extract and convert stroke widths to props for responsive design
|
|
23
|
+
- **Browser API**: Use SVGFusion directly in the browser with full feature support
|
|
24
|
+
- **Smart Component Naming**: Automatic prefix/suffix handling with proper PascalCase conversion
|
|
25
|
+
- **Advanced Color Splitting**: Intelligent color extraction with fill/stroke optimization
|
|
26
|
+
- **Native SVG Props**: Generated components extend React.SVGProps\<SVGSVGElement\> and Vue SVGAttributes
|
|
27
|
+
- **React & Vue Support**: Generate both React and Vue 3 components from the same SVG
|
|
28
|
+
- **Complex SVG Support**: Handles gradients, masks, filters, patterns, and Figma exports
|
|
29
|
+
- **TypeScript Ready**: Full TypeScript support with proper type definitions
|
|
30
|
+
- **Batch Processing**: Convert entire directories of SVG files
|
|
31
|
+
- **Production Ready**: Optimized output, error handling, and accessibility
|
|
32
|
+
- **Simple CLI**: Direct, intuitive command structure
|
|
33
33
|
|
|
34
34
|
## Try It Live
|
|
35
35
|
|
|
36
|
-
**Experience SVGFusion instantly in your browser!**
|
|
37
|
-
|
|
38
|
-
[**Launch Interactive Playground →**](https://svgfusion.dev/playground)
|
|
36
|
+
**Experience SVGFusion instantly in your browser!** - [**Launch Interactive Playground →**](https://svgfusion.dev/playground)
|
|
39
37
|
|
|
40
38
|
Upload your SVG files, experiment with different options, and see the generated React/Vue components in real-time. No installation required!
|
|
41
39
|
|
|
@@ -647,5 +645,6 @@ console.log(vueResult.code); // Generated Vue component code
|
|
|
647
645
|
- Works in all modern browsers
|
|
648
646
|
- **Interactive Playground** with Monaco Editor
|
|
649
647
|
|
|
650
|
-
[
|
|
651
|
-
|
|
648
|
+
#### [Browser API Documentation](./docs/docs/browser-api.md)
|
|
649
|
+
|
|
650
|
+
#### [Node API Documentation](./docs/docs/node-api.md)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "svgfusion",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.24.0",
|
|
4
4
|
"description": "A powerful CLI tool and library that converts SVG files into production-ready React and Vue 3 components with native SVG props inheritance, TypeScript support, and custom SVGFusion engine.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|