v1.0.1

Author: kocisov

.wooorc

@@ -40,42 +40,33 @@ exports.default = function () {
 
           case 2:
             args = _context.sent;
-
-            console.log('args:', args);
-
-            _context.next = 6;
+            _context.next = 5;
             return (0, _options2.default)(args);
 
-          case 6:
+          case 5:
             options = _context.sent;
-
-            console.log('options:', options);
-
-            _context.next = 10;
+            _context.next = 8;
             return (0, _dependencies.prepare)(options);
 
-          case 10:
+          case 8:
             prepared = _context.sent;
-
-            console.log('prepared:', prepared);
-
-            _context.next = 14;
+            _context.next = 11;
             return (0, _dependencies.install)(prepared);
 
-          case 14:
+          case 11:
             installed = _context.sent;
-            _context.next = 17;
+            _context.next = 14;
             return (0, _files2.default)(options);
 
-          case 17:
+          case 14:
             created = _context.sent;
 
 
             (0, _clear2.default)();
 
             console.log(created);
 
-          case 20:
+          case 17:
           case 'end':
             return _context.stop();
         }

lib/index.js

@@ -1,6 +1,6 @@
 {
   "name": "redux-wooo",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Add redux scaffolding into your folder without pain.",
   "main": "lib/index.js",
   "repository": {
@@ -27,11 +27,13 @@
     "babel-polyfill": "^6.23.0",
     "babel-preset-env": "^1.4.0",
     "babel-preset-stage-0": "^6.24.1",
+    "mocha": "^3.3.0",
+    "prettier": "^1.2.2"
+  },
+  "dependencies": {
     "chalk": "^1.1.3",
     "clear": "^0.0.1",
     "fs-extra": "^3.0.0",
-    "mocha": "^3.3.0",
-    "prettier": "^1.2.2",
     "yargs": "^7.1.0"
   }
 }

package.json

@@ -7,16 +7,9 @@ import clear from 'clear';
 
 export default async function wooo() {
   const args = await argv();
-  console.log('args:', args);
-
   const options = await checkOptions(args);
-  console.log('options:', options);
-
   const prepared = await prepare(options);
-  console.log('prepared:', prepared);
-
   const installed = await install(prepared);
-
   const created = await createFiles(options);
 
   clear();

src/index.js

@@ -10,7 +10,23 @@
 
 body {
   -webkit-font-smoothing: antialiased;
-  background: #fff;
-  color: #212529;
+  font-family: sans-serif;
+  font-size: 14px;
+  font-weight: 300;
   line-height: 1.5;
+  margin: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+ul,
+li,
+ol,
+p,
+a {
+  margin: 0;
 }

templates/default/static/index.css

@@ -1,33 +1,23 @@
-/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
+/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
 
 /* Document
    ========================================================================== */
 
 /**
- * 1. Change the default font family in all browsers (opinionated).
- * 2. Correct the line height in all browsers.
- * 3. Prevent adjustments of font size after orientation changes in
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in
  *    IE on Windows Phone and in iOS.
  */
 
 html {
-  font-family: sans-serif; /* 1 */
-  line-height: 1.15; /* 2 */
-  -ms-text-size-adjust: 100%; /* 3 */
-  -webkit-text-size-adjust: 100%; /* 3 */
+  line-height: 1.15; /* 1 */
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */
 }
 
 /* Sections
    ========================================================================== */
 
-/**
- * Remove the margin in all browsers (opinionated).
- */
-
-body {
-  margin: 0;
-}
-
 /**
  * Add the correct display in IE 9-.
  */
@@ -108,17 +98,7 @@ a {
 }
 
 /**
- * Remove the outline on focused links when they are also active or hovered
- * in all browsers (opinionated).
- */
-
-a:active,
-a:hover {
-  outline-width: 0;
-}
-
-/**
- * 1. Remove the bottom border in Firefox 39-.
+ * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
 
@@ -245,19 +225,15 @@ svg:not(:root) {
    ========================================================================== */
 
 /**
- * 1. Change the font styles in all browsers (opinionated).
- * 2. Remove the margin in Firefox and Safari.
+ * Remove the margin in Firefox and Safari.
  */
 
 button,
 input,
 optgroup,
 select,
 textarea {
-  font-family: sans-serif; /* 1 */
-  font-size: 100%; /* 1 */
-  line-height: 1.15; /* 1 */
-  margin: 0; /* 2 */
+  margin: 0;
 }
 
 /**
@@ -316,16 +292,6 @@ button:-moz-focusring,
   outline: 1px dotted ButtonText;
 }
 
-/**
- * Change the border, margin, and padding in all browsers (opinionated).
- */
-
-fieldset {
-  border: 1px solid #c0c0c0;
-  margin: 0 2px;
-  padding: 0.35em 0.625em 0.75em;
-}
-
 /**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.

templates/default/static/normalize.css

@@ -1,17 +1,32 @@
 import React, { PureComponent } from 'react';
 import { connect } from 'react-redux';
+import { fakeLogin } from '../../modules/user';
 import './index.css';
 
 class Home extends PureComponent {
   render() {
+    const { name, isAuthenticated } = this.props.user;
+    const { fakeLogin } = this.props;
+
     return (
       <div>
-        <h2>Hello</h2>
+        {isAuthenticated
+          ? (
+            <div>
+              <h2>Hello, {name}</h2>
+            </div>
+          ) : (
+            <div>
+              <h2>Hello</h2>
+              <button onClick={fakeLogin}>Login</button>
+            </div>
+          )
+        }
       </div>
     );
   }
 }
 
-export default connect(
-  state => state,
-)(Home);
+export default connect(({ user }) => ({ user }), {
+  fakeLogin
+})(Home);

templates/react-router-4/containers/Home/index.js

@@ -1,6 +1,8 @@
 import { combineReducers } from 'redux';
 import { routerReducer } from 'react-router-redux';
+import user from './user';
 
 export default combineReducers({
+  user,
   router: routerReducer
 });

templates/react-router-4/modules/index.js

@@ -0,0 +1,45 @@
+const USER_LOGGED_IN = 'app/user/USER_LOGGED_IN';
+const USER_LOGGED_OUT = 'app/user/USER_LOGGED_OUT';
+
+const initialState = {
+  avatar: null,
+  isAuthenticated: false,
+  name: null,
+  points: null,
+  rank_group: null
+}
+
+export default function user (state = initialState, action) {
+  switch (action.type) {
+    case USER_LOGGED_IN:
+      return {
+        ...state,
+        isAuthenticated: true,
+
+        // spread over payload, instead of manually adding each key
+        ...action.payload
+      }
+
+    case USER_LOGGED_OUT:
+      return initialState
+
+    default:
+      return state;
+  }
+}
+
+export function fakeLogin () {
+  return dispatch => {
+    setTimeout(() => {
+      dispatch({
+        type: USER_LOGGED_IN,
+        payload: {
+          avatar: '//placecage.com/200/200',
+          name: 'UserName',
+          points: 1337,
+          rank_group: 5
+        }
+      })
+    }, 2000); // fake db delay
+  }
+}

templates/react-router-4/modules/user.js

@@ -9,10 +9,11 @@
 }
 
 body {
+  -webkit-font-smoothing: antialiased;
   font-family: sans-serif;
+  font-size: 14px;
   font-weight: 300;
   line-height: 1.5;
-  font-size: 14px;
   margin: 0;
 }