Merge pull request #87 from mrholek/dev-v2

v2.0.0-alpha.1

Author: xidedix

.babelrc

@@ -1,14 +1,18 @@
 {
   "presets": [
-    ["env", { "modules": false }],
+    ["env", {
+      "modules": false,
+      "targets": {
+        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
+      }
+    }],
     "stage-2"
   ],
-  "plugins": ["transform-runtime"],
-  "comments": false,
+  "plugins": ["transform-vue-jsx", "transform-runtime"],
   "env": {
     "test": {
       "presets": ["env", "stage-2"],
-      "plugins": [ "istanbul" ]
+      "plugins": ["transform-vue-jsx", "istanbul"]
     }
   }
 }

.eslintignore

@@ -1,2 +1,6 @@
-build/*.js
-config/*.js
+/build/
+/config/
+/dist/
+/*.js
+/test/unit/coverage/
+/test/e2e/specs/

.eslintrc.js

@@ -2,26 +2,28 @@
 
 module.exports = {
   root: true,
-  parser: 'babel-eslint',
   parserOptions: {
-    sourceType: 'module'
+    parser: 'babel-eslint'
   },
   env: {
     browser: true,
   },
-  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
-  extends: 'standard',
+  extends: [
+    // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
+    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
+    'plugin:vue/essential',
+    // https://github.com/standard/standard/blob/master/docs/RULES-en.md
+    'standard'
+  ],
   // required to lint *.vue files
   plugins: [
-    'html'
+    'vue'
   ],
   // add your custom rules here
-  'rules': {
-    // allow paren-less arrow functions
-    'arrow-parens': 0,
+  rules: {
     // allow async-await
-    'generator-star-spacing': 0,
+    'generator-star-spacing': 'off',
     // allow debugger during development
-    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
   }
 }

.gitignore

@@ -1,9 +1,18 @@
 .DS_Store
 node_modules/
-dist/
+/dist/
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
-test/unit/coverage
-test/e2e/reports
+/test/unit/coverage/
+/test/e2e/reports/
 selenium-debug.log
+package-lock.json
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln

.postcssrc.js

@@ -2,7 +2,9 @@
 
 module.exports = {
   "plugins": {
-    // to edit target browsers: use "browserlist" field in package.json
+    "postcss-import": {},
+    "postcss-url": {},
+    // to edit target browsers: use "browserslist" field in package.json
     "autoprefixer": {}
   }
 }

CHANGELOG.md

@@ -1,64 +1,42 @@
 ## [vue](./README.md) version `changelog`
 
-##### `v1.0.10`
-- fix: `className` -> `class`
-- refactor: `<b-input-group-prepend>`
-- refactor: `<b-input-group-append>`
-- refactor: `<b-input-group-text>`
-- refactor: remove `<b-input-group-button>`
-- test: initial `Dashboard` unit test added
-- update: bootstrap-vue to `2.0.0-rc.1`
+##### `v2.0.0-alpha.1`
+- refactor: separation of concerns - (CoreUI template/components) for use CoreUI as npm module
+- refactor: project structure change
+- refactor: moved to [vuejs-templates](http://vuejs-templates.github.io/webpack/)
+- chore: moved to [Semantic Versioning](https://semver.org/)
+- refactor: move to [CoreUI-Vue](https://github.com/coreui/coreui-vue) components `v2`
+- refactor: rename containers
+- refactor(Colors): view layout, sub-components
+- refactor(Switches): move to `Switch component v2`
+- refactor(Cards): add `transition` to card-header-action `btn-close`
+- refactor(Cards): add `collapse` to card-header-action `btn-minimize`
+- refactor(Forms): add `transition` to card-header-action `btn-close`
+- refactor(Forms): add `autocomplete` attrib
+- refactor(Forms): add missing `form` tags
+- refactor(Buttons): view rearrange
+- refactor(Jumbotrons): view rearrange  
+- feat(Icons): add `CoreUI Icons` set
+- feat(Tabs): add missing feat `tabs`
+- feat(Charts): add `CustomTooltips`, fix tooltip `chartId` issue
+- refactor: move `scss` to `assets`
+- refactor: IE polyfills
 - chore: dependencies update
-
-###### `v1.0.9`
-- refactor: Sidebar structure
-- test: initial e2e test added
-- chore: dependencies update
-
-###### `v1.0.8`
-- update: vue to `2.5.13`
-- update: Bootstrap to `4.0.0-beta.3`
-- update: bootstrap-vue to `1.4.0`
-- chore: dependencies update
-- refactor: `<b-table>` use the prop `responsive="sm"` instead of `class="table-responsive-sm"`
-- fix: `Vue warn:` Do not use built-in or reserved HTML elements as component id: (header, aside, footer, table)
-- feature: some Bootstrap4 components added
-- temp tweaks(b4 beta3): `InputGroupAddon` and `InputGroupButton` 
-- refactor(checkboxes, radios, labels): temp tweaks 
-- feat: mobile sidebar link click closes the sidebar [#18](https://github.com/mrholek/CoreUI-Vue/pull/18)
-
-###### `v1.0.6`
-- refactor: raw html to `b-row`, `b-col`, `b-card`, `b-button` components
-- fix: Cards.vue: change `variant="accent-` to `class="card-accent-`
-- refactor: Modal's ok-button variants
-- refactor: forms with validation feedback
-- update: bootstrap-vue to `1.1.0`
-- update: to vue: `2.5.6`
-
-###### `v1.0.5`
-- update: bootstrap-vue to `1.0.x`
-- fix: use `<b-form-radio-group>` instead of `<b-form-radio>`  **[breaking change](https://bootstrap-vue.js.org/docs/components/form-radios)** :fire:
-- refactor: `<b-table>` bootstrap-vue component in `Tables` #24
-- refactor: extract `Table` component from `Tables`
-- refactor: `<b-table>` bootstrap-vue component in `Switches` #24
-- fix: add `table-responsive-sm` class to `Tables` #26
-- refactor: use component `<b-navbar-nav>` instead of deprecated prop `is-nav-bar`
-- fix: `b-progress` `height` property workaround (bootstrap-vue)
-- chore: dependencies update
-
-###### `v1.0.4`
-- refactor: import Bootstrap 4 SCSS files from node_modules
-- fix: callouts styles
-
-###### `v1.0.3`
-- update: Bootstrap version to `4.0.0-beta.2`
-- update: vue-chartjs to `3.0.0` **[breaking change](https://github.com/apertureless/vue-chartjs/releases/tag/v3.0.0)** :fire:
-
-###### `v1.0.2`
-- update: to vue: `^2.5.x`
-- update: bootstrap-vue to `1.0.0-beta.9`
-- refactor: (vue `v2.5.x`) deprecated `<template scope="props">` replace with `<div slot-scope="props">`
-- refactor: `HeaderDropdown` component added to `Header`
-- refactor: `b-badge` component added (bootstrap-vue)
-- chore: `package.json` project dependencies update
-
+- chore: cleanups
+
+other:  
+
+- feat: app-footer fixed
+- refactor(dashboard): brand-card, progress-group-bars 
+- refactor(social-box-chart-example): props
+- feat(forms): new `<b-form-input type="date">` example added
+- refactor(cards): Card outline, Card accent - title variants added
+- feat: card-header-actions
+- feat(_nav): Navbars example added
+- update: vuejs-templates/webpack to v1.3.1
+- fix: eslint `valid template root`
+- refactor: card header title spacing
+- refactor: btn-brand 
+- test(e2e): update
+- refactor: sidebar
+- refactor: chart examples 

README.md

@@ -32,21 +32,74 @@ Within the download you'll find the following directories and files:
 
 ```
 CoreUI-Vue/
-├── Vue_Full_Project/
-├── Vue_Starter/
-
+├── build/               # webpack config files
+├── config/              # main project config
+├── scss/                # styles
+├── src/                 # project root
+│   ├── assets/                 # module assets (processed by webpack)
+│   ├── components/             # ui components
+│   ├── containers/             # ui containers
+│   ├── router/                 # routing 
+│   ├── shared/                 # utils
+│   ├── views/                  # ui views
+│   ├── App.vue                 # main app component
+│   └── main.js                 # app entry file
+├── _nav.js              # sidebar nav config
+├── static/              # pure static assets (directly copied)
+├── test/
+│   └── unit/            # unit tests
+│   └── e2e/             # e2e tests
+├── .babelrc.js          # babel config
+├── .editorconfig        # settings for your editor
+├── .eslintignore        # eslint ignore rules
+├── .eslintrc.js         # eslint config
+├── .gitignore           # defaults for gitignore
+├── .postcssrc.js        # postcss config
+├── CHANGELOG.md
+├── index.html           # index.html template
+├── LICENSE
+├── README.md
+└── package.json         # build scripts and dependencies
 ```
 
 ## Other Versions
 
 CoreUI includes 6 Version for Angular 4, AngularJS, React.js, Vue.js, Static HTML5 and AJAX HTML5.
 
-* [Angular Version (Angular 2+)](https://github.com/mrholek/CoreUI-Angular).
-* [AngularJS Version](https://github.com/mrholek/CoreUI-AngularJS).
-* [HTML5 AJAX Version](https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template).
-* [HTML5 Static Version](https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template).
-* [React.js Version](https://github.com/mrholek/CoreUI-React).
-* [Vue.js Version](https://github.com/mrholek/CoreUI-Vue).
+* [Angular Version (Angular 2+)](https://github.com/mrholek/CoreUI-Angular)
+* [AngularJS Version](https://github.com/mrholek/CoreUI-AngularJS)
+* [HTML5 AJAX Version](https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template)
+* [HTML5 Static Version](https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template)
+* [React.js Version](https://github.com/mrholek/CoreUI-React)
+* [Vue.js Version](https://github.com/mrholek/CoreUI-Vue)
+* [ASP.NET Core 2 MVC Version](https://github.com/mrholek/CoreUI-NET)
+
+## Build Setup
+
+``` bash
+# install dependencies
+npm install
+
+# serve with hot reload at localhost:8080
+npm run dev
+
+# build for production with minification
+npm run build
+
+# build for production and view the bundle analyzer report
+npm run build --report
+
+# run unit tests
+npm run unit
+
+# run e2e tests
+npm run e2e
+
+# run all tests
+npm test
+```
+
+For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
 
 ## Bugs and feature requests
 

build/build.js

@@ -1,31 +1,37 @@
+'use strict'
 require('./check-versions')()
 
 process.env.NODE_ENV = 'production'
 
-var ora = require('ora')
-var rm = require('rimraf')
-var path = require('path')
-var chalk = require('chalk')
-var webpack = require('webpack')
-var config = require('../config')
-var webpackConfig = require('./webpack.prod.conf')
+const ora = require('ora')
+const rm = require('rimraf')
+const path = require('path')
+const chalk = require('chalk')
+const webpack = require('webpack')
+const config = require('../config')
+const webpackConfig = require('./webpack.prod.conf')
 
-var spinner = ora('building for production...')
+const spinner = ora('building for production...')
 spinner.start()
 
 rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
   if (err) throw err
-  webpack(webpackConfig, function (err, stats) {
+  webpack(webpackConfig, (err, stats) => {
     spinner.stop()
     if (err) throw err
     process.stdout.write(stats.toString({
       colors: true,
       modules: false,
-      children: false,
+      children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build.
       chunks: false,
       chunkModules: false
     }) + '\n\n')
 
+    if (stats.hasErrors()) {
+      console.log(chalk.red('  Build failed with errors.\n'))
+      process.exit(1)
+    }
+
     console.log(chalk.cyan('  Build complete.\n'))
     console.log(chalk.yellow(
       '  Tip: built files are meant to be served over an HTTP server.\n' +

build/check-versions.js

@@ -1,17 +1,19 @@
-var chalk = require('chalk')
-var semver = require('semver')
-var packageConfig = require('../package.json')
-var shell = require('shelljs')
+'use strict'
+const chalk = require('chalk')
+const semver = require('semver')
+const packageConfig = require('../package.json')
+const shell = require('shelljs')
+
 function exec (cmd) {
   return require('child_process').execSync(cmd).toString().trim()
 }
 
-var versionRequirements = [
+const versionRequirements = [
   {
     name: 'node',
     currentVersion: semver.clean(process.version),
     versionRequirement: packageConfig.engines.node
-  },
+  }
 ]
 
 if (shell.which('npm')) {
@@ -23,9 +25,11 @@ if (shell.which('npm')) {
 }
 
 module.exports = function () {
-  var warnings = []
-  for (var i = 0; i < versionRequirements.length; i++) {
-    var mod = versionRequirements[i]
+  const warnings = []
+
+  for (let i = 0; i < versionRequirements.length; i++) {
+    const mod = versionRequirements[i]
+
     if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
       warnings.push(mod.name + ': ' +
         chalk.red(mod.currentVersion) + ' should be ' +
@@ -38,10 +42,12 @@ module.exports = function () {
     console.log('')
     console.log(chalk.yellow('To use this template, you must update following to modules:'))
     console.log()
-    for (var i = 0; i < warnings.length; i++) {
-      var warning = warnings[i]
+
+    for (let i = 0; i < warnings.length; i++) {
+      const warning = warnings[i]
       console.log('  ' + warning)
     }
+
     console.log()
     process.exit(1)
   }