@nikaat-crop/es-icons 0.0.7 → 0.0.9

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "@nikaat-crop/es-icons",
-  "version": "0.0.7",
-  "description": "A modern, customizable wheel datepicker component for React applications, offering intuitive date selection with a smooth scrolling interface.",
+  "version": "0.0.9",
+  "description": "A comprehensive collection of beautiful and modern SVG icons specifically designed for Skenas (اسکناس) project, featuring 160+ carefully crafted financial and service icons with TypeScript support.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "scripts": {
     "release": "node release.js",
+    "icons:generate": "node script/svgr-convert-only-new.js && node script/update-icon-exports.js && node script/update-storybook.js",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
-  "author": "Buildix Team",
+  "author": "Skenas Team",
   "license": "ISC",
   "publishConfig": {
     "access": "public"
@@ -25,7 +26,7 @@
     "@storybook/jest": "^0.2.2",
     "@storybook/react-webpack5": "^9.0.18",
     "@storybook/testing-library": "^0.2.1",
-    "@types/moment-jalaali": "^0.7.9",
+    "@svgr/cli": "^8.1.0",
     "@types/react": "^18.3.3",
     "inquirer": "^8.2.6",
     "react": "^18.3.1",
@@ -39,23 +40,27 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/sadegh1379/wheel-datepicker.git"
+    "url": "https://github.com/sadegh1379/es-icons.git"
   },
   "keywords": [
     "react",
-    "datepicker",
-    "wheel",
-    "date-picker",
-    "persian-wheel-picker",
-    "persian-datepicker",
-    "jalali-datepicker",
-    "wheel-datepicker",
-    "date",
-    "picker",
-    "scroll-picker"
+    "icons",
+    "svg",
+    "skenas",
+    "اسکناس",
+    "financial-icons",
+    "banking-icons",
+    "service-icons",
+    "react-icons",
+    "svg-icons",
+    "ui-icons",
+    "icon-pack",
+    "typescript",
+    "components",
+    "es-icons"
   ],
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
   }
 }

package/script/svgr-convert-only-new.js

@@ -0,0 +1,28 @@
+const fs = require('fs');
+const path = require('path');
+const { execSync } = require('child_process');
+
+const svgsDir = path.resolve('src/svgs');
+const outputDir = path.resolve('src/icons');
+
+const svgFiles = fs.readdirSync(svgsDir).filter(f => f.endsWith('.svg'));
+
+svgFiles.forEach(file => {
+  const baseName = path.basename(file, '.svg');
+  const outFile = path.join(outputDir, `${baseName}.tsx`);
+
+  if (fs.existsSync(outFile)) {
+    console.log(`⏩ Skipping existing icon: ${baseName}`);
+    return;
+  }
+
+  const inputPath = path.join(svgsDir, file);
+  const cmd = `svgr --icon --typescript --filename-case kebab --replace-attr-values "#000=currentColor" --out-dir ${outputDir} ${inputPath}`;
+
+  try {
+    execSync(cmd, { stdio: 'inherit' });
+    console.log(`✅ Generated icon: ${baseName}`);
+  } catch (error) {
+    console.error(`❌ Failed to generate ${baseName}:`, error.message);
+  }
+});

package/script/update-icon-exports.js

@@ -0,0 +1,26 @@
+const fs = require('fs');
+const path = require('path');
+
+const ICONS_DIR = path.resolve(__dirname, '../src/icons');
+const INDEX_FILE = path.join(ICONS_DIR, '../index.ts');
+
+// Get all .tsx files
+const files = fs.readdirSync(ICONS_DIR).filter(f => f.endsWith('.tsx'));
+
+// Generate PascalCase export statements
+const exportLines = files.map(file => {
+  const name = path.basename(file, '.tsx');
+  const exportName = toPascalCase(name);
+  return `export { default as ${exportName} } from './icons/${name}';`;
+});
+
+// Write to index.ts
+fs.writeFileSync(INDEX_FILE, exportLines.join('\n') + '\n');
+console.log('✅ index.ts updated.');
+
+function toPascalCase(str) {
+  return str
+    .split(/[-_]/)
+    .map(s => s.charAt(0).toUpperCase() + s.slice(1))
+    .join('');
+}

package/script/update-storybook.js

