svger-cli 2.0.1 → 2.0.3

package/cli-test-output/Arrowbenddownleft.vue

@@ -1,33 +0,0 @@
-<template>
-  <svg
-    :class="className"
-    :style="style"
-    :width="width || 24"
-    :height="height || 24"
-    :fill="fill || 'currentColor'"
-    :stroke="stroke"
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg"
-    v-bind="$attrs"
-  >
-    <g id="surface1"><path  d="M 2.25 5.25 C 2.253906 7.835938 3.28125 10.3125 5.109375 12.140625 C 6.9375 13.96875 9.414062 14.996094 12 15 L 19.1875 15 L 15.96875 18.21875 C 15.828125 18.359375 15.75 18.550781 15.75 18.75 C 15.75 18.949219 15.828125 19.140625 15.96875 19.28125 C 16.109375 19.421875 16.300781 19.5 16.5 19.5 C 16.699219 19.5 16.890625 19.421875 17.03125 19.28125 L 21.53125 14.78125 C 21.601562 14.710938 21.65625 14.628906 21.691406 14.539062 C 21.730469 14.445312 21.75 14.347656 21.75 14.25 C 21.75 14.152344 21.730469 14.054688 21.691406 13.960938 C 21.65625 13.871094 21.601562 13.789062 21.53125 13.71875 L 17.03125 9.21875 C 16.890625 9.078125 16.699219 9 16.5 9 C 16.300781 9 16.109375 9.078125 15.96875 9.21875 C 15.828125 9.359375 15.75 9.550781 15.75 9.75 C 15.75 9.949219 15.828125 10.140625 15.96875 10.28125 L 19.1875 13.5 L 12 13.5 C 9.8125 13.496094 7.714844 12.628906 6.167969 11.082031 C 4.621094 9.535156 3.75 7.4375 3.75 5.25 C 3.75 5.050781 3.671875 4.859375 3.53125 4.71875 C 3.390625 4.578125 3.199219 4.5 3 4.5 C 2.800781 4.5 2.609375 4.578125 2.46875 4.71875 C 2.328125 4.859375 2.25 5.050781 2.25 5.25 Z M 2.25 5.25 "/></g>
-  </svg>
-</template>
-
-<script setup lang="ts">
-interface Props {
-  className?: string;
-  style?: string | Record<string, any>;
-  width?: string | number;
-  height?: string | number;
-  fill?: string;
-  stroke?: string;
-}
-
-withDefaults(defineProps<Props>(), {
-  className: '',
-  fill: 'currentColor',
-  width: 24,
-  height: 24
-});
-</script>

package/cli-test-output/Vite.vue

@@ -1,33 +0,0 @@
-<template>
-  <svg
-    :class="className"
-    :style="style"
-    :width="width || 24"
-    :height="height || 24"
-    :fill="fill || 'currentColor'"
-    :stroke="stroke"
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg"
-    v-bind="$attrs"
-  >
-    <defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path>
-  </svg>
-</template>
-
-<script setup lang="ts">
-interface Props {
-  className?: string;
-  style?: string | Record<string, any>;
-  width?: string | number;
-  height?: string | number;
-  fill?: string;
-  stroke?: string;
-}
-
-withDefaults(defineProps<Props>(), {
-  className: '',
-  fill: 'currentColor',
-  width: 24,
-  height: 24
-});
-</script>

package/cli-test-output/index.ts

@@ -1,25 +0,0 @@
-/**
- * SVG Components Index
- * Generated by svger-cli
- * 
- * Import individual components:
- * import { Arrowbenddownleft } from './components';
- * 
- * Import all components:
- * import * as Icons from './components';
- * import Icons from './components'; // default export
- */
-
-export { default as Arrowbenddownleft } from './Arrowbenddownleft';
-export { default as Vite } from './Vite';
-// Export all components
-export {
-  Arrowbenddownleft,
-  Vite,
-};
-
-// Re-export for convenience
-export default {
-  Arrowbenddownleft,
-  Vite,
-};

package/cli-test-react/Arrowbenddownleft.tsx

