@indxsearch/pixl 1.0.0 → 1.0.3

package/dist/components/main-icons/index.js

@@ -1,6 +1,171 @@
-export * from './GPSMyLocationIcon';
-export * from './GPSPinIcon';
-export * from './JsonIcon';
-export * from './MenuIcon';
-export * from './SearchIcon';
-export * from './types';
+export { default as AlignCenterIcon } from './AlignCenterIcon';
+export { default as AlignJustifyIcon } from './AlignJustifyIcon';
+export { default as AlignLeftIcon } from './AlignLeftIcon';
+export { default as AlignRightIcon } from './AlignRightIcon';
+export { default as AnalyticsIcon } from './AnalyticsIcon';
+export { default as AnchorIcon } from './AnchorIcon';
+export { default as BarCodeIcon } from './BarCodeIcon';
+export { default as BatteryIcon } from './BatteryIcon';
+export { default as BellIcon } from './BellIcon';
+export { default as BookIcon } from './BookIcon';
+export { default as BoostIcon } from './BoostIcon';
+export { default as CardIcon } from './CardIcon';
+export { default as CheckIcon } from './CheckIcon';
+export { default as CircleIcon } from './CircleIcon';
+export { default as ClockIcon } from './ClockIcon';
+export { default as CloudIcon } from './CloudIcon';
+export { default as CodeIcon } from './CodeIcon';
+export { default as CoffeeIcon } from './CoffeeIcon';
+export { default as CoinsIcon } from './CoinsIcon';
+export { default as CommentIcon } from './CommentIcon';
+export { default as ComponentIcon } from './ComponentIcon';
+export { default as ComposeIcon } from './ComposeIcon';
+export { default as CopyIcon } from './CopyIcon';
+export { default as CoreIcon } from './CoreIcon';
+export { default as CoverageIcon } from './CoverageIcon';
+export { default as CoverageIndexIcon } from './CoverageIndexIcon';
+export { default as CpuIcon } from './CpuIcon';
+export { default as CropIcon } from './CropIcon';
+export { default as CrystalBallIcon } from './CrystalBallIcon';
+export { default as CsharpIcon } from './CsharpIcon';
+export { default as DeleteIcon } from './DeleteIcon';
+export { default as DiscoveryIcon } from './DiscoveryIcon';
+export { default as DivingMaskIcon } from './DivingMaskIcon';
+export { default as DocumentFieldsIcon } from './DocumentFieldsIcon';
+export { default as DocumentOrFileIcon } from './DocumentOrFileIcon';
+export { default as DownloadIcon } from './DownloadIcon';
+export { default as DropEmptyIcon } from './DropEmptyIcon';
+export { default as DropFullIcon } from './DropFullIcon';
+export { default as DropHalfIcon } from './DropHalfIcon';
+export { default as DuplicateIcon } from './DuplicateIcon';
+export { default as DynamicJsonFieldIcon } from './DynamicJsonFieldIcon';
+export { default as ECommerceIcon } from './ECommerceIcon';
+export { default as EmptyIcon } from './EmptyIcon';
+export { default as EqualIcon } from './EqualIcon';
+export { default as EyeIcon } from './EyeIcon';
+export { default as FastBackwardIcon } from './FastBackwardIcon';
+export { default as FastForwardIcon } from './FastForwardIcon';
+export { default as FieldIcon } from './FieldIcon';
+export { default as FieldsIcon } from './FieldsIcon';
+export { default as FilterAltIcon } from './FilterAltIcon';
+export { default as FilterIcon } from './FilterIcon';
+export { default as FlagIcon } from './FlagIcon';
+export { default as FlowerIcon } from './FlowerIcon';
+export { default as FolderIcon } from './FolderIcon';
+export { default as FourLeafCloverIcon } from './FourLeafCloverIcon';
+export { default as FrostIcon } from './FrostIcon';
+export { default as GPSMyLocationIcon } from './GPSMyLocationIcon';
+export { default as GPSPinIcon } from './GPSPinIcon';
+export { default as GitBranchIcon } from './GitBranchIcon';
+export { default as GitCommitIcon } from './GitCommitIcon';
+export { default as GitMergeIcon } from './GitMergeIcon';
+export { default as GitPullRequestIcon } from './GitPullRequestIcon';
+export { default as GlassIcon } from './GlassIcon';
+export { default as GlassesIcon } from './GlassesIcon';
+export { default as GraphIcon } from './GraphIcon';
+export { default as GreaterIcon } from './GreaterIcon';
+export { default as GreaterOrEqualIcon } from './GreaterOrEqualIcon';
+export { default as HeadphonesIcon } from './HeadphonesIcon';
+export { default as HeartIcon } from './HeartIcon';
+export { default as HomeIcon } from './HomeIcon';
+export { default as HourGlassIcon } from './HourGlassIcon';
+export { default as IndxIcon } from './IndxIcon';
+export { default as InstanceIcon } from './InstanceIcon';
+export { default as InternetBrowserIcon } from './InternetBrowserIcon';
+export { default as JsonIcon } from './JsonIcon';
+export { default as JsonQueryIcon } from './JsonQueryIcon';
+export { default as JsonResultIcon } from './JsonResultIcon';
+export { default as KeyIcon } from './KeyIcon';
+export { default as LabExperimentIcon } from './LabExperimentIcon';
+export { default as LayoutAlignBottomIcon } from './LayoutAlignBottomIcon';
+export { default as LayoutAlignLeftIcon } from './LayoutAlignLeftIcon';
+export { default as LayoutAlignRightIcon } from './LayoutAlignRightIcon';
+export { default as LayoutAlignTopIcon } from './LayoutAlignTopIcon';
+export { default as LightBulbIcon } from './LightBulbIcon';
+export { default as LinearIcon } from './LinearIcon';
+export { default as LinkIcon } from './LinkIcon';
+export { default as ListIcon } from './ListIcon';
+export { default as LockIcon } from './LockIcon';
+export { default as LoginIcon } from './LoginIcon';
+export { default as LogoutIcon } from './LogoutIcon';
+export { default as LoopIcon } from './LoopIcon';
+export { default as MailIcon } from './MailIcon';
+export { default as MaximizeIcon } from './MaximizeIcon';
+export { default as MenuIcon } from './MenuIcon';
+export { default as MicrophoneIcon } from './MicrophoneIcon';
+export { default as MinimizeIcon } from './MinimizeIcon';
+export { default as MinusIcon } from './MinusIcon';
+export { default as MoneyIcon } from './MoneyIcon';
+export { default as NestedObjectIcon } from './NestedObjectIcon';
+export { default as NextIcon } from './NextIcon';
+export { default as NodesIcon } from './NodesIcon';
+export { default as NugetIcon } from './NugetIcon';
+export { default as OptionsMenuIcon } from './OptionsMenuIcon';
+export { default as PanelAddIcon } from './PanelAddIcon';
+export { default as PanelDeleteIcon } from './PanelDeleteIcon';
+export { default as PatternRecognitionIcon } from './PatternRecognitionIcon';
+export { default as PauseIcon } from './PauseIcon';
+export { default as PcIcon } from './PcIcon';
+export { default as PercentIcon } from './PercentIcon';
+export { default as PersonaliseIcon } from './PersonaliseIcon';
+export { default as PlayIcon } from './PlayIcon';
+export { default as PlusIcon } from './PlusIcon';
+export { default as PointLeftIcon } from './PointLeftIcon';
+export { default as PointRightIcon } from './PointRightIcon';
+export { default as PointUpIcon } from './PointUpIcon';
+export { default as PowerIcon } from './PowerIcon';
+export { default as PrevIcon } from './PrevIcon';
+export { default as PuzzlePieceIcon } from './PuzzlePieceIcon';
+export { default as RSSFeedIcon } from './RSSFeedIcon';
+export { default as RamIcon } from './RamIcon';
+export { default as RecorderIcon } from './RecorderIcon';
+export { default as RefreshIcon } from './RefreshIcon';
+export { default as SaveIcon } from './SaveIcon';
+export { default as SearchIcon } from './SearchIcon';
+export { default as SearchQueryIcon } from './SearchQueryIcon';
+export { default as ShieldIcon } from './ShieldIcon';
+export { default as SlidersHorizontalIcon } from './SlidersHorizontalIcon';
+export { default as SlidersVerticalIcon } from './SlidersVerticalIcon';
+export { default as SmallerIcon } from './SmallerIcon';
+export { default as SmallerOrEqualIcon } from './SmallerOrEqualIcon';
+export { default as SortAscendingIcon } from './SortAscendingIcon';
+export { default as SortDescendingIcon } from './SortDescendingIcon';
+export { default as SparkIcon } from './SparkIcon';
+export { default as SpecialCharactersIcon } from './SpecialCharactersIcon';
+export { default as SpectrumFlatIcon } from './SpectrumFlatIcon';
+export { default as SpectrumIcon } from './SpectrumIcon';
+export { default as SpeedometerIcon } from './SpeedometerIcon';
+export { default as StatusIcon } from './StatusIcon';
+export { default as SupportIcon } from './SupportIcon';
+export { default as TagIcon } from './TagIcon';
+export { default as TerminalIcon } from './TerminalIcon';
+export { default as ThumbsUpIcon } from './ThumbsUpIcon';
+export { default as ToolBoxIcon } from './ToolBoxIcon';
+export { default as TypingIcon } from './TypingIcon';
+export { default as TypoOrBugIcon } from './TypoOrBugIcon';
+export { default as UpdateIcon } from './UpdateIcon';
+export { default as UserAliasIcon } from './UserAliasIcon';
+export { default as UserBookmarkIcon } from './UserBookmarkIcon';
+export { default as UserCheckIcon } from './UserCheckIcon';
+export { default as UserGroupIcon } from './UserGroupIcon';
+export { default as UserIcon } from './UserIcon';
+export { default as UserIdIcon } from './UserIdIcon';
+export { default as UserMinusIcon } from './UserMinusIcon';
+export { default as UserPlusIcon } from './UserPlusIcon';
+export { default as UserPrivacyIcon } from './UserPrivacyIcon';
+export { default as UserTextIcon } from './UserTextIcon';
+export { default as UserXIcon } from './UserXIcon';
+export { default as UsersIcon } from './UsersIcon';
+export { default as VirtualRealityVrHeadsetIcon } from './VirtualRealityVrHeadsetIcon';
+export { default as VolumeHighIcon } from './VolumeHighIcon';
+export { default as VolumeLowIcon } from './VolumeLowIcon';
+export { default as VolumeMediumIcon } from './VolumeMediumIcon';
+export { default as VolumeMuteIcon } from './VolumeMuteIcon';
+export { default as WarningIcon } from './WarningIcon';
+export { default as WeightHighIcon } from './WeightHighIcon';
+export { default as WeightIcon } from './WeightIcon';
+export { default as WeightLowIcon } from './WeightLowIcon';
+export { default as WeightMediumIcon } from './WeightMediumIcon';
+export { default as WiFiIcon } from './WiFiIcon';
+export { default as XOrErrorIcon } from './XOrErrorIcon';
+export { default as ZapIcon } from './ZapIcon';

