bouquet 0.1.2 → 0.2.0

data/store/private/static/app/components/layouts/sidebar/layout.js

@@ -0,0 +1,63 @@
+import React, {Component, PropTypes} from 'react'
+import {Link} from 'react-router'
+import {List, ListItem} from 'react-toolbox/lib'
+import Avatar from 'react-toolbox/lib/avatar'
+import {Button} from 'react-toolbox/lib/button'
+import style from './style'
+
+class Layout extends Component {
+  items = [
+    {caption: 'Account',   icon: 'person',        to: 'account'},
+    {caption: 'Product',   icon: 'card_giftcard', to: 'products'},
+    {caption: 'Material',  icon: 'local_florist', to: 'materials'},
+    {caption: 'Inventory', icon: 'widgets',       to: 'inventory'},
+    {caption: 'Counter',   icon: 'plus_one',      to: 'counter'},
+    {caption: 'About',     icon: 'domain',        to: 'about'}
+  ]
+
+  itemNodes () {
+    const nodes = this.items.map((item, index) => {
+      let className = style.item
+      if (item.to === this.props.router.path) {
+        className += ` ${style.active}`
+      }
+
+      return (
+        <Link to={item.to} key={index} >
+          <ListItem className={className}
+            selectable
+            caption={item.caption}
+            leftIcon={item.icon} />
+        </Link>
+      )
+    })
+
+    return nodes
+  }
+
+  render () {
+    let className = style.root
+    if (this.props.className) {
+      className += ` ${this.props.className}`
+    }
+
+    return (
+      <dev className={className}>
+        <List className={style.list} selectable ripple>
+          {this.itemNodes()}
+        </List>
+        <footer className={style.footer}>
+          <div className={style.relative}>
+            <Avatar style={{backgroundColor: 'deepskyblue'}}
+              icon='person' />
+
+            <Button className={style.absolute}
+              label={this.props.account.username} />
+          </div>
+        </footer>
+      </dev>
+    )
+  }
+}
+
+export default Layout

data/store/private/static/app/components/layouts/sidebar/style.scss

@@ -0,0 +1,47 @@
+@import "../config";
+
+.root {
+  display: flex;
+  width: $sidebar-width;
+  flex-direction: column;
+  background-color: $color-background;
+}
+
+.list {
+  @include no-webkit-scrollbar;
+  flex-grow: 1;
+  overflow-y: auto;
+}
+
+.item {
+  padding: $sidebar-v-padding $sidebar-h-padding;
+  > span > span {
+    font-size: $font-size-normal;
+    font-weight: $font-weight-semi-bold;
+  }
+}
+
+.active {
+  background: $color-divider;
+}
+
+.footer {
+  flex-grow: 0;
+  padding: $sidebar-h-padding;
+  overflow: hidden;
+  font-size: $font-size-small;
+  color: $color-text-secondary;
+  border-top: $sidebar-footer-border;
+  > * {
+    display: block;
+  }
+  .relative {
+    position: relative;
+  }
+  .absolute{
+    position: absolute;
+    top: 50%;
+    margin-top: -2 * $unit;
+    margin-left: 1 * $unit;
+  }
+}

data/store/private/static/app/constants/ActionTypes.js

@@ -0,0 +1,20 @@
+// ACCOUNT
+export const CHANGE_ACCOUNT = 'CHANGE_ACCOUNT'
+
+// COUNTER
+export const CHANGE_COUNTER = 'CHANGE_COUNTER'
+export const INCREMENT_COUNTER = 'INCREMENT_COUNTER'
+export const DECREMENT_COUNTER = 'DECREMENT_COUNTER'
+
+// PRODUCT
+export const PRODUCT_RECEIVE = 'PRODUCT_RECEIVE';
+export const PRODUCT_SHOW_ORDER = 'PRODUCT_SHOW_ORDER';
+export const PRODUCT_HIDE_SNACKBAR = 'PRODUCT_HIDE_SNACKBAR';
+
+// MATERIAL
+export const MATERIAL_RECEIVE = 'MATERIAL_RECEIVE';
+export const MATERIAL_SHOW_ORDER = 'MATERIAL_SHOW_ORDER';
+export const MATERIAL_HIDE_SNACKBAR = 'MATERIAL_HIDE_SNACKBAR';
+
+// STORAGE
+export const STORAGE_RECEIVE = 'STORAGE_RECEIVE';