@@ -1,39 +0,0 @@
-import React from "react";
-import type { SVGProps } from "react";
-
-export interface ArrowbenddownleftProps extends SVGProps<SVGSVGElement> {
-  size?: number | string;
-}
-
-/**
- * Arrowbenddownleft SVG Component
- * Generated by svger-cli
- */
-const Arrowbenddownleft = React.forwardRef<SVGSVGElement, ArrowbenddownleftProps>(
-  ({ size, className, style, ...props }, ref) => {
-    const dimensions = size ? { width: size, height: size } : {
-      width: props.width || 24,
-      height: props.height || 32
-    };
-
-    return (
-      <svg
-        ref={ref}
-        viewBox="0 0 24 32"
-        xmlns="http://www.w3.org/2000/svg"
-        width={dimensions.width}
-        height={dimensions.height}
-        fill={props.fill || "currentColor"}
-        className={className}
-        style={style}
-        {...props}
-      >
-        <g id="surface1"><path  d="M 2.25 5.25 C 2.253906 7.835938 3.28125 10.3125 5.109375 12.140625 C 6.9375 13.96875 9.414062 14.996094 12 15 L 19.1875 15 L 15.96875 18.21875 C 15.828125 18.359375 15.75 18.550781 15.75 18.75 C 15.75 18.949219 15.828125 19.140625 15.96875 19.28125 C 16.109375 19.421875 16.300781 19.5 16.5 19.5 C 16.699219 19.5 16.890625 19.421875 17.03125 19.28125 L 21.53125 14.78125 C 21.601562 14.710938 21.65625 14.628906 21.691406 14.539062 C 21.730469 14.445312 21.75 14.347656 21.75 14.25 C 21.75 14.152344 21.730469 14.054688 21.691406 13.960938 C 21.65625 13.871094 21.601562 13.789062 21.53125 13.71875 L 17.03125 9.21875 C 16.890625 9.078125 16.699219 9 16.5 9 C 16.300781 9 16.109375 9.078125 15.96875 9.21875 C 15.828125 9.359375 15.75 9.550781 15.75 9.75 C 15.75 9.949219 15.828125 10.140625 15.96875 10.28125 L 19.1875 13.5 L 12 13.5 C 9.8125 13.496094 7.714844 12.628906 6.167969 11.082031 C 4.621094 9.535156 3.75 7.4375 3.75 5.25 C 3.75 5.050781 3.671875 4.859375 3.53125 4.71875 C 3.390625 4.578125 3.199219 4.5 3 4.5 C 2.800781 4.5 2.609375 4.578125 2.46875 4.71875 C 2.328125 4.859375 2.25 5.050781 2.25 5.25 Z M 2.25 5.25 "/></g>
-      </svg>
-    );
-  }
-);
-
-Arrowbenddownleft.displayName = "Arrowbenddownleft";
-
-export default Arrowbenddownleft;

package/cli-test-react/Vite.tsx

@@ -1,39 +0,0 @@
-import React from "react";
-import type { SVGProps } from "react";
-
-export interface ViteProps extends SVGProps<SVGSVGElement> {
-  size?: number | string;
-}
-
-/**
- * Vite SVG Component
- * Generated by svger-cli
- */
-const Vite = React.forwardRef<SVGSVGElement, ViteProps>(
-  ({ size, className, style, ...props }, ref) => {
-    const dimensions = size ? { width: size, height: size } : {
-      width: props.width || 24,
-      height: props.height || 32
-    };
-
-    return (
-      <svg
-        ref={ref}
-        viewBox="0 0 24 32"
-        xmlns="http://www.w3.org/2000/svg"
-        width={dimensions.width}
-        height={dimensions.height}
-        fill={props.fill || "currentColor"}
-        className={className}
-        style={style}
-        {...props}
-      >
-        <defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path>
-      </svg>
-    );
-  }
-);
-
-Vite.displayName = "Vite";
-
-export default Vite;

package/cli-test-react/index.ts

