mirror of
https://github.com/discourse/discourse.git
synced 2025-02-25 18:55:32 -06:00
Upgrade to FontAwesome 5 (take two) (#6673)
* Add missing icons to set
* Revert FA5 revert
This reverts commit 42572ff
* use new SVG syntax in locales
* Noscript page changes (remove login button, center "powered by" footer text)
* Cast wider net for SVG icons in settings
- include any _icon setting for SVG registry (offers better support for plugin settings)
- let themes store multiple pipe-delimited icons in a setting
- also replaces broken onebox image icon with SVG reference in cooked post processor
* interpolate icons in locales
* Fix composer whisper icon alignment
* Add support for stacked icons
* SECURITY: enforce hostname to match discourse hostname
This ensures that the hostname rails uses for various helpers always matches
the Discourse hostname
* load SVG sprite with pre-initializers
* FIX: enable caching on SVG sprites
* PERF: use JSONP for SVG sprites so they are served from CDN
This avoids needing to deal with CORS for loading of the SVG
Note, added the svg- prefix to the filename so we can quickly tell in
dev tools what the file is
* Add missing SVG sprite JSONP script to CSP
* Upgrade to FA 5.5.0
* Add support for all FA4.7 icons
- adds complete frontend and backend for renamed FA4.7 icons
- improves performance of SvgSprite.bundle and SvgSprite.all_icons
* Fix group avatar flair preview
- adds an endpoint at /svg-sprites/search/:keyword
- adds frontend ajax call that pulls icon in avatar flair preview even when it is not in subset
* Remove FA 4.7 font files
This commit is contained in:
Penar Musaraj
GitHub
462
lib/svg_sprite/fa4-renames.json
Normal file
462
lib/svg_sprite/fa4-renames.json
Normal file
@@ -0,0 +1,462 @@
|
||||
{
|
||||
"500px": "fab-500px",
|
||||
"address-book-o": "far-address-book",
|
||||
"address-card-o": "far-address-card",
|
||||
"adn": "fab-adn",
|
||||
"amazon": "fab-amazon",
|
||||
"android": "fab-android",
|
||||
"angellist": "fab-angellist",
|
||||
"apple": "fab-apple",
|
||||
"area-chart": "chart-area",
|
||||
"arrow-circle-o-down": "far-arrow-alt-circle-down",
|
||||
"arrow-circle-o-left": "far-arrow-alt-circle-left",
|
||||
"arrow-circle-o-right": "far-arrow-alt-circle-right",
|
||||
"arrow-circle-o-up": "far-arrow-alt-circle-up",
|
||||
"arrows": "arrows-alt",
|
||||
"arrows-alt": "expand-arrows-alt",
|
||||
"arrows-h": "arrows-alt-h",
|
||||
"arrows-v": "arrows-alt-v",
|
||||
"asl-interpreting": "american-sign-language-interpreting",
|
||||
"automobile": "car",
|
||||
"bandcamp": "fab-bandcamp",
|
||||
"bank": "university",
|
||||
"bar-chart": "far-chart-bar",
|
||||
"bar-chart-o": "far-chart-bar",
|
||||
"bathtub": "bath",
|
||||
"battery": "battery-full",
|
||||
"battery-0": "battery-empty",
|
||||
"battery-1": "battery-quarter",
|
||||
"battery-2": "battery-half",
|
||||
"battery-3": "battery-three-quarters",
|
||||
"battery-4": "battery-full",
|
||||
"behance": "fab-behance",
|
||||
"behance-square": "fab-behance-square",
|
||||
"bell-o": "far-bell",
|
||||
"bell-slash-o": "far-bell-slash",
|
||||
"bitbucket": "fab-bitbucket",
|
||||
"bitbucket-square": "fab-bitbucket",
|
||||
"bitcoin": "fab-btc",
|
||||
"black-tie": "fab-black-tie",
|
||||
"bluetooth": "fab-bluetooth",
|
||||
"bluetooth-b": "fab-bluetooth-b",
|
||||
"bookmark-o": "far-bookmark",
|
||||
"btc": "fab-btc",
|
||||
"building-o": "far-building",
|
||||
"buysellads": "fab-buysellads",
|
||||
"cab": "taxi",
|
||||
"calendar": "calendar-alt",
|
||||
"calendar-check-o": "far-calendar-check",
|
||||
"calendar-minus-o": "far-calendar-minus",
|
||||
"calendar-o": "far-calendar",
|
||||
"calendar-plus-o": "far-calendar-plus",
|
||||
"calendar-times-o": "far-calendar-times",
|
||||
"caret-square-o-down": "far-caret-square-down",
|
||||
"caret-square-o-left": "far-caret-square-left",
|
||||
"caret-square-o-right": "far-caret-square-right",
|
||||
"caret-square-o-up": "far-caret-square-up",
|
||||
"cc": "far-closed-captioning",
|
||||
"cc-amex": "fab-cc-amex",
|
||||
"cc-diners-club": "fab-cc-diners-club",
|
||||
"cc-discover": "fab-cc-discover",
|
||||
"cc-jcb": "fab-cc-jcb",
|
||||
"cc-mastercard": "fab-cc-mastercard",
|
||||
"cc-paypal": "fab-cc-paypal",
|
||||
"cc-stripe": "fab-cc-stripe",
|
||||
"cc-visa": "fab-cc-visa",
|
||||
"chain": "link",
|
||||
"chain-broken": "unlink",
|
||||
"check-circle-o": "far-check-circle",
|
||||
"check-square-o": "far-check-square",
|
||||
"chrome": "fab-chrome",
|
||||
"circle-o": "far-circle",
|
||||
"circle-o-notch": "circle-notch",
|
||||
"circle-thin": "far-circle",
|
||||
"clipboard": "far-clipboard",
|
||||
"clock-o": "far-clock",
|
||||
"clone": "far-clone",
|
||||
"close": "times",
|
||||
"cloud-download": "cloud-download-alt",
|
||||
"cloud-upload": "cloud-upload-alt",
|
||||
"cny": "yen-sign",
|
||||
"code-fork": "code-branch",
|
||||
"codepen": "fab-codepen",
|
||||
"codiepie": "fab-codiepie",
|
||||
"comment-o": "far-comment",
|
||||
"commenting": "far-comment-dots",
|
||||
"commenting-o": "far-comment-dots",
|
||||
"comments-o": "far-comments",
|
||||
"compass": "far-compass",
|
||||
"connectdevelop": "fab-connectdevelop",
|
||||
"contao": "fab-contao",
|
||||
"copyright": "far-copyright",
|
||||
"creative-commons": "fab-creative-commons",
|
||||
"credit-card": "far-credit-card",
|
||||
"credit-card-alt": "credit-card",
|
||||
"css3": "fab-css3",
|
||||
"cutlery": "utensils",
|
||||
"dashboard": "tachometer-alt",
|
||||
"dashcube": "fab-dashcube",
|
||||
"deafness": "deaf",
|
||||
"dedent": "outdent",
|
||||
"delicious": "fab-delicious",
|
||||
"deviantart": "fab-deviantart",
|
||||
"diamond": "far-gem",
|
||||
"digg": "fab-digg",
|
||||
"dollar": "dollar-sign",
|
||||
"dot-circle-o": "far-dot-circle",
|
||||
"dribbble": "fab-dribbble",
|
||||
"drivers-license": "id-card",
|
||||
"drivers-license-o": "far-id-card",
|
||||
"dropbox": "fab-dropbox",
|
||||
"drupal": "fab-drupal",
|
||||
"edge": "fab-edge",
|
||||
"eercast": "fab-sellcast",
|
||||
"empire": "fab-empire",
|
||||
"envelope-o": "far-envelope",
|
||||
"envelope-open-o": "far-envelope-open",
|
||||
"envira": "fab-envira",
|
||||
"etsy": "fab-etsy",
|
||||
"eur": "euro-sign",
|
||||
"euro": "euro-sign",
|
||||
"exchange": "exchange-alt",
|
||||
"expeditedssl": "fab-expeditedssl",
|
||||
"external-link": "external-link-alt",
|
||||
"external-link-square": "external-link-square-alt",
|
||||
"eye": "far-eye",
|
||||
"eye-slash": "far-eye-slash",
|
||||
"eyedropper": "eye-dropper",
|
||||
"fa": "fab-font-awesome",
|
||||
"facebook": "fab-facebook-f",
|
||||
"facebook-f": "fab-facebook-f",
|
||||
"facebook-official": "fab-facebook",
|
||||
"facebook-square": "fab-facebook-square",
|
||||
"feed": "rss",
|
||||
"file-archive-o": "far-file-archive",
|
||||
"file-audio-o": "far-file-audio",
|
||||
"file-code-o": "far-file-code",
|
||||
"file-excel-o": "far-file-excel",
|
||||
"file-image-o": "far-file-image",
|
||||
"file-movie-o": "far-file-video",
|
||||
"file-o": "far-file",
|
||||
"file-pdf-o": "far-file-pdf",
|
||||
"file-photo-o": "far-file-image",
|
||||
"file-picture-o": "far-file-image",
|
||||
"file-powerpoint-o": "far-file-powerpoint",
|
||||
"file-sound-o": "far-file-audio",
|
||||
"file-text": "file-alt",
|
||||
"file-text-o": "far-file-alt",
|
||||
"file-video-o": "far-file-video",
|
||||
"file-word-o": "far-file-word",
|
||||
"file-zip-o": "far-file-archive",
|
||||
"files-o": "far-copy",
|
||||
"firefox": "fab-firefox",
|
||||
"first-order": "fab-first-order",
|
||||
"flag-o": "far-flag",
|
||||
"flash": "bolt",
|
||||
"flickr": "fab-flickr",
|
||||
"floppy-o": "far-save",
|
||||
"folder-o": "far-folder",
|
||||
"folder-open-o": "far-folder-open",
|
||||
"font-awesome": "fab-font-awesome",
|
||||
"fonticons": "fab-fonticons",
|
||||
"fort-awesome": "fab-fort-awesome",
|
||||
"forumbee": "fab-forumbee",
|
||||
"foursquare": "fab-foursquare",
|
||||
"free-code-camp": "fab-free-code-camp",
|
||||
"frown-o": "far-frown",
|
||||
"futbol-o": "far-futbol",
|
||||
"gbp": "pound-sign",
|
||||
"ge": "fab-empire",
|
||||
"gear": "cog",
|
||||
"gears": "cogs",
|
||||
"get-pocket": "fab-get-pocket",
|
||||
"gg": "fab-gg",
|
||||
"gg-circle": "fab-gg-circle",
|
||||
"git": "fab-git",
|
||||
"git-square": "fab-git-square",
|
||||
"github": "fab-github",
|
||||
"github-alt": "fab-github-alt",
|
||||
"github-square": "fab-github-square",
|
||||
"gitlab": "fab-gitlab",
|
||||
"gittip": "fab-gratipay",
|
||||
"glass": "glass-martini",
|
||||
"glide": "fab-glide",
|
||||
"glide-g": "fab-glide-g",
|
||||
"google": "fab-google",
|
||||
"google-plus": "fab-google-plus-g",
|
||||
"google-plus-circle": "fab-google-plus",
|
||||
"google-plus-official": "fab-google-plus",
|
||||
"google-plus-square": "fab-google-plus-square",
|
||||
"google-wallet": "fab-google-wallet",
|
||||
"gratipay": "fab-gratipay",
|
||||
"grav": "fab-grav",
|
||||
"group": "users",
|
||||
"hacker-news": "fab-hacker-news",
|
||||
"hand-grab-o": "far-hand-rock",
|
||||
"hand-lizard-o": "far-hand-lizard",
|
||||
"hand-o-down": "far-hand-point-down",
|
||||
"hand-o-left": "far-hand-point-left",
|
||||
"hand-o-right": "far-hand-point-right",
|
||||
"hand-o-up": "far-hand-point-up",
|
||||
"hand-paper-o": "far-hand-paper",
|
||||
"hand-peace-o": "far-hand-peace",
|
||||
"hand-pointer-o": "far-hand-pointer",
|
||||
"hand-rock-o": "far-hand-rock",
|
||||
"hand-scissors-o": "far-hand-scissors",
|
||||
"hand-spock-o": "far-hand-spock",
|
||||
"hand-stop-o": "far-hand-paper",
|
||||
"handshake-o": "far-handshake",
|
||||
"hard-of-hearing": "deaf",
|
||||
"hdd-o": "far-hdd",
|
||||
"header": "heading",
|
||||
"heart-o": "far-heart",
|
||||
"hospital-o": "far-hospital",
|
||||
"hotel": "bed",
|
||||
"hourglass-1": "hourglass-start",
|
||||
"hourglass-2": "hourglass-half",
|
||||
"hourglass-3": "hourglass-end",
|
||||
"hourglass-o": "far-hourglass",
|
||||
"houzz": "fab-houzz",
|
||||
"html5": "fab-html5",
|
||||
"id-card-o": "far-id-card",
|
||||
"ils": "shekel-sign",
|
||||
"image": "far-image",
|
||||
"imdb": "fab-imdb",
|
||||
"inr": "rupee-sign",
|
||||
"instagram": "fab-instagram",
|
||||
"institution": "university",
|
||||
"internet-explorer": "fab-internet-explorer",
|
||||
"intersex": "transgender",
|
||||
"ioxhost": "fab-ioxhost",
|
||||
"joomla": "fab-joomla",
|
||||
"jpy": "yen-sign",
|
||||
"jsfiddle": "fab-jsfiddle",
|
||||
"keyboard-o": "far-keyboard",
|
||||
"krw": "won-sign",
|
||||
"lastfm": "fab-lastfm",
|
||||
"lastfm-square": "fab-lastfm-square",
|
||||
"leanpub": "fab-leanpub",
|
||||
"legal": "gavel",
|
||||
"lemon-o": "far-lemon",
|
||||
"level-down": "level-down-alt",
|
||||
"level-up": "level-up-alt",
|
||||
"life-bouy": "far-life-ring",
|
||||
"life-buoy": "far-life-ring",
|
||||
"life-ring": "far-life-ring",
|
||||
"life-saver": "far-life-ring",
|
||||
"lightbulb-o": "far-lightbulb",
|
||||
"line-chart": "chart-line",
|
||||
"linkedin": "fab-linkedin-in",
|
||||
"linkedin-square": "fab-linkedin",
|
||||
"linode": "fab-linode",
|
||||
"linux": "fab-linux",
|
||||
"list-alt": "far-list-alt",
|
||||
"long-arrow-down": "long-arrow-alt-down",
|
||||
"long-arrow-left": "long-arrow-alt-left",
|
||||
"long-arrow-right": "long-arrow-alt-right",
|
||||
"long-arrow-up": "long-arrow-alt-up",
|
||||
"mail-forward": "share",
|
||||
"mail-reply": "reply",
|
||||
"mail-reply-all": "reply-all",
|
||||
"map-marker": "map-marker-alt",
|
||||
"map-o": "far-map",
|
||||
"maxcdn": "fab-maxcdn",
|
||||
"meanpath": "fab-font-awesome",
|
||||
"medium": "fab-medium",
|
||||
"meetup": "fab-meetup",
|
||||
"meh-o": "far-meh",
|
||||
"minus-square-o": "far-minus-square",
|
||||
"mixcloud": "fab-mixcloud",
|
||||
"mobile": "mobile-alt",
|
||||
"mobile-phone": "mobile-alt",
|
||||
"modx": "fab-modx",
|
||||
"money": "far-money-bill-alt",
|
||||
"moon-o": "far-moon",
|
||||
"mortar-board": "graduation-cap",
|
||||
"navicon": "bars",
|
||||
"newspaper-o": "far-newspaper",
|
||||
"object-group": "far-object-group",
|
||||
"object-ungroup": "far-object-ungroup",
|
||||
"odnoklassniki": "fab-odnoklassniki",
|
||||
"odnoklassniki-square": "fab-odnoklassniki-square",
|
||||
"opencart": "fab-opencart",
|
||||
"openid": "fab-openid",
|
||||
"opera": "fab-opera",
|
||||
"optin-monster": "fab-optin-monster",
|
||||
"pagelines": "fab-pagelines",
|
||||
"paper-plane-o": "far-paper-plane",
|
||||
"paste": "far-clipboard",
|
||||
"pause-circle-o": "far-pause-circle",
|
||||
"paypal": "fab-paypal",
|
||||
"pencil": "pencil-alt",
|
||||
"pencil-square": "pen-square",
|
||||
"pencil-square-o": "far-edit",
|
||||
"photo": "far-image",
|
||||
"picture-o": "far-image",
|
||||
"pie-chart": "chart-pie",
|
||||
"pied-piper": "fab-pied-piper",
|
||||
"pied-piper-alt": "fab-pied-piper-alt",
|
||||
"pied-piper-pp": "fab-pied-piper-pp",
|
||||
"pinterest": "fab-pinterest",
|
||||
"pinterest-p": "fab-pinterest-p",
|
||||
"pinterest-square": "fab-pinterest-square",
|
||||
"play-circle-o": "far-play-circle",
|
||||
"plus-square-o": "far-plus-square",
|
||||
"product-hunt": "fab-product-hunt",
|
||||
"qq": "fab-qq",
|
||||
"question-circle-o": "far-question-circle",
|
||||
"quora": "fab-quora",
|
||||
"ra": "fab-rebel",
|
||||
"ravelry": "fab-ravelry",
|
||||
"rebel": "fab-rebel",
|
||||
"reddit": "fab-reddit",
|
||||
"reddit-alien": "fab-reddit-alien",
|
||||
"reddit-square": "fab-reddit-square",
|
||||
"refresh": "sync",
|
||||
"registered": "far-registered",
|
||||
"remove": "times",
|
||||
"renren": "fab-renren",
|
||||
"reorder": "bars",
|
||||
"repeat": "redo",
|
||||
"resistance": "fab-rebel",
|
||||
"rmb": "yen-sign",
|
||||
"rotate-left": "undo",
|
||||
"rotate-right": "redo",
|
||||
"rouble": "ruble-sign",
|
||||
"rub": "ruble-sign",
|
||||
"ruble": "ruble-sign",
|
||||
"rupee": "rupee-sign",
|
||||
"s15": "bath",
|
||||
"safari": "fab-safari",
|
||||
"scissors": "cut",
|
||||
"scribd": "fab-scribd",
|
||||
"sellsy": "fab-sellsy",
|
||||
"send": "paper-plane",
|
||||
"send-o": "far-paper-plane",
|
||||
"share-square-o": "far-share-square",
|
||||
"shekel": "shekel-sign",
|
||||
"sheqel": "shekel-sign",
|
||||
"shield": "shield-alt",
|
||||
"shirtsinbulk": "fab-shirtsinbulk",
|
||||
"sign-in": "sign-in-alt",
|
||||
"sign-out": "sign-out-alt",
|
||||
"signing": "sign-language",
|
||||
"simplybuilt": "fab-simplybuilt",
|
||||
"skyatlas": "fab-skyatlas",
|
||||
"skype": "fab-skype",
|
||||
"slack": "fab-slack",
|
||||
"sliders": "sliders-h",
|
||||
"slideshare": "fab-slideshare",
|
||||
"smile-o": "far-smile",
|
||||
"snapchat": "fab-snapchat",
|
||||
"snapchat-ghost": "fab-snapchat-ghost",
|
||||
"snapchat-square": "fab-snapchat-square",
|
||||
"snowflake-o": "far-snowflake",
|
||||
"soccer-ball-o": "far-futbol",
|
||||
"sort-alpha-asc": "sort-alpha-down",
|
||||
"sort-alpha-desc": "sort-alpha-up",
|
||||
"sort-amount-asc": "sort-amount-down",
|
||||
"sort-amount-desc": "sort-amount-up",
|
||||
"sort-asc": "sort-up",
|
||||
"sort-desc": "sort-down",
|
||||
"sort-numeric-asc": "sort-numeric-down",
|
||||
"sort-numeric-desc": "sort-numeric-up",
|
||||
"soundcloud": "fab-soundcloud",
|
||||
"spoon": "utensil-spoon",
|
||||
"spotify": "fab-spotify",
|
||||
"square-o": "far-square",
|
||||
"stack-exchange": "fab-stack-exchange",
|
||||
"stack-overflow": "fab-stack-overflow",
|
||||
"star-half-empty": "far-star-half",
|
||||
"star-half-full": "far-star-half",
|
||||
"star-half-o": "far-star-half",
|
||||
"star-o": "far-star",
|
||||
"steam": "fab-steam",
|
||||
"steam-square": "fab-steam-square",
|
||||
"sticky-note-o": "far-sticky-note",
|
||||
"stop-circle-o": "far-stop-circle",
|
||||
"stumbleupon": "fab-stumbleupon",
|
||||
"stumbleupon-circle": "fab-stumbleupon-circle",
|
||||
"sun-o": "far-sun",
|
||||
"superpowers": "fab-superpowers",
|
||||
"support": "far-life-ring",
|
||||
"tablet": "tablet-alt",
|
||||
"tachometer": "tachometer-alt",
|
||||
"telegram": "fab-telegram",
|
||||
"television": "tv",
|
||||
"tencent-weibo": "fab-tencent-weibo",
|
||||
"themeisle": "fab-themeisle",
|
||||
"thermometer": "thermometer-full",
|
||||
"thermometer-0": "thermometer-empty",
|
||||
"thermometer-1": "thermometer-quarter",
|
||||
"thermometer-2": "thermometer-half",
|
||||
"thermometer-3": "thermometer-three-quarters",
|
||||
"thermometer-4": "thermometer-full",
|
||||
"thumb-tack": "thumbtack",
|
||||
"thumbs-o-down": "far-thumbs-down",
|
||||
"thumbs-o-up": "far-thumbs-up",
|
||||
"ticket": "ticket-alt",
|
||||
"times-circle-o": "far-times-circle",
|
||||
"times-rectangle": "window-close",
|
||||
"times-rectangle-o": "far-window-close",
|
||||
"toggle-down": "far-caret-square-down",
|
||||
"toggle-left": "far-caret-square-left",
|
||||
"toggle-right": "far-caret-square-right",
|
||||
"toggle-up": "far-caret-square-up",
|
||||
"trash": "trash-alt",
|
||||
"trash-o": "far-trash-alt",
|
||||
"trello": "fab-trello",
|
||||
"tripadvisor": "fab-tripadvisor",
|
||||
"try": "lira-sign",
|
||||
"tumblr": "fab-tumblr",
|
||||
"tumblr-square": "fab-tumblr-square",
|
||||
"turkish-lira": "lira-sign",
|
||||
"twitch": "fab-twitch",
|
||||
"twitter": "fab-twitter",
|
||||
"twitter-square": "fab-twitter-square",
|
||||
"unsorted": "sort",
|
||||
"usb": "fab-usb",
|
||||
"usd": "dollar-sign",
|
||||
"user-circle-o": "far-user-circle",
|
||||
"user-o": "far-user",
|
||||
"vcard": "address-card",
|
||||
"vcard-o": "far-address-card",
|
||||
"viacoin": "fab-viacoin",
|
||||
"viadeo": "fab-viadeo",
|
||||
"viadeo-square": "fab-viadeo-square",
|
||||
"video-camera": "video",
|
||||
"vimeo": "fab-vimeo-v",
|
||||
"vimeo-square": "fab-vimeo-square",
|
||||
"vine": "fab-vine",
|
||||
"vk": "fab-vk",
|
||||
"volume-control-phone": "phone-volume",
|
||||
"warning": "exclamation-triangle",
|
||||
"wechat": "fab-weixin",
|
||||
"weibo": "fab-weibo",
|
||||
"weixin": "fab-weixin",
|
||||
"whatsapp": "fab-whatsapp",
|
||||
"wheelchair-alt": "fab-accessible-icon",
|
||||
"wikipedia-w": "fab-wikipedia-w",
|
||||
"window-close-o": "far-window-close",
|
||||
"window-maximize": "far-window-maximize",
|
||||
"window-restore": "far-window-restore",
|
||||
"windows": "fab-windows",
|
||||
"won": "won-sign",
|
||||
"wordpress": "fab-wordpress",
|
||||
"wpbeginner": "fab-wpbeginner",
|
||||
"wpexplorer": "fab-wpexplorer",
|
||||
"wpforms": "fab-wpforms",
|
||||
"xing": "fab-xing",
|
||||
"xing-square": "fab-xing-square",
|
||||
"y-combinator": "fab-y-combinator",
|
||||
"y-combinator-square": "fab-hacker-news",
|
||||
"yahoo": "fab-yahoo",
|
||||
"yc": "fab-y-combinator",
|
||||
"yc-square": "fab-hacker-news",
|
||||
"yelp": "fab-yelp",
|
||||
"yen": "yen-sign",
|
||||
"yoast": "fab-yoast",
|
||||
"youtube": "fab-youtube",
|
||||
"youtube-play": "fab-youtube",
|
||||
"youtube-square": "fab-youtube-square"
|
||||
}
|
||||
341
lib/svg_sprite/svg_sprite.rb
Normal file
341
lib/svg_sprite/svg_sprite.rb
Normal file
@@ -0,0 +1,341 @@
|
||||
# frozen_string_literal: true
|
||||
|
||||
require_dependency 'distributed_cache'
|
||||
|
||||
module SvgSprite
|
||||
SVG_ICONS ||= Set.new([
|
||||
"adjust",
|
||||
"anchor",
|
||||
"angle-double-down",
|
||||
"angle-double-up",
|
||||
"angle-down",
|
||||
"angle-right",
|
||||
"angle-up",
|
||||
"archive",
|
||||
"arrows-alt-h",
|
||||
"arrow-down",
|
||||
"arrow-up",
|
||||
"arrow-left",
|
||||
"at",
|
||||
"backward",
|
||||
"ban",
|
||||
"bars",
|
||||
"bed",
|
||||
"bell-slash",
|
||||
"bold",
|
||||
"book",
|
||||
"bookmark",
|
||||
"briefcase",
|
||||
"calendar-alt",
|
||||
"caret-down",
|
||||
"caret-left",
|
||||
"caret-right",
|
||||
"caret-up",
|
||||
"certificate",
|
||||
"chart-bar",
|
||||
"chart-pie",
|
||||
"check",
|
||||
"check-circle",
|
||||
"check-square",
|
||||
"chevron-down",
|
||||
"chevron-right",
|
||||
"chevron-up",
|
||||
"circle",
|
||||
"code",
|
||||
"cog",
|
||||
"columns",
|
||||
"comment",
|
||||
"compress",
|
||||
"copy",
|
||||
"crosshairs",
|
||||
"cube",
|
||||
"desktop",
|
||||
"download",
|
||||
"ellipsis-h",
|
||||
"ellipsis-v",
|
||||
"envelope",
|
||||
"envelope-square",
|
||||
"exchange-alt",
|
||||
"exclamation-circle",
|
||||
"exclamation-triangle",
|
||||
"external-link-alt",
|
||||
"expand",
|
||||
"fab-apple",
|
||||
"fab-facebook-f",
|
||||
"fab-facebook-square",
|
||||
"fab-github",
|
||||
"fab-google-plus-square",
|
||||
"fab-instagram",
|
||||
"fab-twitter",
|
||||
"fab-linux",
|
||||
"fab-twitter-square",
|
||||
"fab-windows",
|
||||
"fab-yahoo",
|
||||
"far-bell",
|
||||
"far-bell-slash",
|
||||
"far-calendar-plus",
|
||||
"far-chart-bar",
|
||||
"far-check-square",
|
||||
"far-circle",
|
||||
"far-clipboard",
|
||||
"far-clock",
|
||||
"far-comment",
|
||||
"far-dot-circle",
|
||||
"far-edit",
|
||||
"far-envelope",
|
||||
"far-eye",
|
||||
"far-eye-slash",
|
||||
"far-file-alt",
|
||||
"far-frown",
|
||||
"far-heart",
|
||||
"far-image",
|
||||
"far-list-alt",
|
||||
"far-moon",
|
||||
"far-smile",
|
||||
"far-square",
|
||||
"far-sun",
|
||||
"far-thumbs-down",
|
||||
"far-thumbs-up",
|
||||
"far-trash-alt",
|
||||
"fast-backward",
|
||||
"fast-forward",
|
||||
"file",
|
||||
"file-alt",
|
||||
"filter",
|
||||
"flag",
|
||||
"folder",
|
||||
"folder-open",
|
||||
"forward",
|
||||
"gavel",
|
||||
"globe",
|
||||
"globe-americas",
|
||||
"hand-point-right",
|
||||
"heading",
|
||||
"heart",
|
||||
"home",
|
||||
"info-circle",
|
||||
"italic",
|
||||
"key",
|
||||
"link",
|
||||
"list",
|
||||
"list-ol",
|
||||
"list-ul",
|
||||
"lock",
|
||||
"map-marker-alt",
|
||||
"magic",
|
||||
"microphone-slash",
|
||||
"minus",
|
||||
"minus-circle",
|
||||
"mobile-alt",
|
||||
"paint-brush",
|
||||
"paper-plane",
|
||||
"pencil-alt",
|
||||
"plug",
|
||||
"plus",
|
||||
"plus-circle",
|
||||
"plus-square",
|
||||
"power-off",
|
||||
"question",
|
||||
"question-circle",
|
||||
"quote-left",
|
||||
"quote-right",
|
||||
"random",
|
||||
"redo",
|
||||
"reply",
|
||||
"rocket",
|
||||
"search",
|
||||
"share",
|
||||
"shield-alt",
|
||||
"shower",
|
||||
"signal",
|
||||
"sign-out-alt",
|
||||
"step-backward",
|
||||
"step-forward",
|
||||
"sync",
|
||||
"table",
|
||||
"tag",
|
||||
"tasks",
|
||||
"tv",
|
||||
"thermometer-three-quarters",
|
||||
"thumbs-down",
|
||||
"thumbs-up",
|
||||
"thumbtack",
|
||||
"times",
|
||||
"times-circle",
|
||||
"trash-alt",
|
||||
"undo",
|
||||
"unlink",
|
||||
"unlock",
|
||||
"unlock-alt",
|
||||
"upload",
|
||||
"user",
|
||||
"user-plus",
|
||||
"user-secret",
|
||||
"user-times",
|
||||
"users",
|
||||
"wrench"
|
||||
])
|
||||
|
||||
FA_ICON_MAP = { 'far fa-' => 'far-', 'fab fa-' => 'fab-', 'fas fa-' => '', 'fa-' => '' }
|
||||
|
||||
def self.svg_sprite_cache
|
||||
@svg_sprite_cache ||= DistributedCache.new('svg_sprite')
|
||||
end
|
||||
|
||||
def self.all_icons
|
||||
icons = Set.new()
|
||||
icons
|
||||
.merge(settings_icons)
|
||||
.merge(plugin_icons)
|
||||
.merge(badge_icons)
|
||||
.merge(group_icons)
|
||||
.merge(theme_icons)
|
||||
.delete_if { |i| i.blank? || i.include?("/") }
|
||||
.map! { |i| process(i.dup) }
|
||||
.merge(SVG_ICONS)
|
||||
icons
|
||||
end
|
||||
|
||||
def self.rebuild_cache
|
||||
icons = all_icons
|
||||
svg_sprite_cache['icons'] = icons
|
||||
svg_sprite_cache['version'] = Digest::SHA1.hexdigest(icons.sort.join('|'))
|
||||
end
|
||||
|
||||
def self.expire_cache
|
||||
svg_sprite_cache.clear
|
||||
end
|
||||
|
||||
def self.version
|
||||
svg_sprite_cache['version'] || rebuild_cache
|
||||
end
|
||||
|
||||
def self.bundle
|
||||
icons = svg_sprite_cache['icons'] || all_icons
|
||||
|
||||
doc = File.open("#{Rails.root}/vendor/assets/svg-icons/fontawesome/solid.svg") { |f| Nokogiri::XML(f) }
|
||||
fa_license = doc.at('//comment()').text
|
||||
|
||||
svg_subset = """<!--
|
||||
Discourse SVG subset of #{fa_license}
|
||||
-->
|
||||
<svg xmlns='http://www.w3.org/2000/svg' style='display: none;'>
|
||||
""".dup
|
||||
|
||||
Dir["#{Rails.root}/vendor/assets/svg-icons/fontawesome/*.svg"].each do |fname|
|
||||
svg_file = Nokogiri::XML(File.open(fname)) do |config|
|
||||
config.options = Nokogiri::XML::ParseOptions::NOBLANKS
|
||||
end
|
||||
|
||||
svg_filename = "#{File.basename(fname, ".svg")}"
|
||||
|
||||
svg_file.css('symbol').each do |sym|
|
||||
icon_id = prepare_symbol(sym, svg_filename)
|
||||
|
||||
if icons.include? icon_id
|
||||
sym.attributes['id'].value = icon_id
|
||||
sym.css('title').each { |t| t.remove }
|
||||
svg_subset << sym.to_xml
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
svg_subset << '</svg>'
|
||||
end
|
||||
|
||||
def self.search(searched_icon)
|
||||
searched_icon = process(searched_icon.dup)
|
||||
|
||||
Dir["#{Rails.root}/vendor/assets/svg-icons/fontawesome/*.svg"].each do |fname|
|
||||
svg_file = Nokogiri::XML(File.open(fname))
|
||||
svg_filename = "#{File.basename(fname, ".svg")}"
|
||||
|
||||
svg_file.css('symbol').each do |sym|
|
||||
icon_id = prepare_symbol(sym, svg_filename)
|
||||
|
||||
if searched_icon == icon_id
|
||||
sym.attributes['id'].value = icon_id
|
||||
sym.css('title').each { |t| t.remove }
|
||||
return sym.to_xml
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
return false
|
||||
end
|
||||
|
||||
def self.prepare_symbol(symbol, svg_filename)
|
||||
icon_id = symbol.attr('id')
|
||||
|
||||
case svg_filename
|
||||
when "regular"
|
||||
icon_id = icon_id.prepend('far-')
|
||||
when "brands"
|
||||
icon_id = icon_id.prepend('fab-')
|
||||
end
|
||||
|
||||
icon_id
|
||||
end
|
||||
|
||||
def self.path
|
||||
"/svg-sprite/#{Discourse.current_hostname}/svg-#{version}.js"
|
||||
end
|
||||
|
||||
def self.settings_icons
|
||||
# includes svg_icon_subset and any settings containing _icon (incl. plugin settings)
|
||||
site_setting_icons = []
|
||||
|
||||
SiteSetting.settings_hash.select do |key, value|
|
||||
if key.to_s.include?("_icon") && value.present?
|
||||
site_setting_icons |= value.split('|')
|
||||
end
|
||||
end
|
||||
|
||||
site_setting_icons
|
||||
end
|
||||
|
||||
DiscourseEvent.on(:site_setting_saved) do |site_setting|
|
||||
expire_cache if site_setting.name.to_s.include?("_icon")
|
||||
end
|
||||
|
||||
def self.plugin_icons
|
||||
DiscoursePluginRegistry.svg_icons
|
||||
end
|
||||
|
||||
def self.badge_icons
|
||||
Badge.all.pluck(:icon).uniq
|
||||
end
|
||||
|
||||
def self.group_icons
|
||||
Group.where("flair_url LIKE '%fa-%'").pluck(:flair_url).uniq
|
||||
end
|
||||
|
||||
def self.theme_icons
|
||||
theme_icon_settings = []
|
||||
|
||||
# Theme.all includes default values
|
||||
Theme.all.each do |theme|
|
||||
settings = theme.cached_settings.each do |key, value|
|
||||
if key.to_s.include?("_icon") && value.present?
|
||||
theme_icon_settings |= value.split('|')
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
theme_icon_settings
|
||||
end
|
||||
|
||||
def self.fa4_shim_file
|
||||
"#{Rails.root}/lib/svg_sprite/fa4-renames.json"
|
||||
end
|
||||
|
||||
def self.fa4_to_fa5_names
|
||||
@db ||= File.open(fa4_shim_file, "r:UTF-8") { |f| JSON.parse(f.read); }
|
||||
end
|
||||
|
||||
def self.process(icon_name)
|
||||
icon_name = icon_name.strip
|
||||
FA_ICON_MAP.each { |k, v| icon_name.sub!(k, v) }
|
||||
fa4_to_fa5_names[icon_name] || icon_name
|
||||
end
|
||||
end
|
||||
Reference in New Issue
Block a user