Version v0.0.4. Redux-matter used to replace account actions, reducer, and middleware. Redux-matter updated to v0.0.3 and kyper-matter updated to v0.1.7.

Author: prescottprue

.travis.yml

@@ -0,0 +1,10 @@
+language: node_js
+node_js:
+  - "0.12"
+  - "4"
+  - "5"
+branches:
+  only:
+    - master
+sudo: false
+script: "npm test"

README.md

@@ -4,8 +4,16 @@
   <a href="https://npmjs.org/package/generator-kyper-react">
     <img src="https://img.shields.io/npm/v/generator-kyper-react.svg" alt="npm version">
   </a>
+  <!-- Build Status -->
+  <a href="https://travis-ci.org/KyperTech/generator-kyper-react">
+    <img title="Build Status" src="https://travis-ci.org/KyperTech/generator-kyper-react.svg">
+  </a>
+  <!-- Dependency Status -->
+  <a href="https://david-dm.org/KyperTech/generator-kyper-react">
+    <img src="https://david-dm.org/KyperTech/generator-kyper-react.svg" alt="dependency status">
+  </a>
   <!-- License -->
-  <a href="https://github.com/KyperTech/generator-kyper-react/blob/master/LICENSE.md">
+  <a href="https://github.com/KyperTech/generator-kyper-react/blob/master/LICENSE">
     <img src="https://img.shields.io/npm/l/generator-kyper-react.svg" alt="license">
   </a>
 </p>

generators/app/templates/_matter-client.js

@@ -6,9 +6,11 @@ import configureStore from './store/configureStore';
 import { reduxReactRouter } from 'redux-router';
 import { createHistory } from 'history';
 import matter from './helpers/matter';
-
+import Matter from 'kyper-matter';
+let matter = new Matter('<%= appName %>');
 const initialState = window.__INITIAL_STATE__ || {
-  profile: matter.currentUser
+  account: {id: matter.currentUser ? matter.currentUser.id : null},
+  accounts: [matter.currentUser]
 };
 
 const store = configureStore(initialState, reduxReactRouter, createHistory);

generators/app/templates/_package.json

@@ -1,7 +1,7 @@
 {
   "name": "<%= appName %>",
   "version": "<%= version %>",
-  "main": "index.js",
+  "main": "bin/server.js",
   "scripts": {
     "build": "npm run clean && npm run build-bundle && npm run build-server && npm run build-copy",
     "build-bundle": "webpack --stats --progress --config webpack-production.config",
@@ -24,7 +24,6 @@
   "dependencies": {
     "express": "^4.13.3",
     "history": "1.13.0",
-    "kyper-matter": "^0.1.6",
     "lodash": "^3.10.1",
     "normalizr": "^1.4.0",
     "proxy-middleware": "^0.13.1",
@@ -36,6 +35,8 @@
     "redux": "^3.0.0",
     "redux-router": "1.0.0-beta3",
     "redux-thunk": "^1.0.0",
+    "redux-matter": "^0.0.3",
+    "kyper-matter": "^0.1.7",
     "serve-static": "^1.10.0",
     "webpack": "^1.12.2",
     "extract-text-webpack-plugin": "^0.8.2",

generators/app/templates/app/actions/profile.js

@@ -1,13 +1,19 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import { reduxReactRouter } from 'redux-router';
+import { createHistory } from 'history';
+import { getMatter } from 'redux-matter';
 import Root from './root';
 import configureStore from './store/configureStore';
 
-import { reduxReactRouter } from 'redux-router';
-import { createHistory } from 'history';
+let matter = getMatter();
+let entitiesObj = {accounts:{}};
+let accountObj = {};
 
-const initialState = window.__INITIAL_STATE__ || {
-};
+if(matter.currentUser){
+  accountObj.id = matter.currentUser.id
+  entitiesObj.accounts[matter.currentUser.id] = matter.currentUser
+}
 
 const store = configureStore(initialState, reduxReactRouter, createHistory);
 

generators/app/templates/app/client.js

@@ -0,0 +1,49 @@
+import React, { Component, PropTypes } from 'react';
+import { Link } from 'react-router';
+import './AccountDropdown.scss';
+
+class AccountDropdown extends Component {
+  constructor() {
+    super();
+    this.state = {isOpen: false};
+    this.toggleDropdown = this.toggleDropdown.bind(this);
+  }
+  static propTypes = {
+    account: PropTypes.shape({
+      username: PropTypes.string.isRequired
+    }).isRequired,
+    onLogoutClick: PropTypes.func
+  };
+  toggleDropdown() {
+    this.setState({
+      isOpen: !this.state.isOpen
+    });
+  }
+  render() {
+    if(!this.state.isOpen) {
+      return (
+        <div className="AccountDropdown-Closed">
+          <button onClick={ this.toggleDropdown }>
+            {this.props.account.username}
+          </button>
+        </div>
+      );
+    } else {
+      return (
+        <div className="AccountDropdown-Open">
+          <button onClick={ this.toggleDropdown }>
+            {this.props.account.username}
+          </button>
+          <Link className="AccountDropdown-Link" to="/profile">
+            Profile
+          </Link>
+          <button onClick={ this.props.onLogoutClick }>
+            Logout
+          </button>
+        </div>
+      );
+    }
+  }
+}
+
+export default AccountDropdown;

generators/app/templates/app/components/AccountDropdown/AccountDropdown.js

@@ -1,4 +1,4 @@
-.ProfileDropdown {
+.AccountDropdown {
   &-Link {
     text-decoration: none;
     font-size: 1rem;

…nts/ProfileDropdown/ProfileDropdown.scss …nts/AccountDropdown/AccountDropdown.scssgenerators/app/templates/app/components/ProfileDropdown/ProfileDropdown.scss renamed to generators/app/templates/app/components/AccountDropdown/AccountDropdown.scss generators/app/templates/app/components/ProfileDropdown/ProfileDropdown.scss renamed to generators/app/templates/app/components/AccountDropdown/AccountDropdown.scss

@@ -0,0 +1,37 @@
+import React, { Component, PropTypes } from 'react';
+import { Link } from 'react-router';
+import AccountDropdown from '../AccountDropdown/AccountDropdown';
+import './AccountManager.scss';
+
+class AccountManager extends Component {
+  constructor(props) {
+    super(props);
+  }
+  static propTypes = {
+    account: PropTypes.object,
+    onLogoutClick: PropTypes.func
+  };
+  render() {
+    if(this.props.account && this.props.account.username){
+      return (
+        <AccountDropdown
+          account={ this.props.account }
+          onLogoutClick={ this.props.onLogoutClick }
+        />
+      )
+    } else {
+      return (
+        <div className="AccountManager-Buttons">
+          <Link className="AccountManager-Button" to="/login">
+            Login
+          </Link>
+          <Link className="AccountManager-Button" to="/signup">
+            Signup
+          </Link>
+        </div>
+      );
+    }
+  }
+}
+
+export default AccountManager;

generators/app/templates/app/components/AccountManager/AccountManager.js

@@ -1,5 +1,5 @@
 @import '../../variables';
-.ProfileManager {
+.AccountManager {
   display: flex;
   //Button group
   &-Buttons {