@developershre/icona 1.0.6 → 2.0.0

package/README.md

@@ -1,261 +1,266 @@
-# Icona - Modern Icon Library
+# Icona - Icon Library Generator
 
-A TypeScript-powered icon library that generates React, React Native, and Vue components from SVG files with support for nested folder structures.
+A powerful TypeScript icon library generator that creates optimized React, React Native, and Vue components from local or remote SVG sources. Features automatic SVG optimization using SVGO, remote icon fetching from cloud storage, and intelligent nested folder support.
 
 ## ✨ Features
 
-- 🎨 **Nested Folder Support**: Organize icons in nested directories (e.g., `icons/tabler/outline/`)
-- ⚛️ **React Components**: Auto-generated TypeScript React components
-- � **React Native Components**: Auto-generated React Native components with react-native-svg
-- �🟢 **Vue Components**: Auto-generated Vue 3 components with TypeScript
-- 📦 **TypeScript**: Full TypeScript support with strict type checking
-- 🎭 **SVG Optimization**: Automatic SVG parsing and optimization
-- 🔧 **Component Naming**: Smart PascalCase naming from folder structure
+- 🎨 **Multi-Framework Support**: Generate components for React, React Native, and Vue
+- 🌐 **Remote Icon Sources**: Fetch icons from GitHub, CDNs, cloud storage (S3, Supabase, etc.)
+- ⚡ **SVG Optimization**: Automatic optimization using SVGO (reduces file sizes by 20-50%)
+- 📁 **Nested Structure**: Maintains folder hierarchies for organized icon categories
+- 🔧 **Environment-Based Config**: Configure sources via environment variables
+- 📦 **Type Safety**: Full TypeScript support with generated components
+- 📤 **Ready-to-Publish**: Build and publish your own icon library
 
 ## 🚀 Quick Start
 
 ### Installation
 
 ```bash
-npm install
+npm install @developershre/icona
 ```
 
-### Adding Icons
+### Basic Setup
 
-1. Create your folder structure in the `icons/` directory:
-```
-icons/
-├── tabler/
-│   └── outline/
-│       ├── home.svg
-│       ├── user.svg
-│       └── search.svg
-└── feather/
-    ├── heart.svg
-    └── star.svg
-```
+1. **Configure Environment**: Copy `.env.example` to `.env` and configure your icon source
+2. **Generate Icons**: Run the generator to create components
+3. **Use Components**: Import and use generated icons in your projects
+
+### Local Icons
 
-2. Generate components:
 ```bash
-npm run build
-npm run generate
+# .env
+ICONS_SOURCE=local
+ICONS_LOCAL_PATH=./icons
+ENABLE_SVG_OPTIMIZATION=true
 ```
 
-3. Use the generated components in your projects!
-
-## 📁 Project Structure
+Place your SVG files in the `icons/` directory and run:
 
+```typescript
+import { generateIcons } from '@developershre/icona';
+await generateIcons();
 ```
-icona/
-├── icons/                    # Source SVG files (nested folders supported)
-├── src/
-│   ├── index.ts             # Main icon processor
-│   ├── react/maker.ts       # React component generator
-│   ├── react-native/maker.ts # React Native component generator
-│   ├── vue/maker.ts         # Vue component generator
-│   └── utils/pascal.ts      # PascalCase converter
-├── dist/
-│   ├── react/               # Generated React components
-│   ├── react-native/        # Generated React Native components
-│   └── vue/                 # Generated Vue components
-└── types/index.d.ts         # TypeScript definitions
+
+### Remote Icons (GitHub)
+
+```bash
+# .env
+ICONS_SOURCE=remote
+ICONS_REMOTE_URL=https://api.github.com/repos/feathericons/feather/contents/icons
+ICONS_AUTH_TOKEN=your_github_token_here
+ENABLE_SVG_OPTIMIZATION=true
 ```
 
-## 🛠️ Usage
+## 🌐 Remote Sources Support
 
-### React Components
+### GitHub Repositories
 