@@ -0,0 +1,66 @@
+const fs = require('fs');
+const path = require('path');
+
+const ICONS_DIR = path.resolve(__dirname, '../src/icons');
+const STORYBOOK_FILE = path.resolve(__dirname, '../src/stories/icons.stories.tsx');
+const INDEX_FILE = path.resolve(__dirname, '../src/index.ts');
+
+function toPascalCase(str) {
+  return str
+    .split(/[-_]/)
+    .map(s => s.charAt(0).toUpperCase() + s.slice(1))
+    .join('');
+}
+
+function updateStorybook() {
+  console.log('🔄 Updating storybook with new icons...');
+  
+  // Get all .tsx files from icons directory
+  const iconFiles = fs.readdirSync(ICONS_DIR)
+    .filter(f => f.endsWith('.tsx'))
+    .map(f => path.basename(f, '.tsx'));
+
+  // Convert to PascalCase names
+  const iconNames = iconFiles.map(toPascalCase);
+  iconNames.sort(); // Sort alphabetically
+
+  // Read current storybook file
+  let storybookContent = fs.readFileSync(STORYBOOK_FILE, 'utf8');
+
+  // Update imports section
+  const importStart = storybookContent.indexOf('import {');
+  const importEnd = storybookContent.indexOf("} from '../index';") + "} from '../index';".length;
+  
+  const newImports = `import {\n  ${iconNames.join(',\n  ')}\n} from '../index';`;
+  
+  storybookContent = storybookContent.substring(0, importStart) + 
+                   newImports + 
+                   storybookContent.substring(importEnd);
+
+  // Update icons array
+  const arrayStart = storybookContent.indexOf('const icons = [');
+  const arrayEnd = storybookContent.indexOf('];', arrayStart) + 2;
+  
+  const iconEntries = iconNames.map(name => 
+    `    { name: '${name}', component: ${name} }`
+  );
+  
+  const newIconsArray = `const icons = [\n${iconEntries.join(',\n')}\n  ];`;
+  
+  storybookContent = storybookContent.substring(0, arrayStart) + 
+                   newIconsArray + 
+                   storybookContent.substring(arrayEnd);
+
+  // Write updated content back to file
+  fs.writeFileSync(STORYBOOK_FILE, storybookContent);
+  
+  console.log(`✅ Storybook updated with ${iconNames.length} icons`);
+  console.log('📋 Updated icons:', iconNames.join(', '));
+}
+
+// Run if called directly
+if (require.main === module) {
+  updateStorybook();
+}
+
+module.exports = { updateStorybook };

package/assets/buildix.svg

@@ -1,38 +0,0 @@
-<svg version="1.1" id="Uploaded to svgrepo.com" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
-	 width="80px" height="80px" viewBox="0 0 32 32" xml:space="preserve">
-<style type="text/css">
-	.isometric_vijf{fill:#F29227;}
-	.isometric_zes{fill:#F28103;}
-	.isometric_zeven{fill:#FF7344;}
-	.isometric_acht{fill:#F05A28;}
-	.isometric_negen{fill:#BE1E2D;}
-	.isometric_tien{fill:#7BD6C4;}
-	.isometric_elf{fill:#72C0AB;}
-	.isometric_twaalf{fill:#569080;}
-	.st0{fill:#225B49;}
-	.st1{fill:#F8F7C5;}
-	.st2{fill:#BE1E2D;}
-	.st3{fill:#AD9A74;}
-	.st4{fill:#F2D76C;}
-	.st5{fill:#F5DF89;}
-	.st6{fill:#7BD6C4;}
-	.st7{fill:#80CCBE;}
-</style>
-<g>
-	<line class="isometric_twaalf" x1="10" y1="20.356" x2="16" y2="16.923"/>
-	<polygon class="isometric_acht" points="4,16.915 10,13.466 16,16.923 10,20.356 	"/>
-	<polygon class="isometric_negen" points="10,28 16,24.536 16,16.923 10,20.356 	"/>
-	<line class="isometric_twaalf" x1="10" y1="20.356" x2="16" y2="16.923"/>
-	<polygon class="isometric_acht" points="4,16.915 10,13.466 16,16.923 10,20.356 	"/>
-	<polygon class="isometric_negen" points="10,28 16,24.536 16,16.923 10,20.356 	"/>
-	<polygon class="isometric_zeven" points="10,28 4,24.536 4,16.915 10,20.356 	"/>
-	<line class="isometric_twaalf" x1="22" y1="20.379" x2="27.962" y2="16.915"/>
-	<polygon class="isometric_zes" points="16,16.923 21.962,13.456 27.962,16.915 22,20.379 	"/>
-	<polygon class="isometric_vijf" points="22,28 16,24.536 16,16.923 22,20.379 	"/>
-	<polygon class="isometric_acht" points="22,28 27.962,24.536 27.962,16.915 22,20.379 	"/>
-	<line class="isometric_twaalf" x1="16" y1="9.323" x2="21.962" y2="5.865"/>
-	<polygon class="isometric_elf" points="10,5.865 16.037,2.406 21.962,5.865 16,9.323 	"/>
-	<polygon class="isometric_twaalf" points="16,16.923 21.962,13.456 21.962,5.865 16,9.323 	"/>
-	<polygon class="isometric_tien" points="16,16.923 10,13.466 10,5.865 16,9.323 	"/>
-</g>
-</svg>