data/store/private/static/app/containers/dev_tools/index.js

@@ -0,0 +1,13 @@
+import React from 'react'
+import {createDevTools} from 'redux-devtools'
+import LogMonitor from 'redux-devtools-log-monitor'
+import DockMonitor from 'redux-devtools-dock-monitor'
+
+export default createDevTools(
+  <DockMonitor
+    toggleVisibilityKey="ctrl-h"
+    changePositionKey="ctrl-q"
+  >
+    <LogMonitor />
+  </DockMonitor>
+)

data/store/private/static/app/containers/home/index.js

@@ -0,0 +1,2 @@
+import Home from '../../components/layouts/home'
+export default Home

data/store/private/static/app/containers/index.js

@@ -0,0 +1,2 @@
+export Root from './root'
+export Home from './home'

data/store/private/static/app/containers/root/index.js

@@ -0,0 +1,26 @@
+import React, {Component, PropTypes} from 'react'
+import App from 'react-toolbox/lib/app'
+
+class Root extends Component {
+  render() {
+    return (
+      <App>
+        {this.props.children}
+        {
+          (() => {
+            if (process.env.NODE_ENV !== 'production') {
+              const DevTools = require('../dev_tools')
+              return <DevTools />
+            }
+          })()
+        }
+      </App>
+    )
+  }
+}
+
+Root.propTypes = {
+  children: PropTypes.element.isRequired
+}
+
+export default Root

data/store/private/static/app/index.js

@@ -0,0 +1,21 @@
+import React from 'react'
+import ReactDOM from 'react-dom'
+import {Provider} from 'react-redux'
+import {Router} from 'react-router'
+import {syncReduxAndRouter} from'redux-simple-router'
+import {createHistory, useBasename} from 'history'
+import routes from './routes'
+import configureStore from './store/configureStore'
+
+const store = configureStore()
+const history = useBasename(createHistory)({basename: '/store'})
+syncReduxAndRouter(history, store)
+
+ReactDOM.render(
+  <Provider store={store}>
+    <Router history={history}>
+      {routes}
+    </Router>
+  </Provider>,
+  document.getElementById('main')
+)

data/store/private/static/app/reducers/account.js

@@ -0,0 +1,19 @@
+import * as types from '../constants/ActionTypes'
+
+const initialState = {
+  username: 'foo',
+  password: 'pass'
+}
+
+export default function(state = initialState, action) {
+  switch (action.type) {
+    case types.CHANGE_ACCOUNT:
+      return {
+        ...state,
+        username: action.account.username,
+        password: action.account.password
+      }
+    default:
+      return state
+  }
+}

data/store/private/static/app/reducers/counter.js

@@ -0,0 +1,14 @@
+import * as types from '../constants/ActionTypes'
+
+export default function(state = 0, action) {
+  switch (action.type) {
+    case types.CHANGE_COUNTER:
+      return action.counter
+    case types.INCREMENT_COUNTER:
+      return state + 1
+    case types.DECREMENT_COUNTER:
+      return state - 1
+    default:
+      return state
+  }
+}

data/store/private/static/app/reducers/index.js

@@ -0,0 +1,18 @@
+import {combineReducers} from 'redux'
+import {routeReducer as routing} from 'redux-simple-router'
+import account from './account'
+import product from './product'
+import material from './material'
+import inventory from './inventory'
+import counter from './counter'
+
+const rootReducer = combineReducers({
+  routing,
+  account,
+  product,
+  material,
+  inventory,
+  counter
+})
+
+export default rootReducer

data/store/private/static/app/reducers/inventory.js

@@ -0,0 +1,17 @@
+import * as types from '../constants/ActionTypes'
+
+const initialState = {
+  storages: []
+}
+
+export default function(state = initialState, action) {
+  switch (action.type) {
+  case types.STORAGE_RECEIVE:
+    return {
+      ...state,
+      storages: action.storages
+    }
+  default:
+    return state
+  }
+}

data/store/private/static/app/reducers/material.js

