Update dependencies and install test harness deps

Author: developit

.eslintignore

@@ -0,0 +1 @@
+test/*.conf.js

.eslintrc

@@ -26,7 +26,7 @@
     "no-shadow-restricted-names": 2,
     "handle-callback-err": 0,
     "no-lonely-if": 2,
-    "space-return-throw-case": 2,
+    "keyword-spacing": 2,
     "constructor-super": 2,
     "no-this-before-super": 2,
     "no-dupe-class-members": 2,

package.json

@@ -3,12 +3,14 @@
   "version": "1.0.3",
   "description": "Ready-to-go Preact starter project powered by webpack.",
   "scripts": {
-    "dev": "NODE_ENV=development webpack-dev-server --inline --progress",
-    "start": "superstatic build -p ${PORT:-8080} --gzip -c '{\"routes\":{\"**\":\"index.html\"},\"cache_control\":{\"**\":86400}}'",
+    "dev": "NODE_ENV=development webpack-dev-server --inline --hot --progress",
+    "start": "superstatic build -p ${PORT:-8080} --host 0.0.0.0 --gzip -c '{\"rewrites\": [{\"source\":\"**\",\"destination\":\"index.html\"}],\"headers\":[{\"source\":\"**\",\"headers\":[{\"key\":\"Cache-Control\",\"value\":\"max-age=86400\"}]}]}'",
     "prestart": "npm run build",
     "build": "NODE_ENV=production webpack -p --progress",
     "prebuild": "mkdir -p build && ncp src/assets build/assets",
-    "test": "eslint src tests/**/*.js"
+    "test": "npm run -s lint && npm run -s test:karma",
+    "test:karma": "karma start test/karma.conf.js --single-run",
+    "lint": "eslint {src,test}"
   },
   "keywords": [
     "preact",
@@ -18,43 +20,55 @@
   "license": "MIT",
   "author": "Jason Miller <[email protected]>",
   "devDependencies": {
-    "autoprefixer": "^6.3.1",
-    "babel": "^6.3.26",
-    "babel-core": "^6.4.0",
-    "babel-eslint": "^5.0.0-beta6",
+    "autoprefixer": "^6.3.3",
+    "babel": "^6.5.2",
+    "babel-core": "^6.7.2",
+    "babel-eslint": "^5.0.0",
     "babel-loader": "^6.2.1",
     "babel-plugin-transform-decorators-legacy": "^1.3.4",
-    "babel-plugin-transform-react-jsx": "^6.4.0",
-    "babel-preset-es2015": "^6.3.13",
+    "babel-plugin-transform-react-jsx": "^6.6.5",
+    "babel-preset-es2015": "^6.6.0",
     "babel-preset-es2015-minimal": "^1.0.0",
-    "babel-preset-stage-0": "^6.3.13",
-    "babel-register": "^6.4.3",
-    "babel-runtime": "^6.3.19",
+    "babel-preset-stage-0": "^6.5.0",
+    "babel-register": "^6.7.2",
+    "babel-runtime": "^6.6.1",
     "chai": "^3.5.0",
-    "core-js": "^2.0.3",
+    "core-js": "^2.2.1",
     "css-loader": "^0.23.1",
-    "eslint": "^1.10.3",
+    "eslint": "^2.2.0",
     "extract-text-webpack-plugin": "^1.0.1",
     "file-loader": "^0.8.5",
     "html-webpack-plugin": "^1.7.0",
     "json-loader": "^0.5.4",
-    "less": "^2.5.3",
+    "karma": "^0.13.22",
+    "karma-chai": "^0.1.0",
+    "karma-chai-sinon": "^0.1.5",
+    "karma-mocha": "^0.2.2",
+    "karma-mocha-reporter": "^2.0.0",
+    "karma-phantomjs-launcher": "^1.0.0",
+    "karma-sourcemap-loader": "^0.3.7",
+    "karma-webpack": "^1.7.0",
+    "less": "^2.6.1",
     "less-loader": "^2.2.2",
+    "mocha": "^2.4.5",
     "ncp": "^2.0.0",
-    "npm-run-all": "^1.5.1",
-    "postcss-loader": "^0.8.0",
+    "phantomjs-prebuilt": "^2.1.6",
+    "postcss-loader": "^0.8.2",
     "raw-loader": "^0.5.1",
+    "sinon": "^1.17.3",
+    "sinon-chai": "^2.8.0",
     "source-map-loader": "^0.1.5",
-    "superstatic": "^3.0.0",
+    "style-loader": "^0.13.0",
+    "superstatic": "^4.0.2",
     "url-loader": "^0.5.7",
-    "webpack": "^1.12.11",
+    "webpack": "^1.12.14",
     "webpack-dev-server": "^1.14.1"
   },
   "dependencies": {
     "decko": "^1.1.3",
-    "preact": "^2.8.2",
-    "preact-compat": "^0.5.0",
-    "preact-router": "^1.1.0",
-    "proptypes": "^0.14.1"
+    "preact": "^4.5.0",
+    "preact-compat": "^1.6.1",
+    "preact-router": "^1.3.0",
+    "proptypes": "^0.14.3"
   }
 }