-```tsx
-import { TablerOutlineHome } from './dist/react/tabler/outline/home';
-import { FeatherHeart } from './dist/react/feather/heart';
+Fetch icons directly from GitHub repositories like Feather Icons, Tabler Icons, etc.
 
-function App() {
-  return (
-    <div>
-      <TablerOutlineHome size={32} color="blue" />
-      <FeatherHeart size={24} className="text-red-500" />
-    </div>
-  );
-}
+```bash
+# .env for GitHub
+ICONS_SOURCE=remote
+ICONS_REMOTE_URL=https://api.github.com/repos/feathericons/feather/contents/icons
+ICONS_AUTH_TOKEN=ghp_your_github_token_here
 ```
 
-### React Native Components
+Examples of popular icon repositories:
+- **Feather**: `https://api.github.com/repos/feathericons/feather/contents/icons`
+- **Tabler**: `https://api.github.com/repos/tabler/tabler-icons/contents/icons`  
+- **Lucide**: `https://api.github.com/repos/lucide-icons/lucide/contents/icons`
+- **Heroicons**: `https://api.github.com/repos/tailwindlabs/heroicons/contents/src`
+
+## ⚡ Generated Components
+
+After running the generator, you'll get framework-specific components:
+
+### React Usage
 
 ```tsx
-import { TablerOutlineHome } from './dist/react-native/tabler/outline/home';
-import { FeatherHeart } from './dist/react-native/feather/heart';
+import { ActivityIcon, AirplayIcon, AlertCircleIcon } from './dist/react';
 
 function App() {
   return (
-    <View>
-      <TablerOutlineHome size={32} color="blue" />
-      <FeatherHeart size={24} color="red" />
-    </View>
+    <div>
+      <ActivityIcon size={24} color="blue" />
+      <AirplayIcon size={32} className="text-red-500" />
+      <AlertCircleIcon size={20} style={{ color: '#green' }} />
+    </div>
   );
 }
 ```
 
-> **Note**: React Native components require `react-native-svg` to be installed in your project:
-> ```bash
-> npm install react-native-svg
-> # For iOS
-> cd ios && pod install
-> ```
-
-### Vue Components
+### Vue 3 Usage
 
 ```vue
 <template>
   <div>
-    <TablerOutlineHome :size="32" />
-    <FeatherHeart :size="24" className="text-red-500" />
+    <ActivityIcon :size="24" color="blue" />
+    <AirplayIcon :size="32" class="text-red-500" />
+    <AlertCircleIcon :size="20" :style="{ color: 'green' }" />
   </div>
 </template>
 
 <script setup>
-import TablerOutlineHome from './dist/vue/tabler/outline/home.vue';
-import FeatherHeart from './dist/vue/feather/heart.vue';
+import { ActivityIcon, AirplayIcon, AlertCircleIcon } from './dist/vue';
 </script>
 ```
 
-### Direct SVG Usage
+### React Native Usage
+
+```tsx
+import { ActivityIcon, AirplayIcon, AlertCircleIcon } from './dist/react-native';
 
-```html
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-  <path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
-  <polyline points="9,22 9,12 15,12 15,22"/>
-</svg>
+function App() {
+  return (
+    <View>
+      <ActivityIcon size={24} color="blue" />
+      <AirplayIcon size={32} color="red" />
+      <AlertCircleIcon size={20} color="green" />
+    </View>
+  );
+}
 ```
 
-## 📝 Scripts
+## 🎨 Component Props
 
-| Command | Description |
-|---------|-------------|
-| `npm run build` | Compile TypeScript to JavaScript |
-| `npm run dev` | Watch mode for development |
-| `npm run generate` | Process SVG files and generate components |
-| `npm run clean` | Remove dist directory |
-| `npm run release:patch` | Local release with patch version bump |
-| `npm run release:minor` | Local release with minor version bump |
-| `npm run release:major` | Local release with major version bump |
+All generated components support consistent props:
 
-## 🚀 Automated Publishing
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `size` | `number \| string` | `24` | Width and height |
+| `color` | `string` | `'currentColor'` | Icon color |
+| `className` | `string` | - | CSS classes (React/Vue) |
+| `style` | `object` | - | Inline styles |
+| `title` | `string` | - | Accessibility title |
+| `aria-label` | `string` | - | ARIA label |
 
-This project is configured for automatic npm publishing via GitHub Actions:
+## ⚙️ Configuration
 
-- **Auto-publish**: Every push to `main` branch automatically publishes to npm
-- **Auto-versioning**: If the current version already exists on npm, it auto-bumps to the next patch version
-- **GitHub Releases**: Automatically creates GitHub releases with generated components
-- **Component Generation**: All React, Vue, and React Native components are generated before publishing
+### Environment Variables
 
-### Manual Release (Local)
+| Variable | Type | Default | Description |
+|----------|------|---------|-------------|
+| `ICONS_SOURCE` | `local\|remote` | `local` | Source type |
+| `ICONS_LOCAL_PATH` | `string` | `./icons` | Local icons directory |  
+| `ICONS_REMOTE_URL` | `string` | - | GitHub repository URL |
+| `ICONS_AUTH_TOKEN` | `string` | - | GitHub authentication token |
+| `ICONS_TIMEOUT` | `number` | `30000` | Request timeout (ms) |
+| `BUILD_OUTPUT_DIR` | `string` | `./dist` | Output directory |
+| `BUILD_REACT` | `boolean` | `true` | Generate React components |
+| `BUILD_VUE` | `boolean` | `true` | Generate Vue components |
+| `BUILD_REACT_NATIVE` | `boolean` | `true` | Generate RN components |
+| `ENABLE_SVG_OPTIMIZATION` | `boolean` | `true` | Enable SVGO optimization |
 
-```bash
-# Set your NPM token in .env file
-echo "NPM_TOKEN=your_npm_token_here" > .env
+### Programmatic Configuration
 
