swarmlog enabled

.editorconfig

@@ -0,0 +1,21 @@
+# EditorConfig helps developers define and maintain consistent
+# coding styles between different editors and IDEs
+# editorconfig.org
+
+root = true
+
+
+[*]
+
+# Change these settings to your own preference
+indent_style = space
+indent_size = 2
+
+# We recommend you to keep these unchanged
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

actions/index.js

@@ -1,25 +1,32 @@
 import * as types from '../constants/ActionTypes'
+import keys from '../keys.json'
+
+import {
+  keyToUriId
+} from '@philholden/redux-swarmlog'
+
+const reduxSwarmLogId = keyToUriId(keys.public)
 
 export function addTodo(text) {
-  return { type: types.ADD_TODO, text }
+  return { type: types.ADD_TODO, text, reduxSwarmLogId }
 }
 
 export function deleteTodo(id) {
-  return { type: types.DELETE_TODO, id }
+  return { type: types.DELETE_TODO, id, reduxSwarmLogId }
 }
 
 export function editTodo(id, text) {
-  return { type: types.EDIT_TODO, id, text }
+  return { type: types.EDIT_TODO, id, text, reduxSwarmLogId }
 }
 
 export function completeTodo(id) {
-  return { type: types.COMPLETE_TODO, id }
+  return { type: types.COMPLETE_TODO, id, reduxSwarmLogId }
 }
 
 export function completeAll() {
-  return { type: types.COMPLETE_ALL }
+  return { type: types.COMPLETE_ALL, reduxSwarmLogId }
 }
 
 export function clearCompleted() {
-  return { type: types.CLEAR_COMPLETED }
+  return { type: types.CLEAR_COMPLETED, reduxSwarmLogId }
 }

index.js

@@ -5,8 +5,15 @@ import { Provider } from 'react-redux'
 import App from './containers/App'
 import configureStore from './store/configureStore'
 import 'todomvc-app-css/index.css'
+import keys from './keys.json'
+import {
+  addReduxSwarmLog,
+  configureReduxSwarmLog
+} from '@philholden/redux-swarmlog'
 
 const store = configureStore()
+configureReduxSwarmLog({ reduxStore: store })
+addReduxSwarmLog({ name: 'todos', keys })
 
 render(
   <Provider store={store}>

keys.json

@@ -0,0 +1,6 @@
+{
+  "curve": "ed25519",
+  "public": "dCsLCEpygCYqdu4XYel2j6Qg4ODY0PXl5Qdd1rjuazM=.ed25519",
+  "private": "r1d8qGpIGiyBW+3B+CKIR\/BRNXvw6HRK2wes24mXx9V0KwsISnKAJip27hdh6XaPpCDg4NjQ9eXlB13WuO5rMw==.ed25519",
+  "id": "@dCsLCEpygCYqdu4XYel2j6Qg4ODY0PXl5Qdd1rjuazM=.ed25519"
+}

package.json

@@ -25,6 +25,7 @@
     "redux": "^3.2.1"
   },
   "devDependencies": {
+    "@philholden/redux-swarmlog": "^0.1.0",
     "babel-core": "^6.3.15",
     "babel-loader": "^6.2.0",
     "babel-preset-es2015": "^6.3.13",
@@ -35,10 +36,12 @@
     "expect": "^1.8.0",
     "express": "^4.13.3",
     "jsdom": "^5.6.1",
+    "json-loader": "^0.5.4",
     "mocha": "^2.2.5",
     "node-libs-browser": "^0.5.2",
     "raw-loader": "^0.5.1",
     "react-addons-test-utils": "^0.14.7",
+    "ssb-keys": "^5.0.2",
     "style-loader": "^0.12.3",
     "todomvc-app-css": "^2.0.1",
     "webpack": "^1.9.11",

reducers/todos.js

@@ -1,12 +1,6 @@
 import { ADD_TODO, DELETE_TODO, EDIT_TODO, COMPLETE_TODO, COMPLETE_ALL, CLEAR_COMPLETED } from '../constants/ActionTypes'
 
-const initialState = [
-  {
-    text: 'Use Redux',
-    completed: false,
-    id: 0
-  }
-]
+const initialState = []
 
 export default function todos(state = initialState, action) {
   switch (action.type) {
@@ -16,7 +10,7 @@ export default function todos(state = initialState, action) {
           id: state.reduce((maxId, todo) => Math.max(todo.id, maxId), -1) + 1,
           completed: false,
           text: action.text
-        }, 
+        },
         ...state
       ]
 

store/configureStore.js

@@ -1,8 +1,20 @@
-import { createStore } from 'redux'
+import {
+  createStore,
+  applyMiddleware
+} from 'redux'
+
+import {
+  reduxSwarmLogMiddleware
+} from '@philholden/redux-swarmlog'
+
 import rootReducer from '../reducers'
 
 export default function configureStore(initialState) {
-  const store = createStore(rootReducer, initialState)
+  const store = createStore(
+    rootReducer,
+    initialState,
+    applyMiddleware(reduxSwarmLogMiddleware)
+  )
 
   if (module.hot) {
     // Enable Webpack hot module replacement for reducers

webpack.config.js

@@ -28,6 +28,10 @@ module.exports = {
         test: /\.css?$/,
         loaders: [ 'style', 'raw' ],
         include: __dirname
+      },
+      {
+        test: /\.json$/,
+        loader: require.resolve('json-loader')
       }
     ]
   }