@@ -1,25 +0,0 @@
-/**
- * SVG Components Index
- * Generated by svger-cli
- * 
- * Import individual components:
- * import { Arrowbenddownleft } from './components';
- * 
- * Import all components:
- * import * as Icons from './components';
- * import Icons from './components'; // default export
- */
-
-export { default as Arrowbenddownleft } from './Arrowbenddownleft';
-export { default as Vite } from './Vite';
-// Export all components
-export {
-  Arrowbenddownleft,
-  Vite,
-};
-
-// Re-export for convenience
-export default {
-  Arrowbenddownleft,
-  Vite,
-};

package/cli-test-svelte/Arrowbenddownleft.svelte

@@ -1,22 +0,0 @@
-<script lang="ts">
-  export let className: string = '';
-  export let style: string = '';
-  export let width: string | number = 24;
-  export let height: string | number = 24;
-  export let fill: string = 'currentColor';
-  export let stroke: string = '';
-</script>
-
-<svg
-  class={className}
-  {style}
-  {width}
-  {height}
-  {fill}
-  {stroke}
-  viewBox="0 0 24 24"
-  xmlns="http://www.w3.org/2000/svg"
-  {...$$restProps}
->
-  <g id="surface1"><path  d="M 2.25 5.25 C 2.253906 7.835938 3.28125 10.3125 5.109375 12.140625 C 6.9375 13.96875 9.414062 14.996094 12 15 L 19.1875 15 L 15.96875 18.21875 C 15.828125 18.359375 15.75 18.550781 15.75 18.75 C 15.75 18.949219 15.828125 19.140625 15.96875 19.28125 C 16.109375 19.421875 16.300781 19.5 16.5 19.5 C 16.699219 19.5 16.890625 19.421875 17.03125 19.28125 L 21.53125 14.78125 C 21.601562 14.710938 21.65625 14.628906 21.691406 14.539062 C 21.730469 14.445312 21.75 14.347656 21.75 14.25 C 21.75 14.152344 21.730469 14.054688 21.691406 13.960938 C 21.65625 13.871094 21.601562 13.789062 21.53125 13.71875 L 17.03125 9.21875 C 16.890625 9.078125 16.699219 9 16.5 9 C 16.300781 9 16.109375 9.078125 15.96875 9.21875 C 15.828125 9.359375 15.75 9.550781 15.75 9.75 C 15.75 9.949219 15.828125 10.140625 15.96875 10.28125 L 19.1875 13.5 L 12 13.5 C 9.8125 13.496094 7.714844 12.628906 6.167969 11.082031 C 4.621094 9.535156 3.75 7.4375 3.75 5.25 C 3.75 5.050781 3.671875 4.859375 3.53125 4.71875 C 3.390625 4.578125 3.199219 4.5 3 4.5 C 2.800781 4.5 2.609375 4.578125 2.46875 4.71875 C 2.328125 4.859375 2.25 5.050781 2.25 5.25 Z M 2.25 5.25 "/></g>
-</svg>

package/cli-test-svelte/Vite.svelte

@@ -1,22 +0,0 @@
-<script lang="ts">
-  export let className: string = '';
-  export let style: string = '';
-  export let width: string | number = 24;
-  export let height: string | number = 24;
-  export let fill: string = 'currentColor';
-  export let stroke: string = '';
-</script>
-
-<svg
-  class={className}
-  {style}
-  {width}
-  {height}
-  {fill}
-  {stroke}
-  viewBox="0 0 24 24"
-  xmlns="http://www.w3.org/2000/svg"
-  {...$$restProps}
->
-  <defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path>
-</svg>

package/cli-test-svelte/index.ts

@@ -1,25 +0,0 @@
-/**
- * SVG Components Index
- * Generated by svger-cli
- * 
- * Import individual components:
- * import { Arrowbenddownleft } from './components';
- * 
- * Import all components:
- * import * as Icons from './components';
- * import Icons from './components'; // default export
- */
-
-export { default as Arrowbenddownleft } from './Arrowbenddownleft';
-export { default as Vite } from './Vite';
-// Export all components
-export {
-  Arrowbenddownleft,
-  Vite,
-};
-
-// Re-export for convenience
-export default {
-  Arrowbenddownleft,
-  Vite,
-};

