initial commit

Author: kildem

.babelrc

@@ -0,0 +1,5 @@
+{
+  "presets": [
+    "latest"
+  ]
+}

.editorconfig

@@ -0,0 +1,12 @@
+# editorconfig.org
+root = true
+[*]
+indent_style= space
+indent_size= 2
+end_of_line= lf
+charset = utf-8
+trim_trailing_whitespace= true
+insert_final_newline= true
+
+[*.md]
+trim_trailing_whitespace= false

.eslintrc.json

@@ -0,0 +1,20 @@
+{
+  "root": true,
+  "extends": [
+    "eslint:recommended",
+    "plugin:import/errors",
+    "plugin:import/warnings"
+  ],
+  "parserOptions": {
+    "ecmaVersion": 7,
+    "sourceType": "module"
+  },
+  "env": {
+    "browser": true,
+    "node": true,
+    "mocha": true
+  },
+  "rules": {
+    "no-console": 1 // 0 Off; 1 Warning; 2 Error
+  }
+}

.gitignore

@@ -0,0 +1,56 @@
+# Created by .ignore support plugin (hsz.mobi)
+### Node template
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+.idea/
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env

README.md

@@ -0,0 +1 @@
+course about setting up a JavaScript Development Environment

buildScripts/srcServer.js

@@ -0,0 +1,27 @@
+import express from 'express';
+import path from 'path';
+import open from 'open';
+import webpack from 'webpack';
+import config from '../webpack.config.dev';
+
+/* eslint-disable no-console */
+const port = 3000;
+const app = express();
+const compiler = webpack(config);
+
+app.use(require('webpack-dev-middleware')(compiler, {
+	noInfo: true,
+	publicPath: config.output.publicPath
+}));
+
+app.get('/', function (req, res) {
+	res.sendFile(path.join(__dirname, '../src/index.html'));
+});
+
+app.listen(port, function (err) {
+	if (err) {
+		console.log(err);
+	} else {
+		open(`http://localhost:${port}`, 'google chrome');
+	}
+})

buildScripts/startMessage.js

@@ -0,0 +1,3 @@
+import chalk from 'chalk';
+
+console.log(chalk.green('Starting app in dev mode...')); // eslint-disable-line no-console

buildScripts/testSetup.js

@@ -0,0 +1,9 @@
+// this file isn't transpiled, so must use  CommonJS and ES5
+
+// Register babel to transpile before our test run.
+require('babel-register')();
+
+// Disable webpack features that Mocha doesn't understand.
+require.extensions['.css'] = function () {
+
+};

package.json

@@ -0,0 +1,57 @@
+{
+  "name": "javascript-development-environment",
+  "version": "1.0.0",
+  "description": "JavaScript development environment",
+  "scripts": {
+    "prestart": "babel-node buildScripts/startMessage.js",
+    "start": "npm-run-all --parallel security-check open:src lint:watch test:watch",
+    "open:src": "babel-node buildScripts/srcServer.js",
+    "lint": "esw webpack.config.*, src, buildScripts --color",
+    "lint:watch": "npm run lint -- --watch",
+    "security-check": "nsp check",
+    "localtunnel": "lt --port 3000",
+    "share": "npm-run-all --parallel open:src localtunnel",
+    "test": "mocha --reporter progress buildScripts/testSetup.js \"src/**/*.test.js\"",
+    "test:watch": "npm run test -- --watch"
+  },
+  "author": "kildem",
+  "license": "MIT",
+  "dependencies": {
+    "whatwg-fetch": "1.0.0"
+  },
+  "devDependencies": {
+    "babel-cli": "^6.24.0",
+    "babel-core": "^6.24.0",
+    "babel-loader": "^6.4.1",
+    "babel-preset-latest": "^6.24.0",
+    "babel-register": "^6.24.0",
+    "chai": "3.5.0",
+    "chalk": "1.1.3",
+    "cheerio": "0.22.0",
+    "compression": "1.6.2",
+    "cross-env": "3.1.3",
+    "css-loader": "^0.28.0",
+    "eslint": "^3.19.0",
+    "eslint-plugin-import": "^2.2.0",
+    "eslint-watch": "^3.0.1",
+    "express": "4.14.0",
+    "extract-text-webpack-plugin": "1.0.1",
+    "html-webpack-plugin": "2.22.0",
+    "jsdom": "^9.12.0",
+    "json-schema-faker": "^0.4.1",
+    "json-server": "^0.9.6",
+    "localtunnel": "^1.8.2",
+    "mocha": "^3.2.0",
+    "nock": "8.1.0",
+    "npm-run-all": "^4.0.2",
+    "nsp": "^2.6.3",
+    "numeral": "^2.0.6",
+    "open": "0.0.5",
+    "rimraf": "2.5.4",
+    "style-loader": "^0.16.1",
+    "webpack": "^2.3.3",
+    "webpack-dev-middleware": "^1.10.1",
+    "webpack-hot-middleware": "^2.18.0",
+    "webpack-md5-hash": "0.0.5"
+  }
+}

src/index.css

@@ -0,0 +1,7 @@
+body {
+    font-family: Sans-Serif;
+}
+
+table th {
+    padding: 5px
+}