progress barf commit

.babelrc

@@ -7,7 +7,7 @@
     "stage-0",
     "react"
   ],
-  "plugins": ["add-module-exports"],
+  "plugins": ["transform-export-extensions"],
   "env": {
     "production": {
       "presets": ["react-optimize"],

.nvmrc

@@ -1 +0,0 @@
-v6.9.5

.tern-project

@@ -1,15 +0,0 @@
-{
-  "ecmaVersion": 7,
-  "libs": [
-    "browser"
-  ],
-  "dontLoad": [
-    "node_modules/**"
-  ],
-  "plugins": {
-    "doc_comment": {
-      "fullDocs": true,
-      "strong": true
-    }
-  }
-}

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2015-present C. T. Lin
+Copyright (c) 2017-present Timothy J. Warren
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

app/components/Home.css

@@ -1,14 +0,0 @@
-.container {
-  position: absolute;
-  top: 30%;
-  left: 10px;
-  text-align: center;
-}
-
-.container h2 {
-  font-size: 5rem;
-}
-
-.container a {
-  font-size: 1.4rem;
-}

app/components/Photon/Button.js

@@ -0,0 +1,27 @@
+import React from 'react';
+
+/**
+ * Button component
+ *
+ * @param {object} props
+ * @param {string} props.btnStyle space-separated button classes, like default,large,etc.
+ */
+export function Button(props = { btnStyle: 'default' }) {
+	const args = {
+		btnStyle: 'default',
+		...props
+	};
+
+	let classes = (String(args.className)).length > 0
+		? ['btn'].concat(String(args.className).split(' '))
+		: ['btn'];
+	const styleClasses = String(args.btnStyle).split(' ')
+		.map(c => `btn-${c}`);
+	classes = classes.concat(styleClasses);
+
+	return (
+		<button className={classes.join(' ')}>{args.children}</button>
+	);
+}
+
+export default Button;

app/components/Photon/ButtonGroup.js

@@ -0,0 +1,9 @@
+import React from 'react';
+
+export function ButtonGroup(props) {
+	return (
+		<div className="btn-group">{props.children}</div>
+	);
+}
+
+export default ButtonGroup;

app/components/Photon/Icon.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { prefixClasses } from '../../utils'
+
+/**
+ * Icon component
+ *
+ * @param {object} props
+ * @param {string} props.type Type of icon, eg. mail,heart,star,etc.
+ */
+export function Icon(props) {
+	return (
+		<span className={`icon ${prefixClasses('icon', props.type)}`} />
+	);
+}
+
+export default Icon;

app/components/Photon/TabGroup.js

@@ -0,0 +1,9 @@
+import React from 'react';
+
+export function TabGroup(props) {
+	return (
+		<div className="tab-group">{props.children}</div>
+	);
+}
+
+export default TabGroup;

app/components/Photon/Toolbar.js

@@ -0,0 +1,34 @@
+import React from 'react';
+
+/**
+ * Toolbar component
+ *
+ * @param {object} props
+ * @param {string} props.type Type of toolbar, eg. header or footer
+ */
+export function Toolbar(props) {
+	switch (props.type) {
+	case 'header':
+		return (
+			<header className="toolbar toolbar-header">
+				{props.children}
+			</header>
+		);
+
+	case 'footer':
+		return (
+			<footer className="toolbar toolbar-footer">
+				{props.children}
+			</footer>
+		);
+
+	default:
+		return (
+			<div className={`toolbar toolbar-${props.type}`}>
+				{props.children}
+			</div>
+		);
+	}
+}
+
+export default Toolbar;

app/components/Photon/ToolbarActions.js

@@ -0,0 +1,9 @@
+import React from 'react';
+
+export function ToolbarActions(props) {
+	return (
+		<div className="toolbar-actions">{props.children}</div>
+	);
+}
+
+export default ToolbarActions;

app/components/Photon/index.js

@@ -0,0 +1,6 @@
+export * from './Button';
+export * from './ButtonGroup';
+export * from './Icon';
+export * from './TabGroup';
+export * from './Toolbar';
+export * from './ToolbarActions';

app/containers/App.js

@@ -1,18 +1,40 @@
 import React, { PureComponent } from 'react';
+import { Button, ButtonGroup, Icon, Toolbar, ToolbarActions } from '../components/Photon';
 
 export default class App extends PureComponent {
 	render() {
 		return (
 			<div className="window">
-				<header className="toolbar toolbar-header">
+				<Toolbar type="header">
 					<h1 className="title">Header</h1>
-				</header>
+					<ToolbarActions>
+						<ButtonGroup>
+							<Button><Icon type="home" /></Button>
+							<Button><Icon type="folder" /></Button>
+							<Button className="active"><Icon type="cloud" /></Button>
+							<Button><Icon type="popup" /></Button>
+							<Button><Icon type="shuffle" /></Button>
+						</ButtonGroup>
+
+						<Button>
+							<Icon type="home text" />
+							Filters
+						</Button>
+
+						<Button btnStyle="default dropdown" className="pull-right">
+							<Icon type="megaphone" />
+						</Button>
+					</ToolbarActions>
+				</Toolbar>
 				<main className="window-content">
 					{this.props.children}
 				</main>
-				<footer className="toolbar toolbar-footer">
+				<Toolbar type="footer">
-					<h1 className="title">Footer</h1>
+					<ToolbarActions>
-				</footer>
+						<Button>Cancel</Button>
+						<Button btnStyle="primary" className="pull-right">Save</Button>
+					</ToolbarActions>
+				</Toolbar>
 			</div>
 		);
 	}

app/containers/Root.js

@@ -3,10 +3,10 @@ import { Provider } from 'react-redux';
 import { Router } from 'react-router';
 import routes from '../routes';
 
-export default function Root({ store, history }) {
+export default function Root(props) {
 	return (
-		<Provider store={store}>
+		<Provider store={props.store}>
-			<Router key={Math.random()} history={history} routes={routes} />
+			<Router key={Math.random()} history={props.history} routes={routes} />
 		</Provider>
 	);
 }

app/index.js

@@ -5,7 +5,6 @@ import { AppContainer } from 'react-hot-loader';
 import { syncHistoryWithStore } from 'react-router-redux';
 import Root from './containers/Root';
 import configureStore from './store/configureStore';
-import './app.global.css';
 
 const store = configureStore();
 const history = syncHistoryWithStore(hashHistory, store);

app/package.json

@@ -1,15 +0,0 @@
-{
-  "name": "electron-react-boilerplate",
-  "productName": "electron-react-boilerplate",
-  "version": "1.0.0",
-  "description": "Electron application boilerplate based on React, React Router, Webpack, React Hot Loader for rapid application development",
-  "main": "./main.js",
-  "author": {
-    "name": "C. T. Lin",
-    "email": "chentsulin@gmail.com",
-    "url": "https://github.com/chentsulin"
-  },
-  "license": "MIT",
-  "dependencies": {
-  }
-}

app/utils/index.js

@@ -0,0 +1,13 @@
+export function prefixClasses(prefix, classes) {
+	if (String(classes).length < 1) {
+		return '';
+	}
+
+	return classes.split(' ')
+		.map(c => `${prefix}-${c}`)
+		.join(' ');
+}
+
+export default {
+	prefixClasses
+};

app/yarn.lock

@@ -1,4 +0,0 @@
-# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
-# yarn lockfile v1
-
-

appveyor.yml

@@ -1,52 +0,0 @@
-os: unstable
-
-environment:
-  matrix:
-    - nodejs_version: 7
-    - nodejs_version: 6
-
-cache:
-  - node_modules -> package.json
-  - app/node_modules -> app/package.json
-
-# Enable when https://github.com/yarnpkg/yarn/issues/1233 and
-# https://github.com/yarnpkg/yarn/issues/1059 are resolved and disable npm cache
-#
-# cache:
-#   - "%LOCALAPPDATA%/Yarn"
-
-matrix:
-  fast_finish: true
-
-build: off
-
-version: '{build}'
-
-shallow_clone: true
-
-clone_depth: 1
-
-install:
-  - ps: Install-Product node $env:nodejs_version
-  - set CI=true
-  - npm install -g npm@latest
-  - set PATH=%APPDATA%\npm;%PATH%
-  - npm install
-
-# Enable when https://github.com/yarnpkg/yarn/issues/1233 and
-# https://github.com/yarnpkg/yarn/issues/1059 are resolved and disable npm cache
-#
-# install:
-#   - ps: Install-Product node $env:nodejs_version
-#   - set CI=true
-#   - choco install yarn
-#   - refreshenv
-#   - yarn
-
-test_script:
-  - node --version
-  - npm run lint
-  - npm run test
-  - npm run build
-  - npm run test-e2e
-  - npm run package

package.json

@@ -1,188 +1,170 @@
 {
-  "name": "electron-react-boilerplate",
+	"name": "image-juicer",
-  "productName": "ElectronReact",
+	"productName": "ElectronReact",
-  "version": "0.10.0",
+	"version": "0.0.1",
-  "description": "Electron application boilerplate based on React, React Router, Webpack, React Hot Loader for rapid application development",
+	"description": "Cross-platform app for optimizing images",
-  "main": "main.js",
+	"main": "main.js",
-  "scripts": {
+	"scripts": {
-    "test": "cross-env NODE_ENV=test BABEL_DISABLE_CACHE=1 node --trace-warnings ./test/runTests.js",
+		"test": "cross-env NODE_ENV=test BABEL_DISABLE_CACHE=1 node --trace-warnings ./test/runTests.js",
-    "test-all": "npm run lint && npm run test && npm run build",
+		"test-all": "npm run lint && npm run test && npm run build",
-    "test-watch": "npm test -- --watch",
+		"test-watch": "npm test -- --watch",
-    "test-e2e": "cross-env NODE_ENV=test BABEL_DISABLE_CACHE=1 node --trace-warnings ./test/runTests.js e2e",
+		"test-e2e": "cross-env NODE_ENV=test BABEL_DISABLE_CACHE=1 node --trace-warnings ./test/runTests.js e2e",
-    "lint": "eslint --cache --format=node_modules/eslint-formatter-pretty .",
+		"lint": "eslint --cache --format=node_modules/eslint-formatter-pretty .",
-    "lint-fix": "npm run lint -- --fix",
+		"fix": "npm run lint -- --fix",
-    "hot-updates-server": "cross-env NODE_ENV=development node --trace-warnings -r babel-register ./node_modules/webpack-dev-server/bin/webpack-dev-server --config webpack.config.renderer.dev.js",
+		"hot-updates-server": "cross-env NODE_ENV=development node --trace-warnings -r babel-register ./node_modules/webpack-dev-server/bin/webpack-dev-server --config webpack.config.renderer.dev.js",
-    "build": "concurrently \"npm run build-main\" \"npm run build-renderer\"",
+		"build": "concurrently \"npm run build-main\" \"npm run build-renderer\"",
-    "build-dll": "cross-env NODE_ENV=development node --trace-warnings -r babel-register ./node_modules/webpack/bin/webpack --config webpack.config.renderer.dev.dll.js --progress --profile --colors",
+		"build-dll": "cross-env NODE_ENV=development node --trace-warnings -r babel-register ./node_modules/webpack/bin/webpack --config webpack.config.renderer.dev.dll.js --progress --profile --colors",
-    "build-main": "cross-env NODE_ENV=production node --trace-warnings -r babel-register ./node_modules/webpack/bin/webpack --config webpack.config.main.prod.js --progress --profile --colors",
+		"build-main": "cross-env NODE_ENV=production node --trace-warnings -r babel-register ./node_modules/webpack/bin/webpack --config webpack.config.main.prod.js --progress --profile --colors",
-    "build-renderer": "cross-env NODE_ENV=production node --trace-warnings -r babel-register ./node_modules/webpack/bin/webpack --config webpack.config.renderer.prod.js --progress --profile --colors",
+		"build-renderer": "cross-env NODE_ENV=production node --trace-warnings -r babel-register ./node_modules/webpack/bin/webpack --config webpack.config.renderer.prod.js --progress --profile --colors",
-    "start": "cross-env NODE_ENV=production electron ./app/",
+		"start": "cross-env NODE_ENV=production electron ./app/",
-    "start-hot-renderer": "cross-env HOT=1 NODE_ENV=development electron -r babel-register -r babel-polyfill ./app/main.development",
+		"start-hot-renderer": "cross-env HOT=1 NODE_ENV=development electron -r babel-register -r babel-polyfill ./app/main.development",
-    "postinstall": "concurrently \"npm run build-dll\" \"install-app-deps\" \"node node_modules/fbjs-scripts/node/check-dev-engines.js package.json\"",
+		"postinstall": "concurrently \"npm run build-dll\" \"install-app-deps\" \"node node_modules/fbjs-scripts/node/check-dev-engines.js package.json\"",
-    "dev": "cross-env START_HOT=1 npm run hot-updates-server",
+		"dev": "cross-env START_HOT=1 npm run hot-updates-server",
-    "package": "npm run build && build --publish never",
+		"package": "npm run build && build --publish never",
-    "package-win": "npm run build && build --win --x64",
+		"package-mac": "npm run build && build -m",
-    "package-linux": "npm run build && build --linux",
+		"package-win": "npm run build && build --win --x64",
-    "package-all": "npm run build && build -mwl",
+		"package-linux": "npm run build && build --linux",
-    "cleanup": "mop -v"
+		"package-all": "npm run build && build -mwl"
-  },
+	},
-  "browserslist": "electron 1.4",
+	"browserslist": "electron 1.6",
-  "build": {
+	"build": {
-    "productName": "ElectronReact",
+		"productName": "ImageJuicer",
-    "appId": "org.develar.ElectronReact",
+		"appId": "net.timshomepage.imagejuicer",
-    "files": [
+		"files": [
-      "dist/",
+			"dist/",
-      "node_modules/",
+			"node_modules/",
-      "app.html",
+			"app.html",
-      "main.js",
+			"main.js",
-      "main.js.map",
+			"main.js.map",
-      "package.json"
+			"package.json"
-    ],
+		],
-    "dmg": {
+		"dmg": {
-      "contents": [
+			"contents": [
-        {
+				{
-          "x": 130,
+					"x": 130,
-          "y": 220
+					"y": 220
-        },
+				},
-        {
+				{
-          "x": 410,
+					"x": 410,
-          "y": 220,
+					"y": 220,
-          "type": "link",
+					"type": "link",
-          "path": "/Applications"
+					"path": "/Applications"
-        }
+				}
-      ]
+			]
-    },
+		},
-    "win": {
+		"win": {
-      "target": [
+			"target": [
-        "nsis"
+				"nsis"
-      ]
+			]
-    },
+		},
-    "linux": {
+		"linux": {
-      "target": [
+			"target": [
-        "deb",
+				"deb",
-        "AppImage"
+				"AppImage"
-      ]
+			]
-    },
+		},
-    "directories": {
+		"directories": {
-      "buildResources": "resources",
+			"buildResources": "resources",
-      "output": "release"
+			"output": "release"
-    }
+		}
-  },
+	},
-  "repository": {
+	"repository": {
-    "type": "git",
+		"type": "git",
-    "url": "git+https://github.com/chentsulin/electron-react-boilerplate.git"
+		"url": "git@git.timshomepage.net:timw4mail/image-juicer.git"
-  },
+	},
-  "author": {
+	"author": {
-    "name": "C. T. Lin",
+		"name": "Timothy J. Warren",
-    "email": "chentsulin@gmail.com",
+		"email": "tim@timshomepage.net",
-    "url": "https://github.com/chentsulin"
+		"url": "https://git.timshomepage.net/timw4mail/"
-  },
+	},
-  "license": "MIT",
+	"license": "MIT",
-  "keywords": [
+	"keywords": [],
-    "electron",
+	"homepage": "https://git.timshomepage.net/timw4mail/image-juicer",
-    "boilerplate",
+	"jest": {
-    "react",
+		"moduleNameMapper": {
-    "redux",
+			"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/mocks/fileMock.js",
-    "sass",
+			"\\.(css|less|sass|scss)$": "identity-obj-proxy"
-    "webpack",
+		},
-    "hot",
+		"moduleFileExtensions": [
-    "reload"
+			"js"
-  ],
+		],
-  "homepage": "https://github.com/chentsulin/electron-react-boilerplate#readme",
+		"moduleDirectories": [
-  "jest": {
+			"node_modules",
-    "moduleNameMapper": {
+			"app/node_modules"
-      "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/mocks/fileMock.js",
+		]
-      "\\.(css|less|sass|scss)$": "identity-obj-proxy"
+	},
-    },
+	"devDependencies": {
-    "moduleFileExtensions": [
+		"asar": "^0.13.0",
-      "js"
+		"babel-core": "^6.24.0",
-    ],
+		"babel-eslint": "^7.2.1",
-    "moduleDirectories": [
+		"babel-jest": "^19.0.0",
-      "node_modules",
+		"babel-loader": "^6.4.1",
-      "app/node_modules"
+		"babel-plugin-add-module-exports": "^0.2.1",
-    ],
+		"babel-plugin-dev-expression": "^0.2.1",
-    "transform": {
+		"babel-plugin-transform-class-properties": "^6.23.0",
-      "^.+\\.js$": "babel-jest"
+		"babel-plugin-transform-es2015-classes": "^6.23.0",
-    }
+		"babel-plugin-transform-export-extensions": "^6.22.0",
-  },
+		"babel-polyfill": "^6.23.0",
-  "devDependencies": {
+		"babel-preset-env": "^1.3.2",
-    "asar": "^0.13.0",
+		"babel-preset-react": "^6.23.0",
-    "babel-core": "^6.24.0",
+		"babel-preset-react-hmre": "^1.1.1",
-    "babel-eslint": "^7.2.1",
+		"babel-preset-react-optimize": "^1.0.1",
-    "babel-jest": "^19.0.0",
+		"babel-preset-stage-0": "^6.22.0",
-    "babel-loader": "^6.4.1",
+		"babel-register": "^6.24.0",
-    "babel-plugin-add-module-exports": "^0.2.1",
+		"babili-webpack-plugin": "^0.0.11",
-    "babel-plugin-dev-expression": "^0.2.1",
+		"chalk": "^1.1.3",
-    "babel-plugin-transform-class-properties": "^6.23.0",
+		"concurrently": "^3.4.0",
-    "babel-plugin-transform-es2015-classes": "^6.23.0",
+		"cross-env": "^4.0.0",
-    "babel-polyfill": "^6.23.0",
+		"cross-spawn": "^5.1.0",
-    "babel-preset-env": "^1.3.2",
+		"devtron": "^1.4.0",
-    "babel-preset-react": "^6.23.0",
+		"electron": "^1.6.2",
-    "babel-preset-react-hmre": "^1.1.1",
+		"electron-builder": "^16.7.0",
-    "babel-preset-react-optimize": "^1.0.1",
+		"electron-devtools-installer": "^2.1.0",
-    "babel-preset-stage-0": "^6.22.0",
+		"enzyme": "^2.8.0",
-    "babel-register": "^6.24.0",
+		"eslint": "^3.19.0",
-    "babili-webpack-plugin": "^0.0.11",
+		"eslint-config-airbnb": "^14.1.0",
-    "boiler-room-custodian": "^0.6.1",
+		"eslint-formatter-pretty": "^1.1.0",
-    "chalk": "^1.1.3",
+		"eslint-import-resolver-webpack": "^0.8.1",
-    "concurrently": "^3.4.0",
+		"eslint-plugin-compat": "^1.0.2",
-    "cross-env": "^4.0.0",
+		"eslint-plugin-import": "^2.2.0",
-    "cross-spawn": "^5.1.0",
+		"eslint-plugin-jest": "^19.0.1",
-    "css-loader": "^0.28.0",
+		"eslint-plugin-jsx-a11y": "^4.0.0",
-    "devtron": "^1.4.0",
+		"eslint-plugin-promise": "^3.5.0",
-    "electron": "^1.6.2",
+		"eslint-plugin-react": "^6.10.3",
-    "electron-builder": "^16.7.0",
+		"express": "^4.15.2",
-    "electron-devtools-installer": "^2.1.0",
+		"fbjs-scripts": "^0.7.1",
-    "enzyme": "^2.8.0",
+		"file-loader": "^0.11.0",
-    "eslint": "^3.19.0",
+		"html-webpack-plugin": "^2.28.0",
-    "eslint-config-airbnb": "^14.1.0",
+		"identity-obj-proxy": "^3.0.0",
-    "eslint-formatter-pretty": "^1.1.0",
+		"jest": "^19.0.2",
-    "eslint-import-resolver-webpack": "^0.8.1",
+		"minimist": "^1.2.0",
-    "eslint-plugin-compat": "^1.0.2",
+		"react-addons-test-utils": "^15.4.2",
-    "eslint-plugin-import": "^2.2.0",
+		"react-test-renderer": "^15.4.2",
-    "eslint-plugin-jest": "^19.0.1",
+		"redux-logger": "^3.0.1",
-    "eslint-plugin-jsx-a11y": "^4.0.0",
+		"sinon": "^2.1.0",
-    "eslint-plugin-promise": "^3.5.0",
+		"spectron": "^3.6.1",
-    "eslint-plugin-react": "^6.10.3",
+		"url-loader": "^0.5.8",
-    "express": "^4.15.2",
+		"webpack": "^2.3.2",
-    "fbjs-scripts": "^0.7.1",
+		"webpack-dev-server": "^2.4.2",
-    "file-loader": "^0.11.0",
+		"webpack-merge": "^4.1.0"
-    "html-webpack-plugin": "^2.28.0",
+	},
-    "identity-obj-proxy": "^3.0.0",
+	"dependencies": {
-    "jest": "^19.0.2",
+		"electron-debug": "^1.1.0",
-    "jimp": "^0.2.27",
+		"extract-text-webpack-plugin": "^2.0.0",
-    "jsdom": "^9.12.0",
+		"jimp": "^0.2.27",
-    "minimist": "^1.2.0",
+		"react": "^15.4.2",
-    "node-sass": "^4.5.2",
+		"react-dom": "^15.4.2",
-    "react-addons-test-utils": "^15.4.2",
+		"react-hot-loader": "3.0.0-beta.6",
-    "react-test-renderer": "^15.4.2",
+		"react-redux": "^5.0.2",
-    "redux-logger": "^3.0.1",
+		"react-router": "^3.0.2",
-    "sass-loader": "^6.0.3",
+		"react-router-redux": "^4.0.7",
-    "sinon": "^2.1.0",
+		"redux": "^3.6.0",
-    "spectron": "^3.6.1",
+		"redux-thunk": "^2.2.0",
-    "style-loader": "^0.16.1",
+		"source-map-support": "^0.4.10"
-    "url-loader": "^0.5.8",
+	},
-    "webpack": "^2.3.2",
+	"devEngines": {
-    "webpack-dev-server": "^2.4.2",
+		"node": ">=6.x",
-    "webpack-merge": "^4.1.0"
+		"npm": ">=3.x",
-  },
+		"yarn": "0.21.3"
-  "dependencies": {
+	}
-    "electron-debug": "^1.1.0",
-    "extract-text-webpack-plugin": "^2.0.0",
-    "font-awesome": "^4.7.0",
-    "react": "^15.4.2",
-    "react-dom": "^15.4.2",
-    "react-hot-loader": "3.0.0-beta.6",
-    "react-redux": "^5.0.2",
-    "react-router": "^3.0.2",
-    "react-router-redux": "^4.0.7",
-    "redux": "^3.6.0",
-    "redux-thunk": "^2.2.0",
-    "source-map-support": "^0.4.10"
-  },
-  "devEngines": {
-    "node": ">=6.x",
-    "npm": ">=3.x",
-    "yarn": "0.21.3"
-  }
 }

setup.js

@@ -1,79 +0,0 @@
-// Note: this file is the configuration file *only* for
-// use by the boiler-room-custodian utility. the point
-// of the boiler-room-custodian is to clean sample code
-// from the boilerplate from initial state so that you
-// can start custom development on a "blank project"
-//
-// For more information or to report issues please go
-// to https://github.com/tstringer/boiler-room-custodian
-//
-// This file should remain unmodified by end users and
-// should only be invoked by running `npm run cleanup`
-module.exports = {
-  // remove the following files as they are mostly
-  // related to the sample counter page and functionality
-	remove: [
-    { file: 'app/actions/counter.js' },
-    { file: 'app/components/Counter.css' },
-    { file: 'app/components/Counter.js' },
-    { file: 'app/containers/CounterPage.js' },
-    { file: 'app/reducers/counter.js' },
-    { file: 'test/actions/counter.spec.js' },
-    { file: 'test/components/Counter.spec.js' },
-    { file: 'test/containers/CounterPage.spec.js' },
-    { file: 'test/e2e/e2e.spec.js' },
-    { file: 'test/reducers/counter.spec.js' },
-    { file: 'CHANGELOG.md' },
-    { file: 'erb-logo.png' }
-	],
-  // clean the following files by either clearing them
-  // (by specifying {clear: true}) or by removing lines
-  // that match a regex pattern
-	clean: [
-		{
-			file: 'app/reducers/index.js',
-			pattern: /counter/
-		},
-		{
-			file: 'app/store/configureStore.development.js',
-			replace: [
-        { pattern: /\?: counterStateType/, substitute: '' },
-        { pattern: /^.*import type.*$/, substitute: '' },
-        { pattern: /^.*counterActions.*$/, substitute: '' }
-			]
-		},
-		{
-			file: 'app/store/configureStore.production.js',
-			replace: [
-        { pattern: /\?: counterStateType/, substitute: '' },
-        { pattern: /^.*import type.*$/, substitute: '' },
-			]
-		},
-		{
-			file: 'app/app.global.css',
-			clear: true
-		},
-		{
-			file: 'app/routes.js',
-			pattern: /CounterPage/
-		},
-		{
-			file: 'README.md',
-			clear: true
-		},
-		{
-			file: 'app/components/Home.js',
-			pattern: /(h2|Link to)/
-		}
-	],
-  // add the following files to the project, mostly
-  // related to .gitkeep for version control
-	add: [
-    { file: 'app/actions/.gitkeep' },
-    { file: 'test/actions/.gitkeep' },
-    { file: 'test/components/.gitkeep' },
-    { file: 'test/containers/.gitkeep' },
-    { file: 'test/reducers/.gitkeep' },
-    { file: 'test/e2e/.gitkeep' }
-	]
-};

test/setup.js

@@ -1,16 +0,0 @@
-import { jsdom } from 'jsdom';
-
-global.document = jsdom('<!doctype html><html><body></body></html>');
-global.window = document.defaultView;
-global.navigator = global.window.navigator;
-window.localStorage = window.sessionStorage = {
-	getItem(key) {
-		return this[key];
-	},
-	setItem(key, value) {
-		this[key] = value;
-	},
-	removeItem(key) {
-		this[key] = undefined;
-	},
-};

webpack.config.base.js

@@ -4,7 +4,7 @@
 
 import path from 'path';
 import webpack from 'webpack';
-import { dependencies as externals } from './app/package.json';
+import { dependencies as externals } from './package.json';
 
 export default {
 	externals: Object.keys(externals || {}),

webpack.config.renderer.dev.dll.js

@@ -25,76 +25,6 @@ export default merge.smart(baseConfig, {
    */
 	module: {
 		rules: [
-			{
-				test: /\.global\.css$/,
-				use: [
-					{
-						loader: 'style-loader'
-					},
-					{
-						loader: 'css-loader',
-						options: {
-							sourceMap: true,
-						},
-					}
-				]
-			},
-			{
-				test: /^((?!\.global).)*\.css$/,
-				use: [
-					{
-						loader: 'style-loader'
-					},
-					{
-						loader: 'css-loader',
-						options: {
-							modules: true,
-							sourceMap: true,
-							importLoaders: 1,
-							localIdentName: '[name]__[local]__[hash:base64:5]',
-						}
-					},
-				]
-			},
-      // Add SASS support  - compile all .global.scss files and pipe it to style.css
-			{
-				test: /\.global\.scss$/,
-				use: [
-					{
-						loader: 'style-loader'
-					},
-					{
-						loader: 'css-loader',
-						options: {
-							sourceMap: true,
-						},
-					},
-					{
-						loader: 'sass-loader'
-					}
-				]
-			},
-      // Add SASS support  - compile all other .scss files and pipe it to style.css
-			{
-				test: /^((?!\.global).)*\.scss$/,
-				use: [
-					{
-						loader: 'style-loader'
-					},
-					{
-						loader: 'css-loader',
-						options: {
-							modules: true,
-							sourceMap: true,
-							importLoaders: 1,
-							localIdentName: '[name]__[local]__[hash:base64:5]',
-						}
-					},
-					{
-						loader: 'sass-loader'
-					}
-				]
-			},
       // WOFF Font
 			{
 				test: /\.woff(\?v=\d+\.\d+\.\d+)?$/,

webpack.config.renderer.dev.js

@@ -49,76 +49,6 @@ export default merge.smart(baseConfig, {
 
 	module: {
 		rules: [
-			{
-				test: /\.global\.css$/,
-				use: [
-					{
-						loader: 'style-loader'
-					},
-					{
-						loader: 'css-loader',
-						options: {
-							sourceMap: true,
-						},
-					}
-				]
-			},
-			{
-				test: /^((?!\.global).)*\.css$/,
-				use: [
-					{
-						loader: 'style-loader'
-					},
-					{
-						loader: 'css-loader',
-						options: {
-							modules: true,
-							sourceMap: true,
-							importLoaders: 1,
-							localIdentName: '[name]__[local]__[hash:base64:5]',
-						}
-					},
-				]
-			},
-      // Add SASS support  - compile all .global.scss files and pipe it to style.css
-			{
-				test: /\.global\.scss$/,
-				use: [
-					{
-						loader: 'style-loader'
-					},
-					{
-						loader: 'css-loader',
-						options: {
-							sourceMap: true,
-						},
-					},
-					{
-						loader: 'sass-loader'
-					}
-				]
-			},
-      // Add SASS support  - compile all other .scss files and pipe it to style.css
-			{
-				test: /^((?!\.global).)*\.scss$/,
-				use: [
-					{
-						loader: 'style-loader'
-					},
-					{
-						loader: 'css-loader',
-						options: {
-							modules: true,
-							sourceMap: true,
-							importLoaders: 1,
-							localIdentName: '[name]__[local]__[hash:base64:5]',
-						}
-					},
-					{
-						loader: 'sass-loader'
-					}
-				]
-			},
       // WOFF Font
 			{
 				test: /\.woff(\?v=\d+\.\d+\.\d+)?$/,

webpack.config.renderer.prod.js

@@ -24,60 +24,6 @@ export default merge.smart(baseConfig, {
 
 	module: {
 		rules: [
-      // Extract all .global.css to style.css as is
-			{
-				test: /\.global\.css$/,
-				use: ExtractTextPlugin.extract({
-					use: 'css-loader',
-					fallback: 'style-loader',
-				})
-			},
-      // Pipe other styles through css modules and append to style.css
-			{
-				test: /^((?!\.global).)*\.css$/,
-				use: ExtractTextPlugin.extract({
-					use: {
-						loader: 'css-loader',
-						options: {
-							modules: true,
-							importLoaders: 1,
-							localIdentName: '[name]__[local]__[hash:base64:5]',
-						}
-					}
-				}),
-			},
-      // Add SASS support  - compile all .global.scss files and pipe it to style.css
-			{
-				test: /\.global\.scss$/,
-				use: ExtractTextPlugin.extract({
-					use: [
-						{
-							loader: 'css-loader'
-						},
-						{
-							loader: 'sass-loader'
-						}
-					],
-					fallback: 'style-loader',
-				})
-			},
-      // Add SASS support  - compile all other .scss files and pipe it to style.css
-			{
-				test: /^((?!\.global).)*\.scss$/,
-				use: ExtractTextPlugin.extract({
-					use: [{
-						loader: 'css-loader',
-						options: {
-							modules: true,
-							importLoaders: 1,
-							localIdentName: '[name]__[local]__[hash:base64:5]',
-						}
-					},
-					{
-						loader: 'sass-loader'
-					}]
-				}),
-			},
       // WOFF Font
 			{
 				test: /\.woff(\?v=\d+\.\d+\.\d+)?$/,