package/frameworks.test.js

@@ -1,170 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * Framework Testing Script for SVGER-CLI
- * Tests all 8 supported frameworks: React, Vue, Svelte, Angular, Solid, Preact, Lit, Vanilla
- */
-
-import { frameworkTemplateEngine } from './dist/index.js';
-import fs from 'fs';
-import path from 'path';
-
-const testSVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
-  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
-</svg>`;
-
-const frameworks = [
-  { name: 'react', typescript: true, options: {} },
-  { name: 'vue', typescript: true, options: { scriptSetup: true } },
-  { name: 'vue', typescript: true, options: { scriptSetup: false } },
-  { name: 'svelte', typescript: true, options: {} },
-  { name: 'angular', typescript: true, options: { standalone: true } },
-  { name: 'angular', typescript: true, options: { standalone: false } },
-  { name: 'solid', typescript: true, options: {} },
-  { name: 'preact', typescript: true, options: {} },
-  { name: 'lit', typescript: true, options: {} },
-  { name: 'vanilla', typescript: true, options: {} }
-];
-
-console.log('🚀 SVGER-CLI Framework Testing Suite\n');
-console.log('=' .repeat(80));
-
-const testOutputDir = path.join(process.cwd(), 'test-output');
-if (!fs.existsSync(testOutputDir)) {
-  fs.mkdirSync(testOutputDir, { recursive: true });
-}
-
-let passed = 0;
-let failed = 0;
-
-frameworks.forEach((config, index) => {
-  const { name, typescript, options } = config;
-  const variant = options.scriptSetup !== undefined 
-    ? (options.scriptSetup ? '-composition' : '-options') 
-    : options.standalone !== undefined 
-    ? (options.standalone ? '-standalone' : '-module')
-    : '';
-  
-  const testName = `${name}${variant}`;
-  
-  try {
-    console.log(`\n[${index + 1}/${frameworks.length}] Testing: ${testName.toUpperCase()}`);
-    console.log('-'.repeat(80));
-    
-    const componentOptions = {
-      framework: name,
-      componentName: 'TestIcon',
-      svgContent: testSVG,
-      typescript,
-      frameworkOptions: options
-    };
-    
-    // Generate component
-    const component = frameworkTemplateEngine.generateComponent(componentOptions);
-    
-    // Validate component
-    if (!component || component.length === 0) {
-      throw new Error('Generated component is empty');
-    }
-    
-    // Get file extension
-    const extension = frameworkTemplateEngine.getFileExtension(name, typescript);
-    
-    // Save to file
-    const fileName = `TestIcon-${testName}.${extension}`;
-    const filePath = path.join(testOutputDir, fileName);
-    fs.writeFileSync(filePath, component, 'utf8');
-    
-    // Framework-specific validation
-    switch (name) {
-      case 'react':
-      case 'preact':
-      case 'solid':
-        if (!component.includes('export default')) {
-          throw new Error('Missing default export');
-        }
-        if (!component.includes('interface')) {
-          throw new Error('Missing TypeScript interface');
-        }
-        break;
-      
-      case 'vue':
-        if (!component.includes('<template>')) {
-          throw new Error('Missing Vue template section');
-        }
-        if (!component.includes('<script')) {
-          throw new Error('Missing Vue script section');
-        }
-        if (options.scriptSetup && !component.includes('setup')) {
-          throw new Error('Missing composition API setup');
-        }
-        break;
-      
-      case 'svelte':
-        if (!component.includes('<script')) {
-          throw new Error('Missing Svelte script section');
-        }
-        if (!component.includes('export let')) {
-          throw new Error('Missing Svelte props');
-        }
-        break;
-      
-      case 'angular':
-        if (!component.includes('@Component')) {
-          throw new Error('Missing Angular decorator');
-        }
-        if (!component.includes('selector:')) {
-          throw new Error('Missing component selector');
-        }
-        if (options.standalone && !component.includes('standalone: true')) {
-          throw new Error('Missing standalone flag');
-        }
-        break;
-      
-      case 'lit':
-        if (!component.includes('@customElement')) {
-          throw new Error('Missing Lit decorator');
-        }
-        if (!component.includes('extends LitElement')) {
-          throw new Error('Not extending LitElement');
-        }
-        break;
-      
-      case 'vanilla':
-        if (!component.includes('export function')) {
-          throw new Error('Missing function export');
-        }
-        if (!component.includes('document.createElementNS')) {
-          throw new Error('Missing DOM manipulation');
-        }
-        break;
-    }
-    
-    console.log(`✅ SUCCESS: Generated valid ${name.toUpperCase()} component`);
-    console.log(`   📄 File: ${fileName}`);
-    console.log(`   📏 Size: ${component.length} characters`);
-    console.log(`   📝 Extension: .${extension}`);
-    
-    passed++;
-    
-  } catch (error) {
-    console.log(`❌ FAILED: ${testName.toUpperCase()}`);
-    console.log(`   Error: ${error.message}`);
-    failed++;
-  }
-});
-
-console.log('\n' + '='.repeat(80));
-console.log('\n📊 Test Results Summary\n');
-console.log(`   Total Tests: ${frameworks.length}`);
-console.log(`   ✅ Passed: ${passed}`);
-console.log(`   ❌ Failed: ${failed}`);
-console.log(`   📂 Output: ${testOutputDir}\n`);
-
-if (failed === 0) {
-  console.log('🎉 All framework tests passed successfully!\n');
-  process.exit(0);
-} else {
-  console.log('⚠️  Some tests failed. Please review the errors above.\n');
-  process.exit(1);
-}

package/my-svgs/ArrowBendDownLeft.svg

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
-<g id="surface1">
-<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,48.235294%,82.352942%);fill-opacity:1;" d="M 2.25 5.25 C 2.253906 7.835938 3.28125 10.3125 5.109375 12.140625 C 6.9375 13.96875 9.414062 14.996094 12 15 L 19.1875 15 L 15.96875 18.21875 C 15.828125 18.359375 15.75 18.550781 15.75 18.75 C 15.75 18.949219 15.828125 19.140625 15.96875 19.28125 C 16.109375 19.421875 16.300781 19.5 16.5 19.5 C 16.699219 19.5 16.890625 19.421875 17.03125 19.28125 L 21.53125 14.78125 C 21.601562 14.710938 21.65625 14.628906 21.691406 14.539062 C 21.730469 14.445312 21.75 14.347656 21.75 14.25 C 21.75 14.152344 21.730469 14.054688 21.691406 13.960938 C 21.65625 13.871094 21.601562 13.789062 21.53125 13.71875 L 17.03125 9.21875 C 16.890625 9.078125 16.699219 9 16.5 9 C 16.300781 9 16.109375 9.078125 15.96875 9.21875 C 15.828125 9.359375 15.75 9.550781 15.75 9.75 C 15.75 9.949219 15.828125 10.140625 15.96875 10.28125 L 19.1875 13.5 L 12 13.5 C 9.8125 13.496094 7.714844 12.628906 6.167969 11.082031 C 4.621094 9.535156 3.75 7.4375 3.75 5.25 C 3.75 5.050781 3.671875 4.859375 3.53125 4.71875 C 3.390625 4.578125 3.199219 4.5 3 4.5 C 2.800781 4.5 2.609375 4.578125 2.46875 4.71875 C 2.328125 4.859375 2.25 5.050781 2.25 5.25 Z M 2.25 5.25 "/>
-</g>
-</svg>

package/my-svgs/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/src/builder.ts

@@ -1,104 +0,0 @@
-import path from "path";
-import { toPascalCase, FileSystem } from "./utils/native.js";
-import { isLocked } from "./lock.js";
-import { readConfig } from "./config.js";
-import { reactTemplate } from "./templates/ComponentTemplate.js";
-
-/**
- * Converts all SVG files from a source directory into React components and writes them to an output directory.
- *
- * @param {Object} config - Configuration object.
- * @param {string} config.src - Path to the source folder containing SVG files.
- * @param {string} config.out - Path to the output folder where React components will be generated.
- * @returns {Promise<void>} Resolves when all SVGs have been processed.
- */
-export async function buildAll(config: { src: string; out: string }) {
-  const svgConfig = readConfig();
-  const srcDir = path.resolve(config.src);
-  const outDir = path.resolve(config.out);
-
-  if (!(await FileSystem.exists(srcDir))) {
-    console.error("❌ Source folder not found:", srcDir);
-    process.exit(1);
-  }
-
-  await FileSystem.ensureDir(outDir);
-  const files = (await FileSystem.readDir(srcDir)).filter((f: string) => f.endsWith(".svg"));
-
-  if (!files.length) {
-    console.log("⚠️  No SVG files found in", srcDir);
-    return;
-  }
-
-  for (const file of files) {
-    const svgPath = path.join(srcDir, file);
-
-    if (isLocked(svgPath)) {
-      console.log(`⚠️ Skipped locked file: ${file}`);
-      continue;
-    }
-
-    const svgContent = await FileSystem.readFile(svgPath, "utf-8");
-    const componentName = toPascalCase(file.replace(".svg", ""));
-    const componentCode = reactTemplate({
-      componentName,
-      svgContent,
-      defaultWidth: svgConfig.defaultWidth,
-      defaultHeight: svgConfig.defaultHeight,
-      defaultFill: svgConfig.defaultFill,
-    });
-
-    const outFile = path.join(outDir, `${componentName}.tsx`);
-    await FileSystem.writeFile(outFile, componentCode, "utf-8");
-    console.log(`✅ Generated: ${componentName}.tsx`);
-  }
-
-  console.log("🎉 All SVGs have been converted successfully!");
-}
-
-/**
- * Generates a single React component from an SVG file.
- *
- * @param {Object} params - Parameters object.
- * @param {string} params.svgFile - Path to the SVG file to be converted.
- * @param {string} params.outDir - Path to the output folder for the generated component.
- * @returns {Promise<void>} Resolves when the SVG has been converted.
- */
-export async function generateSVG({
-  svgFile,
-  outDir,
-}: {
-  svgFile: string;
-  outDir: string;
-}) {
-  const svgConfig = readConfig();
-  const filePath = path.resolve(svgFile);
-
-  if (isLocked(filePath)) {
-    console.log(`⚠️ Skipped locked file: ${path.basename(svgFile)}`);
-    return;
-  }
-
-  if (!(await FileSystem.exists(filePath))) {
-    console.error("❌ SVG file not found:", filePath);
-    process.exit(1);
-  }
-
-  const svgContent = await FileSystem.readFile(filePath, "utf-8");
-  const componentName = toPascalCase(path.basename(svgFile, ".svg"));
-  const componentCode = reactTemplate({
-    componentName,
-    svgContent,
-    defaultWidth: svgConfig.defaultWidth,
-    defaultHeight: svgConfig.defaultHeight,
-    defaultFill: svgConfig.defaultFill,
-  });
-
-  const outputFolder = path.resolve(outDir);
-  await FileSystem.ensureDir(outputFolder);
-
-  const outFile = path.join(outputFolder, `${componentName}.tsx`);
-  await FileSystem.writeFile(outFile, componentCode, "utf-8");
-
-  console.log(`✅ Generated: ${componentName}.tsx`);
-}

package/src/clean.ts

@@ -1,21 +0,0 @@
-import path from "path";
-import { FileSystem } from "./utils/native.js";
-
-/**
- * Cleans the specified output directory by removing all files and folders inside it.
- * Typically used to clear previously generated SVG React components before a new build.
- *
- * @param {string} outDir - Path to the output directory to be cleaned.
- * @returns {Promise<void>} Resolves when the directory has been emptied.
- */
-export async function clean(outDir: string) {
-  const targetDir = path.resolve(outDir);
-
-  if (!(await FileSystem.exists(targetDir))) {
-    console.log(`⚠️ Directory not found: ${targetDir}`);
-    return;
-  }
-
-  await FileSystem.emptyDir(targetDir);
-  console.log(`🧹 Cleaned all generated SVG components in: ${targetDir}`);
-}