Update Dependencies

Author: Anthony Du Pont

README.md

@@ -48,6 +48,7 @@ Older browsers or versions can be supported by Highway by combining it with **po
 ## Releases
 #### 2.2.x
 
+- :lock: Update dependencies for security purposes
 - :tada: Add new websites in the *Hall of Fame*
 - :tada: Add [Polyfills](https://highway.js.org/examples/polyfills.html) example to documentation
 - :sparkles: Reduce bundle size significantly with [microbundle](https://github.com/developit/microbundle)

docs/assets/js/main.js

@@ -9,18 +9,18 @@
     "serve": "jekyll serve"
   },
   "devDependencies": {
-    "@babel/core": "^7.5.4",
-    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
-    "@babel/preset-env": "^7.5.4",
-    "babel-loader": "^8.0.6",
-    "core-js": "^3.1.4",
-    "regenerator-runtime": "^0.13.2",
-    "webpack": "^4.35.3",
-    "webpack-cli": "^3.3.6"
+    "@babel/core": "^7.9.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/preset-env": "^7.9.5",
+    "babel-loader": "^8.1.0",
+    "core-js": "^3.6.5",
+    "jekyll": "^3.0.0-beta1",
+    "regenerator-runtime": "^0.13.5",
+    "webpack": "^4.42.1",
+    "webpack-cli": "^3.3.11"
   },
   "dependencies": {
-    "gsap": "^2.1.3",
-    "jekyll": "^3.0.0-beta1",
+    "gsap": "^3.2.6",
     "whatwg-fetch": "^3.0.0"
   }
 }

docs/package-lock.json

@@ -2,7 +2,7 @@
 import Highway from 'highway';
 
 // GSAP
-import Tween from 'gsap';
+import { TweenMax } from 'gsap';
 
 // Basic
 class Basic extends Highway.Transition {
@@ -14,15 +14,15 @@ class Basic extends Highway.Transition {
     from.remove();
 
     // Animation
-    Tween.set(to, { opacity: 1 });
+    TweenMax.set(to, { opacity: 1 });
 
     // Done
     done();
   }
 
   out({ from, done }) {
     // Animation
-    Tween.set(from, { opacity: 0 });
+    TweenMax.set(from, { opacity: 0 });
 
     // Done
     done();

docs/package.json

@@ -2,7 +2,7 @@
 import Highway from 'highway';
 
 // GSAP
-import Tween from 'gsap';
+import { TweenMax } from 'gsap';
 
 // Fade
 class Fade extends Highway.Transition {
@@ -14,7 +14,7 @@ class Fade extends Highway.Transition {
     from.remove();
 
     // Animation
-    Tween.fromTo(to, 0.5,
+    TweenMax.fromTo(to, 0.5,
       { opacity: 0 },
       {
         opacity: 1,
@@ -25,7 +25,7 @@ class Fade extends Highway.Transition {
 
   out({ from, done }) {
     // Animation
-    Tween.fromTo(from, 0.5,
+    TweenMax.fromTo(from, 0.5,
       { opacity: 1 },
       {
         opacity: 0,

docs/src/js/transitions/basic.js

@@ -2,7 +2,7 @@
 import Highway from 'highway';
 
 // GSAP
-import Tween from 'gsap';
+import { TweenMax } from 'gsap';
 
 // Fade
 class Overlap extends Highway.Transition {
@@ -11,7 +11,7 @@ class Overlap extends Highway.Transition {
     window.scrollTo(0, 0);
 
     // Animation
-    Tween.fromTo(to, 0.5,
+    TweenMax.fromTo(to, 0.5,
       { opacity: 0 },
       {
         opacity: 1,
@@ -20,7 +20,7 @@ class Overlap extends Highway.Transition {
     );
 
     // Animation
-    Tween.fromTo(from, 0.5,
+    TweenMax.fromTo(from, 0.5,
       { opacity: 1 },
       {
         opacity: 0,

docs/src/js/transitions/fade.js

@@ -47,8 +47,7 @@ module.exports = {
   },
   resolve: {
     alias: {
-      'highway': 'build/highway.js',
-      'gsap': 'gsap/TweenMax.js'
+      'highway': 'build/highway.js'
     },
     modules: ['.', 'node_modules'],
     extensions: ['.js']