First working version

vycoder · vycoder · commit cb06db9e4372 · 2018-10-06T16:02:30.000+08:00
diff --git a/package.json b/package.json
@@ -1,16 +1,19 @@
 {
   "name": "vue-animate-onscroll",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "A simple component that animates element upon scroll",
   "main": "src/index.js",
   "author": "yev",
   "repository": {
     "type": "git",
     "url": "https://github.com/josephharveyangeles/vue-animate-onscroll"
   },
-  "keywords": ["vue", "scroll", "animate", "reveal"],
+  "keywords": [
+    "vue",
+    "scroll",
+    "animate",
+    "reveal"
+  ],
   "license": "MIT",
-  "dependencies": {
-    "waypoints": "^4.0.1"
-  }
+  "dependencies": {}
 }
diff --git a/src/index.js b/src/index.js
@@ -1,6 +1,50 @@
+var ScrollAnimate = function(el, binding) {
+
+  var params = binding.value;
+  var modifiers = binding.modifiers;
+  var defaultClass = el.className;
+
+  function isInScrollView(rect){
+    return rect.top < document.documentElement.clientHeight && rect.bottom > 0;
+  }
+
+  return {
+    dispatch: function(isUpwards) {
+      if(!isInScrollView(el.getBoundingClientRect())) {
+        if (modifiers.repeat) { // there will be a decision matrix for isUpwards and params.up or params.down
+          // el.className = oldClasses;
+        }
+        return;
+      }
+
+      var classToApply;
+      if (typeof params === 'string') {
+        classToApply = params;
+      }
+      else if (params.down && params.up) { // implicit repeat
+        classToApply = isUpwards ? params.up : params.down;
+      } else {
+        classToApply = params.up || params.down;
+      }
+      el.className = defaultClass + ' ' + classToApply;
+    }
+  }
+}
+
 export default {
-  install(Vue, options) {
-    Vue.directive('vue-animate-onscroll', {
-    });
+  install(Vue, os = {}) {
+    var scrollAnimate;
+    Vue.directive('animate-onscroll', {
+      bind(el, binding) {
+        scrollAnimate = ScrollAnimate(el, binding);
+      },
+      inserted(el, binding) {
+        window.addEventListener('scroll', function() {
+          var isUpwards = this.oldScroll > this.scrollY;
+          scrollAnimate.dispatch(isUpwards);
+          this.oldScroll = this.scrollY;
+        });
+      }
+    })
   }
 }
diff --git a/src/noframework.waypoints.min.js b/src/noframework.waypoints.min.js
diff --git a/yarn.lock b/yarn.lock
@@ -2,7 +2,3 @@
 # yarn lockfile v1
 
 
-waypoints@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/waypoints/-/waypoints-4.0.1.tgz#09979a0573810b29627cba4366a284a062ec69c8"
-  integrity sha1-CZeaBXOBCylifLpDZqKEoGLsacg=
