feat: Add default icons and general project updates (#47)

* update dependencies

* grunt.js updates

* gallium update, grunt call

* remove Google+ icon

* v3 icon additions

* hbs template updates & readme

* formatting fix for hbs

* add mdi v4 icons, rearrange order

* remove lodash dependency

* remove unused gplus svg

* babelrc node version to 16 & newline fixes

Author: roman-bc-dev

.babelrc

@@ -1,9 +1,12 @@
 {
   "presets": [
-    ["babel-preset-env", {
-      "targets": {
-        "node": "4"
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "node": "16"
+        }
       }
-    }]
+    ]
   ]
 }

.nvmrc

@@ -1 +1 @@
-lts/*
+lts/gallium

Gruntfile.js

@@ -1,4 +1,4 @@
-require('babel-register');
+require('@babel/register');
 
 module.exports = function(grunt) {
   require('time-grunt')(grunt);

README.md

@@ -1,7 +1,7 @@
 # Video.js Icon Font
 
 This project contains all of the tooling necessary to generate a new icon font for Video.js. The icons themselves are from
-Google's [Material Design Icons](https://github.com/google/material-design-icons).
+Google's [Material Design Icons](https://github.com/google/material-design-icons) (from the commonly available version 3 of the set, with version 4 symbols supplemented as custom SVGs) and [Font Awesome](https://fontawesome.com/).
 
 You can see an overview of the icons used in the default Video.js font here: https://videojs.github.io/font/
 
@@ -90,4 +90,4 @@ By default, the regular Video.js icons are also included in the font. If you wan
 Example:
 ```sh
 $ grunt --custom-json=MyPluginFont.json --exclude-default
-```
+```

css/videojs-icons.css

@@ -28,9 +28,6 @@
   }, {
     "name": "fullscreen-exit",
     "svg": "navigation/svg/production/ic_fullscreen_exit_48px.svg"
-  }, {
-    "name": "square",
-    "svg": "image/svg/production/ic_crop_square_48px.svg"
   }, {
     "name": "spinner",
     "svg": "image/svg/production/ic_camera_48px.svg"
@@ -40,15 +37,37 @@
   }, {
     "name": "captions",
     "svg": "av/svg/production/ic_closed_caption_48px.svg"
+  }, {
+    "name": "hd",
+    "svg": "av/svg/production/ic_hd_24px.svg"
   }, {
     "name": "chapters",
     "svg": "action/svg/production/ic_list_48px.svg"
+  }, {
+    "name": "downloading",
+    "svg": "downloading.svg",
+    "root-dir": "./custom-icons/mdi-v4/"
+  }, {
+    "name": "file-download",
+    "svg": "file_download.svg",
+    "root-dir": "./custom-icons/mdi-v4/"
+  }, {
+    "name": "file-download-done",
+    "svg": "file_download_done.svg",
+    "root-dir": "./custom-icons/mdi-v4/"
+  }, {
+    "name": "file-download-off",
+    "svg": "file_download_off.svg",
+    "root-dir": "./custom-icons/mdi-v4/"
   }, {
     "name": "share",
     "svg": "social/svg/production/ic_share_48px.svg"
   }, {
     "name": "cog",
     "svg": "action/svg/production/ic_settings_48px.svg"
+  }, {
+    "name": "square",
+    "svg": "image/svg/production/ic_crop_square_48px.svg"
   }, {
     "name": "circle",
     "svg": "image/svg/production/ic_brightness_1_48px.svg"
@@ -58,23 +77,59 @@
   }, {
     "name": "circle-inner-circle",
     "svg": "image/svg/production/ic_adjust_48px.svg"
-  }, {
-    "name": "hd",
-    "svg": "av/svg/production/ic_hd_24px.svg"
   }, {
     "name": "cancel",
     "svg": "navigation/svg/production/ic_cancel_48px.svg"
+  }, {
+    "name": "repeat",
+    "svg": "av/svg/production/ic_repeat_48px.svg"
   }, {
     "name": "replay",
     "svg": "av/svg/production/ic_replay_48px.svg"
+  }, {
+    "name": "replay-5",
+    "svg": "av/svg/production/ic_replay_5_48px.svg"
+  }, {
+    "name": "replay-10",
+    "svg": "av/svg/production/ic_replay_10_48px.svg"
+  }, {
+    "name": "replay-30",
+    "svg": "av/svg/production/ic_replay_30_48px.svg"
+  }, {
+    "name": "forward-5",
+    "svg": "av/svg/production/ic_forward_5_48px.svg"
+  }, {
+    "name": "forward-10",
+    "svg": "av/svg/production/ic_forward_10_48px.svg"
+  }, {
+    "name": "forward-30",
+    "svg": "av/svg/production/ic_forward_30_48px.svg"
+  }, {
+    "name": "audio",
+    "svg": "hardware/svg/production/ic_headset_48px.svg"
+  }, {
+    "name": "next-item",
+    "svg": "av/svg/production/ic_skip_next_48px.svg"
+  }, {
+    "name": "previous-item",
+    "svg": "av/svg/production/ic_skip_previous_48px.svg"
+  }, {
+    "name": "shuffle",
+    "svg": "av/svg/production/ic_shuffle_48px.svg"
+  }, {
+    "name": "cast",
+    "svg": "hardware/svg/production/ic_cast_48px.svg"
+  }, {
+    "name": "picture-in-picture-enter",
+    "svg": "action/svg/production/ic_picture_in_picture_alt_48px.svg"
+  }, {
+    "name": "picture-in-picture-exit",
+    "svg": "picture-in-picture-exit.svg",
+    "root-dir": "./custom-icons/"
   }, {
     "name": "facebook",
     "svg": "facebook.svg",
     "root-dir": "./custom-icons/fontawesome/"
-  }, {
-    "name": "gplus",
-    "svg": "gplus.svg",
-    "root-dir": "./custom-icons/fontawesome/"
   }, {
     "name": "linkedin",
     "svg": "linkedin.svg",
@@ -95,21 +150,5 @@
     "name": "audio-description",
     "svg": "audio-description.svg",
     "root-dir": "./custom-icons/"
-  }, {
-    "name": "audio",
-    "svg": "hardware/svg/production/ic_headset_48px.svg"
-  }, {
-    "name": "next-item",
-    "svg": "av/svg/production/ic_skip_next_48px.svg"
-  }, {
-    "name": "previous-item",
-    "svg": "av/svg/production/ic_skip_previous_48px.svg"
-  }, {
-    "name": "picture-in-picture-enter",
-    "svg": "action/svg/production/ic_picture_in_picture_alt_48px.svg"
-  }, {
-    "name": "picture-in-picture-exit",
-    "svg": "picture-in-picture-exit.svg",
-    "root-dir": "./custom-icons/"
   }]
 }