@@ -0,0 +1,30 @@
+import * as types from '../constants/ActionTypes'
+
+const initialState = {
+  materials: [],
+  order: {},
+  snackbar_active: false
+}
+
+export default function(state = initialState, action) {
+  switch (action.type) {
+  case types.MATERIAL_RECEIVE:
+    return {
+      ...state,
+      materials: action.materials
+    }
+  case types.MATERIAL_SHOW_ORDER:
+    return {
+      ...state,
+      order: action.order,
+      snackbar_active: true
+    }
+  case types.MATERIAL_HIDE_SNACKBAR:
+    return {
+      ...state,
+      snackbar_active: false
+    }
+  default:
+    return state
+  }
+}

data/store/private/static/app/reducers/product.js

@@ -0,0 +1,30 @@
+import * as types from '../constants/ActionTypes'
+
+const initialState = {
+  products: [],
+  order: {},
+  snackbar_active: false
+}
+
+export default function(state = initialState, action) {
+  switch (action.type) {
+  case types.PRODUCT_RECEIVE:
+    return {
+      ...state,
+      products: action.products
+    }
+  case types.PRODUCT_SHOW_ORDER:
+    return {
+      ...state,
+      order: action.order,
+      snackbar_active: true
+    }
+  case types.PRODUCT_HIDE_SNACKBAR:
+    return {
+      ...state,
+      snackbar_active: false
+    }
+  default:
+    return state
+  }
+}

data/store/private/static/app/routes/index.js

@@ -0,0 +1,18 @@
+import React from 'react'
+import {Route, IndexRoute} from 'react-router'
+import {Root, Home} from '../containers'
+import * as Contents from '../components/layouts/contents'
+
+export default (
+  <Route component={Root}>
+    <Route path="/" component={Home}>
+      <IndexRoute component={Contents.Main} />
+      <Route path="/account" component={Contents.Account} />
+      <Route path="/products" component={Contents.Product} />
+      <Route path="/materials" component={Contents.Material} />
+      <Route path="/inventory" component={Contents.Inventory} />
+      <Route path="/counter" component={Contents.Counter} />
+      <Route path="/about" component={Contents.About} />
+    </Route>
+  </Route>
+)

data/store/private/static/app/store/configureStore.development.js

@@ -0,0 +1,27 @@
+import { createStore, applyMiddleware, compose } from 'redux'
+import { persistState } from 'redux-devtools'
+import thunk from 'redux-thunk'
+import rootReducer from '../reducers'
+import DevTools from '../containers/dev_tools'
+
+const finalCreateStore = compose(
+  applyMiddleware(thunk),
+  DevTools.instrument(),
+  persistState(
+    window.location.href.match(
+      /[?&]debug_session=([^&]+)\b/
+    )
+  )
+)(createStore)
+
+export default function configureStore(initialState) {
+  const store = finalCreateStore(rootReducer, initialState)
+
+  if (module.hot) {
+    module.hot.accept('../reducers', () =>
+      store.replaceReducer(require('../reducers'))
+    )
+  }
+
+  return store
+}

data/store/private/static/app/store/configureStore.js

@@ -0,0 +1,5 @@
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./configureStore.production')
+} else {
+  module.exports = require('./configureStore.development')
+}

data/store/private/static/app/store/configureStore.production.js

@@ -0,0 +1,11 @@
+import {createStore, applyMiddleware, compose} from 'redux'
+import thunk from 'redux-thunk'
+import rootReducer from '../reducers'
+
+const finalCreateStore = compose(
+  applyMiddleware(thunk)
+)(createStore)
+
+export default function configureStore(initialState) {
+  return finalCreateStore(rootReducer, initialState)
+}

data/store/private/static/app/toolbox-theme.scss

@@ -0,0 +1,7 @@
+$color-primary: $palette-blue-500 !default;
+$color-primary-dark: $palette-blue-700 !default;
+$color-primary-light: $palette-blue-500 !default;
+$color-accent: $palette-pink-a200;
+$color-accent-dark: $palette-pink-700;
+$color-primary-contrast: $color-dark-contrast;
+$color-accent-contrast: $color-dark-contrast;

