Merge branch 'development' into dev/add-more-board-features

src/actions/arduinoActions.js

@@ -0,0 +1,150 @@
+import { GET_ARDUINO_EXAMPLES } from './types';
+
+import axios from 'axios';
+import { returnErrors, returnSuccess } from './messageActions';
+
+
+export const getArduinoExamples = () => (dispatch) => {
+  const config = {
+    success: res => {
+      var examples = res.data.arduinoExamples;
+      console.log(examples);
+      dispatch({
+        type: GET_ARDUINO_EXAMPLES,
+        payload: examples
+      });
+      dispatch(returnSuccess(res.data.message, res.status));
+    },
+    error: err => {
+      if (err.response) {
+        dispatch(returnErrors(err.response.data.message, err.response.status, 'GET_PROJECTS_FAIL'));
+      }
+    }
+  };
+  axios.get(`${process.env.REACT_APP_BLOCKLY_API}/arduino`, config)
+    .then(res => {
+      res.config.success(res);
+    })
+    .catch(err => {
+      err.config.error(err);
+    });
+};
+
+// export const updateProject = (type, id) => (dispatch, getState) => {
+//   var workspace = getState().workspace;
+//   var body = {
+//     xml: workspace.code.xml,
+//     title: workspace.name,
+//     board: getState().board.board,
+//   };
+//   var project = getState().project;
+//   if (type === 'gallery') {
+//     body.description = project.description;
+//   }
+//   const config = {
+//     success: res => {
+//       var project = res.data[type];
+//       var projects = getState().project.projects;
+//       var index = projects.findIndex(res => res._id === project._id);
+//       projects[index] = project;
+//       dispatch({
+//         type: GET_PROJECTS,
+//         payload: projects
+//       });
+//       if (type === 'project') {
+//         dispatch(returnSuccess(res.data.message, res.status, 'PROJECT_UPDATE_SUCCESS'));
+//       } else {
+//         dispatch(returnSuccess(res.data.message, res.status, 'GALLERY_UPDATE_SUCCESS'));
+//       }
+//     },
+//     error: err => {
+//       if (err.response) {
+//         if (type === 'project') {
+//           dispatch(returnErrors(err.response.data.message, err.response.status, 'PROJECT_UPDATE_FAIL'));
+//         } else {
+//           dispatch(returnErrors(err.response.data.message, err.response.status, 'GALLERY_UPDATE_FAIL'));
+//         }
+//       }
+//     }
+//   };
+//   axios.put(`${process.env.REACT_APP_BLOCKLY_API}/${type}/${id}`, body, config)
+//     .then(res => {
+//       res.config.success(res);
+//     })
+//     .catch(err => {
+//       err.config.error(err);
+//     });
+// };
+
+// export const deleteProject = (type, id) => (dispatch, getState) => {
+//   const config = {
+//     success: res => {
+//       var projects = getState().project.projects;
+//       var index = projects.findIndex(res => res._id === id);
+//       projects.splice(index, 1)
+//       dispatch({
+//         type: GET_PROJECTS,
+//         payload: projects
+//       });
+//       if (type === 'project') {
+//         dispatch(returnSuccess(res.data.message, res.status, 'PROJECT_DELETE_SUCCESS'));
+//       } else {
+//         dispatch(returnSuccess(res.data.message, res.status, 'GALLERY_DELETE_SUCCESS'));
+//       }
+//     },
+//     error: err => {
+//       dispatch(returnErrors(err.response.data.message, err.response.status, 'PROJECT_DELETE_FAIL'));
+//     }
+//   };
+//   axios.delete(`${process.env.REACT_APP_BLOCKLY_API}/${type}/${id}`, config)
+//     .then(res => {
+//       res.config.success(res);
+//     })
+//     .catch(err => {
+//       if (err.response && err.response.status !== 401) {
+//         err.config.error(err);
+//       }
+//     });
+// };
+
+
+// export const shareProject = (title, type, id) => (dispatch, getState) => {
+//   var body = {
+//     title: title,
+//     board: getState().board.board
+//   };
+//   if (type === 'project') {
+//     body.projectId = id;
+//   } else {
+//     body.xml = getState().workspace.code.xml;
+//   }
+//   axios.post(`${process.env.REACT_APP_BLOCKLY_API}/share`, body)
+//     .then(res => {
+//       var shareContent = res.data.content;
+//       if (body.projectId) {
+//         var projects = getState().project.projects;
+//         var index = projects.findIndex(res => res._id === id);
+//         projects[index].shared = shareContent.expiresAt;
+//         dispatch({
+//           type: GET_PROJECTS,
+//           payload: projects
+//         });
+//       }
+//       dispatch(returnSuccess(res.data.message, shareContent._id, 'SHARE_SUCCESS'));
+//     })
+//     .catch(err => {
+//       if (err.response) {
+//         dispatch(returnErrors(err.response.data.message, err.response.status, 'SHARE_FAIL'));
+//       }
+//     });
+// };
+
+
+// export const resetProject = () => (dispatch) => {
+//   dispatch({
+//     type: GET_PROJECTS,
+//     payload: []
+//   });
+//   dispatch(setType(''));
+//   dispatch(setDescription(''));
+// };

