[
  {
    "path": ".babelrc",
    "content": "{\n    \"stage\": 0\n}\n"
  },
  {
    "path": ".eslintignore",
    "content": "lib\nnode_modules\n"
  },
  {
    "path": ".eslintrc",
    "content": "{\n  \"extends\": \"eslint-config-airbnb\",\n  \"env\": {\n    \"browser\": true,\n    \"es6\": true,\n    \"mocha\": true,\n    \"node\": true\n  },\n  \"rules\": {\n    \"eol-last\": 2,\n    \"max-len\": [2, 100, 4],\n    \"no-underscore-dangle\": [0],\n    \"comma-dangle\": [2, \"never\"],\n    \"no-var\": 2,\n    \"react/display-name\": 0,\n    \"react/jsx-boolean-value\": 2,\n    \"react/jsx-quotes\": \"prefer-single\",\n    \"react/jsx-no-undef\": 2,\n    \"react/jsx-sort-props\": 0,\n    \"react/jsx-uses-react\": 2,\n    \"react/jsx-uses-vars\": 2,\n    \"react/no-did-mount-set-state\": 2,\n    \"react/no-did-update-set-state\": 2,\n    \"react/no-multi-comp\": 0,\n    \"react/no-unknown-property\": 2,\n    \"react/prop-types\": 2,\n    \"react/react-in-jsx-scope\": 2,\n    \"react/self-closing-comp\": 2,\n    \"react/wrap-multilines\": 2,\n    \"space-before-function-paren\": [2, {\n      \"anonymous\": \"always\",\n      \"named\": \"never\"\n    }],\n    \"strict\": [2, \"global\"],\n    \"react/react-in-jsx-scope\": 2,\n\n    //Temporarirly disabled due to a possible bug in babel-eslint (todomvc example)\n    \"block-scoped-var\": 0,\n    // Temporarily disabled for test/* until babel/babel-eslint#33 is resolved\n    \"padded-blocks\": 0\n  },\n  \"plugins\": [\n    \"react\"\n  ]\n}\n"
  },
  {
    "path": ".gitignore",
    "content": "node_modules\nnpm-debug.log\n.DS_Store\ndist\nstatic\n"
  },
  {
    "path": ".travis.yml",
    "content": "language: node_js\nnode_js:\n  - \"iojs\"\n"
  },
  {
    "path": "CODE_OF_CONDUCT.md",
    "content": "# Contributor Code of Conduct\n\nAs contributors and maintainers of this project, we pledge to respect all people who contribute through reporting issues, posting feature requests, updating documentation, submitting pull requests or patches, and other activities.\n\nWe are committed to making participation in this project a harassment-free experience for everyone, regardless of level of experience, gender, gender identity and expression, sexual orientation, disability, personal appearance, body size, race, age, or religion.\n\nExamples of unacceptable behavior by participants include the use of sexual language or imagery, derogatory comments or personal attacks, trolling, public or private harassment, insults, or other unprofessional conduct.\n\nProject maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct. Project maintainers who do not follow the Code of Conduct may be removed from the project team.\n\nInstances of abusive, harassing, or otherwise unacceptable behavior may be reported by opening an issue or contacting one or more of the project maintainers.\n\nThis Code of Conduct is adapted from the [Contributor Covenant](http://contributor-covenant.org), version 1.0.0, available at [http://contributor-covenant.org/version/1/0/0/](http://contributor-covenant.org/version/1/0/0/)\n"
  },
  {
    "path": "LICENSE",
    "content": "The MIT License (MIT)\n\nCopyright (c) 2015 Mateusz Zatorski\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\n"
  },
  {
    "path": "Procfile",
    "content": "web: npm run deploy\n"
  },
  {
    "path": "README.md",
    "content": "Redux and React Router Example App\n===\n[![Build Status](https://travis-ci.org/knowbody/redux-react-router-example-app.svg)](https://travis-ci.org/knowbody/redux-react-router-example-app)\n\n**This project is a work in progress.**\n\n![](http://g.recordit.co/8bMQFmKinz.gif)\n\n### Why\nThis project was started, because I found myself and many developers would like to get \nan insight on how Redux and React Router can be used in the bigger projects than a TODO app.\n\nFeel free to contribute to make it a great start point for others.\n\n#### Redux\nThe redux structure follows the [ducks modular redux proposal](https://github.com/erikras/ducks-modular-redux)\n\n### About\nExample blog app built with React, Redux and React Router.\n\n### Get started\n1. `npm install && npm start`\n\n### License\nMIT ([http://www.opensource.org/licenses/mit-license.php](http://www.opensource.org/licenses/mit-license.php))\n"
  },
  {
    "path": "docs/Introduction.md",
    "content": "# Introduction\n\n**Why?** This project was started, because I found myself and many developers would like to get \nan insight on how Redux and React Router can be used in the bigger projects than a TODO app.\n\nI also wanted to give a chance to people who want start contributing to open source.\n\n### The Goal\nThe goal is to build a \"fully featured\" blog-like application. At the moment the project \nis in the very early stage and I know that is still missing a lot of things.\n\nPlease feel free to contribute to the project by sending an issue or a PR, \nso the others can benefit from this project.\n\n### There is more\nI plan to document the things we build here so it will be easy for the beginners to understand\nhow to start.\n"
  },
  {
    "path": "fakeAPI.js",
    "content": "/* eslint-disable */\n\nvar jsonServer = require('json-server');\nvar data = require('./test/fixture/data');\n\nvar server = jsonServer.create();\nvar router = jsonServer.router(data);\n\nserver.use(jsonServer.defaults());\nserver.use(router);\n\nserver.listen(3010, 'localhost', function (err) {\n  if (err) {\n    console.log(err);\n  }\n\n  console.log('Fake API listening at localhost:3010');\n});\n"
  },
  {
    "path": "index.html",
    "content": "<html>\n  <head>\n    <title>React Redux Boilerplate</title>\n  </head>\n  <body style=\"margin: 0; -webkit-font-smoothing: antialiased;\">\n    <div id=\"root\"></div>\n  </body>\n  <script src=\"./static/bundle.js\"></script>\n</html>\n"
  },
  {
    "path": "package.json",
    "content": "{\n  \"name\": \"redux-blogapp\",\n  \"version\": \"0.0.1\",\n  \"description\": \"Redux and React Router Blogapp example\",\n  \"author\": \"Mateusz Zatorski <mateuszzatorski@gmail.com> (https://github.com/knowbody)\",\n  \"main\": \"server.js\",\n  \"scripts\": {\n    \"start\": \"node server.js\",\n    \"lint\": \"`npm bin`/eslint src/javascript\",\n    \"deploy\": \"export NODE_ENV=production && `npm bin`/webpack --config webpack.config.production.js && npm start\",\n    \"test\": \"NODE_ENV=test mocha --compilers js:babel/register --recursive\",\n    \"test:watch\": \"NODE_ENV=test mocha --compilers js:babel/register --recursive --watch\",\n    \"test:cov\": \"babel-node ./node_modules/.bin/isparta cover ./node_modules/.bin/_mocha -- --recursive\"\n  },\n  \"license\": \"MIT\",\n  \"bugs\": {\n    \"url\": \"https://github.com/knowbody/redux-react-router-example-app/issues\"\n  },\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"https://github.com/knowbody/redux-react-router-example-app.git\"\n  },\n  \"homepage\": \"https://github.com/knowbody/redux-react-router-example-app\",\n  \"dependencies\": {\n    \"classnames\": \"^2.2.0\",\n    \"express\": \"^4.13.3\",\n    \"history\": \"^1.13.1\",\n    \"material-ui\": \"^0.13.0\",\n    \"normalize.css\": \"^3.0.3\",\n    \"react\": \"^0.14.3\",\n    \"react-dom\": \"^0.14.3\",\n    \"react-redux\": \"^4.0.0\",\n    \"react-router\": \"^1.0.0\",\n    \"react-tap-event-plugin\": \"^0.2.1\",\n    \"redux\": \"^3.0.4\",\n    \"redux-form\": \"^3.0.0-beta-2\",\n    \"redux-thunk\": \"^1.0.0\"\n  },\n  \"devDependencies\": {\n    \"babel\": \"^5.8.29\",\n    \"babel-core\": \"^5.8.30\",\n    \"babel-eslint\": \"^4.1.3\",\n    \"babel-loader\": \"^5.3.2\",\n    \"babel-plugin-react-transform\": \"^1.1.1\",\n    \"casual\": \"^1.4.7\",\n    \"css-loader\": \"^0.15.6\",\n    \"eslint\": \"^1.7.3\",\n    \"eslint-config-airbnb\": \"0.1.0\",\n    \"eslint-plugin-react\": \"^3.6.3\",\n    \"expect\": \"^1.12.2\",\n    \"file-loader\": \"^0.8.4\",\n    \"isparta\": \"^3.1.0\",\n    \"json-server\": \"^0.8.2\",\n    \"less\": \"^2.5.3\",\n    \"less-loader\": \"^2.2.1\",\n    \"mocha\": \"^2.3.3\",\n    \"node-libs-browser\": \"^0.5.3\",\n    \"raw-loader\": \"^0.5.1\",\n    \"react-transform-catch-errors\": \"^1.0.0\",\n    \"react-transform-hmr\": \"^1.0.1\",\n    \"redbox-react\": \"1.2.6\",\n    \"redux-devtools\": \"^3.0.1\",\n    \"redux-devtools-dock-monitor\": \"^1.0.1\",\n    \"redux-devtools-log-monitor\": \"^1.0.2\",\n    \"style-loader\": \"^0.13.0\",\n    \"todomvc-app-css\": \"^2.0.1\",\n    \"url-loader\": \"^0.5.6\",\n    \"webpack\": \"^1.12.2\",\n    \"webpack-dev-middleware\": \"^1.2.0\",\n    \"webpack-hot-middleware\": \"^2.4.1\"\n  }\n}\n"
  },
  {
    "path": "server.js",
    "content": "/* eslint-disable */\nvar isDev = (process.env.NODE_ENV !== 'production');\nvar webpack = require('webpack');\nvar express = require('express');\nvar path = require('path');\nvar app = express();\n\nif (!isDev) {\n  var static_path = path.join(__dirname);\n\n  app.use(express.static(static_path))\n    .get('/', function (req, res) {\n      res.sendFile('./index.html', {\n        root: static_path\n      });\n    }).listen(process.env.PORT || 8080, function (err) {\n      if (err) { console.log(err) };\n      console.log('Listening at localhost:8080');\n    });\n}\n\n\nif (isDev) {\n  var config = require('./webpack.config');\n  var compiler = webpack(config);\n\n  require('./fakeAPI');\n\n  app.use(require('webpack-dev-middleware')(compiler, {\n      noInfo: true,\n      publicPath: config.output.publicPath\n  }));\n\n  app.use(require('webpack-hot-middleware')(compiler));\n\n  app.get('*', function(req, res) {\n    res.sendFile(path.join(__dirname, 'index.html'));\n  });\n\n  app.listen(3000, 'localhost', function(err) {\n    if (err) {\n      console.log(err);\n      return;\n    }\n    console.log('Listening at localhost:3000');\n  });\n}\n"
  },
  {
    "path": "src/javascript/Root.js",
    "content": "import React, { Component, PropTypes } from 'react';\nimport { Router, Route } from 'react-router';\nimport createBrowserHistory from 'history/lib/createBrowserHistory';\nimport { Provider } from 'react-redux';\nimport { store } from './redux';\nimport withMaterialUI from './decorators/withMaterialUI';\nimport * as hooks from './hooks';\n// Redux DevTools\nimport DevTools from './containers/DevTools';\n\nimport Blog from './views/Blog';\nimport Draft from './views/Draft';\nimport Login from './views/Login';\n\nhooks.bootstrap(store)();\n\n@withMaterialUI\nexport default class Root extends Component {\n  render() {\n    return (\n        <div>\n          <Provider store={store}>\n            <Router history={createBrowserHistory()}>\n              <Route path='/' component={Blog} />\n              <Route path='/post/:id/edit' component={Draft} onEnter={hooks.editPost(store)}/>\n              <Route path='/post/new' component={Draft}/>\n              <Route path='/login' component={Login}/>\n            </Router>\n          </Provider>\n          <DevTools store={store} />\n        </div>\n    );\n  }\n};\n"
  },
  {
    "path": "src/javascript/components/Footer.js",
    "content": "import React, { Component } from 'react';\n\nconst styles = {\n  layout: {\n    height: '100px'\n  },\n\n  footerText: {\n    textAlign: 'right',\n    padding: '40px 0',\n    fontSize: '10px'\n  }\n};\n\nexport default class Footer extends Component {\n  render() {\n    return (\n        <div style={styles.layout}>\n          <div style={styles.footerText}>\n            Contribute to the\n            <a href='https://github.com/knowbody/redux-react-router-example-app'\n               target='_blank'\n               style={{textDecoration: 'none'}}> project on GitHub</a>.\n          </div>\n        </div>\n    );\n  }\n}\n"
  },
  {
    "path": "src/javascript/components/Header.js",
    "content": "import React, { PropTypes, Component } from 'react';\nimport { AppBar, IconButton, Styles } from 'material-ui';\nimport IconMenu from 'material-ui/lib/menus/icon-menu';\nimport MenuItem from 'material-ui/lib/menus/menu-item';\nimport NavigationMoreVert from 'material-ui/lib/svg-icons/navigation/more-vert';\nimport ActionAccountCicle\nfrom 'material-ui/lib/svg-icons/action/account-circle';\nimport SocialGithub from '../../images/GitHub-Mark-Light-120px-plus.png';\n\n\nexport default class Header extends Component {\n  static contextTypes = {\n    history: PropTypes.object.isRequired\n  }\n\n  getStyles() {\n    return {\n      iconButton: {\n        color: Styles.Colors.white\n      },\n      link: {\n        display: 'inline-block',\n        height: 48,\n        width: 48,\n        textAlign: 'center'\n      },\n      image: {\n        height: 24,\n        width: 24\n      }\n    };\n  }\n\n  render() {\n    const { history } = this.context;\n    const styles = this.getStyles();\n\n    const iconElementRight = (\n        <div>\n          <a style={styles.link}\n             href='https://github.com/knowbody/redux-react-router-example-app'\n             target='_blank'>\n            <image style={styles.image} src={SocialGithub} />\n          </a>\n          <IconMenu style={styles.iconMenu}\n                    iconButtonElement={\n                      <IconButton>\n                        <NavigationMoreVert color='white' />\n                      </IconButton>\n                    }>\n            <MenuItem leftIcon={<ActionAccountCicle />} primaryText='Login'\n                      onTouchTap={() => history.pushState(null, '/login')} />\n          </IconMenu>\n        </div>\n    );\n\n    return (\n        <AppBar title='(redux, reactRouter) => example'\n                iconElementLeft={<span />}\n                iconElementRight={iconElementRight} />\n\n    );\n  }\n}\n"
  },
  {
    "path": "src/javascript/config/urls.js",
    "content": "export const api = 'http://localhost:3010';\n"
  },
  {
    "path": "src/javascript/containers/AppBar.js",
    "content": "import React, { Component, PropTypes } from 'react';\nimport { connect } from 'react-redux';\nimport Header from '../components/Header';\nimport Footer from '../components/Footer';\n\nclass AppBar extends Component {\n  static propTypes = {\n    dispatch: PropTypes.func.isRequired,\n    children: PropTypes.oneOfType([\n      PropTypes.object,\n      PropTypes.array\n    ])\n  }\n\n  getStyles() {\n    return {\n      main: {\n        maxWidth: 950,\n        margin: '0 auto',\n        paddingTop: 10\n      }\n    };\n  }\n\n  render() {\n    const styles = this.getStyles();\n\n    return (\n        <div>\n          <Header />\n          <main style={styles.main}>\n            {this.props.children}\n            <Footer />\n          </main>\n        </div>\n    );\n  }\n}\n\nexport default connect()(AppBar);\n"
  },
  {
    "path": "src/javascript/containers/DevTools.js",
    "content": "import React from 'react';\n\n// Exported from redux-devtools\nimport { createDevTools } from 'redux-devtools';\n\n// Monitors are separate packages, and you can make a custom one\nimport LogMonitor from 'redux-devtools-log-monitor';\nimport DockMonitor from 'redux-devtools-dock-monitor';\n\n// createDevTools takes a monitor and produces a DevTools component\nconst DevTools = createDevTools(\n  <DockMonitor toggleVisibilityKey='ctrl-h' \n              changePositionKey='ctrl-q'>\n    <LogMonitor theme='solarized' />\n  </DockMonitor>\n);\n\nexport default DevTools;"
  },
  {
    "path": "src/javascript/decorators/withMaterialUI.js",
    "content": "import React, { Component } from 'react';\nimport ThemeManager from 'material-ui/lib/styles/theme-manager';\nimport LightRawTheme from 'material-ui/lib/styles/raw-themes/light-raw-theme';\n\nexport default function withMaterialUI(ComposedComponent) {\n  return class MaterialUI extends Component {\n    /*\n     For more details: https://github.com/callemall/material-ui#usage\n     Pass material-ui theme through child context\n     We are doing this here so we don't have to do it anywhere else.\n     */\n    static childContextTypes = {\n      muiTheme: React.PropTypes.object\n    }\n\n    getChildContext() {\n      return {\n        muiTheme: ThemeManager.getMuiTheme(LightRawTheme)\n      };\n    }\n\n    render() {\n      const { context, ...other } = this.props;\n      return <ComposedComponent {...other} />;\n    }\n  };\n}\n"
  },
  {
    "path": "src/javascript/hooks.js",
    "content": "import { bindActionCreators } from 'redux';\nimport * as UserActions from './redux/modules/users';\nimport * as BlogActions from './redux/modules/blogposts';\n\nexport function bootstrap({ dispatch }) {\n  const userActions = bindActionCreators(UserActions, dispatch);\n  const blogActions = bindActionCreators(BlogActions, dispatch);\n\n  return () => {\n    blogActions.fetchPosts(0, 10);\n    userActions.fetchUsers();\n  };\n}\n\nexport function editPost({ dispatch }) {\n  const actions = bindActionCreators(BlogActions, dispatch);\n\n  return ({ params }) => {\n    actions.setDraft(parseInt(params.id, 10));\n  };\n}\n"
  },
  {
    "path": "src/javascript/index.js",
    "content": "import 'babel/polyfill';\nimport React from 'react';\nimport { render } from 'react-dom';\nimport injectTapEventPlugin from 'react-tap-event-plugin';\nimport createHashHistory from 'history/lib/createHashHistory';\nimport Root from './Root';\n\n/*\n  Needed for onTouchTap\n  Can go away when react 1.0 release\n  Check this repo:\n  https://github.com/zilverline/react-tap-event-plugin\n*/\ninjectTapEventPlugin();\n\nrender(<Root />, document.getElementById('root'));\n"
  },
  {
    "path": "src/javascript/redux/index.js",
    "content": "import { createStore, applyMiddleware, compose } from 'redux';\nimport { devTools, persistState } from 'redux-devtools';\nimport middleware from './middleware';\nimport reducer from './modules/reducer';\nimport DevTools from '../containers/DevTools';\n\nlet finalCreateStore;\nif (__DEVELOPMENT__ && __DEVTOOLS__) {\n  finalCreateStore = compose(\n   applyMiddleware.apply(this, middleware),\n   // Provides support for DevTools:\n   DevTools.instrument(),\n   // Optional. Lets you write ?debug_session=<key> in address bar to persist debug sessions\n   persistState(getDebugSessionKey())\n )(createStore);\n} else {\n  finalCreateStore = compose(\n   applyMiddleware.apply(this, middleware)\n )(createStore);\n}\n\nfunction getDebugSessionKey() {\n  // You can write custom logic here!\n  // By default we try to read the key from ?debug_session=<key> in the address bar\n  const matches = window.location.href.match(/[?&]debug_session=([^&]+)\\b/);\n  return (matches && matches.length > 0)? matches[1] : null;\n}\n\nexport const store = finalCreateStore(reducer);\n"
  },
  {
    "path": "src/javascript/redux/middleware/clientMiddleware.js",
    "content": "export default function clientMiddleware(client) {\n  return ({dispatch, getState}) => {\n    return next => action => {\n      if (typeof action === 'function') {\n        return action(dispatch, getState);\n      }\n\n      const { promise, types, ...rest } = action;\n      if (!promise) {\n        return next(action);\n      }\n\n      const [REQUEST, SUCCESS, FAILURE] = types;\n      next({...rest, type: REQUEST});\n      return promise(client).then(\n        (result) => next({...rest, result, type: SUCCESS}),\n        (error) => next({...rest, error, type: FAILURE})\n      ).catch((error)=> {\n        console.error('MIDDLEWARE ERROR:', error);\n        next({...rest, error, type: FAILURE});\n      });\n    };\n  };\n}\n"
  },
  {
    "path": "src/javascript/redux/middleware/index.js",
    "content": "import thunk from 'redux-thunk';\nimport logger from './logger';\nimport request from './request';\n\nexport default [\n  thunk,\n  request,\n  logger\n];\n"
  },
  {
    "path": "src/javascript/redux/middleware/logger.js",
    "content": "/**\n * Logs previous and current state for every action call\n * @param getState\n * @returns {Function}\n */\nexport default function logger({ getState }) {\n  return (next) => (action) => {\n    console.log('dispatching', action);// eslint-disable-line\n    const result = next(action);\n\n    console.log('next state', getState());// eslint-disable-line\n    return result;\n  };\n}\n"
  },
  {
    "path": "src/javascript/redux/middleware/request.js",
    "content": "import * as urls from '../../config/urls';\nimport { defaultParams as defaultFetchParams } from '../modules/utils/fetch';\n\nexport default function request({ dispatch }) {\n  return (next) => async (action) => {\n    const { type, payload = null, meta = {} } = action;\n\n    if (!type || type.constructor !== Array) return next(action);\n\n    const [BEGIN, SUCCESS, FAILURE] = action.type;\n    let [url, fetchParams] = meta.fetch;\n\n    dispatch({\n      type: BEGIN,\n      payload: payload\n    });\n\n    fetchParams = {\n      ...defaultFetchParams,\n      ...fetchParams\n    };\n\n    if (url.match(/^http/) === null) url = `${urls.api}${url}`;\n\n    const response = await fetch(url, fetchParams);\n    const json = await response.json();\n\n    if (response.status >= 200 && response.status < 300) {\n      dispatch({\n        type: SUCCESS,\n        payload: fetchParams.method === 'delete' ? payload : json\n      });\n    } else {\n      dispatch({\n        type: FAILURE,\n        error: true,\n        payload: fetchParams.method === 'delete' ? payload : json\n      });\n    }\n  };\n}\n"
  },
  {
    "path": "src/javascript/redux/modules/auth.js",
    "content": "const LOGIN = 'auth/LOGIN';\nconst LOGIN_SUCCESS = 'auth/LOGIN_SUCCESS';\nconst LOGIN_FAILURE = 'auth/LOGIN_FAILURE';\n\nconst REGISTER = 'auth/REGISTER';\nconst REGISTER_SUCCESS = 'auth/REGISTER_SUCCESS';\nconst REGISTER_FAILURE = 'auth/REGISTER_FAILURE';\n\nconst initialState = {\n  user: {\n    id: 1,\n    username: 'johndoe',\n    email: 'john.doe@gmail.com',\n    password: 'demo',\n    avatar: 'https://randomuser.me/api/portraits/med/women/1.jpg',\n    firstname: 'John',\n    lastname: 'Doe'\n  }\n};\n\nexport default function reducer(state = initialState, action = {}) {\n  const { type } = action;\n\n  switch (type) {\n  default:\n    return state;\n  }\n}\n\n// export function login(username, password) {\n//   return (dispatch, getState) => {\n//     dispatch({\n//       type: LOGIN,\n//       payload: {\n//         username,\n//         password\n//       }\n//     });\n\n//     // Do something async here then dispatch LOGIN_SUCCESS or LOGIN_FAILURE\n//     setTimeout(() => {\n//       dispatch({\n//         type: LOGIN_SUCCESS,\n//         payload: {\n//           username,\n//           password\n//         },\n//         meta: 'The optional meta property MAY be any type of value. It is \\\n//         intended for any extra information that is not part of the payload.\\\n//         It will still be accessible in the reduxer. You could use it for\\\n//         some middleware to debug your code'\n//       });\n//     }, 1000);\n//   };\n// }\n\n// export function register(username, email, password) {\n//   return (dispatch, getState) => {\n//     dispatch({\n//       type: REGISTER,\n//       payload: {\n//         username,\n//         email,\n//         password\n//       }\n//     });\n\n//     // Do something async here then dispatch LOGIN_SUCCESS or LOGIN_FAILURE\n//     setTimeout(() => {\n//       dispatch({\n//         type: REGISTER_FAILURE,\n//         payload: new Error(),\n//         error: true\n//       });\n//     }, 1000);\n//   }\n// }\n"
  },
  {
    "path": "src/javascript/redux/modules/blogposts.js",
    "content": "const FETCH_POSTS = 'blogposts/FETCH_POSTS';\nconst FETCH_POSTS_SUCCESS = 'blogposts/FETCH_POSTS_SUCCESS';\nconst FETCH_POSTS_FAILURE = 'blogposts/FETCH_POSTS_FAILURE';\n\nconst CREATE_POST = 'blogposts/CREATE_POST';\nconst CREATE_POST_SUCCESS = 'blogposts/CREATE_POST_SUCCESS';\nconst CREATE_POST_FAILURE = 'blogposts/CREATE_POST_FAILURE';\n\nconst READ_POST = 'blogposts/READ_POST';\nconst READ_POST_SUCCESS = 'blogposts/READ_POST_SUCCESS';\nconst READ_POST_FAILURE = 'blogposts/READ_POST_FAILURE';\n\nconst UPDATE_POST = 'blogposts/UPDATE_POST';\nconst UPDATE_POST_SUCCESS = 'blogposts/UPDATE_POST_SUCCESS';\nconst UPDATE_POST_FAILURE = 'blogposts/UPDATE_POST_FAILURE';\n\nconst REMOVE_POST = 'blogposts/REMOVE_POST';\nconst REMOVE_POST_SUCCESS = 'blogposts/REMOVE_POST_SUCCESS';\nconst REMOVE_POST_FAILURE = 'blogposts/REMOVE_POST_FAILURE';\n\nexport const SET_DRAFT = 'draft/SET_DRAFT';\nexport const UPDATE_DRAFT = 'draft/UPDATE_DRAFT';\n\nconst initialState = [];\n\nfunction indexOfObjectById(arr, obj) {\n  for (let i = 0, length = arr.length; i < length; i++) {\n    if (arr[i].id === obj.id) return i;\n  }\n}\n\nexport default function reducer(state = initialState, action = {}) {\n  const { type, payload } = action;\n\n  switch (type) {\n  case FETCH_POSTS_SUCCESS:\n    return [...payload];\n\n  case CREATE_POST_SUCCESS:\n    return [{\n      id: (state.length === 0)\n          ? 1\n          : Math.max.apply(state.map(post => post.id)) + 1,\n      title: payload.title,\n      subtitle: payload.subtitle,\n      poster: payload.poster,\n      body: payload.body,\n      user: payload.user\n    }, ...state];\n\n  case UPDATE_POST_SUCCESS:\n    const index = indexOfObjectById(state, payload);\n    const oldPost = state[index];\n    const newState = [...state];\n    newState.splice(index, 1, {...oldPost, ...payload});\n\n    return newState;\n\n  case REMOVE_POST_SUCCESS:\n    return state.filter(blogpost =>\n        blogpost.id !== payload.id\n    );\n\n  default:\n    return state;\n  }\n}\n\n\nexport function fetchPosts(start = 0, limit = 10) {\n  return async (dispatch) => {\n    dispatch({\n      type: [FETCH_POSTS, FETCH_POSTS_SUCCESS, FETCH_POSTS_FAILURE],\n      meta: {\n        fetch: [`/post?_start=${start}&_limit=${limit}`, {method: 'get'}]\n      }\n    });\n  };\n}\n\nexport function createPost(post) {\n  return async (dispatch, getState) => {\n    const { auth } = getState();\n\n    post.user = auth.user.id;\n\n    dispatch({\n      type: [CREATE_POST, CREATE_POST_SUCCESS, CREATE_POST_FAILURE],\n      payload: post,\n      meta: {\n        fetch: ['/post', {method: 'post', body: JSON.stringify(post)}]\n      }\n    });\n  };\n}\n\nexport function readPost(id) {\n  return async (dispatch) => {\n    dispatch({\n      type: [READ_POST, READ_POST_SUCCESS, READ_POST_FAILURE],\n      meta: {\n        fetch: [`/post/${id}`, {method: 'get'}]\n      }\n    });\n  };\n}\n\nexport function updatePost(post) {\n  return async (dispatch) => {\n    dispatch({\n      type: [UPDATE_POST, UPDATE_POST_SUCCESS, UPDATE_POST_FAILURE],\n      payload: post,\n      meta: {\n        fetch: [`/post/${post.id}`, {method: 'put', body: JSON.stringify(post)}]\n      }\n    });\n  };\n}\n\n/**\n * Deletes a post\n * @param post\n * @returns {Function}\n */\nexport function removePost(post) {\n  return async (dispatch) => {\n    dispatch({\n      type: [REMOVE_POST, REMOVE_POST_SUCCESS, REMOVE_POST_FAILURE],\n      payload: post,\n      meta: {\n        fetch: [`/post/${post.id}`, {method: 'delete'}]\n      }\n    });\n  };\n}\n/**\n * Action is used to set post as draft\n * @param postId\n * @returns {Function}\n */\nexport function setDraft(postId) {\n  return (dispatch, getState) => {\n    const { blogposts } = getState();\n\n    const post = blogposts.filter(obj => obj.id === postId)[0];\n\n    if (!post) return;\n\n    dispatch({\n      type: SET_DRAFT,\n      payload: post\n    });\n  };\n}\n\n/**\n * Action to set current draft\n * @param {object} draft\n * @returns {{type: UPDATE_DRAFT, payload: {object}}}\n */\nexport function updateDraft(draft) {\n  return {\n    type: UPDATE_DRAFT,\n    payload: draft\n  };\n}\n"
  },
  {
    "path": "src/javascript/redux/modules/draft.js",
    "content": "const CREATE_POST_SUCCESS = 'draft/CREATE_POST_SUCCESS';\nconst UPDATE_POST_SUCCESS = 'draft/UPDATE_POST_SUCCESS';\n\nexport const SET_DRAFT = 'draft/SET_DRAFT';\nexport const UPDATE_DRAFT = 'draft/UPDATE_DRAFT';\n\nconst initialState = {\n  title: '',\n  subtitle: '',\n  poster: `http://thecatapi.com/api/images/get?type=jpg&r='${Math.random()}`,\n  body: ''\n};\n\nexport default function reducer(state = initialState, action = {}) {\n  const { type, payload } = action;\n\n  switch (type) {\n  case CREATE_POST_SUCCESS:\n    return {\n      ...initialState,\n      poster: `http://thecatapi.com/api/images/get?type=jpg&r='${Math.random()}`\n    };\n\n  case UPDATE_POST_SUCCESS:\n    return {\n      ...initialState,\n      poster: `http://thecatapi.com/api/images/get?type=jpg&r='${Math.random()}`\n    };\n\n  case SET_DRAFT:\n    return { ...payload };\n\n  case UPDATE_DRAFT:\n    return { ...state, ...payload };\n\n  default:\n    return state;\n  }\n}\n"
  },
  {
    "path": "src/javascript/redux/modules/reducer.js",
    "content": "import { combineReducers } from 'redux';\nimport { reducer as form } from 'redux-form';\n\nimport auth from './auth';\nimport users from './users';\nimport blogposts from './blogposts';\nimport draft from './draft';\n\nexport default combineReducers({\n  auth,\n  users,\n  blogposts,\n  draft,\n  form\n});\n"
  },
  {
    "path": "src/javascript/redux/modules/users.js",
    "content": "const FETCH_USERS = 'users/FETCH_USERS';\n\nconst initialState = [];\n\nexport default function reducer(state = initialState, action = {}) {\n  const { type, payload } = action;\n\n  switch (type) {\n  case FETCH_USERS:\n    return [...payload];\n\n  default:\n    return state;\n  }\n}\n\nimport * as urls from '../../config/urls';\nimport {read} from './utils/fetch';\n\nexport function fetchUsers() {\n  return async (dispatch) => {\n    const response = await read(`${urls.api}/user`);\n    const posts = await response.json();\n\n    dispatch({\n      type: FETCH_USERS,\n      payload: posts\n    });\n  };\n}\n"
  },
  {
    "path": "src/javascript/redux/modules/utils/fetch.js",
    "content": "export const defaultParams = {\n  mode: 'cors',\n  credentials: 'include',\n  headers: {\n    Accept: 'application/json',\n    'Content-Type': 'application/json; charset=utf-8'\n  }\n};\n\n/**\n * HTTP GET\n * @param  {string} url\n * @return {Promise}\n */\nexport function read(url) {\n  return fetch(url, {\n    ...defaultParams,\n    method: 'get'\n  });\n}\n\n/**\n * HTTP POST\n * @param  {string} url\n * @param  {object} body\n * @return {Promise}\n */\nexport function create(url, body = {}) {\n  return fetch(url, {\n    ...defaultParams,\n    method: 'post',\n    body: JSON.stringify(body)\n  });\n}\n\n/**\n * HTTP PUT\n * @param  {string} url\n * @param  {object} body\n * @return {Promise}\n */\nexport function update(url, body = {}) {\n  return fetch(url, {\n    ...defaultParams,\n    method: 'put',\n    body: JSON.stringify(body)\n  });\n}\n\n\n/**\n * HTTP DELETE\n * @param  {string} url\n * @return {Promise}\n */\nexport function destroy(url) {\n  return fetch(url, {\n    ...defaultParams,\n    method: 'delete'\n  });\n}\n\n"
  },
  {
    "path": "src/javascript/views/Blog/Post.js",
    "content": "import React, { Component, PropTypes } from 'react';\nimport {\n  Card,\n  CardHeader,\n  CardMedia,\n  CardTitle,\n  CardText,\n  IconButton\n} from 'material-ui';\nimport IconMenu from 'material-ui/lib/menus/icon-menu';\nimport MenuItem from 'material-ui/lib/menus/menu-item';\nimport NavigationMoreVert from 'material-ui/lib/svg-icons/navigation/more-vert';\nimport EditorModeEdit from 'material-ui/lib/svg-icons/editor/mode-edit';\nimport ActionDelete from 'material-ui/lib/svg-icons/action/delete';\nimport SocialShare from 'material-ui/lib/svg-icons/social/share';\n\nexport default class Blogpost extends Component {\n  static propTypes = {\n    actions: PropTypes.shape({\n      editPost: PropTypes.func,\n      removePost: PropTypes.func\n    }).isRequired,\n    post: PropTypes.object.isRequired,\n    user: PropTypes.object.isRequired\n  }\n\n  static contextTypes = {\n    history: PropTypes.object.isRequired,\n    muiTheme: PropTypes.object\n  }\n\n  static defaultProps = {\n    post: {},\n    user: {}\n  }\n\n  getStyles() {\n    return {\n      card: {\n        position: 'relative',\n        marginTop: 10,\n        marginBottom: 20\n      },\n      iconMenu: {\n        position: 'absolute',\n        top: 12,\n        right: 16,\n        zIndex: 5\n      },\n      cardMedia: {\n        marginTop: 20,\n        background: 'black',\n        minHeight: 100\n      },\n      cardMediaStyle: {\n        maxHeight: '500px',\n        textAlign: 'center'\n      },\n      cardMediaImage: {\n        maxHeight: '500px',\n        maxWidth: '100%'\n      }\n    };\n  }\n\n  render() {\n    const { history } = this.context;\n    const { actions, post, user } = this.props;\n    const styles = this.getStyles();\n\n    let title = <CardTitle title={post.title} subtitle={post.subtitle}/>;\n\n    if (post.poster) {\n      title = (\n          <CardMedia style={styles.cardMedia}\n                     mediaStyle={styles.cardMediaStyle}\n                     overlay={title}>\n            <div>\n              <img style={styles.cardMediaImage} src={post.poster}/>\n            </div>\n          </CardMedia>\n      );\n    }\n\n    return (\n        <Card style={styles.card}>\n          <CardHeader title={`${user.firstname} ${user.lastname}`}\n                      avatar={user.avatar}>\n            <IconMenu style={styles.iconMenu}\n                      iconButtonElement={\n                        <IconButton><NavigationMoreVert /></IconButton>\n                      }>\n              <MenuItem leftIcon={<EditorModeEdit />} primaryText='Edit'\n                        onTouchTap={() => {\n                          history.pushState(null, `/post/${post.id}/edit`);\n                        }}/>\n              <MenuItem leftIcon={<ActionDelete />} primaryText='Remove'\n                        onTouchTap={actions.removePost.bind(null, post)}/>\n              <MenuItem leftIcon={<SocialShare />} primaryText='Share'/>\n            </IconMenu>\n          </CardHeader>\n          {title}\n          { post.body ? <CardText>{post.body}</CardText> : '' }\n        </Card>\n    );\n  }\n}\n"
  },
  {
    "path": "src/javascript/views/Blog/index.js",
    "content": "import React, { Component, PropTypes } from 'react';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport AppBar from '../../containers/AppBar';\nimport { FloatingActionButton } from 'material-ui';\nimport ContentAdd from 'material-ui/lib/svg-icons/content/add';\nimport Post from './Post';\nimport * as BlogActions from '../../redux/modules/blogposts';\n\nclass BlogApp extends Component {\n  static propTypes = {\n    blogposts: PropTypes.array.isRequired,\n    users: PropTypes.array.isRequired,\n    dispatch: PropTypes.func.isRequired\n  }\n\n  static contextTypes = {\n    history: PropTypes.object.isRequired\n  }\n\n  getStyles() {\n    return {\n      addContent: {\n        position: 'fixed',\n        right: 20,\n        bottom: 20,\n        zIndex: 100\n      }\n    };\n  }\n\n  render() {\n    const { history } = this.context;\n    const { blogposts, users, dispatch } = this.props;\n    const actions = bindActionCreators(BlogActions, dispatch);\n    const styles = this.getStyles();\n\n    return (\n        <AppBar>\n          {blogposts.map((post, i) =>\n                  <Post key={i}\n                        post={post}\n                        user={users.filter(user => user.id === post.user)[0]}\n                        actions={actions}/>\n          )}\n          <FloatingActionButton style={styles.addContent}\n                                onTouchTap={() => {\n                                  history.pushState(null, '/post/new');\n                                }}>\n            <ContentAdd />\n          </FloatingActionButton>\n        </AppBar>\n    );\n  }\n}\n\nexport default connect(state => ({\n  blogposts: state.blogposts,\n  users: state.users\n}))(BlogApp);\n"
  },
  {
    "path": "src/javascript/views/Draft/index.js",
    "content": "import React, { Component, PropTypes } from 'react';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport AppBar from '../../containers/AppBar';\nimport { Paper, TextField, RaisedButton } from 'material-ui';\nimport * as BlogActions from '../../redux/modules/blogposts';\n\nclass Draft extends Component {\n  static propTypes = {\n    params: PropTypes.object.isRequired,\n    draft: PropTypes.object.isRequired,\n    dispatch: PropTypes.func.isRequired\n  }\n\n  static contextTypes = {\n    history: PropTypes.object.isRequired\n  }\n\n  onSubmit(actions, payload) {\n    event.preventDefault();\n\n    const { history } = this.context;\n    const { params } = this.props;\n    const isEdit = history.isActive(`/post/${params.id}/edit`);\n\n    isEdit ? actions.updatePost(payload) : actions.createPost(payload);\n\n    history.pushState(null, '/');\n  }\n\n  getStyles() {\n    return {\n      paper: {\n        padding: 20\n      },\n      form: {\n        margin: 0\n      },\n      textField: {\n        width: '100%'\n      },\n      submit: {\n        float: 'right',\n        marginTop: 10\n      }\n    };\n  }\n\n  render() {\n    const { history } = this.context;\n    const { draft, dispatch, params } = this.props;\n    const actions = bindActionCreators(BlogActions, dispatch);\n    const { updateDraft } = actions;\n    const styles = this.getStyles();\n\n    const isEdit = history.isActive(`/post/${params.id}/edit`);\n\n    const form = (\n        <form style={styles.form}\n              onChange={({ target }) => {\n                updateDraft({ [target.name]: target.value });\n              }}\n              onSubmit={this.onSubmit.bind(this, actions, draft)}>\n          <TextField name='title'\n                     style={styles.textField}\n                     hintText='title'\n                     floatingLabelText='title'\n                     value={draft.title}/>\n          <TextField name='subtitle'\n                     style={styles.textField}\n                     hintText='subtitle'\n                     floatingLabelText='subtitle'\n                     value={draft.subtitle}/>\n          <TextField name='poster'\n                     style={styles.textField}\n                     hintText='poster url'\n                     floatingLabelText='poster url'\n                     value={draft.poster}/>\n          <TextField name='body' style={styles.textField}\n                     hintText='whats this about...?'\n                     floatingLabelText='whats this about...?'\n                     value={draft.body}\n                     multiLine />\n          <RaisedButton type='submit'\n                        style={styles.submit}\n                        label={isEdit ? 'Save' : 'Publish'}\n                        primary />\n\n          <div style={{ clear: 'both' }}/>\n        </form>\n    );\n\n    return (\n        <AppBar>\n          <Paper style={styles.paper}>\n            {form}\n          </Paper>\n        </AppBar>\n    );\n  }\n}\n\nexport default connect(state => ({draft: state.draft}))(Draft);\n"
  },
  {
    "path": "src/javascript/views/Login/index.js",
    "content": "import React, { PropTypes, Component } from 'react';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { Paper, TextField, RaisedButton } from 'material-ui';\nimport ActionAccountCicle\nfrom 'material-ui/lib/svg-icons/action/account-circle';\nimport * as AuthActions from '../../redux/modules/auth';\n\nclass Login extends Component {\n  static propTypes = {\n    dispatch: PropTypes.func.isRequired\n  }\n\n  static contextTypes = {\n    muiTheme: PropTypes.object.isRequired\n  }\n\n  getStyles() {\n    return {\n      center: {\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        height: '100%',\n        padding: 10\n      },\n      paper: {\n        maxHeight: 400,\n        maxWidth: 400,\n        textAlign: 'center',\n        padding: '20px 40px'\n      },\n      submit: {\n        marginTop: 10,\n        marginBottom: 20,\n        width: '100%'\n      }\n    };\n  }\n\n  render() {\n    const styles = this.getStyles();\n\n    return (\n        <div style={styles.center}>\n          <Paper style={styles.paper}>\n            <ActionAccountCicle style={{ height: 100, width: 100 }}/><br/>\n            <TextField ref='identity'\n                       hintText='email'\n                       floatingLabelText='email'\n                       defaultValue='john.doe@example.com'\n                       onKeyDown={::this.submit} /><br/>\n            <TextField ref='password'\n                       hintText='password'\n                       floatingLabelText='password'\n                       type='password'\n                       defaultValue='qwertyuiop'\n                       onKeyDown={::this.submit} /><br />\n            <RaisedButton style={styles.submit}\n                          label='Submit'\n                          onTouchTap={::this.submit}\n                          primary />\n          </Paper>\n        </div>\n    );\n  }\n\n  submit(event) {\n    const { dispatch } = this.props;\n    const actions = bindActionCreators(AuthActions, dispatch);\n\n    const identity = this.refs.identity.state.hasValue;\n    const password = this.refs.password.state.hasValue;\n\n    if (event.type === 'keydown' && event.keyCode !== 13) return;\n\n    actions.login(identity, password);\n  }\n}\n\nexport default connect(state => ({ user: state.user }))(Login);\n"
  },
  {
    "path": "src/styles/main.less",
    "content": "// Reset\n@import '~normalize.css/normalize.css';\n\n\n// Correct some stuff in scaffolding.less\nsvg {\n  box-sizing: content-box;\n}"
  },
  {
    "path": "test/fixture/data.js",
    "content": "var casual = require('casual');\n\nvar arrayOf = function(times, type) {\n  var result = [];\n\n  for (var i = 0; i < times; ++i) {\n    result.push(casual[type]);\n  }\n\n  return result;\n};\n\nvar data = {};\n\nvar randGender = ['men', 'women'][Math.floor(Math.random() * 2)];\nvar baseUrl = 'https://randomuser.me/api/portraits/med/';\n\nvar userId = 0;\ncasual.define('user', function() {\n  ++userId;\n  return {\n    id: userId,\n    username: casual.username,\n    email: casual.email,\n    password: 'demo',\n    avatar: baseUrl + randGender + '/' + userId + '.jpg',\n    firstname: casual.first_name,\n    lastname: casual.last_name\n  };\n});\n\nvar postId = 0;\ncasual.define('post', function() {\n  ++postId;\n  return {\n    id: postId,\n    title: casual.title,\n    subtitle: casual.title,\n    poster: 'http://thecatapi.com/api/images/get?type=jpg&r=' + postId,\n    body: casual.text,\n    user: Math.floor(Math.random() * 99 + 1)\n  };\n});\n\ndata.user = arrayOf(100, 'user');\ndata.post = arrayOf(1000, 'post');\n\nmodule.exports = data;"
  },
  {
    "path": "test/index.spec.js",
    "content": ""
  },
  {
    "path": "webpack.config.js",
    "content": "/* eslint-disable */\nvar path = require('path');\nvar webpack = require('webpack');\n\nmodule.exports = {\n  devtool: 'source-map',\n  entry: [\n    'webpack-hot-middleware/client',\n    './src/javascript/index'\n  ],\n  output: {\n    filename: 'bundle.js',\n    path: path.join(__dirname, 'dist'),\n    publicPath: '/static/'\n  },\n  plugins: [\n    new webpack.HotModuleReplacementPlugin(),\n    new webpack.NoErrorsPlugin(),\n    new webpack.DefinePlugin({\n      __DEVELOPMENT__: true,\n      __DEVTOOLS__: true\n    })\n  ],\n  resolve: {\n    alias: {\n      'redux': path.join(__dirname, 'node_modules/redux')\n    },\n    extensions: ['', '.js']\n  },\n  module: {\n    loaders: [{\n      test: /\\.js$/,\n      loader: 'babel',\n      query: {\n        plugins: ['react-transform'],\n        extra: {\n          'react-transform': {\n            transforms: [{\n              transform: 'react-transform-hmr',\n              imports: ['react'],\n              locals: ['module']\n            }, {\n              transform: 'react-transform-catch-errors',\n              imports: ['react', 'redbox-react']\n            }]\n          }\n        }\n      },\n      exclude: /node_modules/,\n      include: path.join(__dirname, 'src', 'javascript')\n    }, {\n      test: /\\.css$/,\n      loaders: ['style', 'raw'],\n      include: __dirname\n    }, {\n      test: /\\.less$/,\n      loaders: ['style', 'css', 'less'],\n      include: __dirname\n    }, {\n      test: /\\.png$/,\n      loader: \"url-loader?mimetype=image/png\",\n      include: path.join(__dirname, 'src', 'images')\n    }, {\n      test: /\\.woff|\\.woff2$/,\n      loader: \"url?limit=10000&mimetype=application/font-woff\"\n    }, {\n      test: /\\.ttf$/,\n      loader: \"url?limit=10000&mimetype=application/octet-stream\"\n    }, {\n      test: /\\.eot$/,\n      loader: \"file\"\n    }, {\n      test: /\\.svg$/,\n      loader: \"url?limit=10000&mimetype=image/svg+xml\"\n    }]\n  }\n};\n"
  },
  {
    "path": "webpack.config.production.js",
    "content": "/* eslint-disable */\nvar path = require('path');\nvar webpack = require('webpack');\n\nmodule.exports = {\n  devtool: 'source-map',\n  entry: './src/javascript/index',\n  output: {\n    path: path.join(__dirname, 'static'),\n    filename: 'bundle.js'\n  },\n  resolve: {\n    alias: {\n      'redux': path.join(__dirname, 'node_modules/redux')\n    },\n    extensions: [ '', '.js' ]\n  },\n  plugins: [\n    new webpack.optimize.DedupePlugin(),\n    new webpack.optimize.OccurenceOrderPlugin(),\n    new webpack.optimize.UglifyJsPlugin({\n      compressor: {\n        warnings: false\n      }\n    }),\n    new webpack.DefinePlugin({\n      __DEVELOPMENT__: false,\n      __DEVTOOLS__: false\n    })\n  ],\n  module: {\n    loaders: [{\n      test: /\\.js$/,\n      loaders: ['babel'],\n      exclude: /node_modules/,\n      include: path.join(__dirname, 'src', 'javascript')\n    }, {\n      test: /\\.css$/,\n      loaders: ['style', 'raw'],\n      include: __dirname\n    }, {\n      test: /\\.less$/,\n      loaders: ['style', 'css', 'less'],\n      include: __dirname\n    }, {\n      test: /\\.png$/,\n      loader: \"url-loader?mimetype=image/png\",\n      include: path.join(__dirname, 'src', 'images')\n    }, {\n      test: /\\.woff|\\.woff2$/,\n      loader: \"url?limit=10000&mimetype=application/font-woff\"\n    }, {\n      test: /\\.ttf$/,\n      loader: \"url?limit=10000&mimetype=application/octet-stream\"\n    }, {\n      test: /\\.eot$/,\n      loader: \"file\"\n    }, {\n      test: /\\.svg$/,\n      loader: \"url?limit=10000&mimetype=image/svg+xml\"\n    }]\n  }\n};\n"
  }
]