Merge pull request #4 from larsvanbraam/v1.x.x

V1.x.x

.babelrc

@@ -0,0 +1,34 @@
+{
+  "presets": [
+    ["@babel/env", {
+      "targets": {
+        "browsers": ["last 2 versions"],
+        "node": "6"
+      },
+      "loose": true,
+      "useBuiltIns": false
+    }],
+    "@babel/preset-stage-3",
+    "@babel/typescript"
+  ],
+  "plugins": [
+    ["@babel/plugin-transform-runtime", {
+      "helpers": true,
+      "polyfill": false,
+      "regenerator": false,
+      "moduleName": "@babel/runtime"
+    }]
+  ],
+  "env": {
+    "test": {
+      "plugins": [
+        "./test/_setup/arrow-function-coverage-fix.js",
+        "istanbul"
+      ]
+    }
+  },
+  "ignore": [
+    "src/lib/vendor/**/*.*",
+    "./test/_setup/arrow-function-coverage-fix.js"
+  ]
+}

.codeclimate.yml

@@ -6,14 +6,14 @@ engines:
     config:
       languages:
       - javascript
-      - typescript
   fixme:
       enabled: true
 ratings:
   paths:
   - src/**
 exclude_paths:
-- docs/**/*
+- doc/**/*
 - dist/**/*
 - test/**/*
-- vendor/**/*
+- vendor/**/*
+- example/**/*

.editorconfig

@@ -0,0 +1,15 @@
+# see editorconfig.org
+
+root = true
+
+[*]
+
+# Change these settings to your own preference
+indent_style = space
+indent_size = 2
+
+# We recommend you to keep these unchanged
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true

.eslintignore

@@ -0,0 +1,2 @@
+lib/**/*
+src/lib/vendor/**/*

.eslintrc.js

@@ -0,0 +1,42 @@
+// http://eslint.org/docs/user-guide/configuring
+
+module.exports = {
+  root: true,
+  parser: 'babel-eslint',
+  parserOptions: {
+    sourceType: 'module',
+  },
+  env: {
+    browser: true,
+  },
+  extends: ['airbnb-base', 'prettier'],
+  plugins: ['import', 'prettier'],
+  settings: {
+    "import/resolver": {
+      "node": true,
+      "typescript": true
+    },
+  },
+  rules: {
+    'import/extensions': [
+      'error',
+      'always',
+      // hide known extensions that are resolved by webpack
+      {
+        js: 'never',
+        ts: 'never',
+      },
+    ],
+    // prettier compatibility
+    'max-len': 0,
+    'prettier/prettier': [
+      'error',
+      { singleQuote: true, trailingComma: 'all', printWidth: 100, tabWidth: 2 },
+    ],
+    // only for use with getter-setters
+    'no-underscore-dangle': 0,
+    // to correctly work on windows with some tools that create windows line-endings
+    // this will be correct by git when committed
+    'linebreak-style': 0
+  },
+};

.gitignore

@@ -1,19 +1,17 @@
-# copy to .npmignore
-.idea
-node_modules
-typings
-.tscache
-.sass-cache
+## copy to .npmignore
 .DS_Store
-npm-debug.log
-/coverage
-/dist
-/seng-*.zip
-/seng-*.tar.gz
-/test/*.js
-!/test/config.ts
+.idea
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+node_modules/
+.npm
+.eslintcache
+/coverage/
+/.nyc_output/
+/tmp/
 
-# only ignore in git
+## only ignore in git
 /lib
-/config.ts
-/index.d.ts
+/index.js
+/index.d.ts

.npmignore

@@ -1,32 +1,32 @@
-# .gitignore
-.idea
-node_modules
-typings
-.tscache
-.sass-cache
+## copy from .gitignore
 .DS_Store
-npm-debug.log
-/coverage
-/dist
-/demo
-/seng-*.zip
-/seng-*.tar.gz
-/test/*.js
-!/test/config.ts
+.idea
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+node_modules/
+.npm
+.eslintcache
+/coverage/
+/.nyc_output/
+/tmp/
 
 # .npmignore
+.babelrc
 .editorconfig
+.eslintignore
+.eslintrc.js
 .gitignore
+.nvmrc
+.nycrc
+.prettierignore
+.prettierrc
 .travis.yml
+AUTHORS.md
+CONTRIBUTING.md
 tsconfig.json
 tslint.json
-karma.conf.js
-CONTRIBUTING.md
-AUTHORS.md
 /docs
 /example
 /src
 /test
-/script
-/definition
-/config

.nvmrc

@@ -0,0 +1 @@
+8

.nycrc

@@ -0,0 +1,28 @@
+{
+  "sourceMap": false,
+  "instrument": false,
+  "check-coverage": true,
+  "per-file": true,
+  "lines": 100,
+  "statements": 100,
+  "functions": 100,
+  "branches": 100,
+  "include": [
+    "src/**/*.{js,ts}"
+  ],
+  "exclude": [
+    "test/**/*.spec.{js,ts}",
+    "src/lib/vendor/**/*.*"
+  ],
+  "reporter": [
+    "lcov",
+    "text-summary"
+  ],
+  "extension": [
+    ".js",
+    ".ts"
+  ],
+  "cache": true,
+  "all": true,
+  "report-dir": "./coverage"
+}

