Merge pull request #10 from osu-wams/update-icon-list

Update icon list

README.md

@@ -16,8 +16,27 @@ To continuously compile \
 npm run watch
 ```
 
+## Icon Name updates
+
+### OSU Icon Names
+
 To Generate a new list of OSU Icons, replace osu-icon-url with the latest url.
 
 ```shell
 npm run generate-icons osu-icon-url
 ```
+
+### FA Icons
+
+There are two lists of FA icons we need to generate, the normal solid ones and the branded ones. Replace the 
+`<version>` with the appropriate version to generate for both.
+
+```shell
+npm run generate-fa-icons https://cdnjs.cloudflare.com/ajax/libs/font-awesome/<version>/css/fontawesome.min.css
+```
+
+```shell
+npm run generate-fa-icons https://cdnjs.cloudflare.com/ajax/libs/font-awesome/<version>/css/brands.min.css
+```
+
+Copy the results into the respective arrays in [icon-list.js](js/icon-list.js)

js/generate-fa-icon-names.js

@@ -0,0 +1,34 @@
+import fetch from "node-fetch"
+
+const cliArguments = process.argv.slice();
+const iconUrl = cliArguments.slice(2);
+
+/**
+ * Parse the CSS
+ * @param faIconUrl
+ * @returns {Promise<RegExpMatchArray>}
+ */
+async function getOsuIconNames(faIconUrl) {
+ var iconNames = [];
+ var response = await fetch(faIconUrl, {
+ headers: {
+ 'Access-Control-Allow-Origin': '*'
+ },
+ });
+ var data = await response.text();
+
+// parse css to get icon names
+ iconNames = data.match(/\.fa-[a-zA-Z0-9_-]*:/g);
+// trim css class names down to just the icon names
+ iconNames.forEach((name, i) => {
+ iconNames[i] = name.replace('.fa-', "").slice(0, -1);
+ });
+
+ return iconNames;
+}
+
+const osuIconList = await getOsuIconNames(iconUrl[0]);
+osuIconList.sort();
+osuIconList.forEach(iconName => {
+ console.log(`'${iconName}',`);
+});