vectify 2.0.0 → 2.0.1

package/dist/{chunk-4BWKFV7W.mjs → chunk-F3AM6WVC.mjs}

@@ -770,7 +770,7 @@ async function generateIndexFile(svgFiles, config, dryRun = false) {
   const typescript = config.typescript ?? true;
   const strategy = getFrameworkStrategy(config.framework);
   const ext = strategy.getIndexExtension(typescript);
-  const usesDefaultExport = config.framework === "vue" || config.framework === "svelte" || config.framework === "preact";
+  const usesDefaultExport = ["vue", "svelte", "react", "preact"].includes(config.framework);
   const exports = svgFiles.map((svgFile) => {
     const fileName = path3.basename(svgFile);
     const componentName = getComponentName(

package/dist/cli.js

@@ -909,7 +909,7 @@ async function generateIndexFile(svgFiles, config, dryRun = false) {
   const typescript = config.typescript ?? true;
   const strategy = getFrameworkStrategy(config.framework);
   const ext = strategy.getIndexExtension(typescript);
-  const usesDefaultExport = config.framework === "vue" || config.framework === "svelte" || config.framework === "preact";
+  const usesDefaultExport = ["vue", "svelte", "react", "preact"].includes(config.framework);
   const exports2 = svgFiles.map((svgFile) => {
     const fileName = import_node_path3.default.basename(svgFile);
     const componentName = getComponentName(

package/dist/cli.mjs

@@ -3,7 +3,7 @@ import {
   generate,
   init,
   watch
-} from "./chunk-4BWKFV7W.mjs";
+} from "./chunk-F3AM6WVC.mjs";
 import "./chunk-CIKTK6HI.mjs";
 
 // src/cli.ts

package/dist/index.js

@@ -917,7 +917,7 @@ async function generateIndexFile(svgFiles, config, dryRun = false) {
   const typescript = config.typescript ?? true;
   const strategy = getFrameworkStrategy(config.framework);
   const ext = strategy.getIndexExtension(typescript);
-  const usesDefaultExport = config.framework === "vue" || config.framework === "svelte" || config.framework === "preact";
+  const usesDefaultExport = ["vue", "svelte", "react", "preact"].includes(config.framework);
   const exports2 = svgFiles.map((svgFile) => {
     const fileName = import_node_path3.default.basename(svgFile);
     const componentName = getComponentName(

package/dist/index.mjs

@@ -7,7 +7,7 @@ import {
   init,
   loadConfig,
   watch
-} from "./chunk-4BWKFV7W.mjs";
+} from "./chunk-F3AM6WVC.mjs";
 import "./chunk-CIKTK6HI.mjs";
 
 // src/types.ts

package/dist/templates/react/component.jsx.hbs

@@ -1,3 +1,5 @@
+'use client'
+
 import { createIcon } from './createIcon'
 
 export const iconNode = [

package/dist/templates/react/component.tsx.hbs

@@ -1,10 +1,12 @@
+'use client'
+
 {{#if typescript}}
 import type { IconNode } from 'vectify'
 {{/if}}
 import { createIcon } from './createIcon'
 
 export const iconNode{{#if typescript}}: IconNode[]{{/if}} = [
-{{{formattedNodes}}}
+{{{formattedNodes}}},
 ]
 
 const {{componentName}} = createIcon('{{componentName}}', iconNode, {{keepColors}})

package/dist/templates/react/createIcon.jsx.hbs

@@ -1,3 +1,5 @@
+'use client'
+
 import { createElement, forwardRef } from 'react'
 
 export function createIcon(name, iconNode, keepColors = false) {

package/dist/templates/react/createIcon.tsx.hbs

@@ -1,18 +1,20 @@
-import { createElement, forwardRef } from 'react'
+'use client'
+
+import type { ForwardRefExoticComponent, ReactNode, RefAttributes, SVGProps } from 'react'
 import type { IconNode, IconProps } from 'vectify'
-import type { ReactNode, SVGProps } from 'react'
+import { createElement, forwardRef } from 'react'
 
 export interface CreateIconProps extends IconProps, Omit<SVGProps<SVGSVGElement>, keyof IconProps> {
-  size?: number | string
-  color?: string
-  strokeWidth?: number | string
-  className?: string
-  title?: string
+  'size'?: number | string
+  'color'?: string
+  'strokeWidth'?: number | string
+  'className'?: string
+  'title'?: string
   'aria-label'?: string
   'aria-hidden'?: boolean | 'true' | 'false'
 }
 
-export function createIcon(name: string, iconNode: IconNode[], keepColors = false) {
+export function createIcon(name: string, iconNode: IconNode[], keepColors = false): ForwardRefExoticComponent<CreateIconProps & RefAttributes<SVGSVGElement>> {
   const Icon = forwardRef<SVGSVGElement, CreateIconProps>(({
     size = 24,
     color = 'currentColor',
@@ -56,7 +58,7 @@ function renderIconNode(
   nodes: IconNode[],
   keepColors: boolean,
   color: string,
-  strokeWidth: number | string
+  strokeWidth: number | string,
 ): ReactNode {
   return nodes.map((node, index) => {
     const [type, attrs, children] = node
@@ -65,7 +67,8 @@ function renderIconNode(
 
     if (keepColors) {
       cleanedAttrs = attrs
-    } else {
+    }
+    else {
       // Track color attributes to determine icon type
       let hasFill = false
       let hasStroke = false
@@ -86,14 +89,15 @@ function renderIconNode(
       // Keep non-color attributes
       cleanedAttrs = Object.fromEntries(
         Object.entries(attrs).filter(([key]) =>
-          !['stroke', 'fill', 'strokeWidth', 'stroke-width'].includes(key)
-        )
+          !['stroke', 'fill', 'strokeWidth', 'stroke-width'].includes(key),
+        ),
       )
 
       // Apply color based on original attributes
       if (hasFill) {
         cleanedAttrs.fill = color
-      } else if (hasStroke) {
+      }
+      else if (hasStroke) {
         cleanedAttrs.fill = 'none'
         cleanedAttrs.stroke = color
         cleanedAttrs.strokeWidth = originalStrokeWidth ?? strokeWidth
@@ -108,7 +112,7 @@ function renderIconNode(
       return createElement(
         type,
         props,
-        renderIconNode(children, keepColors, color, strokeWidth)
+        renderIconNode(children, keepColors, color, strokeWidth),
       )
     }
 

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "vectify",
-  "version": "2.0.0",
+  "version": "2.0.1",
+  "packageManager": "pnpm@9.15.9",
   "description": "A powerful command-line tool to generate React, Vue, and Svelte icon components from SVG files",
   "author": "Xiaobing Zhu <hellozxb252@gmail.com>",
   "license": "MIT",
@@ -44,6 +45,16 @@
   "engines": {
     "node": ">=18.0.0"
   },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "prepublishOnly": "pnpm build",
+    "clean": "rm -rf dist"
+  },
   "dependencies": {
     "chalk": "^5.3.0",
     "cheerio": "^1.1.2",
@@ -65,14 +76,5 @@
     "tsup": "^8.5.1",
     "typescript": "^5.9.3",
     "vitest": "^4.0.17"
-  },
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix",
-    "clean": "rm -rf dist"
   }
-}
+}