data/store/private/static/index.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Redux/React App</title>
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
+  <link href="http://localhost:4000/assets/stylesheets/bouquet/store/application.css" rel="stylesheet" type="text/css" />
+</head>
+<body>
+  <div id="main"></div>
+  <script src="http://localhost:4000/assets/javascripts/bouquet/store/application.js"></script>
+</body>
+</html>

data/store/private/static/main.js

@@ -0,0 +1,30 @@
+'use strict'
+
+const electron = require('electron')
+const app = electron.app
+const BrowserWindow = electron.BrowserWindow
+
+let mainWindow
+
+function createWindow () {
+  mainWindow = new BrowserWindow({width: 800, height: 600})
+  mainWindow.loadURL('file://' + __dirname + '/index.html')
+  mainWindow.webContents.openDevTools()
+  mainWindow.on('closed', function() {
+    mainWindow = null
+  })
+}
+
+app.on('ready', createWindow)
+
+app.on('window-all-closed', function () {
+  if (process.platform !== 'darwin') {
+    app.quit()
+  }
+})
+
+app.on('activate', function () {
+  if (mainWindow === null) {
+    createWindow()
+  }
+})

data/store/private/static/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "static",
+  "version": "0.1.0",
+  "scripts": {
+    "start": "NODE_ENV=development node server.js",
+    "build": "NODE_ENV=production webpack -p --config webpack.production.js",
+    "elect": "electron main.js"
+  },
+  "dependencies": {
+    "babel-core": "^5.0.0",
+    "es6-promise": "^3.0.2",
+    "history": "^1.17.0",
+    "isomorphic-fetch": "^2.2.1",
+    "lodash": "^4.0.0",
+    "react": "^0.14.0",
+    "react-dom": "^0.14.0",
+    "react-redux": "^4.0.0",
+    "react-router": "^1.0.3",
+    "react-toolbox": "^0.14.0",
+    "redux": "^3.0.4",
+    "redux-simple-router": "^1.0.2",
+    "redux-thunk": "^1.0.0",
+    "whatwg-fetch": "^0.10.1"
+  },
+  "devDependencies": {
+    "autoprefixer": "^6.2.3",
+    "babel-core": "^5.0.0",
+    "babel-loader": "^5.0.0",
+    "babel-plugin-react-display-name": "^2.0.0",
+    "babel-plugin-react-transform": "^1.1.1",
+    "classnames": "^2.2.3",
+    "core-js": "^2.0.3",
+    "css-loader": "^0.23.1",
+    "cssnext-loader": "^1.0.1",
+    "electron-prebuilt": "^0.36.3",
+    "express": "^4.13.3",
+    "extract-text-webpack-plugin": "^1.0.1",
+    "node-sass": "^3.4.2",
+    "normalize.css": "^3.0.3",
+    "path": "^0.12.7",
+    "postcss-loader": "^0.8.0",
+    "react-addons-css-transition-group": "^0.14.6",
+    "react-transform-catch-errors": "^1.0.1",
+    "react-transform-hmr": "^1.0.1",
+    "redbox-react": "^1.2.0",
+    "redux-devtools": "^3.0.1",
+    "redux-devtools-dock-monitor": "^1.0.1",
+    "redux-devtools-log-monitor": "^1.0.2",
+    "sass-loader": "^3.1.2",
+    "style-loader": "^0.13.0",
+    "toolbox-loader": "0.0.3",
+    "webpack": "^1.12.11",
+    "webpack-dev-middleware": "^1.4.0",
+    "webpack-hot-middleware": "^2.6.0"
+  }
+}

data/store/private/static/server.js

@@ -0,0 +1,27 @@
+var path = require('path')
+var webpack = require('webpack')
+var express = require('express')
+var config = require('./webpack.config')
+
+var app = express()
+var compiler = webpack(config)
+
+app.use(require('webpack-dev-middleware')(compiler, {
+  noInfo: true,
+  publicPath: config.output.publicPath,
+  historyApiFallback: true
+}))
+
+app.use(require('webpack-hot-middleware')(compiler))
+
+app.get('*', function(req, res) {
+  res.sendFile(path.join(__dirname, 'index.html'))
+})
+
+app.listen(4000, 'localhost', function (err, result) {
+  if (err) {
+    console.log(err)
+  }
+
+  console.log('Listening at localhost:4000')
+})

