Initial commit

.babelrc

@@ -0,0 +1,6 @@
+{
+  "presets": [
+    "es2015",
+    "stage-0"
+  ]
+}

.editorconfig

@@ -0,0 +1,13 @@
+# Editor configuration, see http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

.eslintrc

@@ -0,0 +1,35 @@
+{
+  "extends": "airbnb-base",
+  "parser": "babel-eslint",
+  "parserOptions": {
+    "ecmaVersion": 6
+  },
+  "rules": {
+    "no-unused-vars": 2,
+    "max-len": [2, 80, 2],
+    "no-console": 1,
+    "prefer-arrow-callback": 2,
+    "func-style": [
+      2,
+      "expression",
+      {
+        "allowArrowFunctions": true
+      }
+    ],
+    "arrow-body-style": [2, "as-needed"],
+    "array-bracket-spacing": ["error", "never"],
+    "computed-property-spacing": ["error", "never"],
+    "no-duplicate-imports": "error",
+    "object-curly-spacing": ["error", "always"]
+  },
+  "env": {
+    "node": false,
+    "browser": true,
+    "es6": true,
+    "jest": true
+  },
+  "globals": {
+    "process": 1,
+    "module": 1
+  }
+}

.gitignore

@@ -0,0 +1,32 @@
+# Numerous always-ignore extensions
+*.diff
+*.err
+*.log
+*.orig
+*.rej
+*.swo
+*.swp
+*.vi
+*.zip
+*~
+
+# OS or Editor folders
+._*
+.cache
+.DS_Store
+.idea
+.project
+.settings
+.tmproj
+*.esproj
+*.sublime-project
+*.sublime-workspace
+nbproject
+Thumbs.db
+
+# Folders to ignore
+bower_components
+node_modules
+
+# Dev files to ignore
+dist/*.map

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 Mirosław Ciastek
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,3 @@
+# Sal
+
+Lightweight scroll animation library

package.json

@@ -0,0 +1,22 @@
+{
+  "name": "sal",
+  "version": "0.0.1",
+  "description": "Lightweight scroll animation library",
+  "main": "dist/sal.js",
+  "scripts": {
+    "build": "webpack"
+  },
+  "author": "Mirosław Ciastek",
+  "license": "MIT",
+  "devDependencies": {
+    "babel-core": "^6.26.0",
+    "babel-eslint": "^7.2.3",
+    "babel-loader": "^7.1.2",
+    "babel-preset-es2015": "^6.24.1",
+    "babel-preset-stage-0": "^6.24.1",
+    "eslint": "^4.7.2",
+    "eslint-config-airbnb-base": "^12.0.0",
+    "eslint-plugin-import": "^2.7.0",
+    "webpack": "^3.6.0"
+  }
+}

src/sal.js

@@ -0,0 +1,44 @@
+const defaults = {
+  rootMargin: '0px',
+  threshold: 1,
+  animateClassName: 'animated',
+};
+
+export default function (selector = '.js-sal', options = defaults) {
+  const {
+    rootMargin,
+    threshold,
+    animateClassName,
+  } = options;
+
+  let intersectionObserver = null;
+
+  const animate = element => element.classList.add(animateClassName);
+
+  const isAnimated = element => element.classList.contains(animateClassName);
+
+  const onIntersection = (entries, observer) => {
+    entries.forEach((entry) => {
+      if (entry.intersectionRatio > 0) {
+        observer.unobserve(entry.target);
+        animate(entry.target);
+      }
+    });
+  };
+
+  if (window.IntersectionObserver) {
+    intersectionObserver = new IntersectionObserver(onIntersection, {
+      rootMargin,
+      threshold,
+    });
+  } else {
+    throw Error('Your browser does not support IntersectionObserver!');
+  }
+
+  const elements = [].filter.call(
+    document.querySelectorAll(selector),
+    element => !isAnimated(element),
+  );
+
+  elements.forEach(element => intersectionObserver.observe(element));
+}

webpack.config.js

@@ -0,0 +1,25 @@
+var webpack = require('webpack');
+var path = require('path')
+
+module.exports = {
+  entry: './src/sal.js',
+  devtool: 'source-map',
+  output: {
+    path: path.join(__dirname, 'dist'),
+    publicPath: 'dist/',
+    filename: 'sal.js',
+    library: 'Sal',
+    libraryTarget: 'umd',
+    sourceMapFilename: '[file].map'
+  },
+  module: {
+    rules: [{
+      test: /\.js$/,
+      exclude: /node_modules/,
+      loader: 'babel-loader'
+    }]
+  },
+  plugins: [
+    new webpack.optimize.UglifyJsPlugin()
+  ]
+};