add todo-cards-app | Feed. You. Stuff. No time. (C) whatthecommit.com

Author: daggerok

.travis.yml

@@ -30,6 +30,7 @@ script:
 
 - >
   for path in \
+    functional-js/todo-cards-app \
     functional-js/tips-calculator-app \
     functional-js/functional-starter-app \
     functional-js/functional-temperature-converter-app \

bin/clean.sh

@@ -1,6 +1,7 @@
 #!/usr/bin/env bash
 # functional-js
 for path in \
+  todo-cards-app \
   tips-calculator-app \
   functional-starter-app \
   functional-temperature-converter-app \

functional-js/functional-starter-app/src/app/Components.js

@@ -7,19 +7,9 @@ import { } from './Actions';
 const { div, h1, pre, } = hh(h);
 
 export function view(dispatch, state) {
-  return contentWrapper([
-    applicationHeader(),
-    debugAppState(state),
-  ]);
-}
-
-function applicationHeader() {
-  return h1({ className: 'f1 pv2 bb' }, 'App');
-}
-
-function contentWrapper(elements) {
   return div({ className: 'mw6 center' }, [
-    ...elements,
+    h1({ className: 'f1 pv2 bb' }, 'App'),
+    debugAppState(state),
   ]);
 }
 

functional-js/functional-starter-app/src/app/InitialState.js

@@ -1,5 +1,5 @@
 import { mapOf } from './Actions';
 
 export const initialState = mapOf({
-  enableLocalStorage: true,
+  enableLocalStorage: false,
 });

functional-js/functional-starter-app/src/app/LocalStorage.js

@@ -2,21 +2,22 @@ import { initialState } from './InitialState';
 import { version, name } from '../../package.json';
 import { storeLocalStorageStateAction } from './Actions';
 
-/** state management */
+/** impure: state management by using browser local storage for backup / restore last user session */
 
 const _key = `com.github.daggerok:${name}:${version}`;
 
-function restoreState(json) {
+export function restoreState() {
+  if (!initialState.enableLocalStorage) {
+    return initialState;
+  }
+  const json = localStorage.getItem(_key);
   if (!json || '{}' === json) {
-    return JSON.stringify(initialState);
+    return initialState;
   }
-  return json;
+  return JSON.parse(json);
 }
 
-export const deserialize = () => !initialState.enableLocalStorage ? {} :
-  JSON.parse(restoreState(localStorage.getItem(_key)));
-
-export const serialize = state => !initialState.enableLocalStorage ? {} :
+export const backupState = state => !initialState.enableLocalStorage ? {} :
   localStorage.setItem(_key, JSON.stringify(state));
 
 export const registerLocalStorageOnUnloadDispatcher = dispatch => !initialState.enableLocalStorage ? {} :

functional-js/functional-starter-app/src/app/Reducer.js

@@ -1,4 +1,4 @@
-import { serialize } from './LocalStorage';
+import { backupState } from './LocalStorage';
 import { mapOf, types } from './Actions';
 import * as R from 'ramda';
 
@@ -10,14 +10,12 @@ export function reducer(action, state) {
   switch (type) {
 
     case types.STORE_STATE: {
-      serialize(state);
-      return mapOf({ ...state });
+      backupState(state);
+      return state;
     }
 
     default: {
-      return mapOf({ ...state });
+      return state;
     }
   }
-
-  return state;
 }

functional-js/functional-starter-app/src/app/VirtualDOM.js

@@ -5,7 +5,7 @@ import { reducer } from './Reducer';
 import { view } from './Components';
 import { registerLocalStorageOnUnloadDispatcher } from './LocalStorage';
 
-/** impure */
+/** impure: perform efficient virtual DOM tree update (re-render) */
 
 export function render(initialState, rootNode) {
   let state = initialState;
@@ -16,8 +16,8 @@ export function render(initialState, rootNode) {
 
   registerLocalStorageOnUnloadDispatcher(dispatch);
 
-  function dispatch(type) {
-    const newState = reducer(type, state);
+  function dispatch(action) {
+    const newState = reducer(action, state);
     const newView = view(dispatch, newState);
     const patches = diff(currentView, newView);
 

functional-js/functional-starter-app/src/main.js

@@ -1,7 +1,7 @@
 import { render } from './app/VirtualDOM';
-import { deserialize } from './app/LocalStorage';
+import { restoreState } from './app/LocalStorage';
 
-const initialState = deserialize();
+const initialState = restoreState();
 
 render(
   initialState,

functional-js/todo-cards-app/.babelrc

@@ -0,0 +1,10 @@
+{
+  "presets": [
+    ["env", {
+      "targets": {
+        "browsers": ["last 2 versions", "safari >= 7", "chrome >= 36", "firefox >= 28"]
+      }
+    }],
+    "stage-0"
+  ]
+}

functional-js/todo-cards-app/.gitignore

@@ -0,0 +1,11 @@
+.idea/
+*.iml
+*.ipr
+*.iws
+
+.cache/
+dist/
+
+node_modules/
+.DS_Store
+*.log*

functional-js/todo-cards-app/README.adoc

@@ -0,0 +1,6 @@
+= functional-starter-app image:https://travis-ci.org/daggerok/js-examples.svg?branch=master["Build Status", link="https://travis-ci.org/daggerok/js-examples"]
+
+TODO:
+
+- create card
+- refactoring to make cancel changes ork with reverting to prev state

functional-js/todo-cards-app/bin/gh-pages-base-href.bash

@@ -0,0 +1,11 @@
+#!/bin/bash
+
+# add base tag:
+# <head> -> <head><base href="/js-examples/"/>
+
+if ! [ -z "$1" ]; then
+  if [ -f "$1" ]; then
+    sed -i -e "s/\(<head>\)/<head><base href=\"\/js-examples\/\"\/>/g" $1
+    rm -rf "$1-e"
+  fi
+fi