.prettierignore

@@ -0,0 +1,3 @@
+# for potential vendor files in src
+lib/**/*
+src/lib/vendor/**/*

.prettierrc

@@ -0,0 +1,14 @@
+{
+  "printWidth": 100,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "overrides": [
+    {
+      "files": "*.json",
+      "options": {
+        "printWidth": 999999
+      }
+    }
+  ]
+}

.travis.yml

@@ -1,32 +1,24 @@
 language: node_js
 
-cache:
-  directories:
-  - node_modules
+cache: yarn
 
 node_js:
+  - 'stable'
   - '6'
+  - '8'
 
 sudo: false
 
-dist: precise
-
 before_install:
-  - if [[ `npm -v` != 5* ]]; then npm i -g npm@5; fi
-  - npm install -g typings
-  - npm install -g codeclimate-test-reporter
+  - yarn global add codeclimate-test-reporter
 
 script:
-  - npm run build
-  - npm run validate
+  - yarn test
 
 after_script:
   - codeclimate-test-reporter < coverage/lcov.info
   - node_modules/.bin/coveralls < coverage/lcov.info
 
-before_deploy:
-  - npm run build:dist && node ./script/package-dist.js
-
 deploy:
   provider: npm
   email: '[email protected]'
@@ -40,4 +32,4 @@ deploy:
 addons:
   code_climate:
     repo_token:
-      secure: 'ONHyuZ4TqJq07CDYNtF2RU7vM0nBIGd1fPk8MvDbWWOeXvJ5B8bnhmHejW8yxodKZLkKnnDHCWw0GPPYlVwC+NbZLGFPz3vpifcUWlPS0jyL60DiNaMxKQc7bYLFpcoQaKZ2x/QLqIxa25pGH2ivXMaK/P9r2/e17Z9IxDhLu9WPcky6FeRyD5jKYtTQqWQ/COWj0gkMjdJdoDe/9lfWVea+sJUVu57ABx53sgDtNmNvkQPfhfllF2x6ly87G0xjIqItCR6Al4DAAzHf87HRi7EnMdf3rTLga/flrkDXzcZDOoaHqN6l5pQAZQGuzq5ZdudDXDx6+uy6J6WqHG8IXCQEu7NoSQ/OI6LN5gwVgegsK/d/JZk2Kru+0lnTjDmRhCP19Qkgu2++3tEO6CPOXG7WgIULYqsXn3zvit0kSKsYekNnjRYpCyQthivz3gWGX8GS3i6TtamdL83YcOP91QoKie+S4eVmamwuttxFEIaQAz97J1bBtHgMvYgAGoT6YOr0OBKKZ2q+sak2+8KmRIP4PGWrziXMuJoJYZGf6ip7LYkRcy0vNC+piXw7wgNMU+NxytkWvNjo7UoIHlyDh3vxgpP5f940nNsGp4fF0eGdEXd8xgVKVh6QXpWS3dE+KAqKj4Kcog7Z0pIPiJk9Ed49CLwTa3df6bOqGsOqH8A='
+      secure: 'ONHyuZ4TqJq07CDYNtF2RU7vM0nBIGd1fPk8MvDbWWOeXvJ5B8bnhmHejW8yxodKZLkKnnDHCWw0GPPYlVwC+NbZLGFPz3vpifcUWlPS0jyL60DiNaMxKQc7bYLFpcoQaKZ2x/QLqIxa25pGH2ivXMaK/P9r2/e17Z9IxDhLu9WPcky6FeRyD5jKYtTQqWQ/COWj0gkMjdJdoDe/9lfWVea+sJUVu57ABx53sgDtNmNvkQPfhfllF2x6ly87G0xjIqItCR6Al4DAAzHf87HRi7EnMdf3rTLga/flrkDXzcZDOoaHqN6l5pQAZQGuzq5ZdudDXDx6+uy6J6WqHG8IXCQEu7NoSQ/OI6LN5gwVgegsK/d/JZk2Kru+0lnTjDmRhCP19Qkgu2++3tEO6CPOXG7WgIULYqsXn3zvit0kSKsYekNnjRYpCyQthivz3gWGX8GS3i6TtamdL83YcOP91QoKie+S4eVmamwuttxFEIaQAz97J1bBtHgMvYgAGoT6YOr0OBKKZ2q+sak2+8KmRIP4PGWrziXMuJoJYZGf6ip7LYkRcy0vNC+piXw7wgNMU+NxytkWvNjo7UoIHlyDh3vxgpP5f940nNsGp4fF0eGdEXd8xgVKVh6QXpWS3dE+KAqKj4Kcog7Z0pIPiJk9Ed49CLwTa3df6bOqGsOqH8A='