src/actions/projectActions.js

@@ -90,7 +90,8 @@ export const updateProject = (type, id) => (dispatch, getState) => {
   var workspace = getState().workspace;
   var body = {
     xml: workspace.code.xml,
-    title: workspace.name
+    title: workspace.name,
+    board: getState().board.board,
   };
   var project = getState().project;
   if (type === 'gallery') {
@@ -165,7 +166,8 @@ export const deleteProject = (type, id) => (dispatch, getState) => {
 
 export const shareProject = (title, type, id) => (dispatch, getState) => {
   var body = {
-    title: title
+    title: title,
+    board: getState().board.board
   };
   if (type === 'project') {
     body.projectId = id;

src/actions/types.js

@@ -64,5 +64,7 @@ export const GET_PROJECTS = "GET_PROJECTS";
 export const PROJECT_TYPE = "PROJECT_TYPE";
 export const PROJECT_DESCRIPTION = "PROJECT_DESCRIPTION";
 
+export const GET_ARDUINO_EXAMPLES = "GET_ARDUINO_EXAMPLES";
+
 //board
 export const BOARD = "BOARD";

src/components/CodeEditor/Sidebar.js

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useEffect } from "react";
 import Blockly from "blockly";
 import { useSelector } from "react-redux";
 import Accordion from "@mui/material/Accordion";
@@ -10,17 +10,20 @@ import { useMonaco } from "@monaco-editor/react";
 import { Button } from "@mui/material";
 import SerialMonitor from "./SerialMonitor.js";
 import axios from "axios";
+import { useDispatch } from "react-redux";
+import { getArduinoExamples } from "../../actions/arduinoActions";
+//import getArduinoExamples from "../../reducers/arduinoReducer"
 
 const Sidebar = () => {
-  //const [examples, setExamples] = React.useState([]);
+
+
+  const examples = useSelector((state) => state.arduino.examples);
   const user = useSelector((state) => state.auth.user);
-  // useEffect(() => {
-  //   axios
-  //     .get("https://coelho.opensensemap.org/items/blocklysamples")
-  //     .then((res) => {
-  //       setExamples(res.data.data);
-  //     });
-  // }, []);
+  const dispatch = useDispatch()
+
+    useEffect(() => {
+      dispatch(getArduinoExamples());
+    }, [dispatch]);
   const monaco = useMonaco();
   const loadCode = (code) => {
     monaco.editor.getModels()[0].setValue(code);
@@ -52,7 +55,7 @@ const Sidebar = () => {
           </AccordionDetails>
         </Accordion>
       ) : null}
-      {/* <Accordion>
+     <Accordion>
         <AccordionSummary
           expandIcon={""}
           aria-controls="panel1a-content"
@@ -71,13 +74,13 @@ const Sidebar = () => {
                   key={i}
                   onClick={() => loadCode(object.code)}
                 >
-                  {object.name}
+                  {object.title}
                 </Button>
               );
             })}
           </Typography>
         </AccordionDetails>
-      </Accordion> */}
+      </Accordion> 
       {user ? (
         <Accordion>
           <AccordionSummary

src/components/Content.js

@@ -15,15 +15,22 @@ import { setBoard } from './Blockly/helpers/board';
 class Content extends Component {
 
   componentDidMount() {
+    console.log(this.props.board);
+    setBoard(this.props.board)
     if (this.props.language === 'de_DE') {
       Blockly.setLocale(De);
     } else if (this.props.language === 'en_US') {
       Blockly.setLocale(En);
     }
-    setBoard(this.props.board)
+    
   }
 
   componentDidUpdate(props) {
+    console.log(props.board);
+    console.log(this.props.board);
+   // if (props.board !== this.props.board) {
+      setBoard(this.props.board);
+      
     if (props.language !== this.props.language) {
       if (this.props.language === 'de_DE') {
         Blockly.setLocale(De);
@@ -31,7 +38,7 @@ class Content extends Component {
         Blockly.setLocale(En);
       }
     }
-    setBoard(this.props.board)
+   
   }
 
   render() {

src/components/DeviceSelection.js

@@ -5,8 +5,8 @@ import Dialog from "./Dialog";
 
 import withStyles from '@mui/styles/withStyles';
 import * as Blockly from "blockly";
+import { setBoard } from "../actions/boardActions";
 import { IconButton, Grid, Avatar, Typography } from "@mui/material";
-import { setBoard } from "../actions/boardAction";
 
 const styles = (theme) => ({
   link: {

src/components/Home.js

@@ -2,10 +2,10 @@ import React, { Component } from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { clearStats, workspaceName } from "../actions/workspaceActions";
-
+import { setBoard } from "../actions/boardActions";
 import * as Blockly from "blockly/core";
 import { createNameId } from "mnemonic-id";
-
+import * as BoardHelper from "./Blockly/helpers/board";
 import WorkspaceStats from "./Workspace/WorkspaceStats";
 import WorkspaceFunc from "./Workspace/WorkspaceFunc";
 import BlocklyWindow from "./Blockly/BlocklyWindow";
@@ -66,6 +66,10 @@ class Home extends Component {
     this.setState({ stats: window.localStorage.getItem("stats") });
     if (!this.props.project) {
       this.props.workspaceName(createNameId());
+    } else {
+      console.log(this.props.project);
+      this.props.setBoard(this.props.project.board);
+      BoardHelper.setBoard(this.props.project.board);
     }
     if (this.props.message && this.props.message.id === "GET_SHARE_FAIL") {
       this.setState({
@@ -187,7 +191,8 @@ class Home extends Component {
             </Grid>
           ) : null}
         </Grid>
-        <DeviceSelection />
+        {!this.props.board ? <DeviceSelection /> : null}
+        {/* <DeviceSelection /> */}
         {/* <HintTutorialExists /> */}
         {this.props.platform ? (
           <Dialog
@@ -220,6 +225,7 @@ class Home extends Component {
 }
 
 Home.propTypes = {
+  setBoard: PropTypes.func.isRequired,
   clearStats: PropTypes.func.isRequired,
   workspaceName: PropTypes.func.isRequired,
   message: PropTypes.object.isRequired,
@@ -231,8 +237,9 @@ const mapStateToProps = (state) => ({
   message: state.message,
   statistics: state.general.statistics,
   platform: state.general.platform,
+  board: state.board.board
 });
 
-export default connect(mapStateToProps, { clearStats, workspaceName })(
+export default connect(mapStateToProps, { clearStats, workspaceName, setBoard })(
   withStyles(styles, { withTheme: true })(Home)
 );

src/components/Settings/DeviceSelector.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
-import { setBoard } from '../../actions/boardAction';
+import { setBoard } from '../../actions/boardActions';
 
 import * as Blockly from 'blockly/core';
 

src/components/Workspace/SaveProject.js

@@ -91,8 +91,11 @@ class SaveProject extends Component {
   saveProject = () => {
     var body = {
       xml: this.props.xml,
-      title: this.props.name
+      title: this.props.name,
+      board: this.props.board,
+      type: "blockly"
     };
+    console.log(body);
     if (this.state.projectType === 'gallery') {
       body.description = this.state.description;
     }
@@ -210,7 +213,8 @@ const mapStateToProps = state => ({
   description: state.project.description,
   xml: state.workspace.code.xml,
   message: state.message,
-  user: state.auth.user
+  user: state.auth.user,
+  board: state.board.board,
 });
 
 export default connect(mapStateToProps, { updateProject, setDescription })(withStyles(styles, { withTheme: true })(withRouter(SaveProject)));

src/reducers/arduinoReducer.js

@@ -0,0 +1,20 @@
+import { GET_ARDUINO_EXAMPLES } from '../actions/types';
+
+const initialState = {
+  examples: [],
+  type: '',
+  description: '',
+  progress: false
+};
+
+export default function foo(state = initialState, action) {
+  switch (action.type) {
+    case GET_ARDUINO_EXAMPLES:
+      return {
+        ...state,
+        examples: action.payload
+      };
+    default:
+      return state;
+  }
+}

src/reducers/index.js

@@ -8,6 +8,7 @@ import messageReducer from './messageReducer';
 import authReducer from './authReducer';
 import boardReducer from './boardReducer';
 import sensorwikiReducer from './sensorwikiReducer';
+import arduinoReducer from './arduinoReducer';
 
 export default combineReducers({
   auth: authReducer,
@@ -18,5 +19,6 @@ export default combineReducers({
   project: projectReducer,
   general: generalReducer,
   message: messageReducer,
-  sensorwiki: sensorwikiReducer
+  sensorwiki: sensorwikiReducer,
+  arduino: arduinoReducer
 });