diff --git a/react.js b/react.js deleted file mode 100644 index 4de3c1a60..000000000 --- a/react.js +++ /dev/null @@ -1,311 +0,0 @@ -undefinedimport getReactComponent from './src/getReactComponent'; -export { Activity, -Airplay, -AlertCircle, -AlertOctagon, -AlertTriangle, -AlignCenter, -AlignJustify, -AlignLeft, -AlignRight, -Anchor, -Aperture, -Archive, -ArrowDownCircle, -ArrowDownLeft, -ArrowDownRight, -ArrowDown, -ArrowLeftCircle, -ArrowLeft, -ArrowRightCircle, -ArrowRight, -ArrowUpCircle, -ArrowUpLeft, -ArrowUpRight, -ArrowUp, -AtSign, -Award, -BarChart2, -BarChart, -BatteryCharging, -BatteryFull, -BatteryLow, -BatteryMedium, -Battery, -BellOff, -Bell, -Bluetooth, -Bold, -BookOpen, -Book, -Bookmark, -Box, -Briefcase, -Calendar, -CameraOff, -Camera, -Cast, -CheckCircle, -CheckSquare, -Check, -ChevronDown, -ChevronLeft, -ChevronRight, -ChevronUp, -ChevronsDown, -ChevronsLeft, -ChevronsRight, -ChevronsUp, -Chrome, -Circle, -Clipboard, -Clock, -CloudDrizzle, -CloudLightning, -CloudOff, -CloudRain, -CloudSnow, -Cloud, -Code, -Codepen, -Codesandbox, -Coffee, -Columns, -Command, -Compass, -Contact, -Contrast, -Copy, -Copyleft, -Copyright, -CornerDownLeft, -CornerDownRight, -CornerLeftDown, -CornerLeftUp, -CornerRightDown, -CornerRightUp, -CornerUpLeft, -CornerUpRight, -Cpu, -CreditCard, -Crop, -Crosshair, -Database, -Delete, -Disc, -DivideCircle, -DivideSquare, -Divide, -DollarSign, -DownloadCloud, -Download, -Dribbble, -Droplet, -Edit2, -Edit3, -Edit, -ExternalLink, -EyeOff, -Eye, -Facebook, -FastForward, -Feather, -Figma, -FileMinus, -FilePlus, -FileText, -File, -Film, -Filter, -Flag, -FolderMinus, -FolderPlus, -Folder, -Framer, -Frown, -Gamepad2, -Gamepad, -Gift, -GitBranch, -GitCommit, -GitMerge, -GitPullRequest, -GitHub, -Gitlab, -Globe, -Grid, -GripHorizontal, -GripVertical, -HardDrive, -Hash, -Headphones, -Heart, -HelpCircle, -Hexagon, -Highlighter, -Home, -Image, -Inbox, -Info, -Instagram, -Italic, -Key, -Languages, -Layers, -Layout, -LifeBuoy, -Link2Off, -Link2, -Link, -Linkedin, -List, -Loader, -Lock, -LogIn, -LogOut, -Mail, -MapPin, -Map, -Maximize2, -Maximize, -Meh, -Menu, -MessageCircle, -MessageSquare, -MicOff, -Mic, -Minimize2, -Minimize, -MinusCircle, -MinusSquare, -Minus, -Monitor, -Moon, -MoreHorizontal, -MoreVertical, -MousePointer, -Move, -Music, -Navigation2, -Navigation, -Network, -Octagon, -Package, -Paperclip, -PauseCircle, -Pause, -PenTool, -Percent, -PhoneCall, -PhoneForwarded, -PhoneIncoming, -PhoneMissed, -PhoneOff, -PhoneOutgoing, -Phone, -PieChart, -PlayCircle, -Play, -PlusCircle, -PlusSquare, -Plus, -Pocket, -Power, -Printer, -Radio, -RefreshCcw, -RefreshCw, -Repeat, -Rewind, -RotateCcw, -RotateCw, -Rss, -Save, -Scissors, -ScreenShareOff, -ScreenShare, -Search, -Send, -Server, -Settings, -Share2, -Share, -ShieldOff, -Shield, -ShoppingBag, -ShoppingCart, -Shuffle, -Sidebar, -SkipBack, -SkipForward, -Slack, -Slash, -Sliders, -Smartphone, -Smile, -Snowflake, -SortAsc, -SortDesc, -Speaker, -Square, -Star, -StopCircle, -Strikethrough, -Sun, -Sunrise, -Sunset, -SwitchCamera, -Tablet, -Tag, -Target, -Terminal, -Thermometer, -ThumbsDown, -ThumbsUp, -ToggleLeft, -ToggleRight, -Tool, -Trash2, -Trash, -Trello, -TrendingDown, -TrendingUp, -Triangle, -Truck, -Tv, -Twitch, -Twitter, -Type, -Umbrella, -Underline, -Unlink2, -Unlink, -Unlock, -UploadCloud, -Upload, -UserCheck, -UserMinus, -UserPlus, -UserX, -User, -Users, -VideoOff, -Video, -Voicemail, -Volume1, -Volume2, -VolumeX, -Volume, -Watch, -WifiOff, -Wifi, -Wind, -XCircle, -XOctagon, -XSquare, -X, -Youtube, -ZapOff, -Zap, -ZoomIn, -ZoomOut }; diff --git a/scripts/build/generateIconFiles.js b/scripts/build/generateIconFiles.js index 83b41ed7d..307f2115b 100644 --- a/scripts/build/generateIconFiles.js +++ b/scripts/build/generateIconFiles.js @@ -16,11 +16,11 @@ export default function(iconNode, outputDirectory) { const location = path.join(iconsDistDirectory, `${icon}.js`); const ComponentName = generateComponentName(icon); - const VNode = JSON.stringify(iconNode[icon]); + const Node = JSON.stringify(iconNode[icon]); const element = ` - export default [${VNode}] - ` + export default [${Node}] + `; fs.writeFileSync( location, diff --git a/scripts/build/helpers.js b/scripts/build/helpers.js index dea0017bb..15af9c4e4 100644 --- a/scripts/build/helpers.js +++ b/scripts/build/helpers.js @@ -9,8 +9,21 @@ import path from 'path'; */ export const generateComponentName = (iconName) => iconName === "github" ? "GitHub" : upperCamelCase(iconName); +/** + * Resets the file contents. + * + * @param {string} fileName + * @param {string} outputDirectory + */ export const resetFile = (fileName, outputDirectory) => fs.writeFileSync(path.join(outputDirectory, fileName), "", "utf-8"); +/** + * writes content to a file + * + * @param {string} content + * @param {string} fileName + * @param {string} outputDirectory + */ export const writeFile = (content, fileName, outputDirectory) => fs.appendFileSync( path.join(outputDirectory, fileName), content, diff --git a/scripts/buildIcons.js b/scripts/buildIcons.js index 732384f04..8ddba72bd 100644 --- a/scripts/buildIcons.js +++ b/scripts/buildIcons.js @@ -19,8 +19,10 @@ const getSvg = svgFile => fs.readFileSync(path.join(IN_DIR, svgFile)); const icons = renderIconsObject(svgFiles, getSvg); const iconVNodes = renderIconNodes(icons); +// Generates iconsNodes files for each icon generateIconFiles(iconVNodes, OUTPUT_DIR); +// Generates entry files for the compiler filled with icons exports generateExportsFile('index.js', OUTPUT_DIR, 'getElement', iconVNodes); generateExportsFile('react.js', OUTPUT_DIR, 'getReactComponent', iconVNodes); generateExportsFile('vue.js', OUTPUT_DIR, 'getVueComponent', iconVNodes); diff --git a/src/getters/getElement.js b/src/getters/getElement.js index 61cba2aaa..03b37a965 100644 --- a/src/getters/getElement.js +++ b/src/getters/getElement.js @@ -12,6 +12,8 @@ const createElement = (tag, attrs, children = []) => { element.appendChild(childElement); }); } + + return element; } export default (iconNode) => createElement(iconNode);