redux-form init

Author: ShMcK

lib/components/TutorialConfig/index.js

@@ -24,6 +24,7 @@ var actions_1 = require('../../actions');
 var languageItems_1 = require('./languageItems');
 var runnerItems_1 = require('./runnerItems');
 var Top_1 = require('../TopPanel/Top');
+var redux_form_1 = require('redux-form');
 var styles = {
     card: {
         margin: '10px',
@@ -100,5 +101,9 @@ var TutorialConfig = (function (_super) {
     ], TutorialConfig);
     return TutorialConfig;
 }(React.Component));
+TutorialConfig = redux_form_1.reduxForm({
+    form: 'config',
+    fields: ['name', 'language', 'runner'],
+})(TutorialConfig);
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = TutorialConfig;

lib/reducers.js

@@ -1,5 +1,6 @@
 "use strict";
 var redux_1 = require('redux');
+var redux_form_1 = require('redux-form');
 var page_position_1 = require('./modules/page-position');
 var setup_1 = require('./modules/setup');
 var package_json_1 = require('./modules/package-json');
@@ -12,5 +13,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = redux_1.combineReducers({
     alert: alert_1.reducer, checks: setup_1.reducer, editor: editor_1.reducer, dir: editor_1.dir,
     packageJson: package_json_1.reducer, pagePosition: page_position_1.reducer, route: route_1.reducer,
-    tutorial: tutorial_1.reducer, windowToggle: window_1.reducer
+    tutorial: tutorial_1.reducer, windowToggle: window_1.reducer, form: redux_form_1.reducer
 });

package.json

@@ -36,6 +36,7 @@
     "react-redux": "4.4.5",
     "react-tap-event-plugin": "1.0.0",
     "redux": "3.5.2",
+    "redux-form": "^5.2.5",
     "redux-logger": "2.6.1",
     "redux-throttle-actions": "1.0.1",
     "redux-thunk": "2.1.0",

src/components/TutorialConfig/index.tsx

@@ -10,6 +10,7 @@ import {pjSave, tutorialInit, routeSet} from '../../actions';
 import languageItems from './languageItems';
 import runnerItems from './runnerItems';
 import Top from '../TopPanel/Top';
+import {reduxForm} from 'redux-form';
 
 const styles = {
   card: {
@@ -31,7 +32,7 @@ const styles = {
     dispatch(routeSet('page'));
   }
 }))
-export default class TutorialConfig extends React.Component <{
+class TutorialConfig extends React.Component <{
   packageJson?: any,
   save?: (pj: Tutorial.PJ) => any,
   routeToPage?: () => any
@@ -131,3 +132,8 @@ export default class TutorialConfig extends React.Component <{
     );
   }
 }
+
+export default reduxForm({
+  form: 'config',
+  fields: ['name', 'language', 'runner'],
+})(TutorialConfig);

src/reducers.ts

@@ -1,4 +1,5 @@
 import {combineReducers} from 'redux';
+import {reducer as form} from 'redux-form';
 
 // module reducers
 import {reducer as pagePosition} from './modules/page-position';
@@ -15,5 +16,5 @@ import {reducer as route} from 'core-coderoad/lib/route';
 export default combineReducers({
   alert, checks, editor, dir,
   packageJson, pagePosition, route,
-  tutorial, windowToggle
+  tutorial, windowToggle, form
 });