data/store/private/static/webpack.config.js

@@ -0,0 +1,50 @@
+var path = require('path')
+var webpack = require('webpack')
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
+var autoprefixer = require('autoprefixer')
+
+module.exports = {
+  devtool: 'cheap-module-eval-source-map',
+  entry: [
+    'webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000',
+    './app/index.js'
+  ],
+  output: {
+    path: __dirname + '/assets/',
+    publicPath: 'http://localhost:4000/assets/',
+    filename: 'javascripts/bouquet/store/application.js',
+    hot: true
+  },
+  plugins: [
+    new webpack.optimize.OccurenceOrderPlugin(),
+    new webpack.HotModuleReplacementPlugin(),
+    new webpack.NoErrorsPlugin(),
+    new webpack.DefinePlugin({
+      '__DEV__': true,
+      'process.env': {
+        'NODE_ENV': JSON.stringify('development')
+      }
+    }),
+    new ExtractTextPlugin('stylesheets/bouquet/store/application.css')
+  ],
+  module: {
+    loaders: [
+      {
+        test: /(\.js|\.jsx)$/,
+        exclude: /(node_modules)/,
+        loaders: ['babel']
+      },
+      {
+        test: /(\.scss|\.css)$/,
+        loader: ExtractTextPlugin.extract('style', 'css?sourceMap&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss!sass?sourceMap!toolbox')
+      }
+    ]
+  },
+  toolbox: {
+    theme: path.join(__dirname, 'app/toolbox-theme.scss')
+  },
+  postcss: [autoprefixer],
+  resolve: {
+    extensions: ['', '.js', '.jsx', '.json', '.scss']
+  }
+}

data/store/private/static/webpack.production.js

@@ -0,0 +1,43 @@
+var path = require('path')
+var webpack = require('webpack')
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
+
+module.exports = {
+  entry: [
+    './app/index.js'
+  ],
+  output: {
+    path: __dirname + '../../../app/assets/',
+    publicPath: '/static/',
+    filename: 'javascripts/bouquet/store/bundle.js',
+  },
+  plugins: [
+    new webpack.NoErrorsPlugin(),
+    new webpack.DefinePlugin({
+      '__DEV__': false,
+      'process.env': {
+        'NODE_ENV': JSON.stringify('production')
+      }
+    }),
+    new ExtractTextPlugin('stylesheets/bouquet/store/bundle.css')
+  ],
+  module: {
+    loaders: [
+      {
+        test: /(\.js|\.jsx)$/,
+        exclude: /(node_modules)/,
+        loaders: ['babel']
+      },
+      {
+        test: /(\.scss|\.css)$/,
+        loader: ExtractTextPlugin.extract('style', 'css?sourceMap&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss!sass?sourceMap!toolbox')
+      }
+    ]
+  },
+  toolbox: {
+    theme: path.join(__dirname, 'app/toolbox-theme.scss')
+  },
+  resolve: {
+    extensions: ['', '.js', '.jsx', '.json', '.scss']
+  }
+}

data/store/spec/controllers/bouquet/store/main_controller_spec.rb

@@ -0,0 +1,15 @@
+require 'rails_helper'
+
+module Bouquet
+  RSpec.describe Store::MainController, :type => :controller do
+    routes { Bouquet::Store::Engine.routes }
+
+    describe "GET index" do
+      it "returns http success" do
+        get :index
+        expect(response).to have_http_status(:success)
+      end
+    end
+
+  end
+end

data/store/spec/dummy/Procfile

@@ -0,0 +1,2 @@
+web: NODE_ENV=development rails server
+pack: NODE_ENV=development npm start

data/store/spec/dummy/Rakefile

@@ -0,0 +1,6 @@
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require File.expand_path('../config/application', __FILE__)
+
+Rails.application.load_tasks

data/store/spec/dummy/app/assets/config/manifest.js

@@ -0,0 +1,4 @@
+
+//= link_tree ../images
+//= link_directory ../stylesheets .css
+//= link bouquet_store_manifest.js