package/dist/convert-icons.js

@@ -16,6 +16,49 @@ export interface IconProps extends SVGProps<SVGSVGElement> {
 `;
     fs.writeFileSync(path.join(outputDir, 'types.ts'), typeContent);
 };
+const cleanSvgContent = (svgContent) => {
+    // Remove XML declaration
+    let cleaned = svgContent.replace(/<\?xml.*?\?>/, '');
+    // Extract the content between the outer svg tags and preserve the viewBox
+    const match = cleaned.match(/<svg[^>]*>([\s\S]*)<\/svg>/);
+    if (!match)
+        return cleaned;
+    cleaned = match[1].trim();
+    // Remove any remaining doctype or comments
+    cleaned = cleaned.replace(/<!DOCTYPE[^>]*>/g, '');
+    cleaned = cleaned.replace(/<!--[\s\S]*?-->/g, '');
+    // Remove fill attributes from inner elements
+    cleaned = cleaned.replace(/fill="[^"]*"/g, '');
+    return cleaned.trim();
+};
+const extractSvgAttributes = (svgContent) => {
+    const widthMatch = svgContent.match(/width="([^"]*)"/);
+    const heightMatch = svgContent.match(/height="([^"]*)"/);
+    const viewBoxMatch = svgContent.match(/viewBox="([^"]*)"/);
+    return {
+        width: widthMatch ? widthMatch[1] : '24',
+        height: heightMatch ? heightMatch[1] : '24',
+        viewBox: viewBoxMatch ? viewBoxMatch[1] : '0 0 24 24'
+    };
+};
+const generateReactComponent = (svgContent, iconName) => {
+    // Clean up the SVG content and extract attributes
+    const cleanedSvg = cleanSvgContent(svgContent);
+    const { width, height, viewBox } = extractSvgAttributes(svgContent);
+    return `import React from 'react';
+import { IconProps } from './types';
+
+const ${iconName}: React.FC<IconProps> = ({ color = 'currentColor', ...props }) => {
+  return (
+    <svg width="${width}" height="${height}" viewBox="${viewBox}" fill={color} xmlns="http://www.w3.org/2000/svg" {...props}>
+      ${cleanedSvg}
+    </svg>
+  );
+};
+
+export default ${iconName};
+`;
+};
 const processIconSet = (config) => {
     const { sourceDir, outputDir } = config;
     // Create output directory if it doesn't exist
@@ -33,27 +76,7 @@ const processIconSet = (config) => {
                 .split('-')
                 .map(part => part.charAt(0).toUpperCase() + part.slice(1))
                 .join('') + 'Icon';
-            // Extract the SVG content and remove any fill attributes
-            const cleanedSvg = svgContent
-                .replace(/<svg[^>]*>/, match => match.replace(/fill="[^"]*"/g, ''))
-                .replace(/fill="[^"]*"/g, '')
-                .replace(/<svg/g, '<svg {...props} fill={color}')
-                // Indent the inner content
-                .split('\n')
-                .map((line, i) => i === 0 ? line : `      ${line}`)
-                .join('\n')
-                .trim();
-            const componentContent = `import React from 'react';
-import { IconProps } from './types';
-
-const ${componentName}: React.FC<IconProps> = ({ color = 'currentColor', ...props }) => {
-  return (
-    ${cleanedSvg}
-  );
-};
-
-export default ${componentName};
-`;
+            const componentContent = generateReactComponent(svgContent, componentName);
             // Write the new component file
             const outputPath = path.join(outputDir, `${componentName}.tsx`);
             fs.writeFileSync(outputPath, componentContent);

package/package.json

@@ -1,9 +1,17 @@
 {
   "name": "@indxsearch/pixl",
-  "version": "1.0.0",
+  "version": "1.0.3",
   "description": "A collection of React TypeScript icons",
   "main": "dist/index.js",
+  "module": "dist/index.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
   "files": [
     "dist",
     "components"
@@ -11,6 +19,7 @@
   "scripts": {
     "build": "tsc",
     "convert": "ts-node convert-icons.ts",
+    "test": "cd test && npm test",
     "prepare": "npm run build"
   },
   "keywords": [
@@ -27,6 +36,9 @@
   "devDependencies": {
     "@types/node": "^22.14.0",
     "@types/react": "^18.2.0",
+    "test": "file:test",
+    "ts-node": "^10.9.0",
+    "tsx": "^4.19.3",
     "typescript": "^5.8.3"
   }
 }