diff --git a/CHANGELOG.md b/CHANGELOG.md index ebe776ca..baebacdd 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,12 +1,45 @@ ## [vue](./README.md) version `changelog` +##### `v1.0.11` +- refactor: project directory structure +- update: vuejs-templates/webpack to `1.3.1` +- update: vue to `2.5.13` +- chore: dependencies update + +##### `v1.0.10` +- fix: `className` -> `class` +- refactor: `` +- refactor: `` +- refactor: `` +- refactor: remove `` +- test: initial `Dashboard` unit test added +- update: bootstrap-vue to `2.0.0-rc.1` +- 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: `` 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` +- update: vue to `2.5.6` ###### `v1.0.5` - update: bootstrap-vue to `1.0.x` diff --git a/LICENSE b/LICENSE index cac14468..0e8afdb3 100644 --- a/LICENSE +++ b/LICENSE @@ -1,6 +1,6 @@ The MIT License (MIT) -Copyright (c) 2017 creativeLabs Łukasz Holeczek. +Copyright (c) 2018 creativeLabs Łukasz Holeczek. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/README.md b/README.md index 8a0dfe69..a06b38cc 100644 --- a/README.md +++ b/README.md @@ -2,9 +2,9 @@ ### Check out our Vue Admin Templates and support CoreUI Development -[![Bootstrap Admin Templates Bundle](https://genesisui.com/img/bundle2.png)](https://genesisui.com/bundle.html?support=1) +[![Bootstrap Admin Templates Bundle](https://genesisui.com/img/bundle2.png)](https://genesisui.com/admin-templates/vuejs/prime/?support=1) -[Check out Bootstrap Admin Templates Bundle](https://genesisui.com/bundle.html?support=1) +[Check out Bootstrap Admin Templates Bundle](https://genesisui.com/admin-templates/vuejs/prime/?support=1) This is Vue.js version of our Bootstrap 4 admin template [CoreUI](https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template). @@ -47,6 +47,7 @@ CoreUI includes 6 Version for Angular 4, AngularJS, React.js, Vue.js, Static HTM * [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) ## Bugs and feature requests diff --git a/Vue_Full_Project/.babelrc b/Vue_Full_Project/.babelrc index 13f0e471..f23f64af 100644 --- a/Vue_Full_Project/.babelrc +++ b/Vue_Full_Project/.babelrc @@ -1,14 +1,18 @@ { "presets": [ - ["env", { "modules": false }], + ["env", { + "modules": false, + "targets": { + "browsers": ["> 1%", "last 2 versions", "not ie <= 9"] + } + }], "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"] } } } diff --git a/Vue_Full_Project/.eslintignore b/Vue_Full_Project/.eslintignore index 34af3774..73db570d 100644 --- a/Vue_Full_Project/.eslintignore +++ b/Vue_Full_Project/.eslintignore @@ -1,2 +1,6 @@ -build/*.js -config/*.js +/build/ +/config/ +/dist/ +/*.js +/test/unit/coverage/ +/test/e2e/specs diff --git a/Vue_Full_Project/.eslintrc.js b/Vue_Full_Project/.eslintrc.js index 67c085d6..555acd67 100644 --- a/Vue_Full_Project/.eslintrc.js +++ b/Vue_Full_Project/.eslintrc.js @@ -1,27 +1,29 @@ -// http://eslint.org/docs/user-guide/configuring +// https://eslint.org/docs/user-guide/configuring 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' } } diff --git a/Vue_Full_Project/.gitignore b/Vue_Full_Project/.gitignore index 3e1d210d..dfb4167f 100644 --- a/Vue_Full_Project/.gitignore +++ b/Vue_Full_Project/.gitignore @@ -1,9 +1,17 @@ .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 + +# Editor directories and files +.idea +.vscode +*.suo +*.ntvs* +*.njsproj +*.sln diff --git a/Vue_Full_Project/.postcssrc.js b/Vue_Full_Project/.postcssrc.js index ea9a5ab8..eee3e92d 100644 --- a/Vue_Full_Project/.postcssrc.js +++ b/Vue_Full_Project/.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": {} } } diff --git a/Vue_Full_Project/CHANGELOG.md b/Vue_Full_Project/CHANGELOG.md index ebe776ca..baebacdd 100644 --- a/Vue_Full_Project/CHANGELOG.md +++ b/Vue_Full_Project/CHANGELOG.md @@ -1,12 +1,45 @@ ## [vue](./README.md) version `changelog` +##### `v1.0.11` +- refactor: project directory structure +- update: vuejs-templates/webpack to `1.3.1` +- update: vue to `2.5.13` +- chore: dependencies update + +##### `v1.0.10` +- fix: `className` -> `class` +- refactor: `` +- refactor: `` +- refactor: `` +- refactor: remove `` +- test: initial `Dashboard` unit test added +- update: bootstrap-vue to `2.0.0-rc.1` +- 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: `` 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` +- update: vue to `2.5.6` ###### `v1.0.5` - update: bootstrap-vue to `1.0.x` diff --git a/Vue_Full_Project/README.md b/Vue_Full_Project/README.md index 86ce704d..629872a8 100644 --- a/Vue_Full_Project/README.md +++ b/Vue_Full_Project/README.md @@ -1,6 +1,6 @@ -# core-ui +# CoreUI Vue -> Open Source Admin Template +> CoreUI Vue Open Source Bootsrtap 4 Admin Template ## Build Setup @@ -27,4 +27,4 @@ npm run e2e npm test ``` -For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). +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). diff --git a/Vue_Full_Project/build/build.js b/Vue_Full_Project/build/build.js index 6b8add10..8f2ad8ad 100644 --- a/Vue_Full_Project/build/build.js +++ b/Vue_Full_Project/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' + diff --git a/Vue_Full_Project/build/check-versions.js b/Vue_Full_Project/build/check-versions.js index 100f3a0f..3ef972a0 100644 --- a/Vue_Full_Project/build/check-versions.js +++ b/Vue_Full_Project/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) } diff --git a/Vue_Full_Project/build/dev-client.js b/Vue_Full_Project/build/dev-client.js deleted file mode 100644 index 18aa1e21..00000000 --- a/Vue_Full_Project/build/dev-client.js +++ /dev/null @@ -1,9 +0,0 @@ -/* eslint-disable */ -require('eventsource-polyfill') -var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true') - -hotClient.subscribe(function (event) { - if (event.action === 'reload') { - window.location.reload() - } -}) diff --git a/Vue_Full_Project/build/dev-server.js b/Vue_Full_Project/build/dev-server.js deleted file mode 100644 index a0481699..00000000 --- a/Vue_Full_Project/build/dev-server.js +++ /dev/null @@ -1,91 +0,0 @@ -require('./check-versions')() - -var config = require('../config') -if (!process.env.NODE_ENV) { - process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV) -} - -var opn = require('opn') -var path = require('path') -var express = require('express') -var webpack = require('webpack') -var proxyMiddleware = require('http-proxy-middleware') -var webpackConfig = process.env.NODE_ENV === 'testing' - ? require('./webpack.prod.conf') - : require('./webpack.dev.conf') - -// default port where dev server listens for incoming traffic -var port = process.env.PORT || config.dev.port -// automatically open browser, if not set will be false -var autoOpenBrowser = !!config.dev.autoOpenBrowser -// Define HTTP proxies to your custom API backend -// https://github.com/chimurai/http-proxy-middleware -var proxyTable = config.dev.proxyTable - -var app = express() -var compiler = webpack(webpackConfig) - -var devMiddleware = require('webpack-dev-middleware')(compiler, { - publicPath: webpackConfig.output.publicPath, - quiet: true -}) - -var hotMiddleware = require('webpack-hot-middleware')(compiler, { - log: () => {} -}) -// force page reload when html-webpack-plugin template changes -compiler.plugin('compilation', function (compilation) { - compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) { - hotMiddleware.publish({ action: 'reload' }) - cb() - }) -}) - -// proxy api requests -Object.keys(proxyTable).forEach(function (context) { - var options = proxyTable[context] - if (typeof options === 'string') { - options = { target: options } - } - app.use(proxyMiddleware(options.filter || context, options)) -}) - -// handle fallback for HTML5 history API -app.use(require('connect-history-api-fallback')()) - -// serve webpack bundle output -app.use(devMiddleware) - -// enable hot-reload and state-preserving -// compilation error display -app.use(hotMiddleware) - -// serve pure static assets -var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory) -app.use(staticPath, express.static('./static')) - -var uri = 'http://localhost:' + port - -var _resolve -var readyPromise = new Promise(resolve => { - _resolve = resolve -}) - -console.log('> Starting dev server...') -devMiddleware.waitUntilValid(() => { - console.log('> Listening at ' + uri + '\n') - // when env is testing, don't need open it - if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') { - opn(uri) - } - _resolve() -}) - -var server = app.listen(port) - -module.exports = { - ready: readyPromise, - close: () => { - server.close() - } -} diff --git a/Vue_Full_Project/build/utils.js b/Vue_Full_Project/build/utils.js index 81bde5c6..e534fb0f 100644 --- a/Vue_Full_Project/build/utils.js +++ b/Vue_Full_Project/build/utils.js @@ -1,29 +1,38 @@ -var path = require('path') -var config = require('../config') -var ExtractTextPlugin = require('extract-text-webpack-plugin') +'use strict' +const path = require('path') +const config = require('../config') +const ExtractTextPlugin = require('extract-text-webpack-plugin') +const packageConfig = require('../package.json') exports.assetsPath = function (_path) { - var assetsSubDirectory = process.env.NODE_ENV === 'production' + const assetsSubDirectory = process.env.NODE_ENV === 'production' ? config.build.assetsSubDirectory : config.dev.assetsSubDirectory + return path.posix.join(assetsSubDirectory, _path) } exports.cssLoaders = function (options) { options = options || {} - var cssLoader = { + const cssLoader = { loader: 'css-loader', options: { - minimize: process.env.NODE_ENV === 'production', - sourceMap: options.sourceMap, - alias: { '../img': '../static/img' } + sourceMap: options.sourceMap + } + } + + const postcssLoader = { + loader: 'postcss-loader', + options: { + sourceMap: options.sourceMap } } // generate loader string to be used with extract text plugin function generateLoaders (loader, loaderOptions) { - var loaders = [cssLoader] + const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader] + if (loader) { loaders.push({ loader: loader + '-loader', @@ -59,14 +68,34 @@ exports.cssLoaders = function (options) { // Generate loaders for standalone style files (outside of .vue) exports.styleLoaders = function (options) { - var output = [] - var loaders = exports.cssLoaders(options) - for (var extension in loaders) { - var loader = loaders[extension] + const output = [] + const loaders = exports.cssLoaders(options) + + for (const extension in loaders) { + const loader = loaders[extension] output.push({ test: new RegExp('\\.' + extension + '$'), use: loader }) } + return output } + +exports.createNotifierCallback = () => { + const notifier = require('node-notifier') + + return (severity, errors) => { + if (severity !== 'error') return + + const error = errors[0] + const filename = error.file && error.file.split('!').pop() + + notifier.notify({ + title: packageConfig.name, + message: severity + ': ' + error.name, + subtitle: filename || '', + icon: path.join(__dirname, 'logo.png') + }) + } +} diff --git a/Vue_Full_Project/build/vue-loader.conf.js b/Vue_Full_Project/build/vue-loader.conf.js index 7aee79ba..33ed58bc 100644 --- a/Vue_Full_Project/build/vue-loader.conf.js +++ b/Vue_Full_Project/build/vue-loader.conf.js @@ -1,12 +1,22 @@ -var utils = require('./utils') -var config = require('../config') -var isProduction = process.env.NODE_ENV === 'production' +'use strict' +const utils = require('./utils') +const config = require('../config') +const isProduction = process.env.NODE_ENV === 'production' +const sourceMapEnabled = isProduction + ? config.build.productionSourceMap + : config.dev.cssSourceMap module.exports = { loaders: utils.cssLoaders({ - sourceMap: isProduction - ? config.build.productionSourceMap - : config.dev.cssSourceMap, + sourceMap: sourceMapEnabled, extract: isProduction - }) + }), + cssSourceMap: sourceMapEnabled, + cacheBusting: config.dev.cacheBusting, + transformToRequire: { + video: ['src', 'poster'], + source: 'src', + img: 'src', + image: 'xlink:href' + } } diff --git a/Vue_Full_Project/build/webpack.base.conf.js b/Vue_Full_Project/build/webpack.base.conf.js index eccf7297..1f4f47e4 100644 --- a/Vue_Full_Project/build/webpack.base.conf.js +++ b/Vue_Full_Project/build/webpack.base.conf.js @@ -1,13 +1,26 @@ -var path = require('path') -var utils = require('./utils') -var config = require('../config') -var vueLoaderConfig = require('./vue-loader.conf') +'use strict' +const path = require('path') +const utils = require('./utils') +const config = require('../config') +const vueLoaderConfig = require('./vue-loader.conf') function resolve (dir) { return path.join(__dirname, '..', dir) } +const createLintingRule = () => ({ + test: /\.(js|vue)$/, + loader: 'eslint-loader', + enforce: 'pre', + include: [resolve('src'), resolve('test')], + options: { + formatter: require('eslint-friendly-formatter'), + emitWarning: !config.dev.showEslintErrorsInOverlay + } +}) + module.exports = { + context: path.resolve(__dirname, '../'), entry: { app: './src/main.js' }, @@ -22,20 +35,12 @@ module.exports = { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', - '@': resolve('src') + '@': resolve('src'), } }, module: { rules: [ - { - test: /\.(js|vue)$/, - loader: 'eslint-loader', - enforce: 'pre', - include: [resolve('src'), resolve('test')], - options: { - formatter: require('eslint-friendly-formatter') - } - }, + ...(config.dev.useEslint ? [createLintingRule()] : []), { test: /\.vue$/, loader: 'vue-loader', @@ -44,30 +49,44 @@ module.exports = { { test: /\.js$/, loader: 'babel-loader', - include: [resolve('src'), resolve('test')] + include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')] }, { test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, - use: { - loader: 'file-loader', - options: { - name: '[name].[hash:7].[ext]', - publicPath: '../../', - outputPath: utils.assetsPath('img/') - } + loader: 'url-loader', + options: { + limit: 10000, + name: utils.assetsPath('img/[name].[hash:7].[ext]') } }, { - test: /\.(woff2?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/, - use: { - loader: 'file-loader', - options: { - name: '[name].[hash:7].[ext]', - publicPath: '../../', - outputPath: utils.assetsPath('fonts/') - } + test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/, + loader: 'url-loader', + options: { + limit: 10000, + name: utils.assetsPath('media/[name].[hash:7].[ext]') + } + }, + { + test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, + loader: 'url-loader', + options: { + limit: 10000, + name: utils.assetsPath('fonts/[name].[hash:7].[ext]') } } ] + }, + node: { + // prevent webpack from injecting useless setImmediate polyfill because Vue + // source contains it (although only uses it if it's native). + setImmediate: false, + // prevent webpack from injecting mocks to Node native modules + // that does not make sense for the client + dgram: 'empty', + fs: 'empty', + net: 'empty', + tls: 'empty', + child_process: 'empty' } } diff --git a/Vue_Full_Project/build/webpack.dev.conf.js b/Vue_Full_Project/build/webpack.dev.conf.js index 0764de2a..070ae221 100644 --- a/Vue_Full_Project/build/webpack.dev.conf.js +++ b/Vue_Full_Project/build/webpack.dev.conf.js @@ -1,30 +1,55 @@ -var path = require('path') -var utils = require('./utils') -var webpack = require('webpack') -var config = require('../config') -var merge = require('webpack-merge') -var baseWebpackConfig = require('./webpack.base.conf') -var CopyWebpackPlugin = require('copy-webpack-plugin') -var HtmlWebpackPlugin = require('html-webpack-plugin') -var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin') +'use strict' +const utils = require('./utils') +const webpack = require('webpack') +const config = require('../config') +const merge = require('webpack-merge') +const path = require('path') +const baseWebpackConfig = require('./webpack.base.conf') +const CopyWebpackPlugin = require('copy-webpack-plugin') +const HtmlWebpackPlugin = require('html-webpack-plugin') +const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin') +const portfinder = require('portfinder') -// add hot-reload related code to entry chunks -Object.keys(baseWebpackConfig.entry).forEach(function (name) { - baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name]) -}) +const HOST = process.env.HOST +const PORT = process.env.PORT && Number(process.env.PORT) -module.exports = merge(baseWebpackConfig, { +const devWebpackConfig = merge(baseWebpackConfig, { module: { - rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap }) + rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true }) }, // cheap-module-eval-source-map is faster for development - devtool: '#cheap-module-eval-source-map', + devtool: config.dev.devtool, + + // these devServer options should be customized in /config/index.js + devServer: { + clientLogLevel: 'warning', + historyApiFallback: { + rewrites: [ + { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') }, + ], + }, + hot: true, + contentBase: false, // since we use CopyWebpackPlugin. + compress: true, + host: HOST || config.dev.host, + port: PORT || config.dev.port, + open: config.dev.autoOpenBrowser, + overlay: config.dev.errorOverlay + ? { warnings: false, errors: true } + : false, + publicPath: config.dev.assetsPublicPath, + proxy: config.dev.proxyTable, + quiet: true, // necessary for FriendlyErrorsPlugin + watchOptions: { + poll: config.dev.poll, + } + }, plugins: [ new webpack.DefinePlugin({ - 'process.env': config.dev.env + 'process.env': require('../config/dev.env') }), - // https://github.com/glenjamin/webpack-hot-middleware#installation--usage new webpack.HotModuleReplacementPlugin(), + new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update. new webpack.NoEmitOnErrorsPlugin(), // https://github.com/ampedandwired/html-webpack-plugin new HtmlWebpackPlugin({ @@ -32,14 +57,39 @@ module.exports = merge(baseWebpackConfig, { template: 'index.html', inject: true }), - new FriendlyErrorsPlugin(), // copy custom static assets new CopyWebpackPlugin([ { from: path.resolve(__dirname, '../static'), - to: config.build.assetsSubDirectory, + to: config.dev.assetsSubDirectory, ignore: ['.*'] } ]) ] }) + +module.exports = new Promise((resolve, reject) => { + portfinder.basePort = process.env.PORT || config.dev.port + portfinder.getPort((err, port) => { + if (err) { + reject(err) + } else { + // publish the new Port, necessary for e2e tests + process.env.PORT = port + // add port to devServer config + devWebpackConfig.devServer.port = port + + // Add FriendlyErrorsPlugin + devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({ + compilationSuccessInfo: { + messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`], + }, + onErrors: config.dev.notifyOnErrors + ? utils.createNotifierCallback() + : undefined + })) + + resolve(devWebpackConfig) + } + }) +}) diff --git a/Vue_Full_Project/build/webpack.prod.conf.js b/Vue_Full_Project/build/webpack.prod.conf.js index 99713cc4..2f172596 100644 --- a/Vue_Full_Project/build/webpack.prod.conf.js +++ b/Vue_Full_Project/build/webpack.prod.conf.js @@ -1,26 +1,29 @@ -var path = require('path') -var utils = require('./utils') -var webpack = require('webpack') -var config = require('../config') -var merge = require('webpack-merge') -var baseWebpackConfig = require('./webpack.base.conf') -var CopyWebpackPlugin = require('copy-webpack-plugin') -var HtmlWebpackPlugin = require('html-webpack-plugin') -var ExtractTextPlugin = require('extract-text-webpack-plugin') -var OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin') +'use strict' +const path = require('path') +const utils = require('./utils') +const webpack = require('webpack') +const config = require('../config') +const merge = require('webpack-merge') +const baseWebpackConfig = require('./webpack.base.conf') +const CopyWebpackPlugin = require('copy-webpack-plugin') +const HtmlWebpackPlugin = require('html-webpack-plugin') +const ExtractTextPlugin = require('extract-text-webpack-plugin') +const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin') +const UglifyJsPlugin = require('uglifyjs-webpack-plugin') -var env = process.env.NODE_ENV === 'testing' +const env = process.env.NODE_ENV === 'testing' ? require('../config/test.env') - : config.build.env + : require('../config/prod.env') -var webpackConfig = merge(baseWebpackConfig, { +const webpackConfig = merge(baseWebpackConfig, { module: { rules: utils.styleLoaders({ sourceMap: config.build.productionSourceMap, - extract: true + extract: true, + usePostCSS: true }) }, - devtool: config.build.productionSourceMap ? '#source-map' : false, + devtool: config.build.productionSourceMap ? config.build.devtool : false, output: { path: config.build.assetsRoot, filename: utils.assetsPath('js/[name].[chunkhash].js'), @@ -31,22 +34,30 @@ var webpackConfig = merge(baseWebpackConfig, { new webpack.DefinePlugin({ 'process.env': env }), - new webpack.optimize.UglifyJsPlugin({ - compress: { - warnings: false + new UglifyJsPlugin({ + uglifyOptions: { + compress: { + warnings: false + } }, - sourceMap: true + sourceMap: config.build.productionSourceMap, + parallel: true }), // extract css into its own file new ExtractTextPlugin({ - filename: utils.assetsPath('css/[name].[contenthash].css') + filename: utils.assetsPath('css/[name].[contenthash].css'), + // Setting the following option to `false` will not extract CSS from codesplit chunks. + // Their CSS will instead be inserted dynamically with style-loader when the codesplit chunk has been loaded by webpack. + // It's currently set to `true` because we are seeing that sourcemaps are included in the codesplit bundle as well when it's `false`, + // increasing file size: https://github.com/vuejs-templates/webpack/issues/1110 + allChunks: true, }), // Compress extracted CSS. We are using this plugin so that possible // duplicated CSS from different components can be deduped. new OptimizeCSSPlugin({ - cssProcessorOptions: { - safe: true - } + cssProcessorOptions: config.build.productionSourceMap + ? { safe: true, map: { inline: false } } + : { safe: true } }), // generate dist index.html with correct asset hash for caching. // you can customize output by editing /index.html @@ -67,10 +78,14 @@ var webpackConfig = merge(baseWebpackConfig, { // necessary to consistently work with multiple chunks via CommonsChunkPlugin chunksSortMode: 'dependency' }), + // keep module.id stable when vendor modules does not change + new webpack.HashedModuleIdsPlugin(), + // enable scope hoisting + new webpack.optimize.ModuleConcatenationPlugin(), // split vendor js into its own file new webpack.optimize.CommonsChunkPlugin({ name: 'vendor', - minChunks: function (module, count) { + minChunks (module) { // any required modules inside node_modules are extracted to vendor return ( module.resource && @@ -85,8 +100,18 @@ var webpackConfig = merge(baseWebpackConfig, { // prevent vendor hash from being updated whenever app bundle is updated new webpack.optimize.CommonsChunkPlugin({ name: 'manifest', - chunks: ['vendor'] + minChunks: Infinity }), + // This instance extracts shared chunks from code splitted chunks and bundles them + // in a separate chunk, similar to the vendor chunk + // see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk + new webpack.optimize.CommonsChunkPlugin({ + name: 'app', + async: 'vendor-async', + children: true, + minChunks: 3 + }), + // copy custom static assets new CopyWebpackPlugin([ { @@ -99,7 +124,7 @@ var webpackConfig = merge(baseWebpackConfig, { }) if (config.build.productionGzip) { - var CompressionWebpackPlugin = require('compression-webpack-plugin') + const CompressionWebpackPlugin = require('compression-webpack-plugin') webpackConfig.plugins.push( new CompressionWebpackPlugin({ @@ -117,7 +142,7 @@ if (config.build.productionGzip) { } if (config.build.bundleAnalyzerReport) { - var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin + const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin webpackConfig.plugins.push(new BundleAnalyzerPlugin()) } diff --git a/Vue_Full_Project/build/webpack.test.conf.js b/Vue_Full_Project/build/webpack.test.conf.js index d6c8c8dd..0d658d9e 100644 --- a/Vue_Full_Project/build/webpack.test.conf.js +++ b/Vue_Full_Project/build/webpack.test.conf.js @@ -1,11 +1,12 @@ +'use strict' // This is the webpack config used for unit tests. -var utils = require('./utils') -var webpack = require('webpack') -var merge = require('webpack-merge') -var baseConfig = require('./webpack.base.conf') +const utils = require('./utils') +const webpack = require('webpack') +const merge = require('webpack-merge') +const baseWebpackConfig = require('./webpack.base.conf') -var webpackConfig = merge(baseConfig, { +const webpackConfig = merge(baseWebpackConfig, { // use inline sourcemap for karma-sourcemap-loader module: { rules: utils.styleLoaders() @@ -13,7 +14,7 @@ var webpackConfig = merge(baseConfig, { devtool: '#inline-source-map', resolveLoader: { alias: { - // necessary to to make lang="scss" work in test when using vue-loader's ?inject option + // necessary to to make lang="scss" work in test when using vue-loader's ?inject option // see discussion at https://github.com/vuejs/vue-loader/issues/724 'scss-loader': 'sass-loader' } diff --git a/Vue_Full_Project/config/dev.env.js b/Vue_Full_Project/config/dev.env.js index efead7c8..1e22973a 100644 --- a/Vue_Full_Project/config/dev.env.js +++ b/Vue_Full_Project/config/dev.env.js @@ -1,5 +1,6 @@ -var merge = require('webpack-merge') -var prodEnv = require('./prod.env') +'use strict' +const merge = require('webpack-merge') +const prodEnv = require('./prod.env') module.exports = merge(prodEnv, { NODE_ENV: '"development"' diff --git a/Vue_Full_Project/config/index.js b/Vue_Full_Project/config/index.js index 51676aa3..926ab364 100644 --- a/Vue_Full_Project/config/index.js +++ b/Vue_Full_Project/config/index.js @@ -1,38 +1,76 @@ +'use strict' +// Template version: 1.3.1 // see http://vuejs-templates.github.io/webpack for documentation. -var path = require('path') + +const path = require('path') module.exports = { + dev: { + + // Paths + assetsSubDirectory: 'static', + assetsPublicPath: '/', + proxyTable: {}, + + // Various Dev Server settings + host: 'localhost', // can be overwritten by process.env.HOST + port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined + autoOpenBrowser: false, + errorOverlay: true, + notifyOnErrors: true, + poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions- + + // Use Eslint Loader? + // If true, your code will be linted during bundling and + // linting errors and warnings will be shown in the console. + useEslint: true, + // If true, eslint errors and warnings will also be shown in the error overlay + // in the browser. + showEslintErrorsInOverlay: false, + + /** + * Source Maps + */ + + // https://webpack.js.org/configuration/devtool/#development + devtool: 'cheap-module-eval-source-map', + + // If you have problems debugging vue-files in devtools, + // set this to false - it *may* help + // https://vue-loader.vuejs.org/en/options.html#cachebusting + cacheBusting: true, + + cssSourceMap: true + }, + build: { - env: require('./prod.env'), + // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), + + // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', - assetsPublicPath: './', + assetsPublicPath: '/', + + /** + * Source Maps + */ + productionSourceMap: true, + // https://webpack.js.org/configuration/devtool/#production + devtool: '#source-map', + // Gzip off by default as many popular static hosts such as // Surge or Netlify already gzip all static assets for you. // Before setting to `true`, make sure to: // npm install --save-dev compression-webpack-plugin productionGzip: false, productionGzipExtensions: ['js', 'css'], + // Run the build command with an extra argument to // View the bundle analyzer report after build finishes: // `npm run build --report` // Set to `true` or `false` to always turn it on or off bundleAnalyzerReport: process.env.npm_config_report - }, - dev: { - env: require('./dev.env'), - port: 8080, - autoOpenBrowser: true, - assetsSubDirectory: 'static', - assetsPublicPath: '', - proxyTable: {}, - // CSS Sourcemaps off by default because relative paths are "buggy" - // with this option, according to the CSS-Loader README - // (https://github.com/webpack/css-loader#sourcemaps) - // In our experience, they generally work as expected, - // just be aware of this issue when enabling this option. - cssSourceMap: false } } diff --git a/Vue_Full_Project/config/prod.env.js b/Vue_Full_Project/config/prod.env.js index 773d263d..a6f99761 100644 --- a/Vue_Full_Project/config/prod.env.js +++ b/Vue_Full_Project/config/prod.env.js @@ -1,3 +1,4 @@ +'use strict' module.exports = { NODE_ENV: '"production"' } diff --git a/Vue_Full_Project/config/test.env.js b/Vue_Full_Project/config/test.env.js index 89f90deb..c2824a30 100644 --- a/Vue_Full_Project/config/test.env.js +++ b/Vue_Full_Project/config/test.env.js @@ -1,5 +1,6 @@ -var merge = require('webpack-merge') -var devEnv = require('./dev.env') +'use strict' +const merge = require('webpack-merge') +const devEnv = require('./dev.env') module.exports = merge(devEnv, { NODE_ENV: '"testing"' diff --git a/Vue_Full_Project/index.html b/Vue_Full_Project/index.html index 7246f005..303d9cf5 100644 --- a/Vue_Full_Project/index.html +++ b/Vue_Full_Project/index.html @@ -5,6 +5,7 @@ CoreUI - Open Source Bootstrap Admin Template + - - + + diff --git a/Vue_Full_Project/src/views/base/ListGroups.vue b/Vue_Full_Project/src/views/base/ListGroups.vue new file mode 100644 index 00000000..15f48042 --- /dev/null +++ b/Vue_Full_Project/src/views/base/ListGroups.vue @@ -0,0 +1,255 @@ + + + + + diff --git a/Vue_Full_Project/src/views/base/Navbars.vue b/Vue_Full_Project/src/views/base/Navbars.vue new file mode 100644 index 00000000..9889727a --- /dev/null +++ b/Vue_Full_Project/src/views/base/Navbars.vue @@ -0,0 +1,167 @@ + + + + + diff --git a/Vue_Full_Project/src/views/base/Navs.vue b/Vue_Full_Project/src/views/base/Navs.vue new file mode 100644 index 00000000..1ea13ae3 --- /dev/null +++ b/Vue_Full_Project/src/views/base/Navs.vue @@ -0,0 +1,130 @@ + + + + + diff --git a/Vue_Full_Project/src/views/base/Paginations.vue b/Vue_Full_Project/src/views/base/Paginations.vue new file mode 100644 index 00000000..17d38656 --- /dev/null +++ b/Vue_Full_Project/src/views/base/Paginations.vue @@ -0,0 +1,107 @@ + + + + + diff --git a/Vue_Full_Project/src/views/base/Popovers.vue b/Vue_Full_Project/src/views/base/Popovers.vue new file mode 100644 index 00000000..f6bef778 --- /dev/null +++ b/Vue_Full_Project/src/views/base/Popovers.vue @@ -0,0 +1,209 @@ + + + diff --git a/Vue_Full_Project/src/views/base/ProgressBars.vue b/Vue_Full_Project/src/views/base/ProgressBars.vue new file mode 100644 index 00000000..14caf7aa --- /dev/null +++ b/Vue_Full_Project/src/views/base/ProgressBars.vue @@ -0,0 +1,206 @@ + + + + + diff --git a/Vue_Full_Project/src/views/components/Switches.vue b/Vue_Full_Project/src/views/base/Switches.vue similarity index 93% rename from Vue_Full_Project/src/views/components/Switches.vue rename to Vue_Full_Project/src/views/base/Switches.vue index 330099ac..33d46ee6 100644 --- a/Vue_Full_Project/src/views/components/Switches.vue +++ b/Vue_Full_Project/src/views/base/Switches.vue @@ -295,7 +295,7 @@ Sizes - + @@ -308,32 +308,32 @@ diff --git a/Vue_Full_Project/src/views/base/Table.vue b/Vue_Full_Project/src/views/base/Table.vue new file mode 100644 index 00000000..7980d995 --- /dev/null +++ b/Vue_Full_Project/src/views/base/Table.vue @@ -0,0 +1,109 @@ + + + diff --git a/Vue_Full_Project/src/views/components/Tables.vue b/Vue_Full_Project/src/views/base/Tables.vue similarity index 90% rename from Vue_Full_Project/src/views/components/Tables.vue rename to Vue_Full_Project/src/views/base/Tables.vue index e3810008..96cdea52 100644 --- a/Vue_Full_Project/src/views/components/Tables.vue +++ b/Vue_Full_Project/src/views/base/Tables.vue @@ -31,10 +31,10 @@ diff --git a/Vue_Full_Project/src/views/base/Tooltips.vue b/Vue_Full_Project/src/views/base/Tooltips.vue new file mode 100644 index 00000000..5bb26ddd --- /dev/null +++ b/Vue_Full_Project/src/views/base/Tooltips.vue @@ -0,0 +1,148 @@ + + + + + diff --git a/Vue_Full_Project/src/views/buttons/ButtonGroups.vue b/Vue_Full_Project/src/views/buttons/ButtonGroups.vue new file mode 100644 index 00000000..fb23965e --- /dev/null +++ b/Vue_Full_Project/src/views/buttons/ButtonGroups.vue @@ -0,0 +1,196 @@ + + + diff --git a/Vue_Full_Project/src/views/buttons/Dropdowns.vue b/Vue_Full_Project/src/views/buttons/Dropdowns.vue new file mode 100644 index 00000000..5915d19b --- /dev/null +++ b/Vue_Full_Project/src/views/buttons/Dropdowns.vue @@ -0,0 +1,236 @@ + + + diff --git a/Vue_Full_Project/src/views/components/SocialButtons.vue b/Vue_Full_Project/src/views/buttons/SocialButtons.vue similarity index 100% rename from Vue_Full_Project/src/views/components/SocialButtons.vue rename to Vue_Full_Project/src/views/buttons/SocialButtons.vue diff --git a/Vue_Full_Project/src/views/components/Buttons.vue b/Vue_Full_Project/src/views/buttons/StandardButtons.vue similarity index 99% rename from Vue_Full_Project/src/views/components/Buttons.vue rename to Vue_Full_Project/src/views/buttons/StandardButtons.vue index d336f2d7..793ad447 100644 --- a/Vue_Full_Project/src/views/components/Buttons.vue +++ b/Vue_Full_Project/src/views/buttons/StandardButtons.vue @@ -225,7 +225,7 @@ diff --git a/Vue_Full_Project/src/views/icons/Flags.vue b/Vue_Full_Project/src/views/icons/Flags.vue new file mode 100644 index 00000000..fd590203 --- /dev/null +++ b/Vue_Full_Project/src/views/icons/Flags.vue @@ -0,0 +1,1018 @@ + + + diff --git a/Vue_Full_Project/src/views/icons/FontAwesome.vue b/Vue_Full_Project/src/views/icons/FontAwesome.vue index fa4537af..9d6562fa 100644 --- a/Vue_Full_Project/src/views/icons/FontAwesome.vue +++ b/Vue_Full_Project/src/views/icons/FontAwesome.vue @@ -1,7 +1,9 @@