webpack.config.babel.js

@@ -4,12 +4,14 @@ import HtmlWebpackPlugin from 'html-webpack-plugin';
 import autoprefixer from 'autoprefixer';
 
 const ENV = process.env.NODE_ENV || 'development';
+const CSS_MAPS = ENV!=='production';
 
 module.exports = {
-	entry: './src/index.js',
+	context: `${__dirname}/src`,
+	entry: './index.js',
 
 	output: {
-		path: './build',
+		path: `${__dirname}/build`,
 		publicPath: '/',
 		filename: 'bundle.js'
 	},
@@ -46,16 +48,20 @@ module.exports = {
 			{
 				test: /\.(less|css)$/,
 				include: /src\/components\//,
-				loader: ExtractTextPlugin.extract([
-					`css?sourceMap&modules&importLoaders=1&localIdentName=[local]${process.env.CSS_MODULES_IDENT || '_[hash:base64:5]'}`,
+				loader: ExtractTextPlugin.extract('style', [
+					`css?sourceMap=${CSS_MAPS}&modules&importLoaders=1&localIdentName=[local]${process.env.CSS_MODULES_IDENT || '_[hash:base64:5]'}`,
 					'postcss',
-					'less?sourceMap'
+					`less?sourceMap=${CSS_MAPS}`
 				].join('!'))
 			},
 			{
 				test: /\.(less|css)$/,
 				exclude: /src\/components\//,
-				loader: ExtractTextPlugin.extract('css?sourceMap!postcss!less?sourceMap')
+				loader: ExtractTextPlugin.extract('style', [
+					`css?sourceMap=${CSS_MAPS}`,
+					`postcss`,
+					`less?sourceMap=${CSS_MAPS}`
+				].join('!'))
 			},
 			{
 				test: /\.json$/,
@@ -66,8 +72,8 @@ module.exports = {
 				loader: 'raw'
 			},
 			{
-				test: /\.(svg|woff|ttf|eot)(\?.*)?$/i,
-				loader: 'file-loader?name=assets/fonts/[name]_[hash:base64:5].[ext]'
+				test: /\.(svg|woff2?|ttf|eot|jpe?g|png|gif)(\?.*)?$/i,
+				loader: ENV==='production' ? 'file?name=[path][name]_[hash:base64:5].[ext]' : 'url'
 			}
 		]
 	},
@@ -78,7 +84,10 @@ module.exports = {
 
 	plugins: ([
 		new webpack.NoErrorsPlugin(),
-		new ExtractTextPlugin('style.css', { allChunks: true }),
+		new ExtractTextPlugin('style.css', {
+			allChunks: true,
+			disabled: ENV!=='production'
+		}),
 		new webpack.optimize.DedupePlugin(),
 		new webpack.DefinePlugin({
 			'process.env.NODE_ENV': JSON.stringify(ENV)