README.md

@@ -1,18 +1,17 @@
 [![Travis](https://img.shields.io/travis/larsvanbraam/vue-block-system.svg?maxAge=2592000)](https://travis-ci.org/larsvanbraam/vue-block-system)
-[![Code Climate](https://img.shields.io/codeclimate/github/larsvanbraam/vue-block-system.svg?maxAge=2592000)](https://codeclimate.com/github/larsvanbraam/vue-block-system)
 [![npm](https://img.shields.io/npm/dm/vue-block-system.svg?maxAge=2592000)](https://www.npmjs.com/package/vue-block-system)
 [![GitHub issues](https://img.shields.io/github/issues/larsvanbraam/vue-block-system.svg?style=flat-square)](https://github.com/larsvanbraam/vue-block-system/issues)
 
 <p align="center">
     <img src="http://vue-block-system.larsvanbraam.nl/vue-block-system-1024.png" alt="vue-block-system" width="512"/>
 </p>
 
-Easily create block based websites! 
+Easily create block based websites!
 
-The block system uses the vue-transition-component to handle all component transitions. If you want to read more about this see the [documentation](https://larsvanbraam.github.io/vue-transition-component/). All blocks are transitioned when they enter the viewport. This is done using the [seng-scroll-tracker](https://mediamonks.github.io/seng-scroll-tracker/). 
+The block system uses the vue-transition-component to handle all component transitions. If you want to read more about this see the [documentation](https://larsvanbraam.github.io/vue-transition-component/). All blocks are transitioned when they enter the viewport. This is done using the [seng-scroll-tracker](https://mediamonks.github.io/seng-scroll-tracker/).
 
-## Global note: 
-All examples below are based on the [vue-skeleton](https://github.com/hjeti/vue-skeleton) by [hjeti](https://github.com/hjeti/). 
+## Global note:
+All examples below are based on the [vue-skeleton](https://github.com/hjeti/vue-skeleton) by [hjeti](https://github.com/hjeti/).
 
 ## Installation
 ### yarn / npm
@@ -25,13 +24,16 @@ yarn add vue-block-system
 npm i -S vue-block-system
 ```
 
-## Demo
-I've created a demo repository that contains the setup for the latest vue-skeleton (v0.8.1) with the vue-block-system
-(v0.7.3) installed. You can inspect the code there or if you just want to preview the block system you can visit the
-demo online!
+## Example
+I've included an example setup where you can see the loader in action, to run the project follow these steps:
 
-### [Demo repository](https://github.com/larsvanbraam/vue-block-system-demo)
-### [Online demo](http://vue-block-system.larsvanbraam.nl)
+- `git clone https://github.com/larsvanbraam/vue-block-system.git`
+- `cd vue-block-system/example`
+- `yarn`
+- `yarn dev`
+- Open your browser `localhost:8080`
+
+or click [this link](https://larsvanbraam.github.io/vue-block-system/example) to preview online
 
 ## Usage