Merge branch 'develop' into addLine

.gitignore

@@ -12,3 +12,7 @@ dist/*
 # Editors
 /#*
 *~
+
+# generated translation files
+/translations
+/locale

locale/messages.json

@@ -1,6 +0,0 @@
-{
-  "en": {
-    "paint.brushMode.brush": "Brush",
-    "paint.eraserMode.eraser": "Eraser"
-  }
-}

src/containers/brush-mode.jsx

@@ -74,8 +74,8 @@ BrushMode.propTypes = {
 };
 
 const mapStateToProps = state => ({
-    brushModeState: state.brushMode,
-    isBrushModeActive: state.mode === Modes.BRUSH
+    brushModeState: state.scratchPaint.brushMode,
+    isBrushModeActive: state.scratchPaint.mode === Modes.BRUSH
 });
 const mapDispatchToProps = dispatch => ({
     changeBrushSize: brushSize => {

src/containers/eraser-mode.jsx

@@ -70,8 +70,8 @@ EraserMode.propTypes = {
 };
 
 const mapStateToProps = state => ({
-    eraserModeState: state.eraserMode,
-    isEraserModeActive: state.mode === Modes.ERASER
+    eraserModeState: state.scratchPaint.eraserMode,
+    isEraserModeActive: state.scratchPaint.mode === Modes.ERASER
 });
 const mapDispatchToProps = dispatch => ({
     changeBrushSize: brushSize => {

src/containers/line-mode.jsx

@@ -281,8 +281,8 @@ LineMode.propTypes = {
 };
 
 const mapStateToProps = state => ({
-    lineModeState: state.lineMode,
-    isLineModeActive: state.mode === Modes.LINE
+    lineModeState: state.scratchPaint.lineMode,
+    isLineModeActive: state.scratchPaint.mode === Modes.LINE
 });
 const mapDispatchToProps = dispatch => ({
     changeLineWidth: lineWidth => {

src/index.js

@@ -1,3 +1,7 @@
 import PaintEditor from './containers/paint-editor.jsx';
+import ScratchPaintReducer from './reducers/scratch-paint-reducer';
 
-export default PaintEditor;
+export {
+    PaintEditor as default,
+    ScratchPaintReducer
+};

src/playground/playground.jsx

@@ -3,8 +3,8 @@ import ReactDOM from 'react-dom';
 import PaintEditor from '..';
 import {Provider} from 'react-redux';
 import {createStore} from 'redux';
-import reducer from '../reducers/combine-reducers';
-import {intlInitialState, IntlProvider} from '../reducers/intl.js';
+import reducer from './reducers/combine-reducers';
+import {intlInitialState, IntlProvider} from './reducers/intl.js';
 
 const appTarget = document.createElement('div');
 document.body.appendChild(appTarget);

src/playground/reducers/combine-reducers.js

@@ -0,0 +1,8 @@
+import {combineReducers} from 'redux';
+import intlReducer from './intl';
+import {ScratchPaintReducer} from '../..';
+
+export default combineReducers({
+    intl: intlReducer,
+    scratchPaint: ScratchPaintReducer
+});

src/playground/reducers/intl.js

@@ -2,7 +2,7 @@ import {addLocaleData} from 'react-intl';
 import {updateIntl as superUpdateIntl} from 'react-intl-redux';
 import {IntlProvider, intlReducer} from 'react-intl-redux';
 
-import locales from '../locale.js';
+import locales from '../../locale.js';
 
 Object.keys(locales).forEach(locale => {
     // TODO: will need to handle locales not in the default intl - see www/custom-locales

src/reducers/scratch-paint-reducer.js

@@ -1,12 +1,12 @@
 import {combineReducers} from 'redux';
-import intlReducer from './intl';
 import modeReducer from './modes';
 import brushModeReducer from './brush-mode';
 import eraserModeReducer from './eraser-mode';
+import lineModeReducer from './line-mode';
 
 export default combineReducers({
-    intl: intlReducer,
     mode: modeReducer,
     brushMode: brushModeReducer,
-    eraserMode: eraserModeReducer
+    eraserMode: eraserModeReducer,
+    lineMode: lineModeReducer
 });

translations/en.json

@@ -1,10 +0,0 @@
-{
-  "paint.brushMode.brush": {
-    "message": "Brush",
-    "description": "Label for the brush tool"
-  },
-  "paint.eraserMode.eraser": {
-    "message": "Eraser",
-    "description": "Label for the eraser tool"
-  }
-}

translations/messages/src/components/brush-mode.json

@@ -1,7 +0,0 @@
-[
-  {
-    "id": "paint.brushMode.brush",
-    "description": "Label for the brush tool",
-    "defaultMessage": "Brush"
-  }
-]

translations/messages/src/components/eraser-mode.json

@@ -1,7 +0,0 @@
-[
-  {
-    "id": "paint.eraserMode.eraser",
-    "description": "Label for the eraser tool",
-    "defaultMessage": "Eraser"
-  }
-]

translations/messages/src/components/line-mode.json

@@ -1,7 +0,0 @@
-[
-  {
-    "id": "paint.lineMode.line",
-    "description": "Label for the line tool, which draws straight line segments",
-    "defaultMessage": "Line"
-  }
-]