-# Release with version bump
-npm run release:patch  # 1.0.0 → 1.0.1
-npm run release:minor  # 1.0.0 → 1.1.0
-npm run release:major  # 1.0.0 → 2.0.0
+```typescript
+import { generateIcons, reactOnlyConfig } from '@developershre/icona';
+
+// Use environment + custom config
+await generateIcons({
+  config: {
+    output: {
+      directory: './my-icons',
+      react: true,
+      vue: false,
+      reactNative: false
+    },
+    optimization: {
+      enabled: true
+    }
+  }
+});
 ```
 
-## 🎨 Component Props
+## 🏗️ Building Your Own Icon Library
 
-### React Components
+### 1. Setup Project
 
-```tsx
-interface IconProps {
-  size?: number | string;          // Default: 24
-  color?: string;                  // Default: 'currentColor'
-  className?: string;              // CSS classes
-  title?: string;                  // Accessibility title
-  'aria-label'?: string;          // Accessibility label
-  style?: React.CSSProperties;    // Inline styles
-}
+```bash
+mkdir my-icon-library
+cd my-icon-library
+npm init -y
+npm install @developershre/icona
 ```
 
-### React Native Components
+### 2. Configure Icons
 
-```tsx
-interface IconProps {
-  size?: number | string;          // Default: 24
-  color?: string;                  // Default: 'currentColor'
-  style?: any;                     // React Native styles
-  testID?: string;                 // Test identifier
-}
+```bash
+# .env
+ICONS_SOURCE=remote
+ICONS_REMOTE_URL=https://api.github.com/repos/your-org/your-icons/contents/icons
+ICONS_AUTH_TOKEN=your_github_token
 ```
 
-### Vue Components
+### 3. Generate & Build
 
-```typescript
-interface Props {
-  size?: number | string;          // Default: 24
-  className?: string;              // CSS classes
-  style?: Record<string, any>;     // Inline styles
-  title?: string;                  // Accessibility title
-  ariaLabel?: string;              // Accessibility label
+```json
+// package.json scripts
+{
+  "scripts": {
+    "generate": "node -e \"require('@developershre/icona').generateIcons()\"",
+    "build": "npm run generate && tsc",
+    "prepublishOnly": "npm run build"
+  }
 }
 ```
 
-## 📦 Icon Data Structure
-
-Generated icons have the following structure:
+### 4. Publish
 
-```typescript
-interface Icon {
-  name: string;                    // Icon name (filename without .svg)
-  path: string;                    // Full path to SVG file
-  category?: string;               // Nested folder path (e.g., "tabler/outline")
-  content: string;                 // SVG inner content (paths, circles, etc.)
-  viewBox?: string;               // SVG viewBox attribute
-  width?: number;                 // SVG width attribute
-  height?: number;                // SVG height attribute
-}
+```bash
+npm run build
+npm publish
 ```
 
-## 🔧 Configuration
+Now users can install your icon library:
 
-### TypeScript Configuration
+```bash
+npm install your-icon-library
+```
 
-The project uses strict TypeScript settings in `tsconfig.json`:
+```tsx
+import { YourIcon } from 'your-icon-library/dist/react';
+```
 
-- `exactOptionalPropertyTypes: true` - Strict optional property handling
-- `strictNullChecks: true` - Strict null checking
-- `noImplicitAny: true` - No implicit any types
+## 🔧 SVG Optimization
 
-### Folder Structure Rules
+Powered by [SVGO](https://github.com/svg/svgo) with sensible defaults:
 
-- Icons must be `.svg` files
-- Nested folders become categories (e.g., `icons/tabler/outline/` → `category: "tabler/outline"`)
-- Component names use PascalCase (e.g., `tabler/outline/home.svg` → `TablerOutlineHome`)
-- Empty categories are handled gracefully
+- Removes comments, metadata, and unused elements
+- Optimizes paths and transforms
+- Reduces file size by 20-50% typically
+- Maintains icon quality and accessibility
 
-## 🙏 Contributing
+Modify optimization in your config or environment:
 
-1. Add your SVG files to the appropriate nested folders in `icons/`
-2. Run `npm run generate` to create components
-3. Ensure TypeScript compilation succeeds with `npm run build`
+```bash
+ENABLE_SVG_OPTIMIZATION=true
+```
 
-## 📄 License
+## 📚 Examples
 
-MIT License - see [LICENSE](LICENSE) file for details.
+See working examples in the repository:
+- [Local icons example](./examples/local)
+- [GitHub remote example](./examples/github-remote)
+- [Cloud storage example](./examples/cloud-storage)
 
-**Important Attribution Requirement**: When using this library in production or replicating this project, you must provide full credits to the original icon developers. This includes:
+## 🤝 Contributing
 
-- **Tabler Icons** - https://tabler-icons.io/
-- **Feather Icons** - https://feathericons.com/
-- **Figma Community Icons** - Credit the original Figma creators/designers with their name and profile link
-- Any other icon libraries whose work you include
+We welcome contributions! Please see our [Contributing Guide](CONTRIBUTING.md).
 
-Please include proper attribution in your app's credits, README, or footer section.
+## 📄 License
 
-## 🔗 Related
+MIT License - see [LICENSE](LICENSE) file for details.
 
-- [Tabler Icons](https://tabler-icons.io/)
+## 🙏 Attribution
+
+Built for the community. Icons in examples may be sourced from:
 - [Feather Icons](https://feathericons.com/)
-- [React Icons](https://react-icons.github.io/react-icons/)
+- [Tabler Icons](https://tabler-icons.io/)
+- [Lucide Icons](https://lucide.dev/)
 
 ---
 
-Built with ❤️ using TypeScript, React, React Native, and Vue.
+**Build beautiful, optimized icon libraries from any source! 🎨✨**

package/dist/examples/autocomplete-demo.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Demo showing how to use Icona's autocomplete functionality
+ * Similar to Lucide icons search capabilities
+ */
+declare function demoBasicAutocomplete(): void;
+declare function demoKeywordSearch(): void;
+declare function demoCategorySearch(): void;
+declare function demoAdvancedSearch(): void;
+declare function demoTypeScriptAutocomplete(): void;
+declare function runAllDemos(): void;
+export { demoBasicAutocomplete, demoKeywordSearch, demoCategorySearch, demoAdvancedSearch, demoTypeScriptAutocomplete, runAllDemos };
+//# sourceMappingURL=autocomplete-demo.d.ts.map

package/dist/examples/autocomplete-demo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-demo.d.ts","sourceRoot":"","sources":["../../src/examples/autocomplete-demo.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAwBH,iBAAS,qBAAqB,SAO7B;AAGD,iBAAS,iBAAiB,SAUzB;AAGD,iBAAS,kBAAkB,SAS1B;AAGD,iBAAS,kBAAkB,SAY1B;AAGD,iBAAS,0BAA0B,SAWlC;AAuCD,iBAAS,WAAW,SAMnB;AAGD,OAAO,EACL,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,0BAA0B,EAC1B,WAAW,EACZ,CAAC"}

package/dist/examples/autocomplete-demo.js

@@ -0,0 +1,115 @@
+"use strict";
+/**
+ * Demo showing how to use Icona's autocomplete functionality
+ * Similar to Lucide icons search capabilities
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.demoBasicAutocomplete = demoBasicAutocomplete;
+exports.demoKeywordSearch = demoKeywordSearch;
+exports.demoCategorySearch = demoCategorySearch;
+exports.demoAdvancedSearch = demoAdvancedSearch;
+exports.demoTypeScriptAutocomplete = demoTypeScriptAutocomplete;
+exports.runAllDemos = runAllDemos;
+const search_1 = require("../utils/search");
+// Mock data for demo purposes
+const mockIcons = [
+    { name: 'chevron-right', component: 'ChevronRight', category: 'Linear' },
+    { name: 'chevron-left', component: 'ChevronLeft', category: 'Linear' },
+    { name: 'chevron-up', component: 'ChevronUp', category: 'Linear' },
+    { name: 'chevron-down', component: 'ChevronDown', category: 'Linear' },
+    { name: 'home', component: 'Home', category: 'Hicon' },
+    { name: 'search', component: 'Search', category: 'Hicon' },
+    { name: 'message-square', component: 'MessageSquare', category: 'Hicon' }
+];
+// Example 1: Basic autocomplete - type "che" to get chevron suggestions
+function demoBasicAutocomplete() {
+    console.log('=== Basic Autocomplete Demo ===');
+    const suggestions = (0, search_1.getIconSuggestions)(mockIcons, 'che', 5);
+    console.log('Typing "che" suggests:', suggestions.map((s) => s.name));
+    // Expected output: ['chevron-right', 'chevron-left', 'chevron-up', 'chevron-down', etc.]
+}
+// Example 2: Search with keywords
+function demoKeywordSearch() {
+    console.log('\n=== Keyword Search Demo ===');
+    const results = (0, search_1.searchIcons)(mockIcons, {
+        query: 'navigation',
+        limit: 10
+    });
+    console.log('Searching for "navigation":', results.map((r) => r.name));
+    // Expected: arrow icons, chevron icons, menu icons, etc.
+}
+// Example 3: Category-based search
+function demoCategorySearch() {
+    console.log('\n=== Category Search Demo ===');
+    const categories = (0, search_1.getCategories)(mockIcons);
+    console.log('Available categories:', categories);
+    // Get all icons in Linear category
+    const linearIcons = (0, search_1.getIconsByCategory)(mockIcons, 'Linear');
+    console.log(`Linear category has ${linearIcons.length} icons`);
+}
+// Example 4: Advanced search with filters
+function demoAdvancedSearch() {
+    console.log('\n=== Advanced Search Demo ===');
+    const results = (0, search_1.searchIcons)(mockIcons, {
+        query: 'message',
+        categories: ['Hicon'],
+        tags: ['communication'],
+        limit: 5,
+        minScore: 0.3
+    });
+    console.log('Advanced search results:', results);
+}
+// Example 5: TypeScript autocomplete demo
+function demoTypeScriptAutocomplete() {
+    console.log('\n=== TypeScript Autocomplete ===');
+    // With TypeScript, you get autocompletion for icon names
+    const allIcons = (0, search_1.getAllIconNames)(mockIcons);
+    console.log(`Total icons available: ${allIcons.length}`);
+    // TypeScript will suggest icon names as you type:
+    // - IconName type provides all available icon names
+    // - IconsStartingWith<'che'> provides icons starting with "che"
+    // - IconsContaining<'arrow'> provides icons containing "arrow"
+}
+// React component example with autocomplete
+function ReactIconExample() {
+    // In a real React component, you'd have autocomplete for these icon names
+    /*
+    import { ChevronRight, Home, Search, MessageSquare } from 'icona/react';
+    
+    return (
+      <div>
+        <ChevronRight size={24} color="blue" />
+        <Home size={32} />
+        <Search className="search-icon" />
+        <MessageSquare size={20} color="#333" />
+      </div>
+    );
+    */
+}
+// Vue component example with autocomplete
+function VueIconExample() {
+    // In a real Vue component:
+    /*
+    <template>
+      <div>
+        <ChevronRight :size="24" color="blue" />
+        <Home :size="32" />
+        <Search class="search-icon" />
+        <MessageSquare :size="20" color="#333" />
+      </div>
+    </template>
+    
+    <script setup>
+    import { ChevronRight, Home, Search, MessageSquare } from 'icona/vue';
+    </script>
+    */
+}
+// Run all demos
+function runAllDemos() {
+    demoBasicAutocomplete();
+    demoKeywordSearch();
+    demoCategorySearch();
+    demoAdvancedSearch();
+    demoTypeScriptAutocomplete();
+}
+//# sourceMappingURL=autocomplete-demo.js.map

package/dist/examples/autocomplete-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-demo.js","sourceRoot":"","sources":["../../src/examples/autocomplete-demo.ts"],"names":[],"mappings":"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"}

package/dist/examples/configs.d.ts

@@ -0,0 +1,11 @@
+import { IconaConfig } from '../types/config';
+/**
+ * Simple configuration examples for the library
+ * The source is now configured via environment variables
+ */
+export declare const defaultConfig: IconaConfig;
+export declare const reactOnlyConfig: IconaConfig;
+export declare const vueOnlyConfig: IconaConfig;
+export declare const reactNativeOnlyConfig: IconaConfig;
+export declare const noOptimizationConfig: IconaConfig;
+//# sourceMappingURL=configs.d.ts.map

package/dist/examples/configs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"configs.d.ts","sourceRoot":"","sources":["../../src/examples/configs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C;;;GAGG;AAGH,eAAO,MAAM,aAAa,EAAE,WA8C3B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,WAU7B,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,WAU3B,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,WAUnC,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,WAUlC,CAAC"}