add multi interval feature

resolve warnings

NEWS.md

@@ -0,0 +1,93 @@
+# Blockly 2020
+
+(aktuelles Preview unter: https://deploy-preview-37--blockly-react.netlify.app/)
+
+In den letzten Wochen haben wir eine komplett neue Lern- und Programmierumgebung für die senseBox geschaffen. Die Basis bildet hierbei weiterhin Google Blockly und das Frontend wird über React realisiert. Fast alle Blöcke wurden bereits aus der alten Version in die neue Version migriert. 
+
+
+![](https://radosgw.public.os.wwu.de/pad/uploads/upload_880bb55f28e0dbb0bb9c2160d8e50594.png)
+
+
+
+## Blockly Core
+Nachdem die bisherige Version, die unter [blockly.sensebox.de](https://blockly.sensebox.de) verfügbar ist, auf einen Google Blockly Core von 2016 aufbaut, wurde es Zeit ein großes Update durchzuführen. Durch den neuen Blockly Core lassen sich auch andere Renderer der Blöcke verwenden. In den Einstellungen kannst du zwischen den zwei Renderern Geras und Zelos auswählen. Geras ist der klassische Blockly Renderer während Zelos vor allem für Touchoberfläche optimiert worden ist.
+
+### Typed Variablen
+
+Neue Variablen werden nun direkt mit einem bestimmten Datentyp angelegt. Ein einfacher Check überprüft ob der zurückgegeben Typ eines Blockes mit dem der Variablen kompatibel ist. 
+
+![](https://radosgw.public.os.wwu.de/pad/uploads/upload_0d505fc2472178182995732af226e736.png)
+
+
+### Funktionen (funktioniert aktuell nicht!)
+
+Funktionen mit Rückgabe Wert und Eingabeparametern können angelegt werden. Durch die Verwendung von Funktionen lassen sich auch komplexere Programme übersichtlicher darstellen und bearbeiten. Beim Anlegen einer Funktion kann über das Zahnrad weitere Eingabeparameter hinzuefügt werden. 
+
+![](https://radosgw.public.os.wwu.de/pad/uploads/upload_bd9544b118a1dbe83d149c00678eb39d.png)
+
+
+### GPS
+
+Der Code für das GPS Modul wurde neu aufgebaut und ermöglicht es deutlich schneller einen GPS Fix zu bekommen. Zusätzlich lassen sich bald! die Koordinaten in zwei verschiedenen Formaten zurückgebenlassen. Zum einen als Kommazahl zum anderen als Zahl ohne nachkommastellen 
+
+### MQTT
+Zwei einfache Blöcke ermöglichen es nun die Daten über MQTT an einen Broker zu versenden. Zwei Broker sind bereits "vorprogrammiert" (Adafruit IO und DIOTY). Natürlich können auch eigene Broker verwendet werden. Falls ihr gute freie Broker kennt, die wir hinzufügen sollten meldet euch einfach bei uns.
+
+![](https://radosgw.public.os.wwu.de/pad/uploads/upload_a9df4b0b9b1e6f39f09cf3b1743caad2.png)
+
+
+### TTN Mapper
+Bisher war es möglich einen "kleinen" TTN Mapper zu bauen, der die Daten als Cayenne Payload versendet hat. Es gibt nun einen Block der es direkt ermöglicht einen vollständigen TTN Mapper zu Programmieren, der die Daten auch auf [TTNMapper](https://ttnmapper.org/) veröffentlichen kann.
+
+![](https://radosgw.public.os.wwu.de/pad/uploads/upload_b59691f2ebcf04d8b67a5f4e7fbe70b6.png)
+
+
+## Fronted
+
+In der Oberfläche gibt es einige Neuigkeiten. Ziel ist es Blockly für die senseBox zu einer vollständigen Lern- und Programmierumgebung weiterzuentwickeln.  
+
+Die Codeanzeige ist standardmäßig ausgeblendet kann aber einfach durch eine Klick auf das `</>` Icon hinzugefügt werden.
+
+### Login mit openSenseMap/senseBox Account
+
+Im Menü unter Login könnt ihr euch mit eurem openSenseMap Account anmelden. Sobald ihr angemeldet seid habt ihr die Möglichkeit Projekte online zu speichern. 
+Sobald der Login mit dem openSenseMap Account erfolgreich war lassen sich die bereits registrierten senseBox unter Account einsehen. 
+
+![](https://radosgw.public.os.wwu.de/pad/uploads/upload_c3965edc99021339a30b8d6704471e50.png)
+
+
+Im Block zum senden an die openSenseMap müssen dann auch keine IDs mehr ausgewählt werden sondern die registrierten senseBox können einfach aus dem Dropdown Menü ausgewählt werden.
+
+![](https://radosgw.public.os.wwu.de/pad/uploads/upload_57284cea57bfa5df3d55fe456f9d7cfa.png)
+
+### Speichern von Projekten
+
+Nach dem Login über den openSenseMap Account lassen sich Projekte online speichern und wieder abrufen
+
+![](https://radosgw.public.os.wwu.de/pad/uploads/upload_148146b1206fde184afff6edce26b515.png)
+
+
+### Tutorials
+
+Es gibt jetzt Tutorials! Eine reihe von verschiedenen Tutorials zeigt dir die ersten Schritte in der Programmierung mit Blockly. (Inhalte werden noch ausgebaut)
+
+![](https://radosgw.public.os.wwu.de/pad/uploads/upload_db0e64df48d4c34a9540ffb089e95769.png)
+
+### Gallery
+
+In der Gallery finden sich Beispiele mit verschiedenen Programmen. Die Beispiele können direkt in Blockly geöffnet werden, um Änderungen vorzunehmen oder das Programm direkt auf deine senseBox zu übertragen. 
+
+![](https://radosgw.public.os.wwu.de/pad/uploads/upload_c61e1fa98f9d840507a8a53b00605484.png)
+
+
+### Teilen von Programmen
+
+Über den Share Button kann ein Link zum Teilen der aktuellen Blöcke erstellt werden. Wann immer du dein Projekt mit anderen Teilen willst musst du nicht mehr eine XML Datei erstellen und verschicken sondern kannst einen Link erstellen, der direkt zu deinem Programm führt. Beachte, dass vor dem Teilen von Blöcken sämtliche sensiblen Daten, wie zum Beispiel Passwörter, Netzwerknamen, Lora oder openSenseMap Keys entfernt werden sollten. Die Links zum teilen von Programmen laufen nach 30 Tagen ab.
+
+![](https://radosgw.public.os.wwu.de/pad/uploads/upload_a8dba6720fe2fb39cadf129d9bb04a62.png)
+
+
+## Fehler
+
+Falls ihr Fehler findet legt bitte ein Issue in folgendem Repository an: https://github.com/sensebox/React-Ardublockly/issues
+

package.json

@@ -5,29 +5,33 @@
   "dependencies": {
     "@blockly/block-plus-minus": "^2.0.10",
     "@blockly/field-slider": "^2.1.1",
-    "@blockly/plugin-typed-variable-modal": "^3.1.1",
+    "@blockly/plugin-typed-variable-modal": "^3.1.15",
     "@fortawesome/fontawesome-svg-core": "^1.2.30",
     "@fortawesome/free-solid-svg-icons": "^5.14.0",
     "@fortawesome/react-fontawesome": "^0.1.11",
     "@material-ui/core": "^4.11.0",
+    "@sentry/react": "^6.0.0",
+    "@sentry/tracing": "^6.0.0",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.5.0",
     "@testing-library/user-event": "^7.2.1",
     "axios": "^0.21.0",
-    "blockly": "^3.20200924.0",
+    "blockly": "^5.20210325.1",
     "file-saver": "^2.0.2",
     "mnemonic-id": "^3.2.7",
     "moment": "^2.28.0",
-    "prismjs": "^1.20.0",
+    "prismjs": "^1.23.0",
     "react": "^16.13.1",
     "react-cookie-consent": "^5.2.0",
     "react-dom": "^16.13.1",
     "react-markdown": "^5.0.2",
     "react-redux": "^7.2.0",
     "react-router-dom": "^5.2.0",
-    "react-scripts": "3.4.1",
+    "react-scripts": "^4.0.3",
+    "reactour": "^1.18.0",
     "redux": "^4.0.5",
     "redux-thunk": "^2.3.0",
+    "styled-components": "^4.4.1",
     "uuid": "^8.3.1"
   },
   "scripts": {

src/App.css

@@ -15,6 +15,14 @@
   margin: auto;
 } 
 
+.news img{
+  display: flex;
+  align-items: center;
+  max-height: 40vH;
+  max-width: 100%;
+  margin: auto;
+} 
+
 .tutorial blockquote{
     background: #f9f9f9;
     border-left: 10px solid#4EAF47;
@@ -33,3 +41,11 @@
   blockquote p {
     display: inline;
   }
+
+.overlay {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+  

src/actions/projectActions.js

@@ -42,10 +42,10 @@ export const getProject = (type, id) => (dispatch) => {
       }
     },
     error: err => {
-      if(err.response){
+      if (err.response) {
         dispatch(returnErrors(err.response.data.message, err.response.status, 'GET_PROJECT_FAIL'));
       }
-      dispatch({type: PROJECT_PROGRESS});
+      dispatch({ type: PROJECT_PROGRESS });
     }
   };
   axios.get(`${process.env.REACT_APP_BLOCKLY_API}/${type}/${id}`, config)
@@ -58,7 +58,7 @@ export const getProject = (type, id) => (dispatch) => {
 };
 
 export const getProjects = (type) => (dispatch) => {
-  dispatch({type: PROJECT_PROGRESS});
+  dispatch({ type: PROJECT_PROGRESS });
   const config = {
     success: res => {
       var data = type === 'project' ? 'projects' : 'galleries';
@@ -71,10 +71,10 @@ export const getProjects = (type) => (dispatch) => {
       dispatch(returnSuccess(res.data.message, res.status));
     },
     error: err => {
-      if(err.response){
+      if (err.response) {
         dispatch(returnErrors(err.response.data.message, err.response.status, 'GET_PROJECTS_FAIL'));
       }
-      dispatch({type: PROJECT_PROGRESS});
+      dispatch({ type: PROJECT_PROGRESS });
     }
   };
   axios.get(`${process.env.REACT_APP_BLOCKLY_API}/${type}`, config)
@@ -113,8 +113,8 @@ export const updateProject = (type, id) => (dispatch, getState) => {
       }
     },
     error: err => {
-      if(err.response){
+      if (err.response) {
-        if(type === 'project'){
+        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'));
@@ -132,7 +132,6 @@ export const updateProject = (type, id) => (dispatch, getState) => {
 };
 
 export const deleteProject = (type, id) => (dispatch, getState) => {
-  var project = getState().project;
   const config = {
     success: res => {
       var projects = getState().project.projects;
@@ -157,7 +156,7 @@ export const deleteProject = (type, id) => (dispatch, getState) => {
       res.config.success(res);
     })
     .catch(err => {
-      if(err.response && err.response.status !== 401){
+      if (err.response && err.response.status !== 401) {
         err.config.error(err);
       }
     });

src/actions/workspaceActions.js

@@ -16,6 +16,17 @@ export const onChangeCode = () => (dispatch, getState) => {
   code.arduino = Blockly.Arduino.workspaceToCode(workspace);
   var xmlDom = Blockly.Xml.workspaceToDom(workspace);
   code.xml = Blockly.Xml.domToPrettyText(xmlDom);
+  var selectedBlock = Blockly.selected
+  console.log(selectedBlock)
+  if (selectedBlock !== null) {
+    code.helpurl = selectedBlock.helpUrl
+    code.tooltip = selectedBlock.tooltip
+  } else if (selectedBlock === null) {
+    code.tooltip = Blockly.Msg.tooltip_hint
+    code.helpurl = ''
+  }
+
+
   dispatch({
     type: NEW_CODE,
     payload: code

src/components/Blockly/BlocklyWindow.js

@@ -45,7 +45,7 @@ class BlocklyWindow extends Component {
       if (!xml) xml = initialXml;
       Blockly.Xml.domToWorkspace(Blockly.Xml.textToDom(xml), workspace);
     }
-    if(props.language !== this.props.language){
+    if (props.language !== this.props.language) {
       // change language
       if (!xml) xml = initialXml;
       var xmlDom = Blockly.Xml.textToDom(xml);
@@ -55,6 +55,7 @@ class BlocklyWindow extends Component {
       // workspace.updateToolbox(toolbox.toolboxDef_);
     }
     Blockly.svgResize(workspace);
+
   }
 
   render() {

src/components/Blockly/blocks/loops.js

@@ -2,7 +2,7 @@
 import Blockly from 'blockly';
 import { getColour } from '../helpers/colour';
 import { getCompatibleTypes } from '../helpers/types'
-
+import * as Types from '../helpers/types';
 
 Blockly.Blocks['controls_whileUntil'] = {
     /**
@@ -47,6 +47,7 @@ Blockly.Blocks['controls_for'] = {
                 {
                     "type": "field_variable",
                     "name": "VAR",
+                    "defaultType": Types.NUMBER.typeName,
                     "variable": null
                 },
                 {
@@ -97,6 +98,7 @@ Blockly.Blocks['controls_forEach'] = {
                 {
                     "type": "field_variable",
                     "name": "VAR",
+                    "defaultType": Types.NUMBER.typeName,
                     "variable": null
                 },
                 {

src/components/Blockly/blocks/math.js

@@ -287,7 +287,8 @@ Blockly.Blocks['math_change'] = {
                 {
                     "type": "field_variable",
                     "name": "VAR",
-                    "variable": Blockly.Msg.MATH_CHANGE_TITLE_ITEM
+                    "defaultType": Types.NUMBER.typeName,
+                    "variable": null
                 },
                 {
                     "type": "input_value",

src/components/Blockly/blocks/mqtt.js

@@ -32,6 +32,7 @@ Blockly.Blocks["sensebox_mqtt_setup"] = {
             .appendField(new Blockly.FieldTextInput("Password"), "password");
         this.setPreviousStatement(true, null);
         this.setNextStatement(true, null);
+        this.setTooltip(Blockly.Msg.senseBox_mqtt_init_tooltip);
     },
     onchange: function (e) {
         let service = this.getFieldValue('service');
@@ -48,9 +49,6 @@ Blockly.Blocks["sensebox_mqtt_setup"] = {
                 break;
 
             case "custom":
-                this.getField('server').setValue("server");
-                this.getField('port').setValue("port");
-                this.getField('passwordmsg').setValue(Blockly.Msg.senseBox_mqtt_password);
                 break;
             default:
 
@@ -71,6 +69,7 @@ Blockly.Blocks["sensebox_mqtt_publish"] = {
             .appendField(new Blockly.FieldTextInput('Name'), 'publishfeed');
         this.setPreviousStatement(true, null);
         this.setNextStatement(true, null);
+        this.setTooltip(Blockly.Msg.senseBox_mqtt_publish_tooltip);
     }
 };
 
@@ -84,3 +83,4 @@ Blockly.Blocks["sensebox_mqtt_subscribe"] = {
         this.setOutput(true, null);
     }
 };
+

src/components/Blockly/blocks/sensebox-display.js

@@ -11,8 +11,8 @@ Blockly.Blocks['sensebox_display_beginDisplay'] = {
         this.setPreviousStatement(true, null);
         this.setNextStatement(true, null);
         this.setColour(getColour().sensebox);
-        this.setTooltip(Blockly.Msg.senseBox_display_beginDisplay_tip);
+        this.setTooltip(Blockly.Msg.senseBox_display_beginDisplay_tooltip);
-        this.setHelpUrl('https://sensebox.de/books');
+        this.setHelpUrl(Blockly.Msg.senseBox_display_helpurl);
     }
 };
 
@@ -23,8 +23,8 @@ Blockly.Blocks['sensebox_display_clearDisplay'] = {
         this.setPreviousStatement(true, null);
         this.setNextStatement(true, null);
         this.setColour(getColour().sensebox);
-        this.setTooltip(Blockly.Msg.senseBox_display_clearDisplay_tip);
+        this.setTooltip(Blockly.Msg.senseBox_display_clearDisplay_tooltip);
-        this.setHelpUrl('https://sensebox.de/books');
+        this.setHelpUrl(Blockly.Msg.senseBox_display_helpurl);
     }
 };
 
@@ -50,8 +50,8 @@ Blockly.Blocks['sensebox_display_printDisplay'] = {
             .setCheck(null);
         this.setPreviousStatement(true, null);
         this.setNextStatement(true, null);
-        this.setTooltip(Blockly.Msg.senseBox_display_printDisplay_tip);
+        this.setTooltip(Blockly.Msg.senseBox_display_printDisplay_tooltip);
-        this.setHelpUrl('https://sensebox.de/books');
+        this.setHelpUrl(Blockly.Msg.senseBox_display_helpurl);
     },
     /**
      * Called whenever anything on the workspace changes.
@@ -98,8 +98,8 @@ Blockly.Blocks['sensebox_display_fastPrint'] = {
             .appendField(Blockly.Msg.senseBox_display_fastPrint_dimension);
         this.setPreviousStatement(true, null);
         this.setNextStatement(true, null);
-        this.setTooltip(Blockly.Msg.sensebox_display_fastPrint_tip);
+        this.setTooltip(Blockly.Msg.sensebox_display_fastPrint_tooltip);
-        this.setHelpUrl('https://sensebox.de/books');
+        this.setHelpUrl(Blockly.Msg.senseBox_display_helpurl);
     },
     /**
    * Called whenever anything on the workspace changes.
@@ -112,7 +112,7 @@ Blockly.Blocks['sensebox_display_fastPrint'] = {
         // Is the block nested in a loop?
         var block = this;
         do {
-            if (this.LOOP_TYPES.indexOf(block.type) != -1) {
+            if (this.LOOP_TYPES.indexOf(block.type) !== -1) {
                 legal = true;
                 break;
             }
@@ -159,8 +159,8 @@ Blockly.Blocks['sensebox_display_plotDisplay'] = {
             .setCheck(null);
         this.setPreviousStatement(true, null);
         this.setNextStatement(true, null);
-        this.setTooltip(Blockly.Msg.senseBox_display_printDisplay_tip);
+        this.setTooltip(Blockly.Msg.senseBox_display_printDisplay_tooltip);
-        this.setHelpUrl('https://sensebox.de/books');
+        this.setHelpUrl(Blockly.Msg.senseBox_display_helpurl);
     },
     /**
      * Called whenever anything on the workspace changes.
@@ -220,6 +220,8 @@ Blockly.Blocks['sensebox_display_fillCircle'] = {
             .appendField(Blockly.Msg.senseBox_display_filled)
             .appendField(new Blockly.FieldCheckbox("TRUE"), "FILL");
         this.setInputsInline(false);
+        this.setTooltip(Blockly.Msg.senseBox_display_fillCircle_tooltip)
+        this.setHelpUrl(Blockly.Msg.senseBox_display_helpurl)
         this.setPreviousStatement(true, null);
         this.setNextStatement(true, null);
     },
@@ -270,6 +272,8 @@ Blockly.Blocks['sensebox_display_drawRectangle'] = {
             .appendField(Blockly.Msg.senseBox_display_filled)
             .appendField(new Blockly.FieldCheckbox("TRUE"), "FILL");
         this.setInputsInline(false);
+        this.setTooltip(Blockly.Msg.senseBox_display_drawRectangle_tooltip)
+        this.setHelpUrl(Blockly.Msg.senseBox_display_helpurl)
         this.setPreviousStatement(true, null);
         this.setNextStatement(true, null);
     },

src/components/Blockly/blocks/sensebox-led.js

@@ -1,8 +1,7 @@
 import * as Blockly from 'blockly';
-import { FieldSlider } from '@blockly/field-slider';
 import { getColour } from '../helpers/colour'
 import { selectedBoard } from '../helpers/board'
-
+import * as Types from '../helpers/types'
 
 
 Blockly.Blocks['sensebox_led'] = {
@@ -16,7 +15,7 @@ Blockly.Blocks['sensebox_led'] = {
             .appendField(new Blockly.FieldDropdown([[Blockly.Msg.senseBox_on, "HIGH"], [Blockly.Msg.senseBox_off, "LOW"]]), "STAT");
         this.setPreviousStatement(true, null);
         this.setNextStatement(true, null);
-        this.setTooltip(Blockly.Msg.senseBox_led_tip);
+        this.setTooltip(Blockly.Msg.senseBox_led_tooltip);
     }
 };
 
@@ -27,23 +26,44 @@ Blockly.Blocks['sensebox_rgb_led'] = {
             .appendField(Blockly.Msg.senseBox_rgb_led)
             .appendField("Pin:")
             .appendField(new Blockly.FieldDropdown(selectedBoard().digitalPins), "PIN");
-        this.appendDummyInput()
+
-            .appendField(Blockly.Msg.COLOUR_RGB_RED)//Blockly.Msg.senseBox_basic_red
+        this.appendValueInput("COLOR", 'Number')
-            .appendField(new FieldSlider(255, 0, 255), "RED");
+            .appendField(Blockly.Msg.senseBox_ws2818_rgb_led_color)
-        this.appendDummyInput()
+            .setCheck("Colour");
-            .appendField(Blockly.Msg.COLOUR_RGB_GREEN)//Blockly.Msg.senseBox_basic_green
+        // this.appendValueInput("RED", 'Number')
-            .appendField(new FieldSlider(255, 0, 255), "GREEN");
+        //     .appendField(Blockly.Msg.COLOUR_RGB_RED);//Blockly.Msg.senseBox_basic_red
-        this.appendDummyInput()
+        // this.appendValueInput("GREEN", 'Number')
-            .appendField(Blockly.Msg.COLOUR_RGB_BLUE)//Blockly.Msg.senseBox_basic_green
+        //     .appendField(Blockly.Msg.COLOUR_RGB_GREEN);//Blockly.Msg.senseBox_basic_green
-            .appendField(new FieldSlider(255, 0, 255), "BLUE");
+        // this.appendValueInput("BLUE", 'Number')
+        //     .appendField(Blockly.Msg.COLOUR_RGB_BLUE);
         this.setPreviousStatement(true, null);
         this.setNextStatement(true, null);
         this.setTooltip(Blockly.Msg.senseBox_rgb_led_tip);
-        this.setHelpUrl('https://sensebox.de/books');
     }
 };
 
 
+Blockly.Blocks['sensebox_ws2818_led_init'] = {
+    init: function () {
+
+        var dropdownOptions = [[Blockly.Msg.senseBox_ultrasonic_port_A, '1'],
+        [Blockly.Msg.senseBox_ultrasonic_port_B, '3'], [Blockly.Msg.senseBox_ultrasonic_port_C, '5']];
+
+        this.setColour(getColour().sensebox);
+        this.appendDummyInput()
+            .appendField(Blockly.Msg.senseBox_ws2818_rgb_led_init)
+            .appendField("Port:")
+            .appendField(new Blockly.FieldDropdown(dropdownOptions), "Port")
+        this.appendValueInput("BRIGHTNESS", "brightness")
+            .appendField((Blockly.Msg.senseBox_ws2818_rgb_led_brightness));
+        this.appendValueInput("NUMBER", "number")
+            .appendField((Blockly.Msg.senseBox_ws2818_rgb_led_number));
+        this.setPreviousStatement(true, null);
+        this.setNextStatement(true, null);
+        this.setTooltip(Blockly.Msg.senseBox_ws2818_rgb_led_init_tooltip);
+    }
+};
+
 Blockly.Blocks['sensebox_ws2818_led'] = {
     init: function () {
 
@@ -53,21 +73,108 @@ Blockly.Blocks['sensebox_ws2818_led'] = {
         this.setColour(getColour().sensebox);
         this.appendDummyInput()
             .appendField(Blockly.Msg.senseBox_ws2818_rgb_led)
-            .appendField("Pin:")
+            .appendField("Port:")
             .appendField(new Blockly.FieldDropdown(dropdownOptions), "Port")
-        this.appendValueInput("BRIGHTNESS", "brightness")
-            .appendField((Blockly.Msg.senseBox_ws2818_rgb_led_brightness));
         this.appendValueInput("POSITION", "position")
             .appendField((Blockly.Msg.senseBox_ws2818_rgb_led_position));
-        this.appendValueInput("RED", 'Number')
+        this.appendValueInput("COLOR", 'Number')
-            .appendField(Blockly.Msg.COLOUR_RGB_RED);//Blockly.Msg.senseBox_basic_red
+            .appendField(Blockly.Msg.senseBox_ws2818_rgb_led_color)
-        this.appendValueInput("GREEN", 'Number')
+            .setCheck("Colour");
-            .appendField(Blockly.Msg.COLOUR_RGB_GREEN);//Blockly.Msg.senseBox_basic_green
-        this.appendValueInput("BLUE", 'Number')
-            .appendField(Blockly.Msg.COLOUR_RGB_BLUE);
         this.setPreviousStatement(true, null);
         this.setNextStatement(true, null);
-        this.setTooltip(Blockly.Msg.senseBox_rgb_led_tip);
+        this.setTooltip(Blockly.Msg.senseBox_ws2818_rgb_led_tooltip);
-        this.setHelpUrl('https://sensebox.de/books');
     }
-};
+};
+
+
+Blockly.defineBlocksWithJsonArray([  // BEGIN JSON EXTRACT
+    // Block for colour picker.
+    {
+        "type": "colour_picker",
+        "message0": "%1",
+        "args0": [
+            {
+                "type": "field_colour",
+                "name": "COLOUR",
+                "colour": "#ff0000"
+            }
+        ],
+        "output": "Colour",
+        "helpUrl": "%{BKY_COLOUR_PICKER_HELPURL}",
+        "colour": getColour().sensebox,
+        "tooltip": "%{BKY_COLOUR_PICKER_TOOLTIP}",
+        "extensions": ["parent_tooltip_when_inline"]
+    },
+
+    // Block for random colour.
+    {
+        "type": "colour_random",
+        "message0": "%{BKY_COLOUR_RANDOM_TITLE}",
+        "output": "Colour",
+        "helpUrl": "%{BKY_COLOUR_RANDOM_HELPURL}",
+        "colour": getColour().sensebox,
+        "tooltip": "%{BKY_COLOUR_RANDOM_TOOLTIP}"
+    },
+
+    // Block for composing a colour from RGB components.
+    {
+        "type": "colour_rgb",
+        "message0": "%{BKY_COLOUR_RGB_TITLE} %{BKY_COLOUR_RGB_RED} %1 %{BKY_COLOUR_RGB_GREEN} %2 %{BKY_COLOUR_RGB_BLUE} %3",
+        "args0": [
+            {
+                "type": "input_value",
+                "name": "RED",
+                "check": Types.getCompatibleTypes('int'),
+                "align": "RIGHT"
+            },
+            {
+                "type": "input_value",
+                "name": "GREEN",
+                "check": Types.getCompatibleTypes('int'),
+                "align": "RIGHT"
+            },
+            {
+                "type": "input_value",
+                "name": "BLUE",
+                "check": Types.getCompatibleTypes('int'),
+                "align": "RIGHT"
+            }
+        ],
+        "output": "Colour",
+        "helpUrl": "%{BKY_COLOUR_RGB_HELPURL}",
+        "colour": getColour().sensebox,
+        "tooltip": "%{BKY_COLOUR_RGB_TOOLTIP}"
+    },
+
+    // Block for blending two colours together.
+    {
+        "type": "colour_blend",
+        "message0": "%{BKY_COLOUR_BLEND_TITLE} %{BKY_COLOUR_BLEND_COLOUR1} " +
+            "%1 %{BKY_COLOUR_BLEND_COLOUR2} %2 %{BKY_COLOUR_BLEND_RATIO} %3",
+        "args0": [
+            {
+                "type": "input_value",
+                "name": "COLOUR1",
+                "check": "Colour",
+                "align": "RIGHT"
+            },
+            {
+                "type": "input_value",
+                "name": "COLOUR2",
+                "check": "Colour",
+                "align": "RIGHT"
+            },
+            {
+                "type": "input_value",
+                "name": "RATIO",
+                "check": "Number",
+                "align": "RIGHT"
+            }
+        ],
+        "output": "Colour",
+        "helpUrl": "%{BKY_COLOUR_BLEND_HELPURL}",
+        "style": "colour_blocks",
+        "tooltip": "%{BKY_COLOUR_BLEND_TOOLTIP}"
+    }
+]);  // END JSON EXTRACT (Do not delete this comment.)
+

src/components/Blockly/blocks/sensebox-lora.js

@@ -8,12 +8,11 @@ import { getColour } from '../helpers/colour';
 
 Blockly.Blocks['sensebox_lora_initialize_otaa'] = {
     init: function () {
-        this.setTooltip(Blockly.Msg.senseBox_LoRa_init_otaa_tip);
+        this.setTooltip(Blockly.Msg.senseBox_LoRa_init_otaa_tooltip);
-        this.setHelpUrl('');
+        this.setHelpUrl(Blockly.Msg.senseBox_LoRa_init_helpurl);
         this.setColour(getColour().sensebox);
         this.appendDummyInput()
             .appendField("Initialize LoRa (OTAA)");
-
         this.appendDummyInput()
             .setAlign(Blockly.ALIGN_LEFT)
             .appendField(Blockly.Msg.senseBox_LoRa_device_id)
@@ -37,8 +36,8 @@ Blockly.Blocks['sensebox_lora_initialize_otaa'] = {
 
 Blockly.Blocks['sensebox_lora_initialize_abp'] = {
     init: function () {
-        this.setTooltip(Blockly.Msg.senseBox_LoRa_init_abp_tip);
+        this.setTooltip(Blockly.Msg.senseBox_LoRa_init_abp_tooltip);
-        this.setHelpUrl('');
+        this.setHelpUrl(Blockly.Msg.senseBox_LoRa_init_helpurl);
         this.setColour(getColour().sensebox);
         this.appendDummyInput()
             .appendField("Initialize LoRa (ABP)");
@@ -68,7 +67,7 @@ Blockly.Blocks['sensebox_lora_initialize_abp'] = {
 
 Blockly.Blocks['sensebox_lora_message_send'] = {
     init: function () {
-        this.setTooltip(Blockly.Msg.senseBox_LoRa_message_tip);
+        this.setTooltip(Blockly.Msg.senseBox_LoRa_message_tooltip);
         this.setHelpUrl('');
         this.setColour(getColour().sensebox);
         this.appendStatementInput('DO')

src/components/Blockly/blocks/sensebox-osem.js

@@ -50,6 +50,28 @@ Blockly.Blocks['sensebox_osem_connection'] = {
         this.setNextStatement(true, null);
     },
     onchange: function (e) {
+
+        var legal = false;
+        // Is the block nested in a loop?
+        var block = this;
+        do {
+            if (this.LOOP_TYPES.indexOf(block.type) !== -1) {
+                legal = true;
+                break;
+            }
+            block = block.getSurroundParent();
+        } while (block);
+        if (legal) {
+            this.setWarningText(null);
+        } else {
+            this.setWarningText(Blockly.Msg.CONTROLS_FLOW_STATEMENTS_WARNING);
+        }
+
+        /**
+        * List of block types that are loops and thus do not need warnings.
+        * To add a new loop type add this to your code:
+        * Blockly.Blocks['controls_flow_statements'].LOOP_TYPES.push('custom_loop');
+        */
         selectedBox = this.getFieldValue('BoxID');
         console.log(selectedBox)
         if (selectedBox !== '' && boxes) {
@@ -62,6 +84,7 @@ Blockly.Blocks['sensebox_osem_connection'] = {
         }
 
     },
+
     mutationToDom: function () {
         var container = document.createElement('mutation');
         var input = this.getFieldValue('type');
@@ -101,6 +124,7 @@ Blockly.Blocks['sensebox_osem_connection'] = {
             this.removeInput('timeStamp');
         }
     },
+    LOOP_TYPES: ['sensebox_interval_timer']
 };
 Blockly.Blocks['sensebox_send_to_osem'] = {
     init: function () {

src/components/Blockly/blocks/sensebox-sd.js

@@ -1,80 +1,103 @@
-import * as Blockly from 'blockly/core';
+import * as Blockly from "blockly/core";
-import { getColour } from '../helpers/colour';
+import { getColour } from "../helpers/colour";
 
+var checkFileName = function (filename) {
+  var length = filename.length;
+  if (length > 8) {
+    alert("dateiname sollte kleiner als 8 Zeichen sein");
+    return filename.slice(0, 8);
+  }
+  return filename;
+};
 
-Blockly.Blocks['sensebox_sd_open_file'] = {
+Blockly.Blocks["sensebox_sd_open_file"] = {
-    init: function () {
+  init: function () {
-        this.appendDummyInput()
+    this.appendDummyInput()
-            .appendField(Blockly.Msg.senseBox_sd_open_file)
+      .appendField(Blockly.Msg.senseBox_sd_open_file)
-            .setAlign(Blockly.ALIGN_LEFT)
+      .setAlign(Blockly.ALIGN_LEFT)
-            .appendField(
+      .appendField(
-                new Blockly.FieldTextInput('Data.txt'),
+        new Blockly.FieldTextInput("Data", checkFileName),
-                'Filename');
+        "Filename"
-        this.appendStatementInput('SD')
+      )
-            .setCheck(null);
+      .appendField(".")
-        this.setPreviousStatement(true, null);
+      .appendField(
-        this.setNextStatement(true, null);
+        new Blockly.FieldDropdown([
-        this.setColour(getColour().sensebox);
+          ["txt", "txt"],
-        this.setTooltip(Blockly.Msg.senseBox_output_safetosd_tip);
+          ["csv", "csv"],
-        this.setHelpUrl('https://sensebox.de/books');
+        ]),
+        "extension"
+      );
+    this.appendStatementInput("SD").setCheck(null);
+    this.setPreviousStatement(true, null);
+    this.setNextStatement(true, null);
+    this.setColour(getColour().sensebox);
+    this.setTooltip(Blockly.Msg.senseBox_sd_open_file_tooltip);
+    this.setHelpUrl("https://docs.sensebox.de/hardware/bee-sd/");
+  },
+};
+
+Blockly.Blocks["sensebox_sd_create_file"] = {
+  init: function () {
+    this.appendDummyInput()
+      .appendField(Blockly.Msg.senseBox_sd_create_file)
+      .setAlign(Blockly.ALIGN_LEFT)
+      .appendField(
+        new Blockly.FieldTextInput("Data", checkFileName),
+        "Filename"
+      )
+      .appendField(".")
+      .appendField(
+        new Blockly.FieldDropdown([
+          ["txt", "txt"],
+          ["csv", "csv"],
+        ]),
+        "extension"
+      );
+    this.setPreviousStatement(true, null);
+    this.setNextStatement(true, null);
+    this.setColour(getColour().sensebox);
+    this.setTooltip(Blockly.Msg.senseBox_sd_create_file_tooltip);
+    this.setHelpUrl("https://docs.sensebox.de/hardware/bee-sd/");
+  },
+};
+
+Blockly.Blocks["sensebox_sd_write_file"] = {
+  init: function () {
+    this.appendDummyInput()
+      .appendField(Blockly.Msg.senseBox_sd_write_file)
+      .setAlign(Blockly.ALIGN_LEFT);
+    this.appendValueInput("DATA").setCheck(null);
+    this.appendDummyInput("CheckboxText")
+      .appendField(Blockly.Msg.senseBox_output_linebreak)
+      .appendField(new Blockly.FieldCheckbox("TRUE"), "linebreak");
+    this.setPreviousStatement(true, null);
+    this.setNextStatement(true, null);
+    this.setColour(getColour().sensebox);
+    this.setTooltip(Blockly.Msg.senseBox_sd_write_file_tooltip);
+    this.setHelpUrl("https://docs.sensebox.de/hardware/bee-sd/");
+  },
+  /**
+   * Called whenever anything on the workspace changes.
+   * Add warning if block is not nested inside a the correct loop.
+   * @param {!Blockly.Events.Abstract} e Change event.
+   * @this Blockly.Block
+   */
+  onchange: function (e) {
+    var legal = false;
+    // Is the block nested in a loop?
+    var block = this;
+    do {
+      if (this.LOOP_TYPES.indexOf(block.type) !== -1) {
+        legal = true;
+        break;
+      }
+      block = block.getSurroundParent();
+    } while (block);
+    if (legal) {
+      this.setWarningText(null);
+    } else {
+      this.setWarningText(Blockly.Msg.CONTROLS_FLOW_STATEMENTS_WARNING);
     }
-};
+  },
-
+  LOOP_TYPES: ["sensebox_sd_open_file"],
-Blockly.Blocks['sensebox_sd_create_file'] = {
-    init: function () {
-        this.appendDummyInput()
-            .appendField(Blockly.Msg.senseBox_sd_create_file)
-            .setAlign(Blockly.ALIGN_LEFT)
-            .appendField(Blockly.Msg.senseBox_output_filename)
-            .appendField(
-                new Blockly.FieldTextInput('Data.txt'),
-                'Filename');
-        this.setPreviousStatement(true, null);
-        this.setNextStatement(true, null);
-        this.setColour(getColour().sensebox);
-        this.setTooltip(Blockly.Msg.senseBox_output_safetosd_tip);
-        this.setHelpUrl('https://sensebox.de/books');
-    }
-};
-
-Blockly.Blocks['sensebox_sd_write_file'] = {
-    init: function () {
-        this.appendDummyInput()
-            .appendField(Blockly.Msg.senseBox_sd_write_file)
-            .setAlign(Blockly.ALIGN_LEFT);
-        this.appendValueInput('DATA')
-            .setCheck(null);
-        this.appendDummyInput('CheckboxText')
-            .appendField(Blockly.Msg.senseBox_output_linebreak)
-            .appendField(new Blockly.FieldCheckbox('TRUE'), 'linebreak');
-        this.setPreviousStatement(true, null);
-        this.setNextStatement(true, null);
-        this.setColour(getColour().sensebox);
-        this.setTooltip(Blockly.Msg.senseBox_output_safetosd_tip);
-        this.setHelpUrl('https://sensebox.de/books');
-    },
-    /**
-     * Called whenever anything on the workspace changes.
-     * Add warning if block is not nested inside a the correct loop.
-     * @param {!Blockly.Events.Abstract} e Change event.
-     * @this Blockly.Block
-     */
-    onchange: function (e) {
-        var legal = false;
-        // Is the block nested in a loop?
-        var block = this;
-        do {
-            if (this.LOOP_TYPES.indexOf(block.type) !== -1) {
-                legal = true;
-                break;
-            }
-            block = block.getSurroundParent();
-        } while (block);
-        if (legal) {
-            this.setWarningText(null);
-        } else {
-            this.setWarningText(Blockly.Msg.CONTROLS_FLOW_STATEMENTS_WARNING);
-        }
-    },
-    LOOP_TYPES: ['sensebox_sd_open_file'],
 };

src/components/Blockly/blocks/sensebox-sensors.js

@@ -18,8 +18,8 @@ Blockly.Blocks['sensebox_sensor_temp_hum'] = {
       .appendField(new Blockly.FieldDropdown([[Blockly.Msg.senseBox_temp, "Temperature"], [Blockly.Msg.senseBox_hum, "Humidity"]]), "NAME");
     this.setOutput(true, Types.DECIMAL.typeName);
     this.setColour(getColour().sensebox);
-    this.setTooltip(Blockly.Msg.senseBox_temp_hum_tip);
+    this.setTooltip(Blockly.Msg.senseBox_temp_hum_tooltip);
-    this.setHelpUrl('https://edu.books.sensebox.de/de/projekte/diy_umweltstation/temp_und_luftfeuchte.html');
+    this.setHelpUrl(Blockly.Msg.senseBox_temp_hum_helpurl);
   }
 };
 
@@ -29,6 +29,7 @@ Blockly.Blocks['sensebox_sensor_temp_hum'] = {
  */
 
 
+
 Blockly.Blocks['sensebox_sensor_uv_light'] = {
   init: function () {
     this.appendDummyInput()
@@ -39,8 +40,8 @@ Blockly.Blocks['sensebox_sensor_uv_light'] = {
       .appendField(new Blockly.FieldDropdown([[Blockly.Msg.senseBox_light, "Illuminance"], [Blockly.Msg.senseBox_uv, "UvIntensity"]]), "NAME");
     this.setOutput(true, Types.DECIMAL.typeName);
     this.setColour(getColour().sensebox);
-    this.setTooltip(Blockly.Msg.senseBox_uv_light_tip);
+    this.setTooltip(Blockly.Msg.senseBox_uv_light_tooltip);
-    this.setHelpUrl('https://edu.books.sensebox.de/de/projekte/diy_umweltstation/temp_und_luftfeuchte.html');
+    this.setHelpUrl(Blockly.Msg.senseBox_uv_light_helpurl);
   }
 };
 
@@ -62,8 +63,8 @@ Blockly.Blocks['sensebox_sensor_bmx055_accelerometer'] = {
       .appendField(new Blockly.FieldDropdown([[Blockly.Msg.senseBox_bmx055_accelerometer_range_2g, "0x3"], [Blockly.Msg.senseBox_bmx055_accelerometer_range_4g, "0x5"], [Blockly.Msg.senseBox_bmx055_accelerometer_range_8g, "0x8"], [Blockly.Msg.senseBox_bmx055_accelerometer_range_16g, "0x0C"]]), "RANGE");
     this.setOutput(true, Types.DECIMAL.typeName);
     this.setColour(getColour().sensebox);
-    this.setTooltip(Blockly.Msg.senseBox_bmx055_accelerometer_tip);
+    this.setTooltip(Blockly.Msg.senseBox_bmx055_accelerometer_tooltip);
-    this.setHelpUrl('https://edu.books.sensebox.de/de/projekte/diy_umweltstation/temp_und_luftfeuchte.html');
+    this.setHelpUrl(Blockly.Msg.senseBox_bmx055_helpurl);
   }
 };
 
@@ -84,8 +85,8 @@ Blockly.Blocks['sensebox_sensor_sds011'] = {
       .appendField(new Blockly.FieldDropdown([[Blockly.Msg.senseBox_sds011_serial1, "Serial1"], [Blockly.Msg.senseBox_sds011_serial2, "Serial2"]]), "SERIAL");
     this.setOutput(true, Types.DECIMAL.typeName);
     this.setColour(getColour().sensebox);
-    this.setTooltip(Blockly.Msg.senseBox_sds011_tip);
+    this.setTooltip(Blockly.Msg.senseBox_sds011_tooltip);
-    this.setHelpUrl('https://edu.books.sensebox.de/de/projekte/diy_umweltstation/temp_und_luftfeuchte.html');
+    this.setHelpUrl(Blockly.Msg.senseBox_sds011_helpurl);
   }
 };
 
@@ -110,8 +111,8 @@ Blockly.Blocks['sensebox_sensor_pressure'] = {
       .appendField(dropdown, "NAME");
     this.setColour(getColour().sensebox);
     this.setOutput(true, Types.DECIMAL.typeName);
-    this.setTooltip(Blockly.Msg.senseBox_pressure_tip);
+    this.setTooltip(Blockly.Msg.senseBox_pressure_tooltip);
-    this.setHelpUrl('https://edu.books.sensebox.de/de/projekte/diy_umweltstation/luftdruck.html');
+    this.setHelpUrl(Blockly.Msg.senseBox_pressure_helpurl);
   },
   /**
    * Parse XML to restore the number of pins available.
@@ -175,7 +176,8 @@ Blockly.Blocks['sensebox_sensor_bme680_bsec'] = {
       .appendField(new Blockly.FieldDropdown(dropdownOptions), "dropdown")
     this.setOutput(true, Types.DECIMAL.typeName);
     this.setColour(getColour().sensebox);
-    this.setTooltip(Blockly.Msg.senseBox_bme_tip);
+    this.setTooltip(Blockly.Msg.senseBox_bme_tooltip);
+    this.setHelpUrl(Blockly.Msg.senseBox_bme680_helpurl)
   }
 };
 
@@ -209,8 +211,8 @@ Blockly.Blocks['sensebox_sensor_ultrasonic_ranger'] = {
       .appendField(new Blockly.FieldDropdown(
         selectedBoard().digitalPins), 'ultrasonic_echo');
     this.setOutput(true, Types.NUMBER.typeName);
-    this.setTooltip(Blockly.Msg.senseBox_ultrasonic_tip);
+    this.setTooltip(Blockly.Msg.senseBox_ultrasonic_tooltip);
-    this.setHelpUrl('https://sensebox.de/books');
+    this.setHelpUrl(Blockly.Msg.senseBox_ultrasonic_helpurl);
   },
   /**
    * Parse XML to restore the number of pins available.
@@ -274,8 +276,8 @@ Blockly.Blocks['sensebox_sensor_sound'] = {
       .appendField("Pin:")
       .appendField(new Blockly.FieldDropdown(selectedBoard().analogPins), "PIN")
     this.setOutput(true, Types.NUMBER.typeName);
-    this.setHelpUrl(Blockly.Msg.senseBox_sound_tip);
+    this.setHelpUrl(Blockly.Msg.senseBox_sound_helpurl);
-    this.setTooltip('Dieser Sensor mist den Geräuschpegel.');
+    this.setTooltip(Blockly.Msg.senseBox_sound_tooltip);
   }
 };
 
@@ -295,8 +297,7 @@ Blockly.Blocks['sensebox_button'] = {
       .appendField(new Blockly.FieldDropdown(selectedBoard().digitalPinsButton), "PIN");
     this.setOutput(true, Types.BOOLEAN.typeName);
     this.setColour(getColour().sensebox);
-    this.setTooltip(Blockly.Msg.senseBox_button_tip);
+    this.setTooltip(Blockly.Msg.senseBox_button_tooltip);
-    this.setHelpUrl('https://sensebox.de/books');
   }
 };
 
@@ -318,7 +319,8 @@ Blockly.Blocks['sensebox_scd30'] = {
       .appendField(new Blockly.FieldDropdown(dropdownOptions), "dropdown")
     this.setOutput(true, Types.NUMBER.typeName);
     this.setColour(getColour().sensebox);
-    this.setTooltip(Blockly.Msg.senseBox_scd_tip);
+    this.setTooltip(Blockly.Msg.senseBox_scd_tooltip);
+    this.setHelpUrl(Blockly.Msg.senseBox_scd_helpurl);
   },
   onchange: function (e) {
     var dropdown = this.getFieldValue('dropdown');
@@ -348,6 +350,86 @@ Blockly.Blocks['sensebox_gps'] = {
       .appendField(new Blockly.FieldDropdown(dropdownOptions), "dropdown")
     this.setOutput(true, Types.NUMBER.typeName);
     this.setColour(getColour().sensebox);
-    this.setTooltip(Blockly.Msg.senseBox_bme_tip);
+    this.setTooltip(Blockly.Msg.senseBox_gps_tooltip);
   }
 };
+
+/**
+ * Block for Truebner STM50
+ */
+
+Blockly.Blocks['sensebox_sensor_truebner_smt50'] = {
+  init: function () {
+    var dropdownOptions = [[Blockly.Msg.senseBox_ultrasonic_port_A, 'A'],
+    [Blockly.Msg.senseBox_ultrasonic_port_B, 'B'], [Blockly.Msg.senseBox_ultrasonic_port_C, 'C']];
+    this.setColour(getColour().sensebox);
+    this.appendDummyInput()
+      .appendField(Blockly.Msg.senseBox_smt50);
+    this.appendDummyInput()
+      .appendField("Port:")
+      .appendField(new Blockly.FieldDropdown(dropdownOptions), "Port")
+    this.appendDummyInput()
+      .appendField(Blockly.Msg.senseBox_value)
+      .appendField(new Blockly.FieldDropdown([[Blockly.Msg.senseBox_temp, "temp"], [Blockly.Msg.senseBox_soil, "soil"]]), 'value')
+    this.setOutput(true, Types.NUMBER.typeName);
+    this.setTooltip(Blockly.Msg.senseBox_smt50_tooltip);
+    this.setHelpUrl(Blockly.Msg.senseBox_smt50_helpurl);
+  }
+};
+
+
+/**
+ * DS18B20 Watertemperature
+ *
+ */
+
+Blockly.Blocks['sensebox_sensor_watertemperature'] = {
+  init: function () {
+    var dropdownOptions = [[Blockly.Msg.senseBox_ultrasonic_port_A, 'A'],
+    [Blockly.Msg.senseBox_ultrasonic_port_B, 'B'], [Blockly.Msg.senseBox_ultrasonic_port_C, 'C']];
+    this.setColour(getColour().sensebox);
+    this.appendDummyInput()
+      .appendField(Blockly.Msg.senseBox_watertemperature)
+      .appendField("Port:")
+      .appendField(new Blockly.FieldDropdown(dropdownOptions), "Port")
+    this.setOutput(true, Types.NUMBER.typeName);
+    this.setTooltip(Blockly.Msg.senseBox_watertemperature_tip);
+  }
+};
+
+/**
+ * Windspeed
+ * removed for now
+
+
+Blockly.Blocks['sensebox_windspeed'] = {
+  init: function () {
+    this.setColour(getColour().sensebox);
+    this.appendDummyInput()
+      .appendField(Blockly.Msg.senseBox_windspeed)
+      .appendField("Pin:")
+      .appendField(new Blockly.FieldDropdown(selectedBoard().analogPins), "PIN")
+    this.setOutput(true, Types.DECIMAL.typeName);
+  }
+};
+ */
+
+/**
+ * DF Robot Soundsensor
+ */
+
+
+Blockly.Blocks['sensebox_soundsensor_dfrobot'] = {
+  init: function () {
+    var dropdownOptions = [[Blockly.Msg.senseBox_ultrasonic_port_A, 'A'],
+    [Blockly.Msg.senseBox_ultrasonic_port_B, 'B'], [Blockly.Msg.senseBox_ultrasonic_port_C, 'C']];
+    this.setColour(getColour().sensebox);
+    this.appendDummyInput()
+      .appendField(Blockly.Msg.senseBox_soundsensor_dfrobot)
+      .appendField("Port:")
+      .appendField(new Blockly.FieldDropdown(dropdownOptions), "Port")
+    this.setOutput(true, Types.DECIMAL.typeName);
+    this.setTooltip(Blockly.Msg.senseBox_soundsensor_dfrobot_tooltip);
+    this.setHelpUrl(Blockly.Msg.senseBox_soundsensor_dfrobot_helpurl)
+  }
+};

src/components/Blockly/blocks/sensebox-telegram.js

@@ -12,6 +12,7 @@ Blockly.Blocks["sensebox_telegram"] = {
             .appendField("telegram")
             .appendField(new Blockly.FieldTextInput("token"), "telegram_token");
         this.setPreviousStatement(true, null);
+        this.setTooltip(Blockly.Msg.senseBox_telegram_init_tooltip);
         this.setNextStatement(true, null);
     }
 };
@@ -24,6 +25,7 @@ Blockly.Blocks["sensebox_telegram_do"] = {
         this.appendStatementInput("telegram_do");
         this.setPreviousStatement(true, null);
         this.setNextStatement(true, null);
+        this.setTooltip(Blockly.Msg.senseBox_telegram_do_tooltip)
     }
 };
 
@@ -36,6 +38,7 @@ Blockly.Blocks["sensebox_telegram_do_on_message"] = {
             .appendField(Blockly.Msg.senseBox_telegram_message)
             .appendField(new Blockly.FieldTextInput("/message"), 'telegram_message');
         this.appendStatementInput("telegram_do_on_message").setCheck(null);
+        this.setTooltip(Blockly.Msg.senseBox_telegram_message_tooltip)
         this.setPreviousStatement(true, null);
         this.setNextStatement(true, null);
     }
@@ -46,8 +49,10 @@ Blockly.Blocks["sensebox_telegram_send"] = {
         this.setColour(getColour().sensebox);
         this.appendDummyInput().appendField(Blockly.Msg.senseBox_telegram_send);
         this.appendValueInput("telegram_text_to_send").setCheck(null);
+        this.setTooltip(Blockly.Msg.senseBox_telegram_send_tooltip)
         this.setPreviousStatement(true, null);
         this.setNextStatement(true, null);
+
     },
     LOOP_TYPES: ["sensebox_telegram_do_on_message"]
 };

src/components/Blockly/blocks/sensebox-web.js

@@ -3,7 +3,7 @@ import { getColour } from '../helpers/colour'
 
 Blockly.Blocks['sensebox_wifi'] = {
     init: function () {
-        this.setTooltip(Blockly.Msg.senseBox_wifi_tip);
+        this.setTooltip(Blockly.Msg.senseBox_wifi_tooltip);
         this.setHelpUrl('');
         this.setColour(getColour().sensebox);
         this.appendDummyInput()
@@ -16,6 +16,7 @@ Blockly.Blocks['sensebox_wifi'] = {
             .setAlign(Blockly.ALIGN_LEFT)
             .appendField(Blockly.Msg.senseBox_output_password)
             .appendField(new Blockly.FieldTextInput("Password"), "Password");
+        this.setHelpUrl(Blockly.Msg.senseBox_wifi_helpurl)
         this.setPreviousStatement(true, null);
         this.setNextStatement(true, null);
     },
@@ -43,7 +44,7 @@ Blockly.Blocks['sensebox_wifi'] = {
 
 Blockly.Blocks['sensebox_startap'] = {
     init: function () {
-        this.setTooltip(Blockly.Msg.senseBox_wifi_tip);
+        this.setTooltip(Blockly.Msg.senseBox_wifi_startap_tooltip);
         this.setHelpUrl('');
         this.setColour(getColour().sensebox);
         this.appendDummyInput()
@@ -52,6 +53,7 @@ Blockly.Blocks['sensebox_startap'] = {
             .setAlign(Blockly.ALIGN_LEFT)
             .appendField(Blockly.Msg.senseBox_wifi_ssid)
             .appendField(new Blockly.FieldTextInput("SSID"), "SSID");
+        this.setHelpUrl(Blockly.Msg.senseBox_wifi_helpurl)
         this.setPreviousStatement(true, null);
         this.setNextStatement(true, null);
     }

src/components/Blockly/blocks/time.js

@@ -8,123 +8,118 @@
  *     The arduino built in functions syntax can be found in
  *     http://arduino.cc/en/Reference/HomePage
  */
-import Blockly from 'blockly';
+import Blockly from "blockly";
-import { getColour } from '../helpers/colour'
+import { getColour } from "../helpers/colour";
-import * as Types from '../helpers/types'
+import * as Types from "../helpers/types";
 
-
+Blockly.Blocks["time_delay"] = {
-Blockly.Blocks['time_delay'] = {
+  /**
-    /**
+   * Delay block definition
-     * Delay block definition
+   * @this Blockly.Block
-     * @this Blockly.Block
+   */
-     */
+  init: function () {
-    init: function () {
+    this.setHelpUrl("http://arduino.cc/en/Reference/Delay");
-        this.setHelpUrl('http://arduino.cc/en/Reference/Delay');
+    this.setColour(getColour().time);
-        this.setColour(getColour().time);
+    this.appendValueInput("DELAY_TIME_MILI")
-        this.appendValueInput('DELAY_TIME_MILI')
+      .setCheck(Types.NUMBER.checkList)
-            .setCheck(Types.NUMBER.checkList)
+      .appendField(Blockly.Msg.ARD_TIME_DELAY);
-            .appendField(Blockly.Msg.ARD_TIME_DELAY);
+    this.appendDummyInput().appendField(Blockly.Msg.ARD_TIME_MS);
-        this.appendDummyInput()
+    this.setInputsInline(true);
-            .appendField(Blockly.Msg.ARD_TIME_MS);
+    this.setPreviousStatement(true, null);
-        this.setInputsInline(true);
+    this.setNextStatement(true, null);
-        this.setPreviousStatement(true, null);
+    this.setTooltip(Blockly.Msg.ARD_TIME_DELAY_TIP);
-        this.setNextStatement(true, null);
+  },
-        this.setTooltip(Blockly.Msg.ARD_TIME_DELAY_TIP);
-    }
 };
 
-Blockly.Blocks['time_delaymicros'] = {
+Blockly.Blocks["time_delaymicros"] = {
-    /**
+  /**
-     * delayMicroseconds block definition
+   * delayMicroseconds block definition
-     * @this Blockly.Block
+   * @this Blockly.Block
-     */
+   */
-    init: function () {
+  init: function () {
-        this.setHelpUrl('http://arduino.cc/en/Reference/DelayMicroseconds');
+    this.setHelpUrl("http://arduino.cc/en/Reference/DelayMicroseconds");
-        this.setColour(getColour().time);
+    this.setColour(getColour().time);
-        this.appendValueInput('DELAY_TIME_MICRO')
+    this.appendValueInput("DELAY_TIME_MICRO")
-            .setCheck(Types.NUMBER.checkList)
+      .setCheck(Types.NUMBER.checkList)
-            .appendField(Blockly.Msg.ARD_TIME_DELAY);
+      .appendField(Blockly.Msg.ARD_TIME_DELAY);
-        this.appendDummyInput()
+    this.appendDummyInput().appendField(Blockly.Msg.ARD_TIME_DELAY_MICROS);
-            .appendField(Blockly.Msg.ARD_TIME_DELAY_MICROS);
+    this.setInputsInline(true);
-        this.setInputsInline(true);
+    this.setPreviousStatement(true, null);
-        this.setPreviousStatement(true, null);
+    this.setNextStatement(true, null);
-        this.setNextStatement(true, null);
+    this.setTooltip(Blockly.Msg.ARD_TIME_DELAY_MICRO_TIP);
-        this.setTooltip(Blockly.Msg.ARD_TIME_DELAY_MICRO_TIP);
+  },
-    }
 };
 
-Blockly.Blocks['time_millis'] = {
+Blockly.Blocks["time_millis"] = {
-    /**
+  /**
-     * Elapsed time in milliseconds block definition
+   * Elapsed time in milliseconds block definition
-     * @this Blockly.Block
+   * @this Blockly.Block
-     */
+   */
-    init: function () {
+  init: function () {
-        this.setHelpUrl('http://arduino.cc/en/Reference/Millis');
+    this.setHelpUrl("http://arduino.cc/en/Reference/Millis");
-        this.setColour(getColour().time);
+    this.setColour(getColour().time);
-        this.appendDummyInput()
+    this.appendDummyInput().appendField(Blockly.Msg.ARD_TIME_MILLIS);
-            .appendField(Blockly.Msg.ARD_TIME_MILLIS);
+    this.setOutput(true, Types.LARGE_NUMBER.typeId);
-        this.setOutput(true, Types.LARGE_NUMBER.typeId);
+    this.setTooltip(Blockly.Msg.ARD_TIME_MILLIS_TIP);
-        this.setTooltip(Blockly.Msg.ARD_TIME_MILLIS_TIP);
+  },
-    },
+  /** @return {string} The type of return value for the block, an integer. */
-    /** @return {string} The type of return value for the block, an integer. */
+  getBlockType: function () {
-    getBlockType: function () {
+    return Blockly.Types.LARGE_NUMBER;
-        return Blockly.Types.LARGE_NUMBER;
+  },
-    }
 };
 
-Blockly.Blocks['time_micros'] = {
+Blockly.Blocks["time_micros"] = {
-    /**
+  /**
-     * Elapsed time in microseconds block definition
+   * Elapsed time in microseconds block definition
-     * @this Blockly.Block
+   * @this Blockly.Block
-     */
+   */
-    init: function () {
+  init: function () {
-        this.setHelpUrl('http://arduino.cc/en/Reference/Micros');
+    this.setHelpUrl("http://arduino.cc/en/Reference/Micros");
-        this.setColour(getColour().time);
+    this.setColour(getColour().time);
-        this.appendDummyInput()
+    this.appendDummyInput().appendField(Blockly.Msg.ARD_TIME_MICROS);
-            .appendField(Blockly.Msg.ARD_TIME_MICROS);
+    this.setOutput(true, Types.LARGE_NUMBER.typeId);
-        this.setOutput(true, Types.LARGE_NUMBER.typeId);
+    this.setTooltip(Blockly.Msg.ARD_TIME_MICROS_TIP);
-        this.setTooltip(Blockly.Msg.ARD_TIME_MICROS_TIP);
+  },
-    },
+  /**
-    /**
+   * Should be a long (32bit), but  for for now an int.
-     * Should be a long (32bit), but  for for now an int.
+   * @return {string} The type of return value for the block, an integer.
-     * @return {string} The type of return value for the block, an integer.
+   */
-     */
+  getBlockType: function () {
-    getBlockType: function () {
+    return Types.LARGE_NUMBER;
-        return Types.LARGE_NUMBER;
+  },
-    }
 };
 
-Blockly.Blocks['infinite_loop'] = {
+Blockly.Blocks["infinite_loop"] = {
-    /**
+  /**
-     * Waits forever, end of program.
+   * Waits forever, end of program.
-     * @this Blockly.Block
+   * @this Blockly.Block
-     */
+   */
-    init: function () {
+  init: function () {
-        this.setHelpUrl('');
+    this.setHelpUrl("");
-        this.setColour(getColour().time);
+    this.setColour(getColour().time);
-        this.appendDummyInput()
+    this.appendDummyInput().appendField(Blockly.Msg.ARD_TIME_INF);
-            .appendField(Blockly.Msg.ARD_TIME_INF);
+    this.setInputsInline(true);
-        this.setInputsInline(true);
+    this.setPreviousStatement(true);
-        this.setPreviousStatement(true);
+    this.setTooltip(Blockly.Msg.ARD_TIME_INF_TIP);
-        this.setTooltip(Blockly.Msg.ARD_TIME_INF_TIP);
+  },
-    }
 };
 
-Blockly.Blocks['sensebox_interval_timer'] = {
+Blockly.Blocks["sensebox_interval_timer"] = {
-    init: function () {
+  init: function () {
-        this.setTooltip(Blockly.Msg.senseBox_interval_timer_tip);
+    this.setTooltip(Blockly.Msg.senseBox_interval_timer_tip);
-        this.setInputsInline(true);
+    this.setInputsInline(true);
-        this.setHelpUrl('');
+    this.setHelpUrl("");
-        this.setColour(getColour().time);
+    this.setColour(getColour().time);
-        this.appendDummyInput()
+    this.appendDummyInput()
-            .appendField(Blockly.Msg.senseBox_interval_timer);
+      .appendField(Blockly.Msg.senseBox_interval_timer)
-        this.appendDummyInput()
+      .appendField(new Blockly.FieldTextInput("name"), "name");
-            .setAlign(Blockly.ALIGN_LEFT)
+    this.appendDummyInput()
-            .appendField(new Blockly.FieldTextInput("10000"), "interval")
+      .appendField(Blockly.Msg.senseBox_interval_time)
-            .appendField(Blockly.Msg.senseBox_interval);
+      .setAlign(Blockly.ALIGN_LEFT)
-        this.appendStatementInput('DO')
+      .appendField(new Blockly.FieldTextInput("10000"), "interval")
-            .setCheck(null);
+      .appendField(Blockly.Msg.senseBox_interval);
-        this.setPreviousStatement(true, null);
+    this.appendStatementInput("DO").setCheck(null);
-        this.setNextStatement(true, null);
+    this.setPreviousStatement(true, null);
-    }
+    this.setNextStatement(true, null);
+  },
 };

src/components/Blockly/blocks/variables.js

@@ -1,43 +1,43 @@
-import Blockly from 'blockly/core';
+import Blockly from "blockly/core";
-import { getColour } from '../helpers/colour';
+import { getColour } from "../helpers/colour";
-import { getCompatibleTypes } from '../helpers/types'
+import { getCompatibleTypes } from "../helpers/types";
 
+Blockly.Blocks["variables_set_dynamic"] = {
+  init: function () {
+    // const type = myVar.type;
+    this.setColour(getColour().variables);
+    this.setPreviousStatement(true, null);
+    this.setNextStatement(true, null);
+    this.appendValueInput("VALUE")
+      .appendField("set", "set")
+      .appendField("", "type")
+      .appendField(new Blockly.FieldVariable("VAR"), "VAR")
+      .appendField("to");
+  },
+  onchange: function (e) {
+    let variableID = this.getFieldValue("VAR");
+    let variable = Blockly.getMainWorkspace()
+      .getVariableMap()
+      .getVariableById(variableID);
+    this.getField("type").setValue(variable.type);
+    this.getInput("VALUE").setCheck(getCompatibleTypes(variable.type));
+  },
+};
 
-Blockly.Blocks['variables_set_dynamic'] = {
+Blockly.Blocks["variables_get_dynamic"] = {
-    init: function () {
+  init: function () {
-
+    this.setColour(getColour().variables);
-        // const type = myVar.type;
+    this.appendDummyInput()
-        this.setColour(getColour().variables);
+      .appendField("", "type")
-        this.setPreviousStatement(true, null);
+      .appendField(new Blockly.FieldVariable("VAR"), "VAR");
-        this.setNextStatement(true, null);
+    this.setOutput(true);
-        this.appendValueInput('VALUE')
+  },
-            .appendField('set', 'set')
+  onchange: function (e) {
-            .appendField('', 'type')
+    let variableID = this.getFieldValue("VAR");
-            .appendField(new Blockly.FieldVariable('VAR'), 'VAR')
+    let variable = Blockly.getMainWorkspace()
-            .appendField('to');
+      .getVariableMap()
-    },
+      .getVariableById(variableID);
-    onchange: function (e) {
+    this.getField("type").setValue(variable.type);
-        let variableID = this.getFieldValue('VAR');
+    this.setOutput(true, variable.type);
-        let variable = Blockly.getMainWorkspace().getVariableMap().getVariableById(variableID)
+  },
-        this.getField('type').setValue(variable.type);
+};
-        this.getInput('VALUE').setCheck(getCompatibleTypes(variable.type));
-
-    }
-}
-
-Blockly.Blocks['variables_get_dynamic'] = {
-    init: function () {
-        this.setColour(getColour().variables);
-        this.appendDummyInput()
-            .appendField('', 'type')
-            .appendField(new Blockly.FieldVariable('VAR'), 'VAR');
-        this.setOutput(true);
-    },
-    onchange: function (e) {
-        let variableID = this.getFieldValue('VAR');
-        let variable = Blockly.getMainWorkspace().getVariableMap().getVariableById(variableID)
-        this.getField('type').setValue(variable.type);
-
-    }
-}
-

src/components/Blockly/generator/mqtt.js

@@ -38,7 +38,7 @@ Blockly.Arduino.sensebox_mqtt_publish = function (block) {
             Blockly.Arduino.definitions_['mqtt_' + feed_client + ''] = 'Adafruit_MQTT_Publish ' + feed_client + ' = Adafruit_MQTT_Publish(&mqtt, "/"USERNAME"/' + feedname + '");'
             break;
         case 'custom':
-            Blockly.Arduino.definitions_['mqtt_' + feed_client + ''] = 'Adafruit_MQTT_Publish ' + feed_client + ' = Adafruit_MQTT_Publish(&mqtt, ' + feedname + ');'
+            Blockly.Arduino.definitions_['mqtt_' + feed_client + ''] = 'Adafruit_MQTT_Publish ' + feed_client + ' = Adafruit_MQTT_Publish(&mqtt, "' + feedname + '");'
             break;
         default:
             break;
@@ -77,4 +77,5 @@ Blockly.Arduino.sensebox_mqtt_subscribe = function (block) {
     Blockly.Arduino.loopCodeOnce_['mqtt_processPackages'] = 'mqtt.processPackets(10);';
     var code = '';
     return code;
-};
+};
+

src/components/Blockly/generator/sensebox-led.js

@@ -10,37 +10,58 @@ Blockly.Arduino.sensebox_led = function () {
 
 Blockly.Arduino.sensebox_rgb_led = function () {
     var dropdown_pin = this.getFieldValue('PIN');
-    var red = this.getFieldValue('RED') || '0'
+    var color = Blockly.Arduino.valueToCode(this, 'COLOR', Blockly.Arduino.ORDER_ATOMIC) || '0'
-    var green = this.getFieldValue('GREEN') || '0'
-    var blue = this.getFieldValue('BLUE') || '0'
     Blockly.Arduino.libraries_['define_rgb_led' + dropdown_pin] = '#include <Adafruit_NeoPixel.h>\n Adafruit_NeoPixel rgb_led_' + dropdown_pin + ' = Adafruit_NeoPixel(1,' + dropdown_pin + ',NEO_RGB + NEO_KHZ800);\n';
     Blockly.Arduino.setupCode_['setup_rgb_led' + dropdown_pin] = 'rgb_led_' + dropdown_pin + '.begin();';
-
+    var code = 'rgb_led_' + dropdown_pin + '.setPixelColor(0,rgb_led_' + dropdown_pin + '.Color(' + color + '));\n';
-    var code = 'rgb_led_' + dropdown_pin + '.setPixelColor(0,rgb_led_' + dropdown_pin + '.Color(' + red + ',' + green + ',' + blue + '));\n';
     code += 'rgb_led_' + dropdown_pin + '.show();';
     return code;
 };
 
 
-Blockly.Arduino.sensebox_ws2818_led = function () {
+Blockly.Arduino.sensebox_ws2818_led_init = function () {
     var dropdown_pin = this.getFieldValue('Port');
-    var blocks = Blockly.mainWorkspace.getAllBlocks();
+    var numPixel = Blockly.Arduino.valueToCode(this, 'NUMBER', Blockly.Arduino.ORDER_ATOMIC) || '1';
-    var count = 0;
-    for (var i = 0; i < blocks.length; i++) {
-        if (blocks[i].type === 'sensebox_ws2818_led' && blocks[i].getFieldValue('Port') === dropdown_pin) {
-            count++;
-
-        }
-    }
-    var numPixel = count;
     var brightness = Blockly.Arduino.valueToCode(this, 'BRIGHTNESS', Blockly.Arduino.ORDER_ATOMIC) || '50'
-    var position = Blockly.Arduino.valueToCode(this, 'POSITION', Blockly.Arduino.ORDER_ATOMIC) || '0';
-    var red = Blockly.Arduino.valueToCode(this, 'RED', Blockly.Arduino.ORDER_ATOMIC) || '0'
-    var green = Blockly.Arduino.valueToCode(this, 'GREEN', Blockly.Arduino.ORDER_ATOMIC) || '0'
-    var blue = Blockly.Arduino.valueToCode(this, 'BLUE', Blockly.Arduino.ORDER_ATOMIC) || '0'
     Blockly.Arduino.definitions_['define_rgb_led' + dropdown_pin] = `#include <Adafruit_NeoPixel.h>\n Adafruit_NeoPixel rgb_led_${dropdown_pin}= Adafruit_NeoPixel(${numPixel}, ${dropdown_pin},NEO_GRB + NEO_KHZ800);\n`;
     Blockly.Arduino.setupCode_['setup_rgb_led' + dropdown_pin] = 'rgb_led_' + dropdown_pin + '.begin();\n';
     Blockly.Arduino.setupCode_['setup_rgb_led_brightness' + dropdown_pin] = `rgb_led_${dropdown_pin}.setBrightness(${brightness});\n`;
-    var code = `rgb_led_${dropdown_pin}.setPixelColor(${position},rgb_led_${dropdown_pin}.Color(${red},${green},${blue}));\nrgb_led_${dropdown_pin}.show();\n`;
+    return '';
+};
+
+Blockly.Arduino.sensebox_ws2818_led = function () {
+    var dropdown_pin = this.getFieldValue('Port');
+    var position = Blockly.Arduino.valueToCode(this, 'POSITION', Blockly.Arduino.ORDER_ATOMIC) || '0';
+    var color = Blockly.Arduino.valueToCode(this, 'COLOR', Blockly.Arduino.ORDER_ATOMIC) || '0'
+    console.log(color)
+    var code = `rgb_led_${dropdown_pin}.setPixelColor(${position},rgb_led_${dropdown_pin}.Color(${color}));\nrgb_led_${dropdown_pin}.show();\n`;
     return code;
+};
+
+
+function hexToRgb(hex) {
+    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    return result ? {
+        r: parseInt(result[1], 16),
+        g: parseInt(result[2], 16),
+        b: parseInt(result[3], 16)
+    } : null;
+}
+
+Blockly.Arduino['colour_picker'] = function (block) {
+    const rgb = hexToRgb(block.getFieldValue('COLOUR'));
+
+    return [rgb.r + ', ' + rgb.g + ', ' + rgb.b, Blockly.Arduino.ORDER_ATOMIC];
+};
+
+Blockly.Arduino['colour_random'] = function (block) {
+    return ['random(0, 255), random(0, 255), random(0, 255)', Blockly.Arduino.ORDER_ATOMIC];
+};
+
+Blockly.Arduino['colour_rgb'] = function (block) {
+    const red = Blockly.Arduino.valueToCode(block, 'RED', Blockly.Arduino.ORDER_ATOMIC);
+    const green = Blockly.Arduino.valueToCode(block, 'GREEN', Blockly.Arduino.ORDER_ATOMIC);
+    const blue = Blockly.Arduino.valueToCode(block, 'BLUE', Blockly.Arduino.ORDER_ATOMIC);
+
+    return [red + ', ' + green + ', ' + blue, Blockly.Arduino.ORDER_ATOMIC];
 };

src/components/Blockly/generator/sensebox-osem.js

@@ -24,7 +24,7 @@ Blockly.Arduino.sensebox_osem_connection = function (Block) {
   var ssl = this.getFieldValue('SSL');
   var port = 0;
   var count = 0;
-  if (blocks != undefined) {
+  if (blocks !== undefined) {
     for (var i = 0; i < blocks.length; i++) {
       if (blocks[i].type === 'sensebox_send_to_osem') {
         count++;

src/components/Blockly/generator/sensebox-sd.js

@@ -1,5 +1,4 @@
-import Blockly from 'blockly';
+import Blockly from "blockly";
-
 
 /* SD-Card Blocks using the Standard SD Library*/
 /**
@@ -10,45 +9,49 @@ import Blockly from 'blockly';
  */
 
 Blockly.Arduino.sensebox_sd_create_file = function (block) {
-    var filename = this.getFieldValue('Filename');
+  var filename = this.getFieldValue("Filename");
-    var res = filename.slice(0, 4);
+  var extension = this.getFieldValue("extension");
-    Blockly.Arduino.libraries_['library_spi'] = '#include <SPI.h>';
+  var newFileName = filename.concat(".", extension);
-    Blockly.Arduino.libraries_['library_sd'] = '#include <SD.h>';
+  Blockly.Arduino.libraries_["library_spi"] = "#include <SPI.h>";
-    Blockly.Arduino.definitions_['define_' + res] = 'File dataFile' + res + ';';
+  Blockly.Arduino.libraries_["library_sd"] = "#include <SD.h>";
-    Blockly.Arduino.setupCode_['sensebox_sd'] = 'SD.begin(28);';
+  Blockly.Arduino.definitions_["define_" + filename] = `File ${filename};`;
-    Blockly.Arduino.setupCode_['sensebox_sd' + filename] = 'dataFile' + res + ' = SD.open("' + filename + '", FILE_WRITE);\ndataFile' + res + '.close();\n';
+  Blockly.Arduino.setupCode_["sensebox_sd"] = "SD.begin(28);\n";
-    var code = '';
+  Blockly.Arduino.setupCode_[
-    return code;
+    "sensebox_sd" + filename
+  ] = `${filename} = SD.open("${newFileName}", FILE_WRITE);\n${filename}.close();\n`;
+  var code = "";
+  return code;
 };
 
 Blockly.Arduino.sensebox_sd_open_file = function (block) {
-    var filename = this.getFieldValue('Filename');
+  var filename = this.getFieldValue("Filename");
-    var res = filename.slice(0, 4);
+  var extension = this.getFieldValue("extension");
-    var branch = Blockly.Arduino.statementToCode(block, 'SD');
+  var newFileName = filename.concat(".", extension);
-    var code = 'dataFile' + res + ' = SD.open("' + filename + '", FILE_WRITE);\n'
+  var branch = Blockly.Arduino.statementToCode(block, "SD");
-    code += branch;
+  var code = `${filename} = SD.open("${newFileName}", FILE_WRITE);\n`;
-    code += 'dataFile' + res + '.close();\n'
+  code += branch;
-    return code;
+  code += `${filename}.close();\n`;
+  return code;
 };
 
 Blockly.Arduino.sensebox_sd_write_file = function (block) {
-    if (this.parentBlock_ != null) {
+  if (this.parentBlock_ != null) {
-        var filename = this.getSurroundParent().getFieldValue('Filename');
+    var filename = this.getSurroundParent().getFieldValue("Filename");
-    }
+  }
-    var res = filename.slice(0, 4);
+  var branch =
-    var text = Blockly.Arduino.valueToCode(this, 'DATA', Blockly.Arduino.ORDER_ATOMIC) || '"Keine Eingabe"';
+    Blockly.Arduino.valueToCode(this, "DATA", Blockly.Arduino.ORDER_ATOMIC) ||
-    var linebreak = this.getFieldValue('linebreak');
+    '"Keine Eingabe"';
-    if (linebreak === "TRUE") {
+  var linebreak = this.getFieldValue("linebreak");
-        linebreak = "ln";
+  if (linebreak === "TRUE") {
-    } else {
+    linebreak = "ln";
-        linebreak = "";
+  } else {
-    }
+    linebreak = "";
-    var code = '';
+  }
-    if (text === "gps.getLongitude()" || text === "gps.getLatitude()") {
+  var code = "";
-        code = 'dataFile' + res + '.print' + linebreak + '(' + text + ',5);\n'
+  if (branch === "gps.getLongitude()" || branch === "gps.getLatitude()") {
-    }
+    code = `${filename}.print${linebreak}(${branch},5);\n`;
-    else {
+  } else {
-        code = 'dataFile' + res + '.print' + linebreak + '(' + text + ');\n'
+    code = `${filename}.print${linebreak}(${branch});\n`;
-    }
+  }
-    return code;
+  return code;
 };

src/components/Blockly/generator/sensebox-sensors.js

@@ -28,15 +28,23 @@ Blockly.Arduino.sensebox_sensor_uv_light = function () {
     Blockly.Arduino.setupCode_['sensebox_sensor_uv_light'] = 'veml.begin();'
     code = 'veml.get' + dropdown_name + '()';
   }
+  // if (dropdown_name === 'Illuminance') {
+  //   Blockly.Arduino.definitions_['define_tsl'] = 'TSL45315 tsl;'
+  //   Blockly.Arduino.setupCode_['sensebox_sensor_illuminance'] = 'tsl.begin();'
+  //   code = 'tsl.get' + dropdown_name + '()';
+  // }
   if (dropdown_name === 'Illuminance') {
-    Blockly.Arduino.definitions_['define_tsl'] = 'TSL45315 tsl;'
+    Blockly.Arduino.definitions_['define_lightsensor'] = 'Lightsensor lightsensor;'
-    Blockly.Arduino.setupCode_['sensebox_sensor_illuminance'] = 'tsl.begin();'
+    Blockly.Arduino.setupCode_['sensebox_sensor_illuminance'] = 'lightsensor.begin();'
-    code = 'tsl.get' + dropdown_name + '()';
+    code = 'lightsensor.get' + dropdown_name + '()';
   }
+
   return [code, Blockly.Arduino.ORDER_ATOMIC];
 };
 
 
+
+
 /**
  * BMX055 Accelerometer
  * 
@@ -295,40 +303,168 @@ Blockly.Arduino.sensebox_scd30 = function () {
 
 Blockly.Arduino.sensebox_gps = function () {
   var dropdown = this.getFieldValue('dropdown');
-  Blockly.Arduino.libraries_['gps_library'] = '#include "SparkFun_Ublox_Arduino_Library.h"'
+  Blockly.Arduino.libraries_['gps_library'] = '#include <SparkFun_u-blox_GNSS_Arduino_Library.h>'
-  Blockly.Arduino.libraries_['wire'] = '#include <Wire.h>'
+  Blockly.Arduino.libraries_['library_wire'] = '#include <Wire.h>';
   Blockly.Arduino.libraries_['library_senseBoxMCU'] = '#include "SenseBoxMCU.h"';
-  Blockly.Arduino.definitions_['GPS'] = 'SFE_UBLOX_GPS myGPS;';
+  Blockly.Arduino.definitions_['GPS'] = 'SFE_UBLOX_GNSS myGNSS;';
   Blockly.Arduino.setupCode_['init_gps'] = ` Wire.begin();
 
-  if (myGPS.begin() == false) //Connect to the Ublox module using Wire port
+  if (myGNSS.begin() == false) //Connect to the Ublox module using Wire port
   {
     Serial.println(F("Ublox GPS not detected at default I2C address. Please check wiring. Freezing."));
     while (1);
   }
 
-  myGPS.setI2COutput(COM_TYPE_UBX); //Set the I2C port to output UBX only (turn off NMEA noise)
+  myGNSS.setI2COutput(COM_TYPE_UBX); //Set the I2C port to output UBX only (turn off NMEA noise)
-  myGPS.saveConfiguration(); //Save the current settings to flash and BBR`;
+  myGNSS.saveConfiguration(); //Save the current settings to flash and BBR`;
   var code = '';
   switch (dropdown) {
     case 'latitude':
-      code = 'myGPS.getLatitude()';
+      code = 'myGNSS.getLatitude()';
       break;
     case 'longitude':
-      code = 'myGPS.getLongitude()';
+      code = 'myGNSS.getLongitude()';
       break;
     case 'altitude':
-      code = 'myGPS.getAltitudeMSL()';
+      code = 'myGNSS.getAltitudeMSL()';
       break;
     case 'pDOP':
-      code = 'myGPS.getPDOP()';
+      code = 'myGNSS.getPDOP()';
       break;
     case 'fixType':
-      code = 'myGPS.getFixType()';
+      code = 'myGNSS.getFixType()';
       break;
     default:
       code = ''
   }
   return [code, Blockly.Arduino.ORDER_ATOMIC];
 
-}
+}
+
+/**
+ * Block for Truebner STM50
+ */
+
+
+Blockly.Arduino.sensebox_sensor_truebner_smt50 = function () {
+  var dropdown_port = this.getFieldValue('Port')
+  var dropdown_value = this.getFieldValue('value');
+  var dropdown_pin = 1;
+  var code = '';
+  if (dropdown_value === 'temp') {
+    if (dropdown_port === 'A') {
+      dropdown_pin = 1;
+    }
+    if (dropdown_port === 'B') {
+      dropdown_pin = 3;
+    }
+    if (dropdown_port === 'C') {
+      dropdown_pin = 5;
+    }
+    Blockly.Arduino.codeFunctions_['sensebox_smt50_temp'] = 'float getSMT50Temperature(int analogPin){\n  int sensorValue = analogRead(analogPin);\n  float voltage = sensorValue * (3.3 / 1024.0);\n   return (voltage - 0.5) * 100;\n}';
+    code = 'getSMT50Temperature(' + dropdown_pin + ')';
+    return [code, Blockly.Arduino.ORDER_ATOMIC];
+  }
+  else if (dropdown_value === 'soil') {
+    if (dropdown_port === 'A') {
+      dropdown_pin = 2;
+    }
+    if (dropdown_port === 'B') {
+      dropdown_pin = 4;
+    }
+    if (dropdown_port === 'C') {
+      dropdown_pin = 6;
+    }
+    Blockly.Arduino.codeFunctions_['sensebox_smt50_soil'] = 'float getSMT50Moisture(int analogPin){\n   int sensorValue = analogRead(analogPin);\n    float voltage = sensorValue * (3.3 / 1024.0);\n   return (voltage * 50) / 3;\n}';
+    code = 'getSMT50Moisture(' + dropdown_pin + ')';
+    return [code, Blockly.Arduino.ORDER_ATOMIC];
+  }
+
+};
+
+/**
+ * DS18B20 Watertemperature
+ * 
+ */
+
+Blockly.Arduino.sensebox_sensor_watertemperature = function () {
+
+  var dropdown_port = this.getFieldValue('Port');
+  var dropdown_pin = 1;
+  if (dropdown_port === 'A') {
+    dropdown_pin = 1;
+  }
+  if (dropdown_port === 'B') {
+    dropdown_pin = 3;
+  }
+  if (dropdown_port === 'C') {
+    dropdown_pin = 5;
+  }
+  Blockly.Arduino.libraries_['library_oneWire'] = '#include "OneWire.h"';
+  Blockly.Arduino.libraries_['library_oneDallasTemperature'] = '#include "DallasTemperature.h"';
+  Blockly.Arduino.definitions_['define_OneWire'] = '#define ONE_WIRE_BUS ' + dropdown_pin + '\nOneWire oneWire(ONE_WIRE_BUS);\nDallasTemperature sensors(&oneWire);';
+  Blockly.Arduino.setupCode_['sensebox_oneWireSetup'] = 'sensors.begin();';
+  Blockly.Arduino.codeFunctions_['sensebox_requestTemp'] = 'float getWaterTemp(){\nsensors.requestTemperatures();\nsensors.getTempCByIndex(0);\n}';
+  var code = 'getWaterTemp()';
+  return [code, Blockly.Arduino.ORDER_ATOMIC];
+};
+
+/**
+ * Windspeed
+ * remove for now
+
+
+
+Blockly.Arduino.sensebox_windspeed = function () {
+  var dropdown_pin = this.getFieldValue('PIN');
+  Blockly.Arduino.codeFunctions_['windspeed'] = `    
+float getWindspeed(){
+  float voltageWind = analogRead(`+ dropdown_pin + `) * (3.3 / 1024.0);
+  float windspeed = 0.0;
+  if (voltageWind >= 0.018){
+    float poly1 = pow(voltageWind, 3);
+    poly1 = 17.0359801998299 * poly1;
+    float poly2 = pow(voltageWind, 2);
+    poly2 = 47.9908168343362 * poly2;
+    float poly3 = 122.899677524413 * voltageWind;
+    float poly4 = 0.657504127272728;
+    windspeed = poly1 - poly2 + poly3 - poly4;
+    windspeed = windspeed * 0.2777777777777778; //conversion in m/s
+  }
+    return windspeed;
+}`
+  var code = 'getWindspeed()';
+  return [code, Blockly.Arduino.ORDER_ATOMIC];
+};
+ */
+
+/**
+ * DF Robot Soundsensor
+ */
+
+/**
+* 
+* 
+*/
+
+Blockly.Arduino.sensebox_soundsensor_dfrobot = function () {
+  var dropdown_port = this.getFieldValue('Port');
+  var dropdown_pin = 1;
+  if (dropdown_port === 'A') {
+    dropdown_pin = 1;
+  }
+  if (dropdown_port === 'B') {
+    dropdown_pin = 3;
+  }
+  if (dropdown_port === 'C') {
+    dropdown_pin = 5;
+  }
+  Blockly.Arduino.codeFunctions_['soundsensor'] = `    
+float getSoundValue(){
+  float v = analogRead(`+ dropdown_pin + `) * (3.3 / 1024.0);
+  float decibel = v * 50;
+  return decibel;
+}`
+  var code = 'getSoundValue()';
+  return [code, Blockly.Arduino.ORDER_ATOMIC];
+};

src/components/Blockly/generator/time.js

@@ -1,4 +1,4 @@
-import Blockly from 'blockly';
+import Blockly from "blockly";
 
 /**
  * @license Licensed under the Apache License, Version 2.0 (the "License"):
@@ -16,11 +16,15 @@ import Blockly from 'blockly';
  * @param {!Blockly.Block} block Block to generate the code from.
  * @return {string} Completed code.
  */
-Blockly.Arduino['time_delay'] = function (block) {
+Blockly.Arduino["time_delay"] = function (block) {
-    var delayTime = Blockly.Arduino.valueToCode(
+  var delayTime =
-        block, 'DELAY_TIME_MILI', Blockly.Arduino.ORDER_ATOMIC) || '0';
+    Blockly.Arduino.valueToCode(
-    var code = 'delay(' + delayTime + ');\n';
+      block,
-    return code;
+      "DELAY_TIME_MILI",
+      Blockly.Arduino.ORDER_ATOMIC
+    ) || "0";
+  var code = "delay(" + delayTime + ");\n";
+  return code;
 };
 
 /**
@@ -29,11 +33,15 @@ Blockly.Arduino['time_delay'] = function (block) {
  * @param {!Blockly.Block} block Block to generate the code from.
  * @return {string} Completed code.
  */
-Blockly.Arduino['time_delaymicros'] = function (block) {
+Blockly.Arduino["time_delaymicros"] = function (block) {
-    var delayTimeMs = Blockly.Arduino.valueToCode(
+  var delayTimeMs =
-        block, 'DELAY_TIME_MICRO', Blockly.Arduino.ORDER_ATOMIC) || '0';
+    Blockly.Arduino.valueToCode(
-    var code = 'delayMicroseconds(' + delayTimeMs + ');\n';
+      block,
-    return code;
+      "DELAY_TIME_MICRO",
+      Blockly.Arduino.ORDER_ATOMIC
+    ) || "0";
+  var code = "delayMicroseconds(" + delayTimeMs + ");\n";
+  return code;
 };
 
 /**
@@ -42,9 +50,9 @@ Blockly.Arduino['time_delaymicros'] = function (block) {
  * @param {!Blockly.Block} block Block to generate the code from.
  * @return {array} Completed code with order of operation.
  */
-Blockly.Arduino['time_millis'] = function (block) {
+Blockly.Arduino["time_millis"] = function (block) {
-    var code = 'millis()';
+  var code = "millis()";
-    return [code, Blockly.Arduino.ORDER_ATOMIC];
+  return [code, Blockly.Arduino.ORDER_ATOMIC];
 };
 
 /**
@@ -53,9 +61,9 @@ Blockly.Arduino['time_millis'] = function (block) {
  * @param {!Blockly.Block} block Block to generate the code from.
  * @return {array} Completed code with order of operation.
  */
-Blockly.Arduino['time_micros'] = function (block) {
+Blockly.Arduino["time_micros"] = function (block) {
-    var code = 'micros()';
+  var code = "micros()";
-    return [code, Blockly.Arduino.ORDER_ATOMIC];
+  return [code, Blockly.Arduino.ORDER_ATOMIC];
 };
 
 /**
@@ -64,17 +72,22 @@ Blockly.Arduino['time_micros'] = function (block) {
  * @param {!Blockly.Block} block Block to generate the code from.
  * @return {string} Completed code.
  */
-Blockly.Arduino['infinite_loop'] = function (block) {
+Blockly.Arduino["infinite_loop"] = function (block) {
-    return 'while(true);\n';
+  return "while(true);\n";
 };
 
 Blockly.Arduino.sensebox_interval_timer = function (block) {
-    var interval = this.getFieldValue('interval');
+  var intervalTime = this.getFieldValue("interval");
-    Blockly.Arduino.variables_['define_interval_variables'] = 'const long interval = ' + interval + ';\nlong time_start = 0;\nlong time_actual = 0;';
+  var intervalName = this.getFieldValue("name");
-    var branch = Blockly.Arduino.statementToCode(block, 'DO');
+  Blockly.Arduino.variables_[`define_interval_variables${intervalName}`] = `
-    var code = 'time_start = millis();\n';
+const long interval${intervalName} = ${intervalTime};
-    code += 'if (time_start > time_actual + interval) {\n  time_actual = millis();\n'
+long time_start${intervalName} = 0;
-    code += branch;
+long time_actual${intervalName} = 0;`;
-    code += '}\n'
+  var branch = Blockly.Arduino.statementToCode(block, "DO");
-    return code;
+  var code = `time_start${intervalName} = millis();\n`;
-};
+  code += `
+if (time_start${intervalName} > time_actual${intervalName} + interval${intervalName}) {\n  time_actual${intervalName} = millis();\n`;
+  code += branch;
+  code += "}\n";
+  return code;
+};

src/components/Blockly/generator/webserver.js

@@ -1,114 +1,127 @@
-import Blockly from 'blockly';
+import Blockly from "blockly";
 /**
  * Webserver Blocks by Lucas Steinmann
- * 
+ *
  */
 
 Blockly.Arduino.sensebox_initialize_http_server = function (block) {
-    var box_id = this.getFieldValue('Port');
+  var box_id = this.getFieldValue("Port");
-    Blockly.Arduino.libraries_['library_senseBoxMCU'] = '#include "SenseBoxMCU.h"';
+  Blockly.Arduino.libraries_["library_senseBoxMCU"] =
-    Blockly.Arduino.codeFunctions_['define_wifi_server'] = 'WiFiServer server(' + box_id + ');';
+    '#include "SenseBoxMCU.h"';
-    Blockly.Arduino.setupCode_['sensebox_wifi_server_beging'] = 'server.begin();';
+  Blockly.Arduino.codeFunctions_["define_wifi_server"] =
-    return '';
+    "WiFiServer server(" + box_id + ");";
+  Blockly.Arduino.setupCode_["sensebox_wifi_server_beging"] = "server.begin();";
+  return "";
 };
 
 Blockly.Arduino.sensebox_http_on_client_connect = function (block) {
-    var onConnect = Blockly.Arduino.statementToCode(block, 'ON_CONNECT');
+  var onConnect = Blockly.Arduino.statementToCode(block, "ON_CONNECT");
-    var code = '';
+  var code = "";
-    code += 'WiFiClient client = server.available();\n';
+  code += "WiFiClient client = server.available();\n";
-    code += 'if (client && client.available()) {\n';
+  code += "if (client && client.available()) {\n";
-    code += '  String request_string = listenClient(client);\n';
+  code += "  String request_string = listenClient(client);\n";
-    code += '  Request request;\n';
+  code += "  Request request;\n";
-    code += '  if (parseRequestSafe(request_string, request)) {\n';
+  code += "  if (parseRequestSafe(request_string, request)) {\n";
-    code += onConnect;
+  code += onConnect;
-    code += '  }\n';
+  code += "  }\n";
-    code += '  delay(1);\n';
+  code += "  delay(1);\n";
-    code += '  client.stop();\n';
+  code += "  client.stop();\n";
-    code += '  delay(1);\n';
+  code += "  delay(1);\n";
-    code += '}\n';
+  code += "}\n";
-    return code;
+  return code;
 };
 
 Blockly.Arduino.sensebox_http_method = function (block) {
-    var code = "request.method";
+  var code = "request.method";
-    return [code, Blockly.Arduino.ORDER_ATOMIC];
+  return [code, Blockly.Arduino.ORDER_ATOMIC];
 };
 
-
 Blockly.Arduino.sensebox_http_uri = function (block) {
-    var code = "request.uri";
+  var code = "request.uri";
-    return [code, Blockly.Arduino.ORDER_ATOMIC];
+  return [code, Blockly.Arduino.ORDER_ATOMIC];
 };
 
 Blockly.Arduino.sensebox_http_protocol_version = function (block) {
-    var code = "request.protocol_version";
+  var code = "request.protocol_version";
-    return [code, Blockly.Arduino.ORDER_ATOMIC];
+  return [code, Blockly.Arduino.ORDER_ATOMIC];
 };
 
 Blockly.Arduino.sensebox_http_user_agent = function (block) {
-    var code = "request.user_agent";
+  var code = "request.user_agent";
-    return [code, Blockly.Arduino.ORDER_ATOMIC];
+  return [code, Blockly.Arduino.ORDER_ATOMIC];
 };
 
 Blockly.Arduino.sensebox_generate_html_doc = function (block) {
-    var header = Blockly.Arduino.valueToCode(block, 'HEADER', Blockly.Arduino.ORDER_NONE) || '""';
+  var header =
-    var body = Blockly.Arduino.valueToCode(block, 'BODY', Blockly.Arduino.ORDER_NONE) || '""';
+    Blockly.Arduino.valueToCode(block, "HEADER", Blockly.Arduino.ORDER_NONE) ||
-    var code = 'buildHTML(' + header + ', ' + body + ')';
+    '""';
-    return [code, Blockly.Arduino.ORDER_ATOMIC];
+  var body =
+    Blockly.Arduino.valueToCode(block, "BODY", Blockly.Arduino.ORDER_NONE) ||
+    '""';
+  var code = "buildHTML(" + header + ", " + body + ")";
+  return [code, Blockly.Arduino.ORDER_ATOMIC];
 };
 
 Blockly.Arduino.sensebox_generate_http_succesful_response = function (block) {
-    var content = Blockly.Arduino.valueToCode(block, 'CONTENT', Blockly.Arduino.ORDER_NONE) || '""';
+  var content =
-    var code = 'client.println(buildSuccessfulResponse(request, ' + content + '));\n';
+    Blockly.Arduino.valueToCode(block, "CONTENT", Blockly.Arduino.ORDER_NONE) ||
-    return code;
+    '""';
+  var code =
+    "client.println(buildSuccessfulResponse(request, " + content + "));\n";
+  return code;
 };
 
 Blockly.Arduino.sensebox_generate_http_not_found_response = function (block) {
-    var code = 'client.println(buildNotFoundResponse(request));\n';
+  var code = "client.println(buildNotFoundResponse(request));\n";
-    return code;
+  return code;
 };
 
-
 Blockly.Arduino.sensebox_ip_address = function (block) {
-    var code = "b->getIpAddress()";
+  var code = "b->getIpAddress()";
-    return [code, Blockly.Arduino.ORDER_ATOMIC];
+  return [code, Blockly.Arduino.ORDER_ATOMIC];
 };
 
 Blockly.Arduino.sensebox_general_html_tag = function (block) {
-    var tag = this.getFieldValue('TAG');
+  var tag = this.getFieldValue("TAG");
-    var code = 'buildTag("' + tag + '",';
+  var code = 'buildTag("' + tag + '",';
-    var n = 0;
+  var n = 0;
-    var branch = Blockly.Arduino.valueToCode(block, 'DO' + n, Blockly.Arduino.ORDER_NONE);
+  var branch = Blockly.Arduino.valueToCode(
-    if (branch.length > 0) {
+    block,
-        code += '\n ' + branch;
+    "DO" + n,
-    } else {
+    Blockly.Arduino.ORDER_NONE
-        code += '""';
+  );
-    }
+  if (branch.length > 0) {
-    for (n = 1; n <= block.additionalChildCount_; n++) {
+    code += "\n " + branch;
-        branch = Blockly.Arduino.valueToCode(block, 'DO' + n, Blockly.Arduino.ORDER_NONE);
+  } else {
-        code += ' +' + branch;
+    code += '""';
-    }
+  }
-    return [code + ')', Blockly.Arduino.ORDER_ATOMIC];
+  for (n = 1; n <= block.additionalChildCount_; n++) {
+    branch = Blockly.Arduino.valueToCode(
+      block,
+      "DO" + n,
+      Blockly.Arduino.ORDER_NONE
+    );
+    code += " +" + branch;
+  }
+  return [code + ")", Blockly.Arduino.ORDER_ATOMIC];
 };
 
 Blockly.Arduino.sensebox_web_readHTML = function (block) {
-    var filename = this.getFieldValue('FILENAME');
+  var filename = this.getFieldValue("FILENAME");
-    Blockly.Arduino.libraries_['library_spi'] = '#include <SPI.h>';
+  Blockly.Arduino.libraries_["library_spi"] = "#include <SPI.h>";
-    Blockly.Arduino.libraries_['library_sd'] = '#include <SD.h>';
+  Blockly.Arduino.libraries_["library_sd"] = "#include <SD.h>";
-    Blockly.Arduino.codeFunctions_['define_sd' + filename] = 'File webFile;';
+  Blockly.Arduino.codeFunctions_["define_sd" + filename] = "File webFile;";
-    Blockly.Arduino.setupCode_['sensebox_sd'] = 'SD.begin(28);';
+  Blockly.Arduino.setupCode_["sensebox_sd"] = "SD.begin(28);";
-    var func = [
+  Blockly.Arduino.codeFunctions_["generateHTML"] = `
-        'String generateHTML(){',
+String generateHTML(){
-        ' webFile = SD.open("' + filename + '", FILE_READ);',
+     webFile = SD.open("${filename}", FILE_READ);
-        ' String finalString ="";',
+   String finalString ="";
-        ' while (webFile.available())',
+   while (webFile.available())
-        '   {',
+     {
-        '   finalString+=(char)webFile.read();',
+     finalString+=(char)webFile.read();
-        '   }',
+     }
-        ' return finalString;',
+   return finalString;
-        '}'];
+  }`;
-    var functionName = Blockly.Arduino.addFunction(
+  var code = `generateHTML()`;
-        'generateHTML', func.join('\n'));
+  return [code, Blockly.Arduino.ORDER_ATOMIC];
-    var code = functionName + '()';
+};
-    return [code, Blockly.Arduino.ORDER_ATOMIC];
-};

src/components/Blockly/helpers/types.js

@@ -8,103 +8,110 @@
  *     types.
  */
 
-
 /** Single character. */
 export const CHARACTER = {
-    typeId: 'Character',
+  typeId: "Character",
-    typeName: 'char',
+  typeName: "char",
-    typeMsgName: 'ARD_TYPE_CHAR',
+  typeMsgName: "ARD_TYPE_CHAR",
-}
+};
 
 export const BOOLEAN = {
-    typeId: 'Boolean',
+  typeId: "Boolean",
-    typeName: 'boolean',
+  typeName: "boolean",
-    typeMsgName: 'ARD_TYPE_BOOL',
+  typeMsgName: "ARD_TYPE_BOOL",
-}
+};
 
 /** Text string. */
 export const TEXT = {
-    typeId: 'Text',
+  typeId: "Text",
-    typeName: 'String',
+  typeName: "String",
-    typeMsgName: 'ARD_TYPE_TEXT',
+  typeMsgName: "ARD_TYPE_TEXT",
-}
+};
 
 /** Short integer number. */
 export const SHORT_NUMBER = {
-    typeId: 'Short_Number',
+  typeId: "Short_Number",
-    typeName: 'int',
+  typeName: "int",
-    typeMsgName: 'ARD_TYPE_SHORT',
+  typeMsgName: "ARD_TYPE_SHORT",
-}
+};
 
 /** Integer number. */
 export const NUMBER = {
-    typeId: 'Number',
+  typeId: "Number",
-    typeName: 'int',
+  typeName: "int",
-    typeMsgName: 'ARD_TYPE_NUMBER',
+  typeMsgName: "ARD_TYPE_NUMBER",
-}
+};
 
 /** Large integer number. */
 export const LARGE_NUMBER = {
-    typeId: 'Large Number',
+  typeId: "Large Number",
-    typeName: 'long',
+  typeName: "long",
-    typeMsgName: 'ARD_TYPE_LONG',
+  typeMsgName: "ARD_TYPE_LONG",
-}
+};
 
 /** Decimal/floating point number. */
 export const DECIMAL = {
-    typeId: 'Decimal',
+  typeId: "Decimal",
-    typeName: 'float',
+  typeName: "float",
-    typeMsgName: 'ARD_TYPE_DECIMAL',
+  typeMsgName: "ARD_TYPE_DECIMAL",
-}
+};
 
 /** Array/List of items. */
 export const ARRAY = {
-    typeId: 'Array',
+  typeId: "Array",
-    typeName: 'Array',
+  typeName: "Array",
-    typeMsgName: 'ARD_TYPE_ARRAY',
+  typeMsgName: "ARD_TYPE_ARRAY",
-    compatibleTypes: []
+  compatibleTypes: [],
-}
+};
 
 /** Null indicate there is no type. */
 export const NULL = {
-    typeId: 'Null',
+  typeId: "Null",
-    typeName: 'void',
+  typeName: "void",
-    typeMsgName: 'ARD_TYPE_NULL',
+  typeMsgName: "ARD_TYPE_NULL",
-}
+};
 
 /** Type not defined, or not yet defined. */
 export const UNDEF = {
-    typeId: 'Undefined',
+  typeId: "Undefined",
-    typeName: 'undef',
+  typeName: "undef",
-    typeMsgName: 'ARD_TYPE_UNDEF',
+  typeMsgName: "ARD_TYPE_UNDEF",
-}
+};
 
 /** Set when no child block (meant to define the variable type) is connected. */
 export const CHILD_BLOCK_MISSING = {
-    typeId: 'ChildBlockMissing',
+  typeId: "ChildBlockMissing",
-    typeMsgName: 'ARD_TYPE_CHILDBLOCKMISSING',
+  typeMsgName: "ARD_TYPE_CHILDBLOCKMISSING",
-    compatibleTypes: []
+  compatibleTypes: [],
-}
-
-const compatibleTypes = {
-    Array: ['Array'],
-    boolean: ['boolean'],
-    int: ['int', 'long', 'double', 'float'],
-    char: ['char'],
-    String: ['String'],
-    void: ['void'],
-    long: ['int', 'long'],
-    double: ['int', 'long', 'double'],
-    float: ['int', 'long', 'double', 'float'],
-    null: ['null']
-
-}
-
-export const getCompatibleTypes = (type) => {
-    return compatibleTypes[type];
 };
 
-export const VARIABLE_TYPES = [['SHORT_NUMBER', 'char'], ['NUMBER', 'int'], ['DECIMAL', 'long'], ['TEXT', 'String'], ['CHARACTER', 'char'], ['BOOLEAN', 'boolean'], ['NULL', 'void'], ['UNDEF', 'undefined']];
+const compatibleTypes = {
+  Array: ["Array"],
+  boolean: ["boolean"],
+  int: ["int", "long", "double", "float"],
+  char: ["char"],
+  String: ["String"],
+  void: ["void"],
+  long: ["int", "long"],
+  double: ["int", "long", "double"],
+  float: ["int", "long", "double", "float"],
+  null: ["null"],
+};
+
+export const getCompatibleTypes = (type) => {
+  return compatibleTypes[type];
+};
+
+export const VARIABLE_TYPES = [
+  ["SHORT_NUMBER", "char"],
+  ["NUMBER", "int"],
+  ["DECIMAL", "long"],
+  ["TEXT", "String"],
+  ["CHARACTER", "char"],
+  ["BOOLEAN", "boolean"],
+  ["NULL", "void"],
+  ["UNDEF", "undefined"],
+];
 
 // /**
 //  * Some Types have circular dependencies on their compatibilities, so add them
@@ -233,7 +240,3 @@ export const VARIABLE_TYPES = [['SHORT_NUMBER', 'char'], ['NUMBER', 'int'], ['DE
 //     }
 //     return Blockly.Types.NULL;
 // };
-
-
-
-

src/components/Blockly/msg/de/audio.js

@@ -0,0 +1,10 @@
+
+export const AUDIO = {
+    ARD_TONEFREQ: "mit Frequenz",
+    ARD_TONE_FREQ: "Frequenz",
+    ARD_TONE_PIN: "Ton PIN#",
+    ARD_TONE_PIN_TIP: "Erzeugt einen Ton an Pin",
+    ARD_TONE_TIP: "Erzeugt einen Ton an Pin mit einer spezifischen Frequenz zwischen 31 - 65535 Hz",
+    ARD_TONE_WARNING: "Frequenz muss zwischen 31 - 65535 liegen",
+}
+

src/components/Blockly/msg/de/faq.js

@@ -0,0 +1,27 @@
+export const FAQ = {
+    /**
+     * FAQ
+     */
+
+    faq_q1_question: `Wie kann ich mein Programm auf die senseBox kopieren?`,
+    faq_q1_answer: `Um Programme auf die senseBox zu kopieren wird diese mit dem Micro USB Kabel an den Computer angeschlossen. Mache anschließend auf der senseBox MCU einen Doppelklick auf den roten Reset Button. Die senseBox wird nun als Wechseldatenträger an deinem Computer erkannt und die zuvor erstellen Programm können per Drag & Drop kopiert werden. Nach jeder Änderung des Programmcodes muss das Programm neu kompiliert und übertragen werden
+#### Lernmodus der MCU aktivieren
+<iframe width="560" height="315" src="https://www.youtube.com/embed/jzlOJ7Zuqqw" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+#### Kopieren von Programmen unter MacOS
+Das Kopieren der Programme unter MacOS funktioniert nicht über den Finder, es gibt es aber dennoch zwei verschiedene Möglichkeiten die Programme zu kopieren:
+- [senseBox Kopiertool](https://sensebox.de/docs/senseBox_Sketch_Uploader_DE.zip)
+- [muCommander](https://www.mucommander.com/)
+`,
+
+    faq_q2_question: `Mit welcher senseBox ist die Programmierumgebung kompatibel?`,
+    faq_q2_answer: `
+Grundsätzlich kann die Programmierumgebung mit jeder senseBox mit senseBox MCU verwendet werden. 
+`,
+
+
+    faq_q3_question: `Ich habe einen Fehler gefunden oder etwas funktioniert nicht. Wo kann ich diesen melden?`,
+    faq_q3_answer: `
+Am besten legst du dazu ein Issue auf [Github](https://github.com/sensebox/React-Ardublockly/issues) an. Alternativ kannst du uns auch eine Email an info(at)sensebox.de senden
+`,
+}

src/components/Blockly/msg/de/io.js

@@ -0,0 +1,108 @@
+
+export const IO = {
+
+    ARD_ANALOGREAD: "lese analogen Pin#",
+    ARD_ANALOGREAD_TIP: "Gibt einen Wert zwischen 0 und 1024 zurüch",
+    ARD_ANALOGWRITE: "setzte analogen Pin#",
+    ARD_ANALOGWRITE_TIP: "Schreibe analogen Wert zwischen 0 und 255 an einen spezifischen PWM Port",
+    ARD_BUILTIN_LED: "eingebaute LED",
+    ARD_BUILTIN_LED_TIP: "Schaltet die interne LED An oder Aus",
+    ARD_COMPONENT_WARN1: "A %1 configuration block with the same %2 name must be added to use this block!",
+    ARD_DEFINE: "Definiere",
+    ARD_DIGITALREAD: "lesen digitalen Pin#",
+    ARD_DIGITALREAD_TIP: "Lese Wert an digitalen Pin: HIGH(1) oder LOW(0)",
+    ARD_DIGITALWRITE: "setzte digitalen Pin#",
+    ARD_DIGITALWRITE_TIP: "Schreibe digitalen Wert HIGH (1) oder LOW(0) an spezifischen Port",
+    ARD_FUN_RUN_LOOP: "Endlosschleife()",
+    ARD_FUN_RUN_SETUP: "Setup()",
+    ARD_FUN_RUN_TIP: "Definiert die setup() und loop() Funktionen. Die setup()-Funktion wird beim starten **einmal** ausgeführt. Anschließend wir die loop()-Funktion in einer **Endlosschleife** ausgeführt. Füge in die Setup()-Funktion Blöcke ein, um z.B. das Display zu initalisieren, eine Verbindung zum WiFi-Netzwerk herzustellen oder um die LoRa Verbindung zu initialsieren.",
+    ARD_HIGH: "HIGH",
+    ARD_HIGHLOW_TIP: "Setzt einen Status auf HIGH oder LOWSet a pin state logic High or Low.",
+    ARD_LOW: "LOW",
+    ARD_MAP: "Verteile Wert",
+    ARD_MAP_FROMMIN: "von Minimum",
+    ARD_MAP_FROMMAX: "bis maximum",
+    ARD_MAP_TOMIN: "auf Minimum",
+    ARD_MAP_TOMAX: "bis Maximum",
+    ARD_MAP_TIP: "Verteilt Werte zwischen [0-1024] zu andere.",
+    ARD_MAP_VAL: "Wert zu [0-",
+    ARD_NOTONE: "Schalte Ton aus an Pin",
+    ARD_NOTONE_PIN: "keinen Ton an Pin",
+    ARD_NOTONE_PIN_TIP: "Stoppe die Tonerzeugung an Pin",
+    ARD_NOTONE_TIP: "Schaltet den Ton am ausgewählten Pin aus",
+    ARD_PIN_WARN1: "Pin %1 wird benötigt für  %2 als Pin %3. Bereitsgenutzt als %4.",
+    ARD_PULSETIMEOUT_TIP: "Misst die Laufzeit eines Impulses am ausgewählten Pin, wenn die Zeit ist in Microsekunden.",
+    ARD_PULSE_READ: "Misst %1 Impuls an Pin #%2",
+    ARD_PULSE_READ_TIMEOUT: "Misst %1 Impuls an Pin #%2 (Unterbrechung nach %3 μs)",
+    ARD_PULSE_TIP: "Misst die Zeit eines Impulses an dem ausgewählten Pin.",
+    ARD_SERIAL_BPS: "bps",
+    ARD_SERIAL_PRINT: "schreibe",
+    ARD_SERIAL_PRINT_NEWLINE: "neue Zeile hinzufügen",
+    ARD_SERIAL_PRINT_TIP: "Prints data to the console/serial port as human-readable ASCII text.",  // untranslated
+    ARD_SERIAL_PRINT_WARN: "A setup block for %1 must be added to the workspace to use this block!",  // untranslated
+    ARD_SERIAL_SETUP: "Setup",
+    ARD_SERIAL_SETUP_TIP: "Selects the speed for a specific Serial peripheral",  // untranslated
+    ARD_SERIAL_SPEED: ":  Übertragungsgeschwindigkeit zu",
+    ARD_SERVO_READ: "liest SERVO an PIN#",
+    ARD_SERVO_READ_TIP: "Liest den Winkel des Servomotors aus",
+    ARD_SERVO_WRITE: "setzt SERVO an Pin",
+    ARD_SERVO_WRITE_DEG_180: "Winkel (0~180)",
+    ARD_SERVO_WRITE_TIP: "Set a Servo to an specified angle",  // untranslated
+    ARD_SERVO_WRITE_TO: "",  // untranslated
+    ARD_SETTONE: "Spiele Ton an Pin",  // untranslated
+    ARD_SPI_SETUP: "Setup",
+    ARD_SPI_SETUP_CONF: "Konfiguration:",
+    ARD_SPI_SETUP_DIVIDE: "clock divide",  // untranslated
+    ARD_SPI_SETUP_LSBFIRST: "LSBFIRST",  // untranslated
+    ARD_SPI_SETUP_MODE: "SPI mode (idle - edge)",  // untranslated
+    ARD_SPI_SETUP_MODE0: "0 (LOW - Fallend)",
+    ARD_SPI_SETUP_MODE1: "1 (LOW - Steigend)",
+    ARD_SPI_SETUP_MODE2: "2 (HIGH - Fallend)",
+    ARD_SPI_SETUP_MODE3: "3 (HIGH - Steigend)",
+    ARD_SPI_SETUP_MSBFIRST: "MSBFIRST",  // untranslated
+    ARD_SPI_SETUP_SHIFT: "data shift",  // untranslated
+    ARD_SPI_SETUP_TIP: "Configures the SPI peripheral.",  // untranslated
+    ARD_SPI_TRANSRETURN_TIP: "Send a SPI message to an specified slave device and get data back.",  // untranslated
+    ARD_SPI_TRANS_NONE: "none",  // untranslated
+    ARD_SPI_TRANS_SLAVE: "to slave pin",  // untranslated
+    ARD_SPI_TRANS_TIP: "Send a SPI message to an specified slave device.",  // untranslated
+    ARD_SPI_TRANS_VAL: "transfer",  // untranslated
+    ARD_SPI_TRANS_WARN1: "A setup block for %1 must be added to the workspace to use this block!",  // untranslated
+    ARD_SPI_TRANS_WARN2: "Old pin value %1 is no longer available.",  // untranslated
+    ARD_STEPPER_COMPONENT: "stepper",  // untranslated
+    ARD_STEPPER_DEFAULT_NAME: "MyStepper",  // untranslated
+    ARD_STEPPER_FOUR_PINS: "4",  // untranslated
+    ARD_STEPPER_MOTOR: "stepper motor:",  // untranslated
+    ARD_STEPPER_NUMBER_OF_PINS: "Number of pins",  // untranslated
+    ARD_STEPPER_PIN1: "pin1#",  // untranslated
+    ARD_STEPPER_PIN2: "pin2#",  // untranslated
+    ARD_STEPPER_PIN3: "pin3#",  // untranslated
+    ARD_STEPPER_PIN4: "pin4#",  // untranslated
+    ARD_STEPPER_REVOLVS: "how many steps per revolution",  // untranslated
+    ARD_STEPPER_SETUP: "Setup stepper motor",  // untranslated
+    ARD_STEPPER_SETUP_TIP: "Configures a stepper motor pinout and other settings.",  // untranslated
+    ARD_STEPPER_SPEED: "set speed (rpm) to",  // untranslated
+    ARD_STEPPER_STEP: "move stepper",  // untranslated
+    ARD_STEPPER_STEPS: "steps",  // untranslated
+    ARD_STEPPER_STEP_TIP: "Turns the stepper motor a specific number of steps.",  // untranslated
+    ARD_STEPPER_TWO_PINS: "2",  // untranslated
+    ARD_TYPE_ARRAY: "Array",
+    ARD_TYPE_BOOL: "Boolean",
+    ARD_TYPE_CHAR: "Zeichen",
+    ARD_TYPE_CHILDBLOCKMISSING: "ChildBlockMissing",  // untranslated
+    ARD_TYPE_DECIMAL: "Dezimalzahl",
+    ARD_TYPE_LONG: "große Zahl",
+    ARD_TYPE_NULL: "Null",
+    ARD_TYPE_NUMBER: "Zahl",
+    ARD_TYPE_SHORT: "kurze Zahl",
+    ARD_TYPE_TEXT: "Text",
+    ARD_TYPE_UNDEF: "Undefiniert",
+    ARD_VAR_AS: "als",
+    ARD_VAR_AS_TIP: "Wert einem spezififischen Datentyp zuordnen",
+    ARD_WRITE_TO: "zu",
+    NEW_INSTANCE: "Neue Instanz...",
+    NEW_INSTANCE_TITLE: "Neue Instanz mit Name:",
+    RENAME_INSTANCE: "Instanz umbenennen...",
+    RENAME_INSTANCE_TITLE: "Benenne alle '%1' Instanzen zu:",
+
+}

src/components/Blockly/msg/de/logic.js

@@ -0,0 +1,50 @@
+export const LOGIC = {
+
+    CONTROLS_IF_ELSEIF_TOOLTIP: "Eine weitere Bedingung hinzufügen.",
+    CONTROLS_IF_ELSE_TOOLTIP: "Eine sonst-Bedingung hinzufügen, führt eine Anweisung aus, falls keine Bedingung zutrifft.",
+    CONTROLS_IF_HELPURL: "https://github.com/google/blockly/wiki/IfElse",  // untranslated
+    CONTROLS_IF_IF_TOOLTIP: "Hinzufügen, entfernen oder sortieren von Sektionen",
+    CONTROLS_IF_MSG_ELSE: "sonst",
+    CONTROLS_IF_MSG_ELSEIF: "sonst wenn",
+    CONTROLS_IF_MSG_IF: "wenn",
+    CONTROLS_IF_TOOLTIP_1: "Wenn eine Bedingung wahr (true) ist, dann führe eine Anweisung aus.",
+    CONTROLS_IF_TOOLTIP_2: "Wenn eine Bedingung wahr (true) ist, dann führe die erste Anweisung aus.  Ansonsten führe die zweite Anweisung aus.",
+    CONTROLS_IF_TOOLTIP_3: "Wenn die erste Bedingung wahr (true) ist, dann führe die erste Anweisung aus.  Oder wenn die zweite Bedingung wahr (true) ist, dann führe die zweite Anweisung aus.",
+    CONTROLS_IF_TOOLTIP_4: "Wenn die erste Bedingung wahr (true) ist, dann führe die erste Anweisung aus.  Oder wenn die zweite Bedingung wahr (true) ist, dann führe die zweite Anweisung aus.  Falls keine der beiden Bedingungen wahr (true) ist, dann führe die dritte Anweisung aus.",
+    LOGIC_BOOLEAN_HELPURL: "https://github.com/google/blockly/wiki/Logic#values",  // untranslated
+    LOGIC_BOOLEAN_TOOLTIP: "Ist entweder wahr (true) oder falsch (false)",
+    LOGIC_BOOLEAN_TRUE: "wahr",
+    LOGIC_COMPARE_HELPURL: "https://de.wikipedia.org/wiki/Vergleich_%28Zahlen%29",
+    LOGIC_COMPARE_TOOLTIP_EQ: "Ist wahr (true), wenn beide Werte gleich sind.",
+    LOGIC_COMPARE_TOOLTIP_GT: "Ist wahr (true), wenn der erste Wert größer als der zweite Wert ist.",
+    LOGIC_COMPARE_TOOLTIP_GTE: "Ist wahr (true), wenn der erste Wert größer als oder gleich groß wie der zweite Wert ist.",
+    LOGIC_COMPARE_TOOLTIP_LT: "Ist wahr (true), wenn der erste Wert kleiner als der zweite Wert ist.",
+    LOGIC_COMPARE_TOOLTIP_LTE: "Ist wahr (true), wenn der erste Wert kleiner als oder gleich groß wie der zweite Wert ist.",
+    LOGIC_COMPARE_TOOLTIP_NEQ: "Ist wahr (true), wenn beide Werte unterschiedlich sind.",
+    LOGIC_NEGATE_HELPURL: "https://github.com/google/blockly/wiki/Logic#not",  // untranslated
+    LOGIC_NEGATE_TITLE: "nicht %1",
+    LOGIC_NEGATE_TOOLTIP: "Ist wahr (true), wenn der Eingabewert falsch (false) ist.  Ist falsch (false), wenn der Eingabewert wahr (true) ist.",
+    LOGIC_NULL: "null",
+    LOGIC_NULL_HELPURL: "https://de.wikipedia.org/wiki/Nullwert",
+    LOGIC_NULL_TOOLTIP: "Ist NULL.",
+    LOGIC_OPERATION_AND: "und",
+    LOGIC_OPERATION_HELPURL: "https://github.com/google/blockly/wiki/Logic#logical-operations",  // untranslated
+    LOGIC_OPERATION_OR: "oder",
+    LOGIC_OPERATION_TOOLTIP_AND: "Ist wahr (true), wenn beide Werte wahr (true) sind.",
+    LOGIC_OPERATION_TOOLTIP_OR: "Ist wahr (true), wenn einer der beiden Werte wahr (true) ist.",
+    LOGIC_TERNARY_CONDITION: "teste",
+    LOGIC_TERNARY_HELPURL: "https://de.wikipedia.org/wiki/%3F:#Auswahloperator",
+    LOGIC_TERNARY_IF_FALSE: "wenn falsch",
+    LOGIC_TERNARY_IF_TRUE: "wenn wahr",
+    LOGIC_TERNARY_TOOLTIP: "Überprüft eine Bedingung \"teste\". Wenn die Bedingung wahr ist, wird der \"wenn wahr\" Wert zurückgegeben, andernfalls der \"wenn falsch\" Wert",
+
+
+    /**
+     * Cases
+     */
+    cases_do: "Führe aus",
+    cases_condition: "Fall (Variable): ",
+    cases_switch: "Variable",
+    cases_add: "Fall",
+    cases_tooltip: "Führt den entsprechenden Fall aus, wenn die Überprüfung der Variable TRUE ergibt. Über das Zahnrad kannst du weitere Fälle hinzufügen. Über den 'Default' fall kannst du bestimmen, was passieren soll wenn keiner der vorher definierten Fälle eingetreten ist.",
+}

src/components/Blockly/msg/de/loops.js

@@ -0,0 +1,25 @@
+
+export const LOOPS = {
+    CONTROLS_FLOW_STATEMENTS_HELPURL: "https://de.wikipedia.org/wiki/Kontrollstruktur",
+    CONTROLS_FLOW_STATEMENTS_OPERATOR_BREAK: "Die Schleife abbrechen",
+    CONTROLS_FLOW_STATEMENTS_OPERATOR_CONTINUE: "mit der nächsten Iteration der Schleife fortfahren",
+    CONTROLS_FLOW_STATEMENTS_TOOLTIP_BREAK: "Die umgebende Schleife beenden.",
+    CONTROLS_FLOW_STATEMENTS_TOOLTIP_CONTINUE: "Diese Anweisung abbrechen und mit dem nächsten Schleifendurchlauf fortfahren.",
+    CONTROLS_FLOW_STATEMENTS_WARNING: "Warnung: Dieser Block sollte nur in einer Schleife verwendet werden.",
+    CONTROLS_FOREACH_HELPURL: "https://de.wikipedia.org/wiki/For-Schleife",
+    CONTROLS_FOREACH_TITLE: "Für Wert %1 aus der Liste %2",
+    CONTROLS_FOREACH_TOOLTIP: "Führe eine Anweisung für jeden Wert in der Liste aus und setzte dabei die Variable \"%1\" auf den aktuellen Listenwert.",
+    CONTROLS_FOR_HELPURL: "https://de.wikipedia.org/wiki/For-Schleife",
+    CONTROLS_FOR_TITLE: "Zähle %1 von %2 bis %3 mit %4",
+    CONTROLS_FOR_TOOLTIP: "Zähle die Variable \"%1\" von einem Startwert bis zu einem Zielwert und führe für jeden Wert eine Anweisung aus.",
+
+    CONTROLS_REPEAT_HELPURL: "https://de.wikipedia.org/wiki/For-Schleife",
+    CONTROLS_REPEAT_INPUT_DO: "mache",
+    CONTROLS_REPEAT_TITLE: "Wiederhole %1 mal",
+    CONTROLS_REPEAT_TOOLTIP: "Eine Anweisung mehrfach ausführen.",
+    CONTROLS_WHILEUNTIL_HELPURL: "https://de.wikipedia.org/wiki/Schleife_%28Programmierung%29",
+    CONTROLS_WHILEUNTIL_OPERATOR_UNTIL: "Wiederhole bis",
+    CONTROLS_WHILEUNTIL_OPERATOR_WHILE: "Wiederhole solange",
+    CONTROLS_WHILEUNTIL_TOOLTIP_UNTIL: "Führe die Anweisung solange aus wie die Bedingung falsch (false) ist.",
+    CONTROLS_WHILEUNTIL_TOOLTIP_WHILE: "Führe die Anweisung solange aus wie die Bedingung wahr (true) ist.",
+}

src/components/Blockly/msg/de/math.js

@@ -0,0 +1,86 @@
+
+export const MATH = {
+    MATH_ADDITION_SYMBOL: "+",  // untranslated
+    MATH_ARITHMETIC_HELPURL: "https://de.wikipedia.org/wiki/Grundrechenart",
+    MATH_ARITHMETIC_TOOLTIP_ADD: "Ist die Summe zweier Werte.",
+    MATH_ARITHMETIC_TOOLTIP_DIVIDE: "Ist der Quotient zweier Werte.",
+    MATH_ARITHMETIC_TOOLTIP_MINUS: "Ist die Differenz zweier Werte.",
+    MATH_ARITHMETIC_TOOLTIP_MULTIPLY: "Ist das Produkt zweier Werte.",
+    MATH_ARITHMETIC_TOOLTIP_POWER: "Ist der erste Wert potenziert mit dem zweiten Wert.",
+    MATH_CHANGE_HELPURL: "https://de.wikipedia.org/wiki/Inkrement_und_Dekrement",
+    MATH_CHANGE_TITLE: "erhöhe %1 um %2",
+    MATH_CHANGE_TOOLTIP: "Addiert einen Wert zur Variable \"%1\" hinzu.",
+    MATH_CONSTANT_HELPURL: "https://de.wikipedia.org/wiki/Mathematische_Konstante",
+    MATH_CONSTANT_TOOLTIP: "Mathematische Konstanten wie: π (3.141…), e (2.718…), φ (1.618…), sqrt(2) (1.414…), sqrt(½) (0.707…) oder ∞ (unendlich).",
+    MATH_CONSTRAIN_HELPURL: "https://en.wikipedia.org/wiki/Clamping_%28graphics%29",  // untranslated
+    MATH_CONSTRAIN_TITLE: "begrenze %1 von %2 bis %3",
+    MATH_CONSTRAIN_TOOLTIP: "Begrenzt den Wertebereich auf den \"von\"-Wert bis einschließlich zum \"bis\"-Wert. (inklusiv)",
+    MATH_DIVISION_SYMBOL: "÷",  // untranslated
+    MATH_IS_DIVISIBLE_BY: "ist teilbar durch",
+    MATH_IS_EVEN: "ist gerade",
+    MATH_IS_NEGATIVE: "ist negativ",
+    MATH_IS_ODD: "ist ungerade",
+    MATH_IS_POSITIVE: "ist positiv",
+    MATH_IS_PRIME: "ist eine Primzahl",
+    MATH_IS_TOOLTIP: "Überprüft ob eine Zahl gerade, ungerade, eine Primzahl, ganzzahlig, positiv, negativ oder durch eine zweite Zahl teilbar ist.  Gibt wahr (true) oder falsch (false) zurück.",
+    MATH_IS_WHOLE: "ist eine ganze Zahl",
+    MATH_MODULO_HELPURL: "https://de.wikipedia.org/wiki/Modulo",
+    MATH_MODULO_TITLE: "Rest von %1 ÷ %2",
+    MATH_MODULO_TOOLTIP: "Der Rest nach einer Division.",
+    MATH_MULTIPLICATION_SYMBOL: "×",
+    MATH_NUMBER_HELPURL: "https://de.wikipedia.org/wiki/Zahl",
+    MATH_NUMBER_TOOLTIP: "Eine Zahl.",
+    MATH_ONLIST_HELPURL: "http://www.sysplus.ch/einstieg.php?links:menu&seite:4125&grad:Crash&prog:Excel",
+    MATH_ONLIST_OPERATOR_AVERAGE: "Mittelwert einer Liste",
+    MATH_ONLIST_OPERATOR_MAX: "Maximalwert einer Liste",
+    MATH_ONLIST_OPERATOR_MEDIAN: "Median einer Liste",
+    MATH_ONLIST_OPERATOR_MIN: "Minimalwert einer Liste",
+    MATH_ONLIST_OPERATOR_MODE: "am häufigsten in Liste",
+    MATH_ONLIST_OPERATOR_RANDOM: "Zufallswert einer Liste",
+    MATH_ONLIST_OPERATOR_STD_DEV: "Standardabweichung einer Liste",
+    MATH_ONLIST_OPERATOR_SUM: "Summe einer Liste",
+    MATH_ONLIST_TOOLTIP_AVERAGE: "Ist der Durchschnittswert aller Werte in einer Liste.",
+    MATH_ONLIST_TOOLTIP_MAX: "Ist der größte Wert in einer Liste.",
+    MATH_ONLIST_TOOLTIP_MEDIAN: "Ist der Median aller Werte in einer Liste.",
+    MATH_ONLIST_TOOLTIP_MIN: "Ist der kleinste Wert in einer Liste.",
+    MATH_ONLIST_TOOLTIP_MODE: "Findet den am häufigsten vorkommenden Wert in einer Liste.  Falls kein Wert öfter vorkommt als alle anderen, wird die originale Liste zurückgeben",
+    MATH_ONLIST_TOOLTIP_RANDOM: "Gebe einen zufälligen Wert aus der Liste zurück.",
+    MATH_ONLIST_TOOLTIP_STD_DEV: "Ist die standardisierte Standardabweichung aller Werte in der Liste",
+    MATH_ONLIST_TOOLTIP_SUM: "Ist die Summe aller Werte in einer Liste.",
+    MATH_POWER_SYMBOL: "^",
+    MATH_RANDOM_FLOAT_HELPURL: "https://de.wikipedia.org/wiki/Zufallszahlen",
+    MATH_RANDOM_FLOAT_TITLE_RANDOM: "Zufallszahl (0.0 -1.0)",
+    MATH_RANDOM_FLOAT_TOOLTIP: "Erzeuge eine Zufallszahl zwischen 0.0 (inklusiv) und 1.0 (exklusiv).",
+    MATH_RANDOM_INT_HELPURL: "https://de.wikipedia.org/wiki/Zufallszahlen",
+    MATH_RANDOM_INT_TITLE: "ganzzahliger Zufallswert zwischen %1 bis %2",
+    MATH_RANDOM_INT_TOOLTIP: "Erzeuge einen ganzzahligen Zufallswert zwischen zwei Werten (inklusiv).",
+    MATH_ROUND_HELPURL: "https://de.wikipedia.org/wiki/Runden",
+    MATH_ROUND_OPERATOR_ROUND: "runden",
+    MATH_ROUND_OPERATOR_ROUNDDOWN: "abrunden",
+    MATH_ROUND_OPERATOR_ROUNDUP: "aufrunden",
+    MATH_ROUND_TOOLTIP: "Eine Zahl auf- oder abrunden.",
+    MATH_SINGLE_HELPURL: "https://de.wikipedia.org/wiki/Quadratwurzel",
+    MATH_SINGLE_OP_ABSOLUTE: "Absolutwert",
+    MATH_SINGLE_OP_ROOT: "Quadratwurzel",
+    MATH_SINGLE_TOOLTIP_ABS: "Ist der Absolutwert eines Wertes.",
+    MATH_SINGLE_TOOLTIP_EXP: "Ist Wert der Exponentialfunktion eines Wertes.",
+    MATH_SINGLE_TOOLTIP_LN: "Ist der natürliche Logarithmus eines Wertes.",
+    MATH_SINGLE_TOOLTIP_LOG10: "Ist der dekadische Logarithmus eines Wertes.",
+    MATH_SINGLE_TOOLTIP_NEG: "Negiert einen Wert.",
+    MATH_SINGLE_TOOLTIP_POW10: "Rechnet 10 hoch Eingabewert.",
+    MATH_SINGLE_TOOLTIP_ROOT: "Ist die Quadratwurzel eines Wertes.",
+    MATH_SUBTRACTION_SYMBOL: "-",
+    MATH_TRIG_ACOS: "acos",
+    MATH_TRIG_ASIN: "asin",
+    MATH_TRIG_ATAN: "atan",
+    MATH_TRIG_COS: "cos",
+    MATH_TRIG_HELPURL: "https://de.wikipedia.org/wiki/Trigonometrie",
+    MATH_TRIG_SIN: "sin",
+    MATH_TRIG_TAN: "tan",
+    MATH_TRIG_TOOLTIP_ACOS: "Ist der Arkuskosinus des Eingabewertes.",
+    MATH_TRIG_TOOLTIP_ASIN: "Ist der Arkussinus des Eingabewertes.",
+    MATH_TRIG_TOOLTIP_ATAN: "Ist der Arkustangens des Eingabewertes.",
+    MATH_TRIG_TOOLTIP_COS: "Ist der Kosinus des Winkels.",
+    MATH_TRIG_TOOLTIP_SIN: "Ist der Sinus des Winkels.",
+    MATH_TRIG_TOOLTIP_TAN: "Ist der Tangens des Winkels.",
+}

src/components/Blockly/msg/de/mqtt.js

@@ -0,0 +1,15 @@
+
+export const MQTT = {
+    /**
+     * MQTT
+     */
+    senseBox_mqtt_init: "Verbinde mit MQTT Broker",
+    senseBox_mqtt_server: "Server",
+    senseBox_mqtt_port: "Port",
+    senseBox_mqtt_username: "Benutzername",
+    senseBox_mqtt_password: "Passwort",
+    sensebox_mqtt_subscribe: "Subscribe to Feed",
+    senseBox_mqtt_publish: "Sende an Feed/Topic",
+    senseBox_mqtt_init_tooltip: "Initialisiere die Verbindung zu dem MQTT Broker. Verwende diesen Block innerhalb der setup()-Funktion und stelle zuerst eine Verbindung mit dem Wlan Netzwerk her.",
+    senseBox_mqtt_publish_tooltip: "Sende etwas an ein 'Topic' deines MQTT Brokers.",
+}

src/components/Blockly/msg/de/sensebox-display.js

@@ -0,0 +1,51 @@
+
+export const DISPLAY = {
+    /**
+     * Display
+     */
+
+    senseBox_display_beginDisplay: "Display initialisieren",
+    senseBox_display_beginDisplay_tooltip: `Initialisiert das Display. Dieser Block muss im Setup() verwendet werden. 
+
+**Anschluss:** I2C
+`,
+    senseBox_display_clearDisplay_tooltip: "Löscht die Anzeige auf dem Display. Sollte immer zu Begin oder am Ende der Endlosschleife aufgerufen werden.",
+    senseBox_display_clearDisplay: "Display löschen",
+    senseBox_display_printDisplay: "Schreibe Text/Zahl",
+    senseBox_display_printDisplay_tooltip: "Zeigt eine Zahl/Text auf dem Display an. Über die X- und Y-Koordinaten kann die Position auf dem Display bestimmt werden. Die Schriftgröße lässt sich in ganzzahligen Werten zwischen 1 und 4 einstellen. Das Display hat eine Auflösung von 128x64 Pixeln (X- und Y-Achse)",
+    senseBox_display_printDisplay_x: "x-Koordinate",
+    senseBox_display_printDisplay_y: "y-Koordinate",
+    senseBox_display_printDisplay_value: "Wert",
+    senseBox_display_setSize: "Schriftgröße",
+    senseBox_display_setSize_tip: "Ändere die Schriftgröße auf einen Wert zwischen 1 und 10.",
+    senseBox_display_color: "Schriftfarbe",
+    senseBox_display_white: "Weiß",
+    senseBox_display_black: "Schwarz",
+    sensebox_display_show: "Zeige auf dem Display",
+    sensebox_display_show_tip: "Zeigt den Nachfolgenden Inhalt auf dem Bildschirm",
+    senseBox_dipslay_plotTitle: "Titel",
+    senseBox_display_plotDisplay: "Zeichne Diagramm",
+    senseBox_display_plotXLabel: "X-Achsen Beschriftung",
+    senseBox_display_plotYLabel: "Y-Achsen Beschriftung",
+    senseBox_display_plotXRange1: "X-Wertebereich Anfang",
+    senseBox_display_plotXRange2: "X-Wertebereich Ende",
+    senseBox_display_plotYRange1: "Y-Wertebereich Anfang",
+    senseBox_display_plotYRange2: "Y-Wertebereich Ende",
+    senseBox_display_plotXTick: "X-Linienabstand",
+    senseBox_display_plotYTick: "Y-Linienabstand",
+    senseBox_display_plotTimeFrame: "Zeitabschnitt",
+    sensebox_display_fillCircle: "Zeichne Punkt",
+    sensebox_display_fillCircle_radius: "Radius",
+    senseBox_display_fillCircle_tooltip: "Mit diesem Block kann ein Punkt auf dem Display angezeigt werden. Über die Koordinaten kannst du den Punkt auf dem Display platzieren und mithilfe des Radius die Größe bestimmen.",
+    sensebox_display_drawRectangle: "Zeichne Rechteck",
+    sensebox_display_drawRectangle_width: "Breite",
+    sensebox_display_drawRectangle_height: "Höhe",
+    senseBox_display_drawRectangle_tooltip: "Dieser Block zeichnet ein Rechteck auf das Display. Mit den X- und Y-Koordinaten wird die Position der oberen linken Ecke des Rechtecks auf dem Display bestimmt. Die Höhe und Breite wird in Pixeln angegeben und mit der Checkbox 'Ausgefüllt' kann ausgewählt werden ob das Rechteck ausgefüllt oder nur als Rahmen angezeigt wird.",
+    senseBox_display_filled: "Ausgefüllt",
+    senseBox_display_fastPrint_show: "Zeige Messwerte",
+    senseBox_display_fastPrint_title: "Titel",
+    senseBox_display_fastPrint_value: "Messwert",
+    senseBox_display_fastPrint_dimension: "Einheit",
+    sensebox_display_fastPrint_tooltip: "Zeigt zwei Messwerte auf dem Display an. Wähle eine Überschrift für jeden Messwert und gib die Einheit an.",
+    senseBox_display_helpurl: "https://docs.sensebox.de/blockly/blockly-display/"
+}

src/components/Blockly/msg/de/sensebox-led.js

@@ -0,0 +1,36 @@
+export const LED = {
+    /**
+     * WS2818 RGB LED
+     */
+    senseBox_ws2818_rgb_led: "Setze RGB-LED an",
+    senseBox_ws2818_rgb_led_init: "RGB LED (WS2818) initialisieren",
+    senseBox_ws2818_rgb_led_position: "Position",
+    senseBox_ws2818_rgb_led_brightness: "Helligkeit",
+    senseBox_ws2818_rgb_led_tooltip: "Verändere mit diesem Block die Farbe deiner RGB-LED. Verbinde einen Block für die Farbe. Wenn mehrere RGB-LEDs miteinander verkettet werden kannst du über die Position bestimmen welche LED angesteuert wird. ",
+    senseBox_ws2818_rgb_led_init_tooltip: "Schließe die RGB-LED an einen der drei **digital/analog Ports** an. Wenn mehrere RGB-LEDs miteinander verkettet werden kannst du über die Position bestimmen welche LED angesteuert wird. ",
+    senseBox_ws2818_rgb_led_color: "Farbe",
+    senseBox_ws2818_rgb_led_number: "Anzahl",
+
+    /**
+     * Color
+     */
+
+    COLOUR_BLEND_COLOUR1: "Farbe 1",
+    COLOUR_BLEND_COLOUR2: "mit Farbe 2",
+    COLOUR_BLEND_HELPURL: "http://meyerweb.com/eric/tools/color-blend/",
+    COLOUR_BLEND_RATIO: "im Verhältnis",
+    COLOUR_BLEND_TITLE: "mische",
+    COLOUR_BLEND_TOOLTIP: "Vermische 2 Farben mit konfigurierbaren Farbverhältnis (0.0 - 1.0).",
+    COLOUR_PICKER_HELPURL: "https://de.wikipedia.org/wiki/Farbe",
+    COLOUR_PICKER_TOOLTIP: "Wähle eine Farbe aus der Palette. Die Farbe wird automatisch in RGB-Werte konvertiert.",
+    COLOUR_RANDOM_HELPURL: "http://randomcolour.com",  // untranslated
+    COLOUR_RANDOM_TITLE: "zufällige Farbe",
+    COLOUR_RANDOM_TOOLTIP: "Erstelle eine Farbe nach dem Zufallsprinzip.",
+    COLOUR_RGB_BLUE: "blau",
+    COLOUR_RGB_GREEN: "grün",
+    COLOUR_RGB_HELPURL: "https://de.wikipedia.org/wiki/RGB-Farbraum",
+    COLOUR_RGB_RED: "rot",
+    COLOUR_RGB_TITLE: "Farbe mit",
+    COLOUR_RGB_TOOLTIP: "Erstelle eine Farbe mit selbst definierten Rot-, Grün- und Blauwerten. Alle Werte müssen zwischen 0 und 255 liegen. 0 ist hierbei die geringte Intensität der Farbe 255 die höchste.",
+
+}

src/components/Blockly/msg/de/sensebox-lora.js

@@ -0,0 +1,44 @@
+export const LORA = {
+    /*
+     * LoRa Blöcke
+     */
+
+    senseBox_LoRa_connect: "Zu TTN senden",
+    senseBox_LoRa_device_id: "Device EUI (lsb)",
+    senseBox_LoRa_app_id: "Application EUI (lsb)",
+    senseBox_LoRa_app_key: "App Key (msb)",
+    senseBox_LoRa_nwskey_id: "Network Session Key (msb)",
+    senseBox_LoRa_appskey_id: "App Session Key (msb)",
+    senseBox_LoRa_devaddr_id: "Device Adress",
+    senseBox_LoRa_interval: "Intervall in Minuten",
+    senseBox_measurement: "Messung",
+    senseBox_measurements: "Messungen",
+
+    senseBox_LoRa_send_message: "Sende als Lora Nachricht",
+    senseBox_LoRa_send_cayenne: "Sende als Cayenne Nachricht",
+    senseBox_LoRa_cayenne_temperature: "Temperatur",
+    senseBox_LoRa_cayenne_channel: "Kanal",
+    senseBox_LoRa_cayenne_humidity: "Luftfeuchtigkeit",
+    senseBox_LoRa_cayenne_pressure: "Luftdruck",
+    senseBox_LoRa_cayenne_luminosity: "Helligkeit",
+    senseBox_LoRa_cayenne_analog: "Analoger Wert",
+    senseBox_LoRa_cayenne_x: "X Wert",
+    senseBox_LoRa_cayenne_y: "Y Wert",
+    senseBox_LoRa_cayenne_z: "Z Wert",
+    senseBox_LoRa_cayenne_lat: "Breitengrad",
+    senseBox_LoRa_cayenne_lng: "Längengrad",
+    senseBox_LoRa_cayenne_alt: "Höhe",
+
+    senseBox_LoRa_cayenne_tip: "Sende Daten als Cayenne Payload Format",
+    senseBox_LoRa_cayenne_gps_tip: "Sende GPS",
+    senseBox_LoRa_cayenne_temperature_tip: "Sendet Temperaturwert mit einer Nachkommastelle",
+    senseBox_LoRa_cayenne_pressure_tip: "Sendet Luftdruck mit einer Nachkommastelle",
+    senseBox_LoRa_cayenne_luminosity_tip: "Sendet Helligkeitswert",
+    senseBox_LoRa_cayenne_analog_tip: "Sendet einen Dezimalwert mit einer Nachkommastelle",
+
+    senseBox_LoRa_message_tooltip: "Sende eine Nachricht über LoRa",
+    senseBox_LoRa_sensor_tip: "Sende einen Sensorwert mit einer bestimmten Anzahl an Bytes",
+    senseBox_LoRa_init_abp_tooltip: "Initialisiere die LoRa übertragung. Die Aktivierung erfolgt über ABP. Registriere eine Application auf [thethingsnetwork](https://thethingsnetwork.com) und kopiere den **Network Session Key** und den **App Session Key** im **msb Format** und die **Device ID** im **hex Format**.",
+    senseBox_LoRa_init_helpurl: "https://docs.sensebox.de/blockly/blockly-web-lora/",
+    senseBox_LoRa_init_otaa_tooltip: "Initialisiere die LoRa übertragung. Die Aktivierung erfolgt über OTAA. Registriere eine Application auf [thethingsnetwork](https://thethingsnetwork.com) und kopiere die **DEVICE EUI** und die **Application EUI** im **lsb Format** den **App Key** im **msb Format**.",
+}

src/components/Blockly/msg/de/sensebox-osem.js

@@ -0,0 +1,17 @@
+export const OSEM = {
+    /**
+     * openSenseMap
+     */
+    senseBox_osem_connection_tip: "stellt eine WLAN verbindung her",
+    senseBox_send_to_osem_tip: "sende Messwert an",
+    senseBox_send_to_osem: "Sende Messwert an die openSenseMap",
+    senseBox_osem_connection: "Verbinde mit openSenseMap:",
+    senseBox_osem_host: "opensensemap.org",
+    senseBox_osem_host_workshop: "workshop.opensensemap.org",
+    senseBox_osem_exposure: "Typ",
+    senseBox_osem_stationary: "Stationär",
+    senseBox_osem_mobile: "Mobil",
+    senseBox_osem_access_token: "API Schlüssel",
+    senseBox_send_mobile_to_osem: "Sende Messwert und Standort an die openSenseMap",
+    senseBox_send_mobile_to_osem_tip: "Sende Messwert und Standort an die openSenseMap",
+}

src/components/Blockly/msg/de/sensebox-sd.js

@@ -0,0 +1,16 @@
+export const SD = {
+  /**
+   * SD-Block
+   */
+  senseBox_sd_create_file: "Erstelle Datei auf SD-Karte",
+  senseBox_sd_write_file: "Schreibe Daten auf SD-Karte",
+  senseBox_sd_open_file: "Öffne Datei auf der SD-Karte",
+  senseBox_sd_create_file_tooltip:
+    "Erstellt eine Datei auf der Karte. Stecke das SD-Bee auf den Steckplatz **XBEE2**. Die **maximale** Länge des Dateinamen sind **8 Zeichen**. Die Datei sollte zuerst im *Setup()* erstellt werden",
+  senseBox_sd_write_file_tooptip:
+    "Schreibe Daten auf die SD-Karte. Beachte, dass die Datei zuerst geöffnet werden muss.",
+  senseBox_sd_open_file_tooltip:
+    "Öffne die Datei auf der SD-Karte, um Dateien zu speichern. Am Ende der Schleife wird die Datei automatisch wieder geschlossen.",
+  sensebox_sd_filename: "Daten",
+  senseBox_sd_decimals: "Dezimalen",
+};

src/components/Blockly/msg/de/sensebox-sensors.js

@@ -0,0 +1,180 @@
+export const SENSORS = {
+    /**
+     * Sensors
+     * ---------------------------------------------------
+     * 
+     */
+
+    /**
+     * BMP280
+     */
+    senseBox_pressure_sensor: "Luftdruck-/Temperatursensor (BMP280)",
+    senseBox_pressure: "Luftdruck in Pa",
+    senseBox_pressure_dimension: "Luftdruck in Pa",
+    senseBox_pressure_tip: "Schließe den Sensor an einen der 5 **I2C-Anschlüsse** an. Der Sensor gibt dir den Messwert für den Luftdruck in Pa. Um die korrekte Höhe über NN zu berechnen benötigt der Sensor einen aktuellen Referenzwert.",
+    senseBox_pressure_referencePressure: "Luftdruck auf NN",
+    senseBox_pressure_referencePressure_dim: "hPa",
+    senseBox_pressure_helpurl: "",
+
+
+    /**
+     * Mikro
+     */
+    senseBox_sound: "Mikrofon",
+    senseBox_sound_tip: "Schließe den Sensor über das Breadbord an einen der 3 **analog/digital** Ports an. Gibt den Messwert des Mikrofons in Volt zurück",
+    senseBox_sound_helpurl: "https://docs.sensebox.de/hardware/sensoren-mikro/",
+
+    /**
+     * Temperature and Humidity Sensor (HDC1080)
+     */
+    senseBox_temp: "Temperatur in °C",
+    senseBox_temp_hum: "Temperatur-/Luftfeuchtigkeitssensor (HDC1080)",
+    senseBox_temp_hum_tooltip: "Dieser Block gibt dir die Messwerte des Temperatur- und Luftfeuchtigkeitssensor zurück. Schließe den Sensor an einen der 5 I2C Anschlüsse an. Messwert wird mit 2 Nachkommastellen ausgegeben.",
+    senseBox_temp_hum_helpurl: "https://docs.sensebox.de/hardware/sensoren-temperatur-luftfeuchte/",
+
+    /**
+     * Ultraschalldistanzsensor
+     */
+
+    senseBox_ultrasonic: "Ultraschall-Abstandssensor an Port",
+    senseBox_ultrasonic_trigger: "Trigger",
+    senseBox_ultrasonic_echo: "Echo",
+    senseBox_ultrasonic_port_A: "A",
+    senseBox_ultrasonic_port_B: "B",
+    senseBox_ultrasonic_port_C: "C",
+    senseBox_ultrasonic_tooltip: `Misst die Distanz mithilfe von Ultraschall in cm. Schließe den Sensor an einen der drei Digital/Analog Ports an:
+
+- Trigger: Grünes Kabel
+- Echo: gelbes Kabel`,
+    senseBox_ultrasonic_helpurl: "https://docs.sensebox.de/hardware/sensoren-distanz/",
+    /**
+     * UV and Lightsensor
+     */
+    senseBox_value: "Messwert:",
+    senseBox_uv_light: "Helligkeit-/UV-Sensor",
+    senseBox_uv_light_tooltip: "Sensor misst UV-Licht oder die Helligkeit. Die Helligkeit wird als **Ganzezahl** in Lux ausgegeben. Die UV-Intensität als **Kommazahl** in µW/cm².",
+    senseBox_uv: "UV-Intensität in µW/cm²",
+    senseBox_light: "Beleuchtungsstärke in Lux",
+    senseBox_uv_light_helpurl: "https://docs.sensebox.de/hardware/sensoren-helligkeit-uv/",
+
+    /**
+     * BMX055
+     */
+
+    senseBox_bmx055_compass: "Lage Sensor",
+    senseBox_bmx055_accelerometer: "Beschleunigungssensor",
+    senseBox_bmx055_accelerometer_range: "Messbereich",
+    senseBox_bmx055_accelerometer_range_2g: "2g",
+    senseBox_bmx055_accelerometer_range_4g: "4g",
+    senseBox_bmx055_accelerometer_range_8g: "8g",
+    senseBox_bmx055_accelerometer_range_16g: "16g",
+    senseBox_bmx055_accelerometer_direction: "Richtung",
+    senseBox_bmx055_accelerometer_direction_x: "X-Achse",
+    senseBox_bmx055_accelerometer_direction_y: "Y-Achse",
+    senseBox_bmx055_accelerometer_direction_z: "Z-Achse",
+    senseBox_bmx055_accelerometer_direction_total: "Gesamt",
+    senseBox_bmx055_gyroscope: "Lage Sensor",
+    senseBox_bmx055_accelerometer_tip: "Lage Sensor",
+    senseBox_bmx055_compass_tip: "Lage Sensor",
+    senseBox_bmx055_gyroscope_tip: "Lage Sensor",
+    senseBox_bmx055_x: "X-Richtung",
+    senseBox_bmx055_y: "Y-Richtung",
+    senseBox_bmx055_accelerometer_tooltip: `Dieser Block gibt dir den Messwert des Beschleunigungssensors der direkt auf der senseBox MCU aufgelötet ist. Im Dropdown Menü kannst du die Richtung und den Messbereich auswählen.`,
+    senseBox_bmx055_helpurl: "",
+
+
+    /**
+     * 
+     * GPS
+     */
+    senseBox_gps_getValues: "GPS Modul",
+    senseBox_gps_lat: "Breitengrad",
+    senseBox_gps_lng: "Längengrad",
+    senseBox_gps_alt: "Höhe über NN in m",
+    senseBox_gps_speed: "Geschwindigkeit in km/h",
+    senseBox_gps_date: "Datum",
+    senseBox_gps_time: "Uhrzeit",
+    senseBox_gps_timeStamp: "Zeitstempel (RFC 3339)",
+    senseBox_gps_tooltip: `Liest das GPS Modul aus und gibt dir die Standortinformationen. Längen- und Breitengrad werden als Kommazahl mit 6 Nachkommastellen ausgegeben. 
+**Anschluss: I2C**
+
+**Beachte:** Das GPS Modul benöigt beim ersten Verwenden relativ lange (ca. 5-10 Minuten) bis es deinen Standort gefunden hat!
+`,
+    senseBox_gps_helpurl: "https://docs.sensebox.de/hardware/sensoren-gps/",
+
+    /**
+     * Windspeed
+     */
+    senseBox_windspeed: "Windgeschwindigkeitssensor",
+    senseBox_windspeed_tooltip: "",
+
+    /*
+    * Soundsensor
+    */
+    senseBox_soundsensor_dfrobot: "Soundsensor (DF Robot)",
+    senseBox_soundsensor_dfrobot_tooltip: "Schließe den Sensor an einen der 3 **digital/analog Ports** an. Der Sensor gibt dir den Messwert in dB mit einer Nachkommastelle",
+    senseBox_soundsensor_dfrobot_helpurl: "https://docs.sensebox.de/hardware/sensoren-lautstaerke/",
+    /*
+    * BME680
+    */
+
+    senseBox_bme680: "Umweltsensor (BME680)",
+    senseBox_bme_iaq: "Innenraumluftqualität (IAQ)",
+    senseBox_bme_iaq_accuracy: "Kalibrierungswert",
+    senseBox_bme_co2: "CO2 Äquivalent",
+    senseBox_bme_breatheVocEquivalent: "Atemluft VOC Äquivalent",
+    senseBox_bme_tooltip: `Schließe den Umweltsensor an einen der 5 **I2C-Anschlüsse** an. **Beachte:** Der Sensor benöigt eine gewisse Zeit zum kalibrieren. 
+Den Status der Kalibrierung kann über den Kalibrierungswert abgelesen werden. Er ist entweder 0, 1, 2 oder 3 und sagt folgendes aus:
+
+- IAQ Accuracy : 0 heißt Sensor wird stabilisiert (dauert ca. 25 Minuten) oder dass es eine Zeitüberschreitung gab,
+- IAQ Accuracy : 1 heißt Wert ist ungenau,
+- IAQ Accuracy : 2 heißt Sensor wird kalibriert,
+- IAQ Accuracy : 3 heißt Sensor erfolgreich kalibriert.
+
+Die Messwerte für Temperatur, Luftfeuchtigkeit und Luftdruck können direkt verwendet werden.`,
+    senseBox_bme680_helpurl: "https://docs.sensebox.de/hardware/sensoren-umweltsensor/",
+
+
+    /**
+     * Truebner SMT50
+     */
+    senseBox_smt50: "Bodenfeuchte/-temperatur (SMT50)",
+    senseBox_smt50_helpurl: "https://docs.sensebox.de/hardware/sensoren-truebner/",
+    senseBox_smt50_tooltip: "Schließe den Bodenfeuchtigkeit- und Temperatursensor an einen der 3 digital/analog Ports an und wähle den Port im Block aus. Der Sensor gibt die Bodentemperatur in °C und die Bodenfeuchtigkeit in % aus.",
+
+    /**
+     * SCD30 CO2 Sensor
+     */
+    senseBox_scd30: "CO2 Sensor (Sensirion SCD30)",
+    senseBox_scd_tooltip: "Schließe den Sensor an einen der 5 **I2C-Anschlüsse** an. Der Sensor gibt dir den Messwert für die CO2-Konzentration in ppm. Der Temperaturmesswert kann aufgrund der Messung direkt am Sensor um einige Grad vom realen Wert abweichen.",
+    senseBox_scd_co2: "CO2 in ppm",
+    senseBox_scd_helpurl: "https://docs.sensebox.de/hardware/sensoren-co2/",
+
+    /**
+     * Feinstaubsensor (SDS011) 
+     */
+
+    senseBox_sds011: "Feinstaubsensor",
+    senseBox_sds011_dimension: "in µg/m³ an",
+    senseBox_sds011_pm25: "PM2.5",
+    senseBox_sds011_pm10: "PM10",
+    senseBox_sds011_tooltip: "Dieser Block gibt dir den Messwert des Feinstaubsensor. Schließe den Feinstaubsensor an einen der 2 **Serial/UART** Anschlüssen an. Im Dropdown Menü zwischen PM2.5 und PM10 auswählen. Der Messwert wird dir als **Kommazahl** in µg/m3",
+    senseBox_sds011_serial1: "Serial1",
+    senseBox_sds011_serial2: "Serial2",
+    senseBox_sds011_helpurl: "https://docs.sensebox.de/hardware/sensoren-feinstaub/",
+
+
+    /**
+     * Button
+     */
+    senseBox_button: "Button",
+    senseBox_button_isPressed: "ist gedrückt",
+    senseBox_button_switch: "als Schalter",
+    senseBox_button_wasPressed: "wurde gedrückt",
+    senseBox_button_tooltip: `Dieser Block gibt dir den Status des angeschlossenen Buttons. Im Dropdown Menü können verschiedene Modi für den Button ausgewählt werden. Angesteuert können entweder der on Board Button oder ein Button, der an einen der 6 digitalen Pins angeschlossen ist. verschiedene Modi:
+- "ist gedrückt": Mit diesem Modus kannst du abfragen ob der Block gerade gedrückt wird. Du erhältst entweder den Wert TRUE oder FALSE.
+- "wurde gedrückt": Mit diesem Modus kannst du abfragen ob der Block gedrückt wurde. Erst wenn der Knopf gedrückt und wieder losgelassen wurde erhältst du TRUE zurück
+- "als Schalter": Wenn du diesen Block verwendest kannst du den Knopf wie ein Lichtschalter verwenden. Der Status wird gespeichert bis der Button erneut gedrückt wird`,
+    senseBox_button_helpurl: "",
+
+}

src/components/Blockly/msg/de/sensebox-telegram.js

@@ -0,0 +1,16 @@
+export const TELEGRAM = {
+    /*
+    * Telegram
+    */
+    senseBox_telegram_init: "Telegram Bot initialisieren",
+    senseBox_telegram_token: "Token",
+    senseBox_telegram_do: "Telegram mache",
+    senseBox_telegram_do_tooltip: "Füge in diese Schleife die Blöcke ein, die dein Telegram Bot ausführen soll. Beachte hierbei, dass du Aktionen bei einer bestimmten Nachricht ausführen lassen kannst oder auch selbst eine Nachricht versenden werden kann.",
+    senseBox_telegram_do_on_message: "bei Nachricht",
+    senseBox_telegram_message: "Nachricht",
+    senseBox_telegram_message_tooltip: "Führe eine Aktion aus, wenn der Telegram eine *Nachricht* empfangen hat.",
+    senseBox_telegram_send: "Sende Nachricht",
+    senseBox_telegram_send_tooltip: "Dein Telgram Bot sendet dir eine Nachricht auf dein Handy. Die Nachricht kann zum Beispiel ein Alarm oder auch ein Messwert sein",
+    senseBox_telegram_init_tooltip: "Initialisiere den Telegram Bot. Verwende diesen Block in der **Setup()-Schleife**. Den Token kannst du dir über den Telegram erstellen.",
+    senseBox_telegram_helpurl: "https://sensebox.de/projects/de/2019-12-15-telegram-blockly",
+}

src/components/Blockly/msg/de/sensebox-web.js

@@ -0,0 +1,11 @@
+export const WEB = {
+    /**
+     * WiFi
+     */
+    senseBox_wifi_connect: "Verbinde mit WLAN",
+    senseBox_wifi_ssid: "Netzwerkname",
+    senseBox_wifi_tooltip: "Stellt eine Verbindung mit einem WLAN-Netzwerk her. Möchtest du dich mit einem ungesicheren Netzwerk (z.B. Freifunk) verbinden lösche das Feld Passwort. Das WiFi-Bee muss auf den Steckplatz **XBEE1** aufgesteckt werden.",
+    senseBox_wifi_startap: "Initialisiere WLAN Access Point",
+    senseBox_wifi_startap_tooltip: "Erstellt einen WiFi-Accesspoint zu dem du dich verbinden kannst. Beachte, dass immer nur 1 Gerät gleichzeitig verbunden werden kann.",
+    senseBox_wifi_helpurl: "https://docs.sensebox.de/blockly/blockly-web-wifi/",
+}

src/components/Blockly/msg/de/text.js

@@ -0,0 +1,65 @@
+export const TEXT = {
+
+    TEXT_APPEND_APPENDTEXT: "Text anhängen",
+    TEXT_APPEND_HELPURL: "https://github.com/google/blockly/wiki/Text#text-modification",  // untranslated
+    TEXT_APPEND_TO: "An",
+    TEXT_APPEND_TOOLTIP: "Text an die Variable \"%1\" anhängen.",
+    TEXT_CHANGECASE_HELPURL: "https://github.com/google/blockly/wiki/Text#adjusting-text-case",  // untranslated
+    TEXT_CHANGECASE_OPERATOR_LOWERCASE: "umwandeln in kleinbuchstaben",
+    TEXT_CHANGECASE_OPERATOR_TITLECASE: "umwandeln in Substantive",
+    TEXT_CHANGECASE_OPERATOR_UPPERCASE: "umwandeln in GROSSBUCHSTABEN",
+    TEXT_CHANGECASE_TOOLTIP: "Wandelt Schreibweise von Texten um, in Großbuchstaben, Kleinbuchstaben oder den ersten Buchstaben jedes Wortes groß und die anderen klein.",
+    TEXT_CHARAT_FIRST: "Nehme ersten Buchstaben",
+    TEXT_CHARAT_FROM_END: "Nehme #ten Buchstaben von hinten",
+    TEXT_CHARAT_FROM_START: "Nehme #ten Buchstaben",
+    TEXT_CHARAT_HELPURL: "http://publib.boulder.ibm.com/infocenter/lnxpcomp/v8v101/index.jsp?topic:%2Fcom.ibm.xlcpp8l.doc%2Flanguage%2Fref%2Farsubex.htm",
+    TEXT_CHARAT_INPUT_INTEXT: "vom Text",
+    TEXT_CHARAT_LAST: "Nehme letzten Buchstaben",
+    TEXT_CHARAT_RANDOM: "Nehme zufälligen Buchstaben",
+    TEXT_CHARAT_TAIL: "",
+    TEXT_CHARAT_TOOLTIP: "Extrahiere einen Buchstaben von einer spezifizierten Position.",
+    TEXT_CREATE_JOIN_ITEM_TOOLTIP: "Ein Element zum Text hinzufügen.",
+    TEXT_CREATE_JOIN_TITLE_JOIN: "verbinden",
+    TEXT_CREATE_JOIN_TOOLTIP: "Hinzufügen, entfernen und sortieren von Elementen.",
+    TEXT_GET_SUBSTRING_END_FROM_END: "bis zum #ten Buchstaben von hinten",
+    TEXT_GET_SUBSTRING_END_FROM_START: "bis zum #ten Buchstaben",
+    TEXT_GET_SUBSTRING_END_LAST: "bis zum letzten Buchstaben",
+    TEXT_GET_SUBSTRING_HELPURL: "http://publib.boulder.ibm.com/infocenter/lnxpcomp/v8v101/index.jsp?topic:%2Fcom.ibm.xlcpp8l.doc%2Flanguage%2Fref%2Farsubex.htm",
+    TEXT_GET_SUBSTRING_INPUT_IN_TEXT: "in Text",
+    TEXT_GET_SUBSTRING_START_FIRST: "vom ersten Buchstaben",
+    TEXT_GET_SUBSTRING_START_FROM_END: "vom #ten Buchstaben von hinten",
+    TEXT_GET_SUBSTRING_START_FROM_START: "vom #ten Buchstaben",
+    TEXT_GET_SUBSTRING_TAIL: "",
+    TEXT_GET_SUBSTRING_TOOLTIP: "Gibt den angegebenen Textabschnitt zurück.",
+    TEXT_INDEXOF_HELPURL: "http://publib.boulder.ibm.com/infocenter/lnxpcomp/v8v101/index.jsp?topic:%2Fcom.ibm.xlcpp8l.doc%2Flanguage%2Fref%2Farsubex.htm",
+    TEXT_INDEXOF_INPUT_INTEXT: "im Text",
+    TEXT_INDEXOF_OPERATOR_FIRST: "Suche erstes Auftreten des Begriffs",
+    TEXT_INDEXOF_OPERATOR_LAST: "Suche letztes Auftreten des Begriffs",
+    TEXT_INDEXOF_TAIL: "",
+    TEXT_INDEXOF_TOOLTIP: "Findet das erste / letzte Auftreten eines Suchbegriffs in einem Text.  Gibt die Position des Begriffs oder 0 zurück.",
+    TEXT_ISEMPTY_HELPURL: "https://github.com/google/blockly/wiki/Text#checking-for-empty-text",  // untranslated
+    TEXT_ISEMPTY_TITLE: "%1 ist leer?",
+    TEXT_ISEMPTY_TOOLTIP: "Ist wahr (true), wenn der Text keine Zeichen enthält ist.",
+    TEXT_JOIN_HELPURL: "",
+    TEXT_JOIN_TITLE_CREATEWITH: "Erstelle Text aus",
+    TEXT_JOIN_TOOLTIP: "Erstellt einen Text durch das Verbinden von mehreren Textelementen.",
+    TEXT_LENGTH_HELPURL: "https://github.com/google/blockly/wiki/Text#text-modification",  // untranslated
+    TEXT_LENGTH_TITLE: "Länge %1",
+    TEXT_LENGTH_TOOLTIP: "Die Anzahl von Zeichen in einem Text. (inkl. Leerzeichen)",
+    TEXT_PRINT_HELPURL: "https://github.com/google/blockly/wiki/Text#printing-text",  // untranslated
+    TEXT_PRINT_TITLE: "Ausgabe %1",
+    TEXT_PRINT_TOOLTIP: "Gib den Inhalt einer Variable aus.",
+    TEXT_PROMPT_HELPURL: "https://github.com/google/blockly/wiki/Text#getting-input-from-the-user",  // untranslated
+    TEXT_PROMPT_TOOLTIP_NUMBER: "Fragt den Benutzer nach einer Zahl.",
+    TEXT_PROMPT_TOOLTIP_TEXT: "Fragt den Benutzer nach einem Text.",
+    TEXT_PROMPT_TYPE_NUMBER: "Fragt nach Zahl mit Hinweis",
+    TEXT_PROMPT_TYPE_TEXT: "Fragt nach Text mit Hinweis",
+    TEXT_TEXT_HELPURL: "https://de.wikipedia.org/wiki/Zeichenkette",
+    TEXT_TEXT_TOOLTIP: "Ein Buchstabe, Text oder Satz.",
+    TEXT_TRIM_HELPURL: "https://github.com/google/blockly/wiki/Text#trimming-removing-spaces",  // untranslated
+    TEXT_TRIM_OPERATOR_BOTH: "entferne Leerzeichen vom Anfang und vom Ende (links und rechts)",
+    TEXT_TRIM_OPERATOR_LEFT: "entferne Leerzeichen vom Anfang (links)",
+    TEXT_TRIM_OPERATOR_RIGHT: "entferne Leerzeichen vom Ende (rechts)",
+    TEXT_TRIM_TOOLTIP: "Entfernt Leerzeichen vom Anfang und / oder Ende eines Textes.",
+
+}

src/components/Blockly/msg/de/time.js

@@ -0,0 +1,22 @@
+export const TIME = {
+  /**
+   * Interval Block
+   */
+  senseBox_interval_timer: "Intervall:",
+  senseBox_interval: "ms",
+  senseBox_interval_timer_tip: "Intervall",
+  senseBox_interval_time: "Zeit: ",
+  ARD_TIME_DELAY: "Warte",
+  ARD_TIME_DELAY_MICROS: "Mikrosekunden",
+  ARD_TIME_DELAY_MICRO_TIP: "Warte eine spezifischen Zeit in Microsekunden",
+  ARD_TIME_DELAY_TIP: "Warte spezifische Zeit in Millisekunden",
+  ARD_TIME_INF: "Warte für immer (Beende Programm)",
+  ARD_TIME_INF_TIP: "Stoppt das Programm.",
+  ARD_TIME_MICROS: "Bereits vergangen Zeit (Mikrosekunden)",
+  ARD_TIME_MICROS_TIP:
+    "Gibt eine Zahl in Microsekunden zurück, die der Zeitdauer des Aktuellen Programms entspricht. Muss als positiven Integer gespeichert werden", // untranslated
+  ARD_TIME_MILLIS: "Bereits vergangen Zeit (Millisekunden)",
+  ARD_TIME_MILLIS_TIP:
+    "Gibt eine Zahl in Millisekunden zurück, die der Zeitdauer des Aktuellen Programms entspricht. Muss als positiven Integer gespeichert werden", // untranslated
+  ARD_TIME_MS: "Millisekunden",
+};

src/components/Blockly/msg/de/tours.js

@@ -0,0 +1,22 @@
+export const TOURS = {
+
+    /**
+     * Home Tour
+     */
+    hometour_wrapper: "Willkommen zu Blockly für die senseBox. In dieser Tour werde ich dir alle wichtigen Funktionen der Oberfläche zeigen",
+    hometour_workspaceFunc: "Hier findest du alle Buttons um dein Programm zu übertragen, zu speichern oder zu teilen",
+    hometour_blocklyWindow: "Dies ist deine Arbeitsfläche. Hier kannst du mithilfe der Blöcke deinen Programmcode erstellen",
+    hometour_blocklyToolboxDiv: "In der Toolbox befinden sich alle Blöcke. Verbinde diese in der Arbeitsfläche und erstelle dein Programmcode",
+    hometour_compileBlocks: "Wenn du fertig mit dem Programmieren bist und deinen Programmcode auf die senseBox übertragen möchtest klicke hier um deinen Programmcode zu kompilieren.",
+    hometour_menuButton: "Im Menü findest du Tutorials und eine Gallery mit verschiedenen Beispiel Programmen. Logge dich über deinen openSenseMap Account ein und du erhälst noch mehr Funktionen",
+    hometour_showCode: "Über diesen Button kannst du dir den generierten Programmcode anzeigen lassen",
+    hometour_shareBlocks: "Erstelle über diesen Button einen Kurzlink und teile deine Blöcke mit anderen Nutzer:innen",
+
+    /**
+     * Assessment Tour
+     */
+
+    assessmenttour_solutionCheck: "Wenn deine Lösung fertig ist klicke hier um diese zu überprüfen",
+    assessmenttour_assessmentDiv: "Los gehts! Löse die folgende Aufgabe, um das Tutorial abzuschließen.",
+    assessmenttour_injectionDiv: "Erstelle hier deine Lösung. Du kannst alle Blöcke aus der Toolbox verwenden.",
+}

src/components/Blockly/msg/de/translations.js

@@ -0,0 +1,212 @@
+export const TRANSLATIONS = {
+
+    AUTH: "Bitte autorisiere diese App zum Aktivieren der Speicherung deiner Arbeit und zum Teilen.",
+    CHANGE_VALUE_TITLE: "Wert ändern:",
+    CHAT: "Chatte mit unserem Mitarbeiter durch Eingeben von Text in diesen Kasten!",
+    CLEAN_UP: "Blöcke aufräumen",
+    COLLAPSE_ALL: "Alle Blöcke zusammenfalten",
+    COLLAPSE_BLOCK: "Block zusammenfalten",
+    DELETE_ALL_BLOCKS: "Alle %1 Bausteine löschen?",
+    DELETE_BLOCK: "Block löschen",
+    DELETE_X_BLOCKS: "Block %1 löschen",
+    DISABLE_BLOCK: "Block deaktivieren",
+    DUPLICATE_BLOCK: "Kopieren",
+    ENABLE_BLOCK: "Block aktivieren",
+    EXPAND_ALL: "Alle Blöcke entfalten",
+    EXPAND_BLOCK: "Block entfalten",
+    EXTERNAL_INPUTS: "externe Eingänge",
+    HELP: "Hilfe",
+    INLINE_INPUTS: "interne Eingänge",
+    LISTS_CREATE_EMPTY_HELPURL: "https://github.com/google/blockly/wiki/Lists#create-empty-list",
+    LISTS_CREATE_EMPTY_TITLE: "Erzeuge eine leere Liste",
+    LISTS_CREATE_EMPTY_TOOLTIP: "Erzeugt eine leere Liste ohne Inhalt.",
+    LISTS_CREATE_WITH_CONTAINER_TITLE_ADD: "Liste",
+    LISTS_CREATE_WITH_CONTAINER_TOOLTIP: "Hinzufügen, entfernen und sortieren von Elementen.",
+    LISTS_CREATE_WITH_HELPURL: "https://github.com/google/blockly/wiki/Lists#create-list-with",
+    LISTS_CREATE_WITH_INPUT_WITH: "Erzeuge Liste mit",
+    LISTS_CREATE_WITH_ITEM_TOOLTIP: "Ein Element zur Liste hinzufügen.",
+    LISTS_CREATE_WITH_TOOLTIP: "Erzeugt eine List mit konfigurierten Elementen.",
+    LISTS_GET_INDEX_FIRST: "erstes",
+    LISTS_GET_INDEX_FROM_END: "#tes von hinten",
+    LISTS_GET_INDEX_FROM_START: "#tes",
+    LISTS_GET_INDEX_GET: "nimm",
+    LISTS_GET_INDEX_GET_REMOVE: "nimm und entferne",
+    LISTS_GET_INDEX_LAST: "letztes",
+    LISTS_GET_INDEX_RANDOM: "zufälliges",
+    LISTS_GET_INDEX_REMOVE: "entferne",
+    LISTS_GET_INDEX_TAIL: "",
+    LISTS_GET_INDEX_TOOLTIP_GET_FIRST: "Extrahiere das erste Element aus der Liste.",
+    LISTS_GET_INDEX_TOOLTIP_GET_FROM_END: "Extrahiere das #1te Element aus Ende der Liste.",
+    LISTS_GET_INDEX_TOOLTIP_GET_FROM_START: "Extrahiere das #1te Element aus der Liste.",
+    LISTS_GET_INDEX_TOOLTIP_GET_LAST: "Extrahiere das letzte Element aus der Liste.",
+    LISTS_GET_INDEX_TOOLTIP_GET_RANDOM: "Extrahiere ein zufälliges Element aus der Liste.",
+    LISTS_GET_INDEX_TOOLTIP_GET_REMOVE_FIRST: "Extrahiere und entfernt das erste Element aus der Liste.",
+    LISTS_GET_INDEX_TOOLTIP_GET_REMOVE_FROM_END: "Extrahiere und entfernt das #1te Element aus Ende der Liste.",
+    LISTS_GET_INDEX_TOOLTIP_GET_REMOVE_FROM_START: "Extrahiere und entfernt das #1te Element aus der Liste.",
+    LISTS_GET_INDEX_TOOLTIP_GET_REMOVE_LAST: "Extrahiere und entfernt das letzte Element aus der Liste.",
+    LISTS_GET_INDEX_TOOLTIP_GET_REMOVE_RANDOM: "Extrahiere und entfernt ein zufälliges Element aus der Liste.",
+    LISTS_GET_INDEX_TOOLTIP_REMOVE_FIRST: "Entfernt das erste Element von der Liste.",
+    LISTS_GET_INDEX_TOOLTIP_REMOVE_FROM_END: "Entfernt das #1te Element von Ende der Liste.",
+    LISTS_GET_INDEX_TOOLTIP_REMOVE_FROM_START: "Entfernt das #1te Element von der Liste.",
+    LISTS_GET_INDEX_TOOLTIP_REMOVE_LAST: "Entfernt das letzte Element von der Liste.",
+    LISTS_GET_INDEX_TOOLTIP_REMOVE_RANDOM: "Entfernt ein zufälliges Element von der Liste.",
+    LISTS_GET_SUBLIST_END_FROM_END: "bis zu # von hinten",
+    LISTS_GET_SUBLIST_END_FROM_START: "bis zu #",
+    LISTS_GET_SUBLIST_END_LAST: "bis zum Ende",
+    LISTS_GET_SUBLIST_HELPURL: "http://publib.boulder.ibm.com/infocenter/lnxpcomp/v8v101/index.jsp?topic:%2Fcom.ibm.xlcpp8l.doc%2Flanguage%2Fref%2Farsubex.htm",
+    LISTS_GET_SUBLIST_START_FIRST: "erhalte Unterliste vom Anfang",
+    LISTS_GET_SUBLIST_START_FROM_END: "erhalte Unterliste von # von hinten",
+    LISTS_GET_SUBLIST_START_FROM_START: "erhalte Unterliste von #",
+    LISTS_GET_SUBLIST_TAIL: "",
+    LISTS_GET_SUBLIST_TOOLTIP: "Erstellt eine Kopie mit dem angegebenen Abschnitt der Liste.",
+    LISTS_INDEX_OF_FIRST: "suche erstes Auftreten von",
+    LISTS_INDEX_OF_HELPURL: "http://publib.boulder.ibm.com/infocenter/lnxpcomp/v8v101/index.jsp?topic:%2Fcom.ibm.xlcpp8l.doc%2Flanguage%2Fref%2Farsubex.htm",
+    LISTS_INDEX_OF_LAST: "suche letztes Auftreten von",
+    LISTS_INDEX_OF_TOOLTIP: "Sucht die Position (index) eines Elementes in der Liste. Gibt 0 zurück, falls kein Element gefunden wurde.",
+    LISTS_INLIST: "von der Liste",
+    LISTS_ISEMPTY_HELPURL: "https://github.com/google/blockly/wiki/Lists#is-empty",  // untranslated
+    LISTS_ISEMPTY_TITLE: "%1 ist leer?",
+    LISTS_ISEMPTY_TOOLTIP: "Ist wahr (true), wenn die Liste leer ist.",
+    LISTS_LENGTH_HELPURL: "https://github.com/google/blockly/wiki/Lists#length-of",  // untranslated
+    LISTS_LENGTH_TITLE: "Länge von %1",
+    LISTS_LENGTH_TOOLTIP: "Die Anzahl von Elementen in der Liste.",
+    LISTS_REPEAT_HELPURL: "http://publib.boulder.ibm.com/infocenter/lnxpcomp/v8v101/index.jsp?topic:%2Fcom.ibm.xlcpp8l.doc%2Flanguage%2Fref%2Farsubex.htm",
+    LISTS_REPEAT_TITLE: "Erzeuge Liste mit Element %1 wiederhole es %2 mal",
+    LISTS_REPEAT_TOOLTIP: "Erzeugt eine Liste mit einer variablen Anzahl von Elementen",
+    LISTS_SET_INDEX_HELPURL: "http://publib.boulder.ibm.com/infocenter/lnxpcomp/v8v101/index.jsp?topic:%2Fcom.ibm.xlcpp8l.doc%2Flanguage%2Fref%2Farsubex.htm",
+    LISTS_SET_INDEX_INPUT_TO: "ein",
+    LISTS_SET_INDEX_INSERT: "füge",
+    LISTS_SET_INDEX_SET: "setze",
+    LISTS_SET_INDEX_TOOLTIP_INSERT_FIRST: "Fügt das Element an den Anfang der Liste an.",
+    LISTS_SET_INDEX_TOOLTIP_INSERT_FROM_END: "Fügt das Element an der angegebenen Position in der Liste ein.  #1 ist das letzte Element.",
+    LISTS_SET_INDEX_TOOLTIP_INSERT_FROM_START: "Fügt das Element an der angegebenen Position in der Liste ein.  #1 ist die erste Element.",
+    LISTS_SET_INDEX_TOOLTIP_INSERT_LAST: "Fügt das Element ans Ende der Liste an.",
+    LISTS_SET_INDEX_TOOLTIP_INSERT_RANDOM: "Fügt das Element zufällig in die Liste ein.",
+    LISTS_SET_INDEX_TOOLTIP_SET_FIRST: "Setzt das erste Element in der Liste.",
+    LISTS_SET_INDEX_TOOLTIP_SET_FROM_END: "Setzt das Element an der angegebenen Position in der Liste.  #1 ist das letzte Element.",
+    LISTS_SET_INDEX_TOOLTIP_SET_FROM_START: "Setzte das Element an der angegebenen Position in der Liste.  #1 ist das erste Element.",
+    LISTS_SET_INDEX_TOOLTIP_SET_LAST: "Setzt das letzte Element in der Liste.",
+    LISTS_SET_INDEX_TOOLTIP_SET_RANDOM: "Setzt ein zufälliges Element in der Liste.",
+    LISTS_SORT_HELPURL: "https://github.com/google/blockly/wiki/Lists#sorting-a-list",
+    LISTS_SORT_ORDER_ASCENDING: "aufsteigend",
+    LISTS_SORT_ORDER_DESCENDING: "absteigend",
+    LISTS_SORT_TITLE: "%1 %2 %3 sortieren",
+    LISTS_SORT_TOOLTIP: "Eine Kopie einer Liste sortieren.",
+    LISTS_SORT_TYPE_IGNORECASE: "alphabetisch, Schreibung ignorieren",
+    LISTS_SORT_TYPE_NUMERIC: "numerisch",
+    LISTS_SORT_TYPE_TEXT: "alphabetisch",
+    LISTS_SPLIT_HELPURL: "https://github.com/google/blockly/wiki/Lists#splitting-strings-and-joining-lists",
+    LISTS_SPLIT_LIST_FROM_TEXT: "Liste aus Text erstellen",
+    LISTS_SPLIT_TEXT_FROM_LIST: "Text aus Liste erstellen",
+    LISTS_SPLIT_TOOLTIP_JOIN: "Liste mit Texten in einen Text vereinen, getrennt durch ein Trennzeichen.",
+    LISTS_SPLIT_TOOLTIP_SPLIT: "Text in eine Liste mit Texten aufteilen, unterbrochen bei jedem Trennzeichen.",
+    LISTS_SPLIT_WITH_DELIMITER: "mit Trennzeichen",
+    LOGIC_BOOLEAN_FALSE: "falsch",
+
+    ME: "Ich",
+    NEW_VARIABLE: "Neue Variable...",
+    NEW_VARIABLE_TITLE: "Name der neuen Variable:",
+    ORDINAL_NUMBER_SUFFIX: "",
+    PROCEDURES_ALLOW_STATEMENTS: "Aussagen erlauben",
+    PROCEDURES_CALLNORETURN_HELPURL: "https://de.wikipedia.org/wiki/Prozedur_%28Programmierung%29",
+    PROCEDURES_CALLNORETURN_TOOLTIP: "Rufe einen Funktionsblock ohne Rückgabewert auf.",
+    PROCEDURES_CALLRETURN_HELPURL: "https://de.wikipedia.org/wiki/Prozedur_%28Programmierung%29",
+    PROCEDURES_CALLRETURN_TOOLTIP: "Rufe einen Funktionsblock mit Rückgabewert auf.",
+    PROCEDURES_CALL: "Rufe",
+    PROCEDURES_CALL_END: "auf",
+    PROCEDURES_DEFNORETURN: "Erstelle Funktion",
+    PROCEDURES_BEFORE_PARAMS: "mit Eingabeparameter:",
+    PROCEDURES_DEFRETURN_RETURN_TYPE: "Rückgabetype",
+    PROCEDURES_CALL_BEFORE_PARAMS: "mit:",
+    PROCEDURES_CREATE_DO: "Erzeuge \"Aufruf %1\"",
+    PROCEDURES_DEFNORETURN_COMMENT: "Beschreibe diese Funktion …",
+    PROCEDURES_DEFNORETURN_DO: "",
+    PROCEDURES_DEFNORETURN_HELPURL: "https://de.wikipedia.org/wiki/Prozedur_%28Programmierung%29",
+    PROCEDURES_DEFNORETURN_PROCEDURE: "Funktionsblock",
+    PROCEDURES_DEFNORETURN_TITLE: "zu",
+    PROCEDURES_DEFNORETURN_TOOLTIP: "Ein Funktionsblock ohne Rückgabewert.",
+    PROCEDURES_DEFRETURN_HELPURL: "https://de.wikipedia.org/wiki/Prozedur_%28Programmierung%29",
+    PROCEDURES_DEFRETURN_RETURN: "gebe zurück",
+    PROCEDURES_DEFRETURN_TOOLTIP: "Ein Funktionsblock mit Rückgabewert.",
+    PROCEDURES_DEF_DUPLICATE_WARNING: "Warnung: dieser Funktionsblock hat zwei gleich benannte Parameter.",
+    PROCEDURES_HIGHLIGHT_DEF: "Markiere Funktionsblock",
+    PROCEDURES_IFRETURN_HELPURL: "http://c2.com/cgi/wiki?GuardClause",
+    PROCEDURES_IFRETURN_TOOLTIP: "Wenn der erste Wert wahr (true) ist, Gebe den zweiten Wert zurück.",
+    PROCEDURES_IFRETURN_WARNING: "Warnung: Dieser Block darf nur innerhalb eines Funktionsblock genutzt werden.",
+    PROCEDURES_MUTATORARG_TITLE: "Variable:",
+    PROCEDURES_MUTATORARG_TOOLTIP: "Eine Eingabe zur Funktion hinzufügen.",
+    PROCEDURES_MUTATORCONTAINER_TITLE: "Parameter",
+    PROCEDURES_MUTATORCONTAINER_TOOLTIP: "Die Eingaben zu dieser Funktion hinzufügen, entfernen oder neu anordnen.",
+    REDO: "Wiederholen",
+    REMOVE_COMMENT: "Kommentar entfernen",
+    RENAME_VARIABLE: "Variable umbenennen...",
+    RENAME_VARIABLE_TITLE: "Alle \"%1\" Variablen umbenennen in:",
+
+    TODAY: "Heute",
+    UNDO: "Rückgängig",
+    VARIABLES_DEFAULT_NAME: "Element",
+    VARIABLES_GET_CREATE_SET: "Erzeuge \"Schreibe %1\"",
+    VARIABLES_GET_HELPURL: "https://de.wikipedia.org/wiki/Variable_%28Programmierung%29",
+    VARIABLES_GET_TOOLTIP: "Gibt den Wert der Variable zurück.",
+    VARIABLES_SET: "Schreibe %1 %2",
+    VARIABLES_SET_CREATE_GET: "Erzeuge \"Lese %1\"",
+    VARIABLES_SET_HELPURL: "https://de.wikipedia.org/wiki/Variable_%28Programmierung%29",
+    VARIABLES_SET_TOOLTIP: "Setzt den Wert einer Variable.",
+    MATH_CHANGE_TITLE_ITEM: "Element",
+    PROCEDURES_DEFRETURN_TITLE: "zu",
+    CONTROLS_IF_IF_TITLE_IF: "if",
+    CONTROLS_WHILEUNTIL_INPUT_DO: "mache",
+    CONTROLS_IF_MSG_THEN: "mache",
+    CONTROLS_IF_ELSE_TITLE_ELSE: "sonst",
+    PROCEDURES_DEFRETURN_PROCEDURE: "Funktionsblock",
+    LISTS_GET_SUBLIST_INPUT_IN_LIST: "in der Liste",
+    LISTS_GET_INDEX_INPUT_IN_LIST: "in der Liste",
+    PROCEDURES_DEFRETURN_DO: "",
+    CONTROLS_IF_ELSEIF_TITLE_ELSEIF: "sonst wenn",
+    LISTS_GET_INDEX_HELPURL: "https://github.com/google/blockly/wiki/Lists#getting-items-from-a-list",
+    CONTROLS_FOREACH_INPUT_DO: "mache",
+    LISTS_SET_INDEX_INPUT_IN_LIST: "in der Liste",
+    CONTROLS_FOR_INPUT_DO: "mache",
+    LISTS_CREATE_WITH_ITEM_TITLE: "item",
+    TEXT_APPEND_VARIABLE: "item",
+    TEXT_CREATE_JOIN_ITEM_TITLE_ITEM: "item",
+    LISTS_INDEX_OF_INPUT_IN_LIST: "von der Liste",
+    PROCEDURES_DEFRETURN_COMMENT: "Beschreibe diese Funktion …",
+
+    /*senseBox Blockly Translations*/
+
+    senseBox_basic_blue: "Blau",
+    senseBox_basic_green: "Grün",
+    senseBox_basic_red: "Rot",
+    senseBox_basic_state: "Status",
+    senseBox_off: "Aus",
+    senseBox_on: "Ein",
+    senseBox_sensor: "Sensoren",
+    senseBox_output_filename: "Daten",
+    senseBox_output_format: "Format:",
+    senseBox_output_linebreak: "Zeilenumbruch",
+    senseBox_output_networkid: "NetzwerkID",
+    senseBox_output_password: "Passwort",
+    senseBox_output_safetosd: "Auf SD Karte speichern",
+    senseBox_output_safetosd_tip: "Speichert Messwerte auf SD Karte",
+    senseBox_output_serialprint: "Auf Kommandozeile ausgeben",
+    senseBox_serial_tip: "Gibt Messwerte oder Daten auf dem Seriellen Monitor der Arduino IDE aus. Praktisch um ohne Display zu arbeiten",
+    senseBox_output_timestamp: "Zeitstempel",
+    senseBox_led: "LED an digitalen",
+    senseBox_led_tip: "Einfache LED. Beim Anschluss sollte immer ein Vorwiderstand verwendet werden",
+    senseBox_piezo: "Piezo an digital",
+    senseBox_piezo_tip: "Piezo an digital PIN. Beim Anschluss sollte immer ein Vorwiderstand verwendet werden",
+    senseBox_foto: "Fotowiderstand",
+    senseBox_foto_tip: "Fotowiderstand",
+    senseBox_hum: "Luftfeuchtigkeit in %",
+    senseBox_hum_tip: "Luftfeuchtigkeit",
+    senseBox_ir: "Infrarot Abstandssensor",
+    senseBox_ir_tip: "Infrarot Abstandssensor",
+    senseBox_lux: "Helligkeitssensor",
+    senseBox_lux_tip: "Helligkeitssensor",
+    senseBox_poti: "Potenziometer",
+    senseBox_poti_tip: "Potenziometer",
+    senseBox_soil: "Bodenfeuchte",
+    senseBox_watertemperature: "Wassertemperatur",
+
+}

src/components/Blockly/msg/de/ui.js

@@ -0,0 +1,224 @@
+
+export const UI = {
+    /**
+     * Toolbox
+     */
+    toolbox_sensors: "Sensoren",
+    toolbox_logic: "Logik",
+    toolbox_loops: "Schleifen",
+    toolbox_math: "Mathematik",
+    toolbox_io: "Eingang/Ausgang",
+    toolbox_time: "Zeit",
+    toolbox_functions: "Funktionen",
+    toolbox_variables: "Variablen",
+
+    /**
+     * Tooltips
+     *
+     */
+
+    tooltip_compile_code: "Code kompilieren",
+    tooltip_save_blocks: "Blöcke speichern",
+    tooltip_open_blocks: "Blöcke öffnen",
+    tooltip_screenshot: "Screenshot erstellen",
+    tooltip_clear_workspace: "Workspace zurücksetzen",
+    tooltip_share_blocks: "Blöcke teilen",
+    tooltip_show_code: "Code anzeigen",
+    tooltip_hide_code: "Code ausblenden",
+    tooltip_delete_project: "Projekt löschen",
+    tooltip_project_name: "Name des Projektes",
+    tooltip_download_project: "Projekt herunterladen",
+    tooltip_open_project: "Projekt öffnen",
+    tooltip_update_project: "Projekt aktualisieren",
+    tooltip_save_project: "Projekt speichern",
+    tooltip_create_project: "Projekt erstellen",
+    tooltip_share_project: "Projekt teilen",
+    tooltip_reset_workspace: "Workspace zurücksetzen",
+    tooltip_copy_link: "Link kopieren",
+    tooltip_trashcan_hide: 'gelöschte Blöcke ausblenden',
+    tooltip_trashcan_delete: 'Blöcke endgültig löschen',
+    tooltip_project_title: "Titel des Projektes",
+    tooltip_check_solution: "Lösung kontrollieren",
+    tooltip_copy_code: "Code in die Zwischenablage kopieren",
+
+    /**
+     * Messages
+     *
+     */
+
+    messages_delete_project_failed: "Fehler beim Löschen des Projektes. Versuche es noch einmal.",
+    messages_reset_workspace_success: "Das Projekt wurde erfolgreich zurückgesetzt",
+    messages_PROJECT_UPDATE_SUCCESS: "Das Projekt wurde erfolgreich aktualisiert.",
+    messages_GALLERY_UPDATE_SUCCESS: "Das Galerie-Projekt wurde erfolgreich aktualisiert.",
+    messages_PROJECT_UPDATE_FAIL: "Fehler beim Aktualisieren des Projektes. Versuche es noch einmal.",
+    messages_GALLERY_UPDATE_FAIL: "Fehler beim Aktualisieren des Galerie-Projektes. Versuche es noch einmal.",
+    messages_gallery_save_fail_1: "Fehler beim Speichern des ",
+    messages_gallery_save_fail_2: "Projektes. Versuche es noch einmal.",
+    messages_SHARE_SUCCESS: 'Programm teilen',
+    messages_SHARE_FAIL: "Fehler beim Erstellen eines Links zum Teilen deines Programmes. Versuche es noch einmal.",
+    messages_copylink_success: 'Link erfolgreich in Zwischenablage gespeichert.',
+    messages_rename_success_01: 'Das Projekt wurde erfolgreich in ',
+    messages_rename_success_02: 'umbenannt.',
+    messages_newblockly_head: "Willkommen zur neuen Version Blockly für die senseBox",
+    messages_newblockly_text: "Die neue Blockly-Version befindet sich derzeit in der Testphase. Wenn Sie einen Fehler finden, melden Sie diesen bitte in unserem [Forum](https://forum.sensebox.de/t/neue-blockly-version-beta-test-und-feedback/1176). Eine Übersicht über alle neuen Funktionen finden Sie [hier](/news)",
+    messages_GET_TUTORIAL_FAIL: 'Zurück zur Tutorials-Übersicht',
+    messages_LOGIN_FAIL: 'Der Benutzername oder das Passwort ist nicht korrekt.',
+    messages_copy_code: "Code wurde in die Zwischenablage kopiert",
+    /**
+     * Share Dialog
+     */
+
+    sharedialog_headline: "Dein Link wurde erstellt.",
+    sharedialog_text: "Über den folgenden Link kannst du dein Programm teilen.",
+
+    /**
+     * Project rename Dialog
+     */
+
+    renamedialog_headline: "Projekt benennen",
+    renamedialog_text: "Bitte gib einen Namen für das Projekt ein und bestätige diesen mit einem Klick auf 'Bestätigen'.",
+
+    /**
+     * Compile Dialog
+     *
+     */
+
+    compiledialog_headline: "Fehler",
+    compiledialog_text: "Beim kompilieren ist ein Fehler aufgetreten. Überprüfe deine Blöcke und versuche es erneut",
+
+    /**
+     * Buttons
+     *
+     */
+
+    button_cancel: "Abbrechen",
+    button_close: "Schließen",
+    button_accept: "Bestätigen",
+    button_compile: "Kompilieren",
+    button_create_variableCreate: "Erstelle Variable",
+    button_back: "Zurück",
+    button_next: "nächster Schritt",
+    button_tutorial_overview: "Tutorial Übersicht",
+    button_login: "Anmelden",
+
+    /**
+     *
+     */
+
+    filename: "Dateiname",
+    projectname: "Projektname",
+
+    /**
+     * Settings
+     */
+    settings_head: "Einstellungen",
+    settings_language: "Sprache",
+    settings_language_text: "Auswahl der Sprache gilt für die gesamte Anwendung. Es kann zwischen Deutsch und Englisch unterschieden werden.",
+    settings_language_de: "Deutsch",
+    settings_language_en: "Englisch",
+    settings_renderer: "Renderer",
+    settings_renderer_text: "Der eingestellte Renderer bestimmt das Aussehen der Blöcke. Es kann zwischen 'Geras' und 'Zelos' unterschieden werden, wobei 'Zelos' insbesondere für eine Touch-Anwendung geeignet ist.",
+    settings_statistics: "Statistiken",
+    settings_statistics_text: "Die Anzeige von Statistiken zur Nutzung der Blöcke oberhalb der Arbeitsfläche kann ein- oder ausgeblendet werden.",
+    settings_statistics_on: "An",
+    settings_statistics_off: "Aus",
+
+    /**
+     * 404
+     */
+
+    notfound_head: "Die von Ihnen angeforderte Seite kann nicht gefunden werden.",
+    notfound_text: "Die gesuchte Seite wurde möglicherweise entfernt, ihr Name wurde geändert oder sie ist vorübergehend nicht verfügbar.",
+
+
+    /**
+     * Labels
+     */
+
+    labels_donotshowagain: 'Dialog nicht mehr anzeigen',
+    labels_here: "hier",
+    labels_username: 'E-Mail oder Nutzername',
+    labels_password: "Passwort",
+
+    /**
+     * Badges
+     */
+
+    badges_explaination: "Eine Übersicht über alle erhaltenen Badges im Kontext Blockly for senseBox findest du ",
+    badges_ASSIGNE_BADGE_SUCCESS_01: "Herzlichen Glückwunsch! Du hast den Badge ",
+    badges_ASSIGNE_BADGE_SUCCESS_02: " erhalten.",
+    /**
+     * Tutorials
+     */
+
+    tutorials_assessment_task: "Aufgabe",
+    tutorials_hardware_head: "Für die Umsetzung benötigst du folgende Hardware:",
+    tutorials_hardware_moreInformation: "Weitere Informationen zur Hardware-Komponente findest du",
+    tutorials_hardware_here: "hier",
+    tutorials_requirements: "Bevor du mit diesem Tutorial fortfährst solltest du folgende Tutorials erfolgreich abgeschlossen haben:",
+
+
+    /**
+     * Tutorial Builder
+     */
+
+    builder_solution: "Lösung",
+    builder_solution_submit: "Lösung einreichen",
+    builder_example_submit: "Beispiel einreichen",
+    builder_comment: "Anmerkung: Man kann den initialen Setup()- bzw. Endlosschleifen()-Block löschen. Zusätzlich ist es möglich u.a. nur einen beliebigen Block auszuwählen, ohne dass dieser als deaktiviert dargestellt wird.",
+    builder_hardware_order: "Beachte, dass die Reihenfolge des Auswählens maßgebend ist.",
+    builder_hardware_helper: "Wähle mindestens eine Hardware-Komponente aus.",
+    builder_requirements_head: "Voraussetzungen",
+    builder_requirements_order: "Beachte, dass die Reihenfolge des Anhakens maßgebend ist.",
+
+    /**
+     * Login
+     */
+
+
+    login_head: "Anmelden",
+    login_osem_account_01: "Du benötigst einen ",
+    login_osem_account_02: "Account um dich einzuloggen",
+    login_lostpassword: "Du hast dein Passwort vergessen?",
+    login_createaccount: "Falls du noch keinen Account hast erstellen einen auf ",
+    /**
+     * Navbar
+     */
+
+    navbar_tutorials: "Tutorials",
+    navbar_tutorialbuilder: "Tutorial erstellen",
+    navbar_gallery: "Gallerie",
+    navbar_projects: "Projekte",
+
+    navbar_menu: "Menü",
+    navbar_login: "Einloggen",
+    navbar_mybadges: "myBadges",
+    navbar_account: "Konto",
+    navbar_logout: "Abmelden",
+    navbar_settings: "Einstellungen",
+
+    /**
+     * Codeviewer
+     */
+
+    codeviewer_arduino: "Arduino Quellcode",
+    codeviewer_xml: "XML Blöcke",
+
+
+
+    /**
+     * Overlay
+     */
+
+    compile_overlay_head: "Dein Programm wird nun kompiliert und heruntergeladen",
+    compile_overlay_text: "Kopiere es anschließend auf deine senseBox MCU",
+    compile_overlay_help: "Benötigst du mehr Hilfe? Dann schaue hier: ",
+
+    /**
+     * Tooltip Viewer
+     */
+
+    tooltip_viewer: "Hilfe",
+    tooltip_moreInformation: "Mehr Informationen findest du ",
+    tooltip_hint: "Wähle einen Block aus um dir die Hilfe anzeigen zu lassen",
+}

src/components/Blockly/msg/de/variables.js

@@ -0,0 +1,12 @@
+export const VARIABLES = {
+    /**
+     * Typed Variable Modal
+     *
+     */
+    TYPED_VAR_MODAL_CONFIRM_BUTTON: "Ok",
+    TYPED_VAR_MODAL_VARIABLE_NAME_LABEL: "Variablen Name: ",
+    TYPED_VAR_MODAL_TYPES_LABEL: "Variable Typen",
+    TYPED_VAR_MODAL_CANCEL_BUTTON: "Abbrechen",
+    TYPED_VAR_MODAL_TITLE: "Erstelle Variable",
+    TYPED_VAR_MODAL_INVALID_NAME: "Der Name ist ungültig, bitte versuche einen anderen.",
+}

src/components/Blockly/msg/de/webserver.js

@@ -0,0 +1,38 @@
+export const WEBSERVER = {
+    /**
+     * Webserver
+     */
+
+    senseBox_ip_address: "IP-Adresse",
+    senseBox_ip_address_tip: "Gibt die IP-Adresse als Zeichenkette zurück.",
+    senseBox_init_http_server_tip: "Initialisiert einen http-Server auf dem angegebenen Port",
+    senseBox_init_http_server: "HTTP-Server initialisieren",
+    senseBox_http_on_client_connect: "Wenn Client verbunden ist:",
+    senseBox_http_on_client_connect_tip: "Überprüft, ob ein Client verbunden ist und führt in diesem Fall die angegebene Anweisung aus",
+    senseBox_http_method: "Methode",
+    senseBox_http_method_tip: "Methode des aktuellen HTTP-Requests",
+    senseBox_http_uri: "URI",
+    senseBox_http_uri_tip: "URI der angeforderten Ressource der aktuellen HTTP-Anfrage",
+    senseBox_http_user_agent: "User-Agent",
+    senseBox_http_user_agent_tip: "Der Benutzer-Agent sendet zusammen mit der aktuellen HTTP-Anfrage",
+    senseBox_http_protocol_version: "HTTP Version",
+    senseBox_http_protocol_version_tip: "The HTTP Version of the current HTTP request",
+    senseBox_http_success_tip: "Senden einer erfolgreichen HTTP-Antwort mit Inhalt",
+    senseBox_http_not_found_tip: "Senden einer vordefinierten 404 HTTP-Antwort.",
+    senseBox_http_success: "Erfolgreiche",
+    senseBox_http_success_l2: "HTTP-Antwort",
+    senseBox_http_success_buildhtml: "HTML:",
+    senseBox_http_not_found: "404 Fehler",
+    senseBox_html_document: "HTML",
+    senseBox_html_header: "<head>",
+    senseBox_html_header_end: "</head>",
+    senseBox_html_body: "<body>",
+    senseBox_html_body_end: "</body>",
+    senseBox_html_general_tag_tip: "Ein allgemeiner HTML-Tag-Baustein.",
+    senseBox_html_document_tip: "Ein Block zum Erzeugen eines HTML-Dokuments...",
+    senseBox_tag_first_mutator_tip: "Mögliche Erweiterungen zu diesem Block...",
+    senseBox_tag_optional_mutator_tip: "Mehr Tags zum Block hinzufügen",
+    senseBox_sd_web_readHTML: "Lese HTML von SD Karte",
+    sensebox_web_readHTML_filename: "Datei:",
+
+}

src/components/Blockly/msg/en/audio.js

@@ -0,0 +1,9 @@
+export const AUDIO = {
+
+    ARD_TONEFREQ: "at frequency",
+    ARD_TONE_FREQ: "frequency",
+    ARD_TONE_PIN: "Tone PIN#",
+    ARD_TONE_PIN_TIP: "Generate audio tones on a pin",
+    ARD_TONE_TIP: "Sets tone on pin to specified frequency within range 31 - 65535 Hz",
+    ARD_TONE_WARNING: "Frequency must be in range 31 - 65535",
+}

src/components/Blockly/msg/en/faq.js

@@ -0,0 +1,29 @@
+export const FAQ = {
+    /**
+     * FAQ
+     */
+
+
+    faq_q1_question: `How can I copy my program to the senseBox?`,
+    faq_q1_answer: `To copy programs to the senseBox, connect it to the computer with the Micro USB cable. Then double click on the red reset button on the senseBox MCU. The senseBox will now be recognized as a removable disk on your computer and the previously created programs can be copied via drag & drop. After each change of the program code the program must be recompiled and transferred again.
+#### Activate learning mode of the MCU
+<iframe width="560" height="315" src="https://www.youtube.com/embed/jzlOJ7Zuqqw" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+#### Copying programs under macOS
+Copying programs under MacOS does not work via the Finder, but there are still two different ways to copy the programs:
+- [senseBox Copy Tool](https://sensebox.de/docs/senseBox_Sketch_Uploader_DE.zip)
+- [muCommander](https://www.mucommander.com/)
+`,
+
+    faq_q2_question: `With which senseBox is the programming environment compatible?`,
+    faq_q2_answer: `
+Basically the programming environment can be used with any senseBox with senseBox MCU. 
+`,
+
+
+    faq_q3_question: `I found an error or something is not working. Where can I report it?`,
+    faq_q3_answer: `
+The best way to do this is to create an issue on [Github](https://github.com/sensebox/React-Ardublockly/issues). Alternatively you can send us an email to info(at)sensebox.de
+`,
+
+}

src/components/Blockly/msg/en/io.js

@@ -0,0 +1,107 @@
+export const IO = {
+
+
+    ARD_ANALOGREAD: "read analog pin#",
+    ARD_ANALOGREAD_TIP: "Return value between 0 and 1024",
+    ARD_ANALOGWRITE: "set analog pin#",
+    ARD_ANALOGWRITE_TIP: "Write analog value between 0 and 255 to a specific PWM Port",
+    ARD_BUILTIN_LED: "set built-in LED",
+    ARD_BUILTIN_LED_TIP: "Light on or off for the built-in LED of the Arduino",
+    ARD_COMPONENT_WARN1: "A %1 configuration block with the same %2 name must be added to use this block!",
+    ARD_DEFINE: "Define",
+    ARD_DIGITALREAD: "read digital pin#",
+    ARD_DIGITALREAD_TIP: "Read digital value on a pin: HIGH or LOW",
+    ARD_DIGITALWRITE: "set digitial pin#",
+    ARD_DIGITALWRITE_TIP: "Write digital value HIGH or LOW to a specific Port",
+    ARD_FUN_RUN_LOOP: "Arduino loop forever:",
+    ARD_FUN_RUN_SETUP: "Arduino run first:",
+    ARD_FUN_RUN_TIP: "Defines the Arduino setup() and loop() functions.",
+    ARD_HIGH: "HIGH",
+    ARD_HIGHLOW_TIP: "Set a pin state logic High or Low.",
+    ARD_LOW: "LOW",
+    ARD_MAP: "Map Value",
+    ARD_MAP_FROMMAX: "from Max",
+    ARD_MAP_FROMMIN: "from Min",
+    ARD_MAP_TIP: "Re-maps a number from [0-1024] to another.",
+    ARD_MAP_TOMAX: "to Max",
+    ARD_MAP_TOMIN: "to Min",
+    ARD_MAP_VAL: "value to [0-",
+    ARD_NOTONE: "Turn off tone on pin #",
+    ARD_NOTONE_PIN: "No tone PIN#",
+    ARD_NOTONE_PIN_TIP: "Stop generating a tone on a pin",
+    ARD_NOTONE_TIP: "Turns the tone off on the selected pin",
+    ARD_PIN_WARN1: "Pin %1 is needed for %2 as pin %3. Already used as %4.",
+    ARD_PULSETIMEOUT_TIP: "Measures the duration of a pulse on the selected pin, if it is within the time-out in microseconds.",
+    ARD_PULSE_READ: "measure %1 pulse on pin #%2",
+    ARD_PULSE_READ_TIMEOUT: "measure %1 pulse on pin #%2 (timeout after %3 μs)",
+    ARD_PULSE_TIP: "Measures the duration of a pulse on the selected pin.",
+    ARD_SERIAL_BPS: "bps",
+    ARD_SERIAL_PRINT: "print",
+    ARD_SERIAL_PRINT_NEWLINE: "add new line",
+    ARD_SERIAL_PRINT_TIP: "Prints data to the console/serial port as human-readable ASCII text.",
+    ARD_SERIAL_PRINT_WARN: "A setup block for %1 must be added to the workspace to use this block!",
+    ARD_SERIAL_SETUP: "Setup",
+    ARD_SERIAL_SETUP_TIP: "Selects the speed for a specific Serial peripheral",
+    ARD_SERIAL_SPEED: ":  speed to",
+    ARD_SERVO_READ: "read SERVO from PIN#",
+    ARD_SERVO_READ_TIP: "Read a Servo angle",
+    ARD_SERVO_WRITE: "set SERVO from Pin",
+    ARD_SERVO_WRITE_DEG_180: "Degrees (0~180)",
+    ARD_SERVO_WRITE_TIP: "Set a Servo to an specified angle",
+    ARD_SERVO_WRITE_TO: "to",
+    ARD_SETTONE: "Set tone on pin #",
+    ARD_SPI_SETUP: "Setup",
+    ARD_SPI_SETUP_CONF: "configuration:",
+    ARD_SPI_SETUP_DIVIDE: "clock divide",
+    ARD_SPI_SETUP_LSBFIRST: "LSBFIRST",
+    ARD_SPI_SETUP_MODE: "SPI mode (idle - edge)",
+    ARD_SPI_SETUP_MODE0: "0 (Low - Falling)",
+    ARD_SPI_SETUP_MODE1: "1 (Low - Rising)",
+    ARD_SPI_SETUP_MODE2: "2 (High - Falling)",
+    ARD_SPI_SETUP_MODE3: "3 (High - Rising)",
+    ARD_SPI_SETUP_MSBFIRST: "MSBFIRST",
+    ARD_SPI_SETUP_SHIFT: "data shift",
+    ARD_SPI_SETUP_TIP: "Configures the SPI peripheral.",
+    ARD_SPI_TRANSRETURN_TIP: "Send a SPI message to an specified slave device and get data back.",
+    ARD_SPI_TRANS_NONE: "none",
+    ARD_SPI_TRANS_SLAVE: "to slave pin",
+    ARD_SPI_TRANS_TIP: "Send a SPI message to an specified slave device.",
+    ARD_SPI_TRANS_VAL: "transfer",
+    ARD_SPI_TRANS_WARN1: "A setup block for %1 must be added to the workspace to use this block!",
+    ARD_SPI_TRANS_WARN2: "Old pin value %1 is no longer available.",
+    ARD_STEPPER_COMPONENT: "stepper",
+    ARD_STEPPER_DEFAULT_NAME: "MyStepper",
+    ARD_STEPPER_FOUR_PINS: "4",
+    ARD_STEPPER_MOTOR: "stepper motor:",
+    ARD_STEPPER_NUMBER_OF_PINS: "Number of pins",
+    ARD_STEPPER_PIN1: "pin1#",
+    ARD_STEPPER_PIN2: "pin2#",
+    ARD_STEPPER_PIN3: "pin3#",
+    ARD_STEPPER_PIN4: "pin4#",
+    ARD_STEPPER_REVOLVS: "how many steps per revolution",
+    ARD_STEPPER_SETUP: "Setup stepper motor",
+    ARD_STEPPER_SETUP_TIP: "Configures a stepper motor pinout and other settings.",
+    ARD_STEPPER_SPEED: "set speed (rpm) to",
+    ARD_STEPPER_STEP: "move stepper",
+    ARD_STEPPER_STEPS: "steps",
+    ARD_STEPPER_STEP_TIP: "Turns the stepper motor a specific number of steps.",
+    ARD_STEPPER_TWO_PINS: "2",
+    ARD_TYPE_ARRAY: "Array",
+    ARD_TYPE_BOOL: "Boolean",
+    ARD_TYPE_CHAR: "Character",
+    ARD_TYPE_CHILDBLOCKMISSING: "ChildBlockMissing",
+    ARD_TYPE_DECIMAL: "Decimal",
+    ARD_TYPE_LONG: "Large Number",
+    ARD_TYPE_NULL: "Null",
+    ARD_TYPE_NUMBER: "Number",
+    ARD_TYPE_SHORT: "Short Number",
+    ARD_TYPE_TEXT: "Text",
+    ARD_TYPE_UNDEF: "Undefined",
+    ARD_VAR_AS: "as",
+    ARD_VAR_AS_TIP: "Sets a value to a specific type",
+    ARD_WRITE_TO: "to",
+    NEW_INSTANCE: "New instance...",
+    NEW_INSTANCE_TITLE: "New instance name:",
+    RENAME_INSTANCE: "Rename instance...",
+    RENAME_INSTANCE_TITLE: "Rename all '%1' instances to:",
+}

src/components/Blockly/msg/en/logic.js

@@ -0,0 +1,49 @@
+export const LOGIC = {
+
+    CONTROLS_IF_ELSEIF_TOOLTIP: "Add a condition to the if block.",
+    CONTROLS_IF_ELSE_TOOLTIP: "Add a final, catch-all condition to the if block.",
+    CONTROLS_IF_HELPURL: "https://github.com/google/blockly/wiki/IfElse",
+    CONTROLS_IF_IF_TOOLTIP: "Add, remove, or reorder sections to reconfigure this if block.",
+    CONTROLS_IF_MSG_ELSE: "else",
+    CONTROLS_IF_MSG_ELSEIF: "else if",
+    CONTROLS_IF_MSG_IF: "if",
+    CONTROLS_IF_TOOLTIP_1: "If a value is true, then do some statements.",
+    CONTROLS_IF_TOOLTIP_2: "If a value is true, then do the first block of statements. Otherwise, do the second block of statements.",
+    CONTROLS_IF_TOOLTIP_3: "If the first value is true, then do the first block of statements. Otherwise, if the second value is true, do the second block of statements.",
+    CONTROLS_IF_TOOLTIP_4: "If the first value is true, then do the first block of statements. Otherwise, if the second value is true, do the second block of statements. If none of the values are true, do the last block of statements.",
+    LOGIC_BOOLEAN_FALSE: "false",
+    LOGIC_BOOLEAN_HELPURL: "https://github.com/google/blockly/wiki/Logic#values",
+    LOGIC_BOOLEAN_TOOLTIP: "Returns either true or false.",
+    LOGIC_BOOLEAN_TRUE: "true",
+    LOGIC_COMPARE_HELPURL: "https://en.wikipedia.org/wiki/Inequality_(mathematics)",
+    LOGIC_COMPARE_TOOLTIP_EQ: "Return true if both inputs equal each other.",
+    LOGIC_COMPARE_TOOLTIP_GT: "Return true if the first input is greater than the second input.",
+    LOGIC_COMPARE_TOOLTIP_GTE: "Return true if the first input is greater than or equal to the second input.",
+    LOGIC_COMPARE_TOOLTIP_LT: "Return true if the first input is smaller than the second input.",
+    LOGIC_COMPARE_TOOLTIP_LTE: "Return true if the first input is smaller than or equal to the second input.",
+    LOGIC_COMPARE_TOOLTIP_NEQ: "Return true if both inputs are not equal to each other.",
+    LOGIC_NEGATE_HELPURL: "https://github.com/google/blockly/wiki/Logic#not",
+    LOGIC_NEGATE_TITLE: "not %1",
+    LOGIC_NEGATE_TOOLTIP: "Returns true if the input is false. Returns false if the input is true.",
+    LOGIC_NULL: "null",
+    LOGIC_NULL_HELPURL: "https://en.wikipedia.org/wiki/Nullable_type",
+    LOGIC_NULL_TOOLTIP: "Returns null.",
+    LOGIC_OPERATION_AND: "and",
+    LOGIC_OPERATION_HELPURL: "https://github.com/google/blockly/wiki/Logic#logical-operations",
+    LOGIC_OPERATION_OR: "or",
+    LOGIC_OPERATION_TOOLTIP_AND: "Return true if both inputs are true.",
+    LOGIC_OPERATION_TOOLTIP_OR: "Return true if at least one of the inputs is true.",
+    LOGIC_TERNARY_CONDITION: "test",
+    LOGIC_TERNARY_HELPURL: "https://en.wikipedia.org/wiki/%3F:",
+    LOGIC_TERNARY_IF_FALSE: "if false",
+    LOGIC_TERNARY_IF_TRUE: "if true",
+    LOGIC_TERNARY_TOOLTIP: "Check the condition in 'test'. If the condition is true, returns the 'if true' value, otherwise returns the 'if false' value.",
+
+
+    cases_add: "Case",
+    cases_condition: "Case (Variable) : ",
+    cases_do: "Do",
+    cases_switch: "Variable",
+    cases_tooltip: "Does something if the condition is true. If there isn't a matching case the default function will be executed.",
+
+}

src/components/Blockly/msg/en/loops.js

@@ -0,0 +1,24 @@
+export const LOOPS = {
+
+    CONTROLS_FLOW_STATEMENTS_HELPURL: "https://github.com/google/blockly/wiki/Loops#loop-termination-blocks",
+    CONTROLS_FLOW_STATEMENTS_OPERATOR_BREAK: "break out of loop",
+    CONTROLS_FLOW_STATEMENTS_OPERATOR_CONTINUE: "continue with next iteration of loop",
+    CONTROLS_FLOW_STATEMENTS_TOOLTIP_BREAK: "Break out of the containing loop.",
+    CONTROLS_FLOW_STATEMENTS_TOOLTIP_CONTINUE: "Skip the rest of this loop, and continue with the next iteration.",
+    CONTROLS_FLOW_STATEMENTS_WARNING: "Warning: This block may only be used within a loop.",
+    CONTROLS_FOREACH_HELPURL: "https://github.com/google/blockly/wiki/Loops#for-each",
+    CONTROLS_FOREACH_TITLE: "for each item %1 in list %2",
+    CONTROLS_FOREACH_TOOLTIP: "For each item in a list, set the variable '%1' to the item, and then do some statements.",
+    CONTROLS_FOR_HELPURL: "https://github.com/google/blockly/wiki/Loops#count-with",
+    CONTROLS_FOR_TITLE: "count with %1 from %2 to %3 by %4",
+    CONTROLS_FOR_TOOLTIP: "Have the variable '%1' take on the values from the start number to the end number, counting by the specified interval, and do the specified blocks.",
+    CONTROLS_REPEAT_HELPURL: "https://en.wikipedia.org/wiki/For_loop",
+    CONTROLS_REPEAT_INPUT_DO: "do",
+    CONTROLS_REPEAT_TITLE: "repeat %1 times",
+    CONTROLS_REPEAT_TOOLTIP: "Do some statements several times.",
+    CONTROLS_WHILEUNTIL_HELPURL: "https://github.com/google/blockly/wiki/Loops#repeat",
+    CONTROLS_WHILEUNTIL_OPERATOR_UNTIL: "repeat until",
+    CONTROLS_WHILEUNTIL_OPERATOR_WHILE: "repeat while",
+    CONTROLS_WHILEUNTIL_TOOLTIP_UNTIL: "While a value is false, then do some statements.",
+    CONTROLS_WHILEUNTIL_TOOLTIP_WHILE: "While a value is true, then do some statements.",
+}

src/components/Blockly/msg/en/math.js

@@ -0,0 +1,87 @@
+export const MATH = {
+
+    MATH_ADDITION_SYMBOL: "+",
+    MATH_ARITHMETIC_HELPURL: "https://en.wikipedia.org/wiki/Arithmetic",
+    MATH_ARITHMETIC_TOOLTIP_ADD: "Return the sum of the two numbers.",
+    MATH_ARITHMETIC_TOOLTIP_DIVIDE: "Return the quotient of the two numbers.",
+    MATH_ARITHMETIC_TOOLTIP_MINUS: "Return the difference of the two numbers.",
+    MATH_ARITHMETIC_TOOLTIP_MULTIPLY: "Return the product of the two numbers.",
+    MATH_ARITHMETIC_TOOLTIP_POWER: "Return the first number raised to the power of the second number.",
+    MATH_CHANGE_HELPURL: "https://en.wikipedia.org/wiki/Programming_idiom#Incrementing_a_counter",
+    MATH_CHANGE_TITLE: "change %1 by %2",
+    MATH_CHANGE_TOOLTIP: "Add a number to variable '%1'.",
+    MATH_CONSTANT_HELPURL: "https://en.wikipedia.org/wiki/Mathematical_constant",
+    MATH_CONSTANT_TOOLTIP: "Return one of the common constants: π (3.141…), e (2.718…), φ (1.618…), sqrt(2) (1.414…), sqrt(½) (0.707…), or ∞ (infinity).",
+    MATH_CONSTRAIN_HELPURL: "https://en.wikipedia.org/wiki/Clamping_%28graphics%29",
+    MATH_CONSTRAIN_TITLE: "constrain %1 low %2 high %3",
+    MATH_CONSTRAIN_TOOLTIP: "Constrain a number to be between the specified limits (inclusive).",
+    MATH_DIVISION_SYMBOL: "÷",
+    MATH_IS_DIVISIBLE_BY: "is divisible by",
+    MATH_IS_EVEN: "is even",
+    MATH_IS_NEGATIVE: "is negative",
+    MATH_IS_ODD: "is odd",
+    MATH_IS_POSITIVE: "is positive",
+    MATH_IS_PRIME: "is prime",
+    MATH_IS_TOOLTIP: "Check if a number is an even, odd, prime, whole, positive, negative, or if it is divisible by certain number. Returns true or false.",
+    MATH_IS_WHOLE: "is whole",
+    MATH_MODULO_HELPURL: "https://en.wikipedia.org/wiki/Modulo_operation",
+    MATH_MODULO_TITLE: "remainder of %1 ÷ %2",
+    MATH_MODULO_TOOLTIP: "Return the remainder from dividing the two numbers.",
+    MATH_MULTIPLICATION_SYMBOL: "×",
+    MATH_NUMBER_HELPURL: "https://en.wikipedia.org/wiki/Number",
+    MATH_NUMBER_TOOLTIP: "A number.",
+    MATH_ONLIST_HELPURL: "",
+    MATH_ONLIST_OPERATOR_AVERAGE: "average of list",
+    MATH_ONLIST_OPERATOR_MAX: "max of list",
+    MATH_ONLIST_OPERATOR_MEDIAN: "median of list",
+    MATH_ONLIST_OPERATOR_MIN: "min of list",
+    MATH_ONLIST_OPERATOR_MODE: "modes of list",
+    MATH_ONLIST_OPERATOR_RANDOM: "random item of list",
+    MATH_ONLIST_OPERATOR_STD_DEV: "standard deviation of list",
+    MATH_ONLIST_OPERATOR_SUM: "sum of list",
+    MATH_ONLIST_TOOLTIP_AVERAGE: "Return the average (arithmetic mean) of the numeric values in the list.",
+    MATH_ONLIST_TOOLTIP_MAX: "Return the largest number in the list.",
+    MATH_ONLIST_TOOLTIP_MEDIAN: "Return the median number in the list.",
+    MATH_ONLIST_TOOLTIP_MIN: "Return the smallest number in the list.",
+    MATH_ONLIST_TOOLTIP_MODE: "Return a list of the most common item(s) in the list.",
+    MATH_ONLIST_TOOLTIP_RANDOM: "Return a random element from the list.",
+    MATH_ONLIST_TOOLTIP_STD_DEV: "Return the standard deviation of the list.",
+    MATH_ONLIST_TOOLTIP_SUM: "Return the sum of all the numbers in the list.",
+    MATH_POWER_SYMBOL: "^",
+    MATH_RANDOM_FLOAT_HELPURL: "https://en.wikipedia.org/wiki/Random_number_generation",
+    MATH_RANDOM_FLOAT_TITLE_RANDOM: "random fraction",
+    MATH_RANDOM_FLOAT_TOOLTIP: "Return a random fraction between 0.0 (inclusive) and 1.0 (exclusive).",
+    MATH_RANDOM_INT_HELPURL: "https://en.wikipedia.org/wiki/Random_number_generation",
+    MATH_RANDOM_INT_TITLE: "random integer from %1 to %2",
+    MATH_RANDOM_INT_TOOLTIP: "Return a random integer between the two specified limits, inclusive.",
+    MATH_ROUND_HELPURL: "https://en.wikipedia.org/wiki/Rounding",
+    MATH_ROUND_OPERATOR_ROUND: "round",
+    MATH_ROUND_OPERATOR_ROUNDDOWN: "round down",
+    MATH_ROUND_OPERATOR_ROUNDUP: "round up",
+    MATH_ROUND_TOOLTIP: "Round a number up or down.",
+    MATH_SINGLE_HELPURL: "https://en.wikipedia.org/wiki/Square_root",
+    MATH_SINGLE_OP_ABSOLUTE: "absolute",
+    MATH_SINGLE_OP_ROOT: "square root",
+    MATH_SINGLE_TOOLTIP_ABS: "Return the absolute value of a number.",
+    MATH_SINGLE_TOOLTIP_EXP: "Return e to the power of a number.",
+    MATH_SINGLE_TOOLTIP_LN: "Return the natural logarithm of a number.",
+    MATH_SINGLE_TOOLTIP_LOG10: "Return the base 10 logarithm of a number.",
+    MATH_SINGLE_TOOLTIP_NEG: "Return the negation of a number.",
+    MATH_SINGLE_TOOLTIP_POW10: "Return 10 to the power of a number.",
+    MATH_SINGLE_TOOLTIP_ROOT: "Return the square root of a number.",
+    MATH_SUBTRACTION_SYMBOL: "-",
+    MATH_TRIG_ACOS: "acos",
+    MATH_TRIG_ASIN: "asin",
+    MATH_TRIG_ATAN: "atan",
+    MATH_TRIG_COS: "cos",
+    MATH_TRIG_HELPURL: "https://en.wikipedia.org/wiki/Trigonometric_functions",
+    MATH_TRIG_SIN: "sin",
+    MATH_TRIG_TAN: "tan",
+    MATH_TRIG_TOOLTIP_ACOS: "Return the arccosine of a number.",
+    MATH_TRIG_TOOLTIP_ASIN: "Return the arcsine of a number.",
+    MATH_TRIG_TOOLTIP_ATAN: "Return the arctangent of a number.",
+    MATH_TRIG_TOOLTIP_COS: "Return the cosine of a degree (not radian).",
+    MATH_TRIG_TOOLTIP_SIN: "Return the sine of a degree (not radian).",
+    MATH_TRIG_TOOLTIP_TAN: "Return the tangent of a degree (not radian).",
+
+}

src/components/Blockly/msg/en/mqtt.js

@@ -0,0 +1,16 @@
+export const MQTT = {
+
+    /***
+     * MQTT
+     */
+
+    senseBox_mqtt_init: "Connect to MQTT Broker",
+    senseBox_mqtt_server: "Server",
+    senseBox_mqtt_port: "Port",
+    senseBox_mqtt_username: "Username",
+    senseBox_mqtt_password: "Password",
+    sensebox_mqtt_subscribe: "Subscribe to Feed",
+    senseBox_mqtt_publish: "Publish to Feed/Topic",
+    senseBox_mqtt_init_tooltip: "Initialise a connection to a MQTT Broker. Use this Block inside the setup()-function and make sure to connect to your wifi first.",
+    senseBox_mqtt_publish_tooltip: "Publish something to a specific topic to your MQTT Broker.",
+}

src/components/Blockly/msg/en/sensebox-display.js

@@ -0,0 +1,49 @@
+export const DISPLAY = {
+
+    /**
+     * Display
+     */
+
+    senseBox_display_beginDisplay: "Initialize Display",
+    senseBox_display_beginDisplay_tooltip: `Connect the Display to one of the five **I2C-Ports**. Use this Block inside the setup()-function.`,
+    senseBox_display_clearDisplay_tooltip: "Löscht die Anzeige auf dem Display. Sollte immer zu Begin oder am Ende der Endlosschleife aufgerufen werden.",
+    senseBox_display_clearDisplay: "Clear Display",
+    senseBox_display_printDisplay: "Show Text/Number",
+    senseBox_display_printDisplay_tooltip: "Shows a number/text on the display. The position on the display can be determined via the X and Y coordinates. The font size can be set in integer values between 1 and 4. The display has a resolution of 128x64 pixels (X and Y axis).",
+    senseBox_display_printDisplay_x: "x-Coordinates",
+    senseBox_display_printDisplay_y: "y-Coordinates",
+    senseBox_display_printDisplay_value: "Value",
+    senseBox_display_setSize: "Fontsize",
+    senseBox_display_setSize_tip: "Change the fontsize with a value between 1 and 4",
+    senseBox_display_color: "Font color",
+    senseBox_display_white: "White",
+    senseBox_display_black: "Black",
+    sensebox_display_show: "Print on display",
+    sensebox_display_show_tip: "Show the following content on the Display",
+    senseBox_dipslay_plotTitle: "Title",
+    senseBox_display_plotDisplay: "Plot Diagram",
+    senseBox_display_plotXLabel: "X-Axis Label",
+    senseBox_display_plotYLabel: "Y-Axis Label",
+    senseBox_display_plotXRange1: "X-Range Begin",
+    senseBox_display_plotXRange2: "X-Range End",
+    senseBox_display_plotYRange1: "Y-Range Begin",
+    senseBox_display_plotYRange2: "Y-Range End",
+    senseBox_display_plotYTick: "Y-Tick",
+    senseBox_display_plotXTick: "X-Tick",
+    senseBox_display_plotTimeFrame: "TimeFrame",
+    sensebox_display_fillCircle: "Draw Point",
+    sensebox_display_fillCircle_radius: "Radius",
+    senseBox_display_fillCircle_tooltip: "This block can be used to show a point on the display. You can use the coordinates to place the point on the display and use the radius to determine the size.",
+    sensebox_display_drawRectangle: "Draw Rectangle",
+    sensebox_display_drawRectangle_width: "Width",
+    sensebox_display_drawRectangle_height: "Height",
+    senseBox_display_drawRectangle_tooltip: "This block draws a rectangle on the display. The X and Y coordinates are used to determine the position of the top left corner of the rectangle on the display. The height and width are specified in pixels and the 'Filled' checkbox can be used to select whether the rectangle is filled or just displayed as a frame.",
+    senseBox_display_filled: "filled",
+    senseBox_display_fastPrint_show: "Show Measurements",
+    senseBox_display_fastPrint_title: "Title",
+    senseBox_display_fastPrint_value: "Value",
+    senseBox_display_fastPrint_dimension: "Unit",
+    sensebox_display_fastPrint_tooltip: "Show two measurements with title and dimension on the display",
+    senseBox_display_helpurl: "https://en.docs.sensebox.de/blockly/blockly-display/"
+
+}

src/components/Blockly/msg/en/sensebox-led.js

@@ -0,0 +1,45 @@
+export const LED = {
+
+
+
+    senseBox_led: "LED connected to digital",
+    senseBox_led_tip: "simple LED. Don't forget the resistor",
+
+    senseBox_rgb_led: "RGB-LED",
+    senseBox_rgb_led_tip: "RGB-LED",
+
+    /**
+     * WS2818 RGB LED
+     */
+    senseBox_ws2818_rgb_led: "Set RGB-LED at",
+    senseBox_ws2818_rgb_led_init: "Initialise RGB LED (WS2818)",
+    senseBox_ws2818_rgb_led_position: "Position",
+    senseBox_ws2818_rgb_led_brightness: "Brightness",
+    senseBox_ws2818_rgb_led_tooltip: "Change the color of your RGB LED with this block. Link a block for the color. If multiple RGB LEDs are chained together you can use the position to determine which LED is controlled.",
+    senseBox_ws2818_rgb_led_init_tooltip: "Connect the RGB LED to one of the three **digital/analog ports**. If multiple RGB LEDs are daisy-chained together you can determine which LED is controlled by position.",
+    senseBox_ws2818_rgb_led_color: "Color",
+    senseBox_ws2818_rgb_led_number: "Number",
+
+    /**
+     * Color
+     */
+
+    COLOUR_BLEND_COLOUR1: "colour 1",
+    COLOUR_BLEND_COLOUR2: "colour 2",
+    COLOUR_BLEND_HELPURL: "http://meyerweb.com/eric/tools/color-blend/",
+    COLOUR_BLEND_RATIO: "ratio",
+    COLOUR_BLEND_TITLE: "blend",
+    COLOUR_BLEND_TOOLTIP: "Blends two colours together with a given ratio (0.0 - 1.0).",
+    COLOUR_PICKER_HELPURL: "https://en.wikipedia.org/wiki/Color",
+    COLOUR_PICKER_TOOLTIP: "Choose a colour from the palette.",
+    COLOUR_RANDOM_HELPURL: "http://randomcolour.com",
+    COLOUR_RANDOM_TITLE: "random colour",
+    COLOUR_RANDOM_TOOLTIP: "Choose a colour at random.",
+    COLOUR_RGB_BLUE: "blue",
+    COLOUR_RGB_GREEN: "green",
+    COLOUR_RGB_HELPURL: "http://www.december.com/html/spec/colorper.html",
+    COLOUR_RGB_RED: "red",
+    COLOUR_RGB_TITLE: "colour with",
+    COLOUR_RGB_TOOLTIP: "Create a colour with the specified amount of red, green, and blue. All values must be between 0 and 255.",
+
+}

src/components/Blockly/msg/en/sensebox-lora.js

@@ -0,0 +1,51 @@
+export const LORA = {
+    /*
+     * LoRa Blöcke
+     */
+
+
+    senseBox_LoRa_connect: "Send to TTN",
+    senseBox_LoRa_device_id: "Device EUI (lsb)",
+    senseBox_LoRa_app_id: "Application EUI (lsb)",
+    senseBox_LoRa_app_key: "App Key (msb)",
+    senseBox_LoRa_nwskey_id: "Network Session Key (msb)",
+    senseBox_LoRa_appskey_id: "App Session Key (msb)",
+    senseBox_LoRa_devaddr_id: "Device Adress",
+    senseBox_LoRa_interval: "Transmission interval in minutes",
+    senseBox_measurement: "Messung",
+    senseBox_measurements: "Messungen",
+
+    senseBox_LoRa_send_message: "Send as Lora Message",
+    senseBox_LoRa_send_cayenne: "Send as Cayenne Payload",
+    senseBox_LoRa_cayenne_temperature: "Temperature",
+    senseBox_LoRa_cayenne_channel: "Channel",
+    senseBox_LoRa_cayenne_humidity: "Humidity",
+    senseBox_LoRa_cayenne_pressure: "Pressure",
+    senseBox_LoRa_cayenne_luminosity: "Luminosity",
+    senseBox_LoRa_cayenne_analog: "Analog Value",
+    senseBox_LoRa_cayenne_x: "X Value",
+    senseBox_LoRa_cayenne_y: "Y Value",
+    senseBox_LoRa_cayenne_z: "Z Value",
+    senseBox_LoRa_cayenne_lat: "Latitude",
+    senseBox_LoRa_cayenne_lng: "Longitude",
+    senseBox_LoRa_cayenne_alt: "Altitude",
+
+    senseBox_LoRa_cayenne_humidity_tip: "Send temperature with one decimal",
+    senseBox_LoRa_cayenne_tip: "Send Data as Cayenne Payload Format",
+    senseBox_LoRa_cayenne_gps_tip: "Send GPS Data",
+    senseBox_LoRa_cayenne_temperature_tip: "Send temperature with one decimal",
+    senseBox_LoRa_cayenne_pressure_tip: "Send pressure with one decimal",
+    senseBox_LoRa_cayenne_luminosity_tip: "Send luminosity without any decimals",
+    senseBox_LoRa_cayenne_analog_tip: "Send a value with one decimal",
+
+    senseBox_LoRa_message_tooltip: "Send a message with LoRa",
+    senseBox_LoRa_sensor_tip: "Send a value with a specific number of bytes",
+    senseBox_LoRa_init_abp_tooltip: "Initialize the LoRa transmission. The activation is done via ABP. Register an application on [thethingsnetwork](https://thethingsnetwork.com) and copy the **Network Session Key** and the **App Session Key** in **msb format** and the **Device ID** in **hex format**.",
+    senseBox_LoRa_init_helpurl: "https://en.docs.sensebox.de/blockly/blockly-web-lora/",
+
+    senseBox_LoRa_init_otaa_tooltip: "Initialize the LoRa transmission. The activation is done via OTAA. Register an application on [thethingsnetwork](https://thethingsnetwork.com) and copy the **DEVICE EUI** and the **Application EUI** in **lsb format** the **App Key** in **msb format**.",
+
+}
+
+
+

src/components/Blockly/msg/en/sensebox-osem.js

@@ -0,0 +1,20 @@
+export const OSEM = {
+    /**
+     * openSenseMap
+     */
+
+    senseBox_osem_connection_tip: "connect to the openSenseMap",
+    senseBox_send_to_osem_tip: "sends the measurement to openSenseMap. Make shure to enter the correct BoxID and SensorID",
+    senseBox_send_to_osem: "Send measurement to openSenseMap",
+    senseBox_osem_connection: "Connect to openSenseMap",
+    senseBox_osem_host: "opensensemap.org",
+    senseBox_osem_host_workshop: "workshop.opensensemap.org",
+    senseBox_osem_exposure: "Type",
+    senseBox_osem_stationary: "Stationary",
+    senseBox_osem_mobile: "Mobile",
+    senseBox_osem_access_token: "API Key",
+    senseBox_send_mobile_to_osem: "Send measurement and location to openSenseMap",
+    senseBox_send_mobile_to_osem_tip: "Send Value and Location to openSenseMap",
+}
+
+

src/components/Blockly/msg/en/sensebox-sd.js

@@ -0,0 +1,15 @@
+export const SD = {
+    /**
+     * SD-Block
+     */
+    senseBox_sd_create_file: "Create file on SD-Card",
+    senseBox_sd_write_file: " Write Data to SD-Card",
+    senseBox_sd_open_file: "Open a file from SD-Card",
+    senseBox_sd_create_file_tooltip: "Creates a file on the card. Plug the SD-Bee into the **XBEE2** slot. The **maximum** length of the file name is **8 characters**. The file should be created first in *Setup()*",
+    senseBox_sd_write_file_tooptip: "Write data to the SD card. Note that the file must be opened first.",
+    senseBox_sd_open_file_tooltip: "Open the file on the SD card to save files. At the end of the loop, the file will be closed again automatically.",
+    sensebox_sd_filename: "Data.txt",
+    senseBox_sd_decimals: "decimals",
+
+}
+

src/components/Blockly/msg/en/sensebox-sensors.js

@@ -0,0 +1,189 @@
+export const SENSORS = {
+
+    /**
+     * Sensors
+     * ---------------------------------------------------
+     * 
+     */
+
+    /**
+     * BMP280
+     */
+    senseBox_pressure_sensor: "Airpressure/Temperature Sensor (BMP280)",
+    senseBox_pressure: "Airpressure in Pa",
+    senseBox_pressure_dimension: "Airpressure in Pa",
+    senseBox_pressure_tip: "Connect the sensor to one of the 5 **I2C ports**. The sensor gives you the measured value for the air pressure in Pa. To calculate the correct altitude above sea level the sensor needs a current reference value.",
+    senseBox_pressure_referencePressure: "Pressure at Sea Level",
+    senseBox_pressure_referencePressure_dim: "hPa",
+    senseBox_pressure_helpurl: "",
+
+
+    /**
+     * Mikro
+     */
+    senseBox_sound: "Microphone",
+    senseBox_sound_tip: "Connect the sensor to one of the 3 **analog/digital** ports via the breadbord. Returns the reading of the microphone in volt",
+    senseBox_sound_helpurl: "https://en.docs.sensebox.de/hardware/sensoren-mikro/",
+
+    /**
+     * Temperature and Humidity Sensor (HDC1080)
+     */
+    senseBox_temp: "Temperature in °C",
+    senseBox_temp_hum: "Temperature/Humidity Sensor (HDC1080)",
+    senseBox_temp_hum_tooltip: "This block returns the temperature and humidity sensor readings. Connect the sensor to one of the 5 I2C ports. Measured value is output with 2 decimal places.",
+    senseBox_temp_hum_helpurl: "https://en.docs.sensebox.de/hardware/sensoren-temperatur-luftfeuchte/",
+    senseBox_hum: "humidity in %",
+    senseBox_hum_tip: "Measures humidity in %",
+
+
+    /**
+     * Ultraschalldistanzsensor
+     */
+
+    senseBox_ultrasonic: "Ultrasonic distance sensor at Port",
+    senseBox_ultrasonic_trigger: "Trigger",
+    senseBox_ultrasonic_echo: "Echo",
+    senseBox_ultrasonic_port_A: "A",
+    senseBox_ultrasonic_port_B: "B",
+    senseBox_ultrasonic_port_C: "C",
+    senseBox_ultrasonic_tooltip: `Measures the distance using ultrasound in cm. Connect the sensor to one of the three digital/analog ports:
+- Trigger: Green Cable
+- Echo: Yellow Cable`,
+    senseBox_ultrasonic_helpurl: "https://en.docs.sensebox.de/hardware/sensoren-distanz/",
+
+    /**
+     * UV and Lightsensor
+     */
+    senseBox_uv: "UV-Light in µW/cm²",
+    senseBox_uv_light: "Light Visible + UV",
+    senseBox_value: "Value:",
+    senseBox_uv_light_tooltip: "Sensor measures UV light or brightness. Brightness is output as **integer** in lux. UV intensity as **decimal** in µW/cm².",
+    senseBox_light: "Illuminance in Lux",
+    senseBox_uv_light_helpurl: "https://en.docs.sensebox.de/hardware/sensoren-helligkeit-uv/",
+
+    /**
+     * BMX055
+     */
+
+    senseBox_bmx055_compass: "Lage Sensor",
+    senseBox_bmx055_accelerometer: "Accelerometer",
+    senseBox_bmx055_accelerometer_range: "Range",
+    senseBox_bmx055_accelerometer_range_2g: "2g",
+    senseBox_bmx055_accelerometer_range_4g: "4g",
+    senseBox_bmx055_accelerometer_range_8g: "8g",
+    senseBox_bmx055_accelerometer_range_16g: "16g",
+    senseBox_bmx055_accelerometer_direction: "Direction",
+    senseBox_bmx055_accelerometer_direction_x: "X-Axis",
+    senseBox_bmx055_accelerometer_direction_y: "Y-Axis",
+    senseBox_bmx055_accelerometer_direction_z: "Z-Axis",
+    senseBox_bmx055_accelerometer_direction_total: "Total",
+    senseBox_bmx055_gyroscope: "Gyroscope",
+
+    senseBox_bmx055_compass_tip: "Lage Sensor",
+    senseBox_bmx055_gyroscope_tip: "Lage Sensor",
+    senseBox_bmx055_x: "X-Direction",
+    senseBox_bmx055_y: "Y-Direction",
+    senseBox_bmx055_accelerometer_tooltip: `This block gives you the measurement value of the accelerometer which is soldered directly on the senseBox MCU. In the dropdown menu you can select the direction and the measuring range.`,
+    senseBox_bmx055_helpurl: "",
+
+
+    /**
+     * 
+     * GPS
+     */
+    senseBox_gps_getValues: "GPS Modul",
+    senseBox_gps_lat: "latitude",
+    senseBox_gps_lng: "longitude",
+    senseBox_gps_alt: "altitude in m",
+    senseBox_gps_speed: "speed in km/h",
+    senseBox_gps_date: "date",
+    senseBox_gps_time: "time",
+    senseBox_gps_timeStamp: "Timestamp (RFC 3339)",
+    senseBox_gps_tooltip: `Reads the GPS module and gives you the location information. Longitude and latitude are output as a decimal number with 6 decimal places. 
+**Connection: I2C**
+
+**Note:** The GPS module needs a relatively long time (about 5-10 minutes) until it has found your location!
+`,
+    senseBox_gps_helpurl: "https://en.docs.sensebox.de/hardware/sensoren-gps/",
+
+    /**
+     * Windspeed
+     */
+    senseBox_windspeed: "Windspeedsensor",
+    senseBox_windspeed_tooltip: "",
+
+    /*
+    * Soundsensor
+    */
+    senseBox_soundsensor_dfrobot: "Soundsensor (DF Robot)",
+    senseBox_soundsensor_dfrobot_tooltip: "Connect the sensor to one of the 3 **digital/analog ports**. The sensor will give you the reading in dB with one decimal.",
+    senseBox_soundsensor_dfrobot_helpurl: "https://en.docs.sensebox.de/hardware/sensoren-lautstaerke/",
+
+    /*
+    * BME680
+    */
+
+    senseBox_bme680: "Environmental sensor (BME680)",
+    senseBox_bme_iaq: "Indoor Air Quality (IAQ)",
+    senseBox_bme_iaq_accuracy: "Calibration Value",
+    senseBox_bme_co2: "CO2 Equivalent",
+    senseBox_bme_breatheVocEquivalent: "Breathe VOC Equivalent",
+    senseBox_bme_tooltip: `Connect the environmental sensor to one of the 5 **I2C ports**. **Note:** The sensor needs some time to calibrate. 
+The status of the calibration can be read from the calibration value. It is either 0, 1, 2 or 3 and says the following:
+
+- IAQ Accuracy : 0 means sensor is stabilized (takes about 25 minutes) or that there was a timeout,
+- IAQ Accuracy : 1 means value is inaccurate,
+- IAQ Accuracy : 2 means sensor is being calibrated,
+- IAQ Accuracy : 3 means sensor calibrated successfully.
+
+The measured values for temperature, humidity and air pressure can be used directly,`,
+    senseBox_bme680_helpurl: "https://en.docs.sensebox.de/hardware/sensoren-umweltsensor/",
+
+
+    /**
+     * Truebner SMT50
+     */
+    senseBox_smt50: "Soil Moisture and Temperature (SMT50)",
+    senseBox_smt50_helpurl: "https://docs.sensebox.de/hardware/sensoren-truebner/",
+    senseBox_smt50_tooltip: "Schließe den Bodenfeuchtigkeit- und Temperatursensor an einen der 3 digital/analog Ports an und wähle den Port im Block aus. Der Sensor gibt die Bodentemperatur in °C und die Bodenfeuchtigkeit in % aus.",
+
+    /**
+     * SCD30 CO2 Sensor
+     */
+    senseBox_scd30: "CO2 Sensor (Sensirion SCD30)",
+    senseBox_scd_tooltip: "Connect the sensor to one of the 5 **I2C ports**. The sensor will give you the reading for the CO2 concentration in ppm. The temperature reading may differ from the real value by a few degrees due to the measurement directly at the sensor.",
+    senseBox_scd_co2: "CO2 in ppm",
+    senseBox_scd_helpurl: "https://en.docs.sensebox.de/hardware/sensoren-co2/",
+    /**
+     * Feinstaubsensor (SDS011) 
+     */
+    senseBox_sds011: "Fine Particular Sensor",
+    senseBox_sds011_dimension: "in µg/m³ at",
+    senseBox_sds011_pm25: "PM2.5",
+    senseBox_sds011_pm10: "PM10",
+    senseBox_sds011_tooltip: "This block gives you the reading of the fine dust sensor. Connect the fine dust sensor to one of the 2 **Serial/UART** ports. Select between PM2.5 and PM10 in the dropdown menu. The measured value will be displayed as **comma number** in µg/m3",
+    senseBox_sds011_serial1: "Serial1",
+    senseBox_sds011_serial2: "Serial2",
+    senseBox_sds011_helpurl: "https://en.docs.sensebox.de/hardware/sensoren-feinstaub/",
+
+
+    /**
+     * Button
+     */
+    senseBox_button: "Button",
+    senseBox_button_isPressed: "is Pressed",
+    senseBox_button_switch: "as Switch",
+    senseBox_button_wasPressed: "was Pressed",
+    senseBox_button_tooltip: `This block gives you the status of the connected button. In the dropdown menu you can select different modes for the button. Either the on board button or a button connected to one of the 6 digital pins can be controlled. different modes:
+- "is pressed": With this mode you can check if the block is currently pressed. You get either the value TRUE or FALSE.
+- "was pressed": With this mode you can query if the block was pressed. Only if the button was pressed and released you will get TRUE.
+- "as switch": If you use this block you can use the button like a light switch. The status is saved until the button is pressed again.
+`,
+    senseBox_button_helpurl: "",
+
+
+    /**
+     * 
+     */
+    senseBox_watertemperature: "Water Temperature",
+}

src/components/Blockly/msg/en/sensebox-telegram.js

@@ -0,0 +1,19 @@
+export const TELEGRAM = {
+    /*
+    * Telegram
+    */
+    senseBox_telegram_init: "Initialize Telegram Bot",
+    senseBox_telegram_token: "Token",
+    senseBox_telegram_do: "Telegram do",
+    senseBox_telegram_do_tooltip: "Insert into this loop the blocks you want your Telegram bot to execute. Note here that you can have actions performed on a specific message, or you can send a message yourself.",
+    senseBox_telegram_do_on_message: "on message",
+    senseBox_telegram_message: "Message",
+    senseBox_telegram_message_tooltip: "Perform an action when the Telegram has received a *message*.",
+    senseBox_telegram_send: "Send Message",
+    senseBox_telegram_send_tooltip: "Your Telgram bot is sending you a message to your phone. The message can be, for example, an alarm or even a reading",
+    senseBox_telegram_init_tooltip: "Initialize the Telegram bot. Use this block in the **setup() loop**. You can create the token using Telegram.",
+    senseBox_telegram_helpurl: "https://sensebox.de/projects/de/2019-12-15-telegram-blockly",
+}
+
+
+

src/components/Blockly/msg/en/sensebox-web.js

@@ -0,0 +1,11 @@
+export const WEB = {
+    /**
+     * WiFi
+     */
+    senseBox_wifi_connect: "Connect to Wifi",
+    senseBox_wifi_ssid: "Networkname",
+    senseBox_wifi_tooltip: "Connects to a wireless network. If you want to connect to an unsecured network (e.g. Freifunk) clear the password field. The WiFi-Bee must be plugged into the **XBEE1** slot.",
+    senseBox_wifi_startap: "Initialize Wifi Access Point",
+    senseBox_wifi_startap_tooltip: "Creates a WiFi access point to which you can connect. Note that only 1 device can be connected at a time.",
+    senseBox_wifi_helpurl: "https://en.docs.sensebox.de/blockly/blockly-web-wifi/",
+}

src/components/Blockly/msg/en/text.js

@@ -0,0 +1,64 @@
+export const TEXT = {
+
+    TEXT_APPEND_APPENDTEXT: "append text",
+    TEXT_APPEND_HELPURL: "https://github.com/google/blockly/wiki/Text#text-modification",
+    TEXT_APPEND_TO: "to",
+    TEXT_APPEND_TOOLTIP: "Append some text to variable '%1'.",
+    TEXT_CHANGECASE_HELPURL: "https://github.com/google/blockly/wiki/Text#adjusting-text-case",
+    TEXT_CHANGECASE_OPERATOR_LOWERCASE: "to lower case",
+    TEXT_CHANGECASE_OPERATOR_TITLECASE: "to Title Case",
+    TEXT_CHANGECASE_OPERATOR_UPPERCASE: "to UPPER CASE",
+    TEXT_CHANGECASE_TOOLTIP: "Return a copy of the text in a different case.",
+    TEXT_CHARAT_FIRST: "get first letter",
+    TEXT_CHARAT_FROM_END: "get letter # from end",
+    TEXT_CHARAT_FROM_START: "get letter #",
+    TEXT_CHARAT_HELPURL: "https://github.com/google/blockly/wiki/Text#extracting-text",
+    TEXT_CHARAT_INPUT_INTEXT: "in text",
+    TEXT_CHARAT_LAST: "get last letter",
+    TEXT_CHARAT_RANDOM: "get random letter",
+    TEXT_CHARAT_TAIL: "",
+    TEXT_CHARAT_TOOLTIP: "Returns the letter at the specified position.",
+    TEXT_CREATE_JOIN_ITEM_TOOLTIP: "Add an item to the text.",
+    TEXT_CREATE_JOIN_TITLE_JOIN: "join",
+    TEXT_CREATE_JOIN_TOOLTIP: "Add, remove, or reorder sections to reconfigure this text block.",
+    TEXT_GET_SUBSTRING_END_FROM_END: "to letter # from end",
+    TEXT_GET_SUBSTRING_END_FROM_START: "to letter #",
+    TEXT_GET_SUBSTRING_END_LAST: "to last letter",
+    TEXT_GET_SUBSTRING_HELPURL: "https://github.com/google/blockly/wiki/Text#extracting-a-region-of-text",
+    TEXT_GET_SUBSTRING_INPUT_IN_TEXT: "in text",
+    TEXT_GET_SUBSTRING_START_FIRST: "get substring from first letter",
+    TEXT_GET_SUBSTRING_START_FROM_END: "get substring from letter # from end",
+    TEXT_GET_SUBSTRING_START_FROM_START: "get substring from letter #",
+    TEXT_GET_SUBSTRING_TAIL: "",
+    TEXT_GET_SUBSTRING_TOOLTIP: "Returns a specified portion of the text.",
+    TEXT_INDEXOF_HELPURL: "https://github.com/google/blockly/wiki/Text#finding-text",
+    TEXT_INDEXOF_INPUT_INTEXT: "in text",
+    TEXT_INDEXOF_OPERATOR_FIRST: "find first occurrence of text",
+    TEXT_INDEXOF_OPERATOR_LAST: "find last occurrence of text",
+    TEXT_INDEXOF_TAIL: "",
+    TEXT_INDEXOF_TOOLTIP: "Returns the index of the first/last occurrence of the first text in the second text. Returns 0 if text is not found.",
+    TEXT_ISEMPTY_HELPURL: "https://github.com/google/blockly/wiki/Text#checking-for-empty-text",
+    TEXT_ISEMPTY_TITLE: "%1 is empty",
+    TEXT_ISEMPTY_TOOLTIP: "Returns true if the provided text is empty.",
+    TEXT_JOIN_HELPURL: "https://github.com/google/blockly/wiki/Text#text-creation",
+    TEXT_JOIN_TITLE_CREATEWITH: "create text with",
+    TEXT_JOIN_TOOLTIP: "Create a piece of text by joining together any number of items.",
+    TEXT_LENGTH_HELPURL: "https://github.com/google/blockly/wiki/Text#text-modification",
+    TEXT_LENGTH_TITLE: "length of %1",
+    TEXT_LENGTH_TOOLTIP: "Returns the number of letters (including spaces) in the provided text.",
+    TEXT_PRINT_HELPURL: "https://github.com/google/blockly/wiki/Text#printing-text",
+    TEXT_PRINT_TITLE: "print %1",
+    TEXT_PRINT_TOOLTIP: "Print the specified text, number or other value.",
+    TEXT_PROMPT_HELPURL: "https://github.com/google/blockly/wiki/Text#getting-input-from-the-user",
+    TEXT_PROMPT_TOOLTIP_NUMBER: "Prompt for user for a number.",
+    TEXT_PROMPT_TOOLTIP_TEXT: "Prompt for user for some text.",
+    TEXT_PROMPT_TYPE_NUMBER: "prompt for number with message",
+    TEXT_PROMPT_TYPE_TEXT: "prompt for text with message",
+    TEXT_TEXT_HELPURL: "https://en.wikipedia.org/wiki/String_(computer_science)",
+    TEXT_TEXT_TOOLTIP: "A letter, word, or line of text.",
+    TEXT_TRIM_HELPURL: "https://github.com/google/blockly/wiki/Text#trimming-removing-spaces",
+    TEXT_TRIM_OPERATOR_BOTH: "trim spaces from both sides of",
+    TEXT_TRIM_OPERATOR_LEFT: "trim spaces from left side of",
+    TEXT_TRIM_OPERATOR_RIGHT: "trim spaces from right side of",
+    TEXT_TRIM_TOOLTIP: "Return a copy of the text with spaces removed from one or both ends.",
+}

src/components/Blockly/msg/en/time.js

@@ -0,0 +1,19 @@
+export const TIME = {
+  senseBox_interval: "ms",
+  senseBox_interval_timer: "Interval",
+  senseBox_interval_timer_tip: "Setup an Interval",
+  senseBox_interval_time: "time",
+  ARD_TIME_DELAY: "wait",
+  ARD_TIME_DELAY_MICROS: "microseconds",
+  ARD_TIME_DELAY_MICRO_TIP: "Wait specific time in microseconds",
+  ARD_TIME_DELAY_TIP: "Wait specific time in milliseconds",
+  ARD_TIME_INF: "wait forever (end program)",
+  ARD_TIME_INF_TIP: "Wait indefinitely, stopping the program.",
+  ARD_TIME_MICROS: "current elapsed Time (microseconds)",
+  ARD_TIME_MICROS_TIP:
+    "Returns the number of microseconds since the Arduino board began running the current program. Has to be stored in a positive long integer",
+  ARD_TIME_MILLIS: "current elapsed Time (milliseconds)",
+  ARD_TIME_MILLIS_TIP:
+    "Returns the number of milliseconds since the Arduino board began running the current program. Has to be stored in a positive long integer",
+  ARD_TIME_MS: "milliseconds",
+};

src/components/Blockly/msg/en/tours.js

@@ -0,0 +1,24 @@
+export const TOURS = {
+
+
+    /**
+     * Home Tour
+     */
+    hometour_wrapper: "Welcome to the new Learn- and Programmingapp for the senseBox. In this tour I will show you all the important features of the interface",
+    hometour_workspaceFunc: "Here you will find all the buttons to compile, save or share your program",
+    hometour_blocklyWindow: "This is your workspace. Here you can use the blocks to create your program code",
+    hometour_blocklyToolboxDiv: "The toolbox contains all the blocks. Connect them in the workspace and create your program code.",
+    hometour_compileBlocks: "When you are done programming and want to transfer your program code to the senseBox click here to compile your program code.",
+    hometour_menuButton: "In the menu you will find tutorials and a gallery with different example programs. Log in with your openSenseMap account and you will get even more features.",
+    hometour_showCode: "With this button you can show the generated program code",
+    hometour_shareBlocks: "Use this button to create a short link and share your blocks with other users",
+
+
+    /**
+     * Assessment Tour
+     */
+
+    assessmenttour_solutionCheck: "When your solution is ready click here to check it",
+    assessmenttour_assessmentDiv: "Let's go! Solve the following task to complete the tutorial.",
+    assessmenttour_injectionDiv: "Create your solution here. You can use any blocks from the toolbox.",
+}

src/components/Blockly/msg/en/translations.js

@@ -0,0 +1,210 @@
+export const TRANSLATIONS = {
+
+    ADD_COMMENT: "Add Comment",
+    AUTH: "Please authorize this app to enable your work to be saved and to allow it to be shared by you.",
+    CHANGE_VALUE_TITLE: "Change value:",
+    CHAT: "Chat with your collaborator by typing in this box!",
+    CLEAN_UP: "Clean up Blocks",
+    COLLAPSE_ALL: "Collapse Blocks",
+    COLLAPSE_BLOCK: "Collapse Block",
+    DELETE_ALL_BLOCKS: "Delete all %1 blocks?",
+    DELETE_BLOCK: "Delete Block",
+    DELETE_X_BLOCKS: "Delete %1 Blocks",
+    DISABLE_BLOCK: "Disable Block",
+    DUPLICATE_BLOCK: "Duplicate",
+    ENABLE_BLOCK: "Enable Block",
+    EXPAND_ALL: "Expand Blocks",
+    EXPAND_BLOCK: "Expand Block",
+    EXTERNAL_INPUTS: "External Inputs",
+    HELP: "Help",
+    INLINE_INPUTS: "Inline Inputs",
+    LISTS_CREATE_EMPTY_HELPURL: "https://github.com/google/blockly/wiki/Lists#create-empty-list",
+    LISTS_CREATE_EMPTY_TITLE: "create empty list",
+    LISTS_CREATE_EMPTY_TOOLTIP: "Returns a list, of length 0, containing no data records",
+    LISTS_CREATE_WITH_CONTAINER_TITLE_ADD: "list",
+    LISTS_CREATE_WITH_CONTAINER_TOOLTIP: "Add, remove, or reorder sections to reconfigure this list block.",
+    LISTS_CREATE_WITH_HELPURL: "https://github.com/google/blockly/wiki/Lists#create-list-with",
+    LISTS_CREATE_WITH_INPUT_WITH: "create list with",
+    LISTS_CREATE_WITH_ITEM_TOOLTIP: "Add an item to the list.",
+    LISTS_CREATE_WITH_TOOLTIP: "Create a list with any number of items.",
+    LISTS_GET_INDEX_FIRST: "first",
+    LISTS_GET_INDEX_FROM_END: "# from end",
+    LISTS_GET_INDEX_FROM_START: "#",
+    LISTS_GET_INDEX_GET: "get",
+    LISTS_GET_INDEX_GET_REMOVE: "get and remove",
+    LISTS_GET_INDEX_LAST: "last",
+    LISTS_GET_INDEX_RANDOM: "random",
+    LISTS_GET_INDEX_REMOVE: "remove",
+    LISTS_GET_INDEX_TAIL: "",
+    LISTS_GET_INDEX_TOOLTIP_GET_FIRST: "Returns the first item in a list.",
+    LISTS_GET_INDEX_TOOLTIP_GET_FROM_END: "Returns the item at the specified position in a list. #1 is the last item.",
+    LISTS_GET_INDEX_TOOLTIP_GET_FROM_START: "Returns the item at the specified position in a list. #1 is the first item.",
+    LISTS_GET_INDEX_TOOLTIP_GET_LAST: "Returns the last item in a list.",
+    LISTS_GET_INDEX_TOOLTIP_GET_RANDOM: "Returns a random item in a list.",
+    LISTS_GET_INDEX_TOOLTIP_GET_REMOVE_FIRST: "Removes and returns the first item in a list.",
+    LISTS_GET_INDEX_TOOLTIP_GET_REMOVE_FROM_END: "Removes and returns the item at the specified position in a list. #1 is the last item.",
+    LISTS_GET_INDEX_TOOLTIP_GET_REMOVE_FROM_START: "Removes and returns the item at the specified position in a list. #1 is the first item.",
+    LISTS_GET_INDEX_TOOLTIP_GET_REMOVE_LAST: "Removes and returns the last item in a list.",
+    LISTS_GET_INDEX_TOOLTIP_GET_REMOVE_RANDOM: "Removes and returns a random item in a list.",
+    LISTS_GET_INDEX_TOOLTIP_REMOVE_FIRST: "Removes the first item in a list.",
+    LISTS_GET_INDEX_TOOLTIP_REMOVE_FROM_END: "Removes the item at the specified position in a list. #1 is the last item.",
+    LISTS_GET_INDEX_TOOLTIP_REMOVE_FROM_START: "Removes the item at the specified position in a list. #1 is the first item.",
+    LISTS_GET_INDEX_TOOLTIP_REMOVE_LAST: "Removes the last item in a list.",
+    LISTS_GET_INDEX_TOOLTIP_REMOVE_RANDOM: "Removes a random item in a list.",
+    LISTS_GET_SUBLIST_END_FROM_END: "to # from end",
+    LISTS_GET_SUBLIST_END_FROM_START: "to #",
+    LISTS_GET_SUBLIST_END_LAST: "to last",
+    LISTS_GET_SUBLIST_HELPURL: "https://github.com/google/blockly/wiki/Lists#getting-a-sublist",
+    LISTS_GET_SUBLIST_START_FIRST: "get sub-list from first",
+    LISTS_GET_SUBLIST_START_FROM_END: "get sub-list from # from end",
+    LISTS_GET_SUBLIST_START_FROM_START: "get sub-list from #",
+    LISTS_GET_SUBLIST_TAIL: "",
+    LISTS_GET_SUBLIST_TOOLTIP: "Creates a copy of the specified portion of a list.",
+    LISTS_INDEX_OF_FIRST: "find first occurrence of item",
+    LISTS_INDEX_OF_HELPURL: "https://github.com/google/blockly/wiki/Lists#getting-items-from-a-list",
+    LISTS_INDEX_OF_LAST: "find last occurrence of item",
+    LISTS_INDEX_OF_TOOLTIP: "Returns the index of the first/last occurrence of the item in the list. Returns 0 if item is not found.",
+    LISTS_INLIST: "in list",
+    LISTS_ISEMPTY_HELPURL: "https://github.com/google/blockly/wiki/Lists#is-empty",
+    LISTS_ISEMPTY_TITLE: "%1 is empty",
+    LISTS_ISEMPTY_TOOLTIP: "Returns true if the list is empty.",
+    LISTS_LENGTH_HELPURL: "https://github.com/google/blockly/wiki/Lists#length-of",
+    LISTS_LENGTH_TITLE: "length of %1",
+    LISTS_LENGTH_TOOLTIP: "Returns the length of a list.",
+    LISTS_REPEAT_HELPURL: "https://github.com/google/blockly/wiki/Lists#create-list-with",
+    LISTS_REPEAT_TITLE: "create list with item %1 repeated %2 times",
+    LISTS_REPEAT_TOOLTIP: "Creates a list consisting of the given value repeated the specified number of times.",
+    LISTS_SET_INDEX_HELPURL: "https://github.com/google/blockly/wiki/Lists#in-list--set",
+    LISTS_SET_INDEX_INPUT_TO: "as",
+    LISTS_SET_INDEX_INSERT: "insert at",
+    LISTS_SET_INDEX_SET: "set",
+    LISTS_SET_INDEX_TOOLTIP_INSERT_FIRST: "Inserts the item at the start of a list.",
+    LISTS_SET_INDEX_TOOLTIP_INSERT_FROM_END: "Inserts the item at the specified position in a list. #1 is the last item.",
+    LISTS_SET_INDEX_TOOLTIP_INSERT_FROM_START: "Inserts the item at the specified position in a list. #1 is the first item.",
+    LISTS_SET_INDEX_TOOLTIP_INSERT_LAST: "Append the item to the end of a list.",
+    LISTS_SET_INDEX_TOOLTIP_INSERT_RANDOM: "Inserts the item randomly in a list.",
+    LISTS_SET_INDEX_TOOLTIP_SET_FIRST: "Sets the first item in a list.",
+    LISTS_SET_INDEX_TOOLTIP_SET_FROM_END: "Sets the item at the specified position in a list. #1 is the last item.",
+    LISTS_SET_INDEX_TOOLTIP_SET_FROM_START: "Sets the item at the specified position in a list. #1 is the first item.",
+    LISTS_SET_INDEX_TOOLTIP_SET_LAST: "Sets the last item in a list.",
+    LISTS_SET_INDEX_TOOLTIP_SET_RANDOM: "Sets a random item in a list.",
+    LISTS_SORT_HELPURL: "https://github.com/google/blockly/wiki/Lists#sorting-a-list",
+    LISTS_SORT_ORDER_ASCENDING: "ascending",
+    LISTS_SORT_ORDER_DESCENDING: "descending",
+    LISTS_SORT_TITLE: "sort %1 %2 %3",
+    LISTS_SORT_TOOLTIP: "Sort a copy of a list.",
+    LISTS_SORT_TYPE_IGNORECASE: "alphabetic, ignore case",
+    LISTS_SORT_TYPE_NUMERIC: "numeric",
+    LISTS_SORT_TYPE_TEXT: "alphabetic",
+    LISTS_SPLIT_HELPURL: "https://github.com/google/blockly/wiki/Lists#splitting-strings-and-joining-lists",
+    LISTS_SPLIT_LIST_FROM_TEXT: "make list from text",
+    LISTS_SPLIT_TEXT_FROM_LIST: "make text from list",
+    LISTS_SPLIT_TOOLTIP_JOIN: "Join a list of texts into one text, separated by a delimiter.",
+    LISTS_SPLIT_TOOLTIP_SPLIT: "Split text into a list of texts, breaking at each delimiter.",
+    LISTS_SPLIT_WITH_DELIMITER: "with delimiter",
+    ME: "Me",
+    NEW_VARIABLE: "New variable...",
+    NEW_VARIABLE_TITLE: "New variable name:",
+    ORDINAL_NUMBER_SUFFIX: "",
+    PROCEDURES_ALLOW_STATEMENTS: "allow statements",
+    PROCEDURES_BEFORE_PARAMS: "with inputs:",
+    PROCEDURES_CALLNORETURN_HELPURL: "https://en.wikipedia.org/wiki/Procedure_%28computer_science%29",
+    PROCEDURES_CALLNORETURN_TOOLTIP: "Run the user-defined function '%1'.",
+    PROCEDURES_CALLRETURN_HELPURL: "https://en.wikipedia.org/wiki/Procedure_%28computer_science%29",
+    PROCEDURES_CALLRETURN_TOOLTIP: "Run the user-defined function '%1' and use its output.",
+    PROCEDURES_CALL_BEFORE_PARAMS: "with Inputs:",
+    PROCEDURES_CALL: "Call",
+    PROCEDURES_CALL_END: '',
+    PROCEDURES_CREATE_DO: "Create '%1'",
+    PROCEDURES_DEFNORETURN_COMMENT: "Describe this function...",
+    PROCEDURES_DEFNORETURN: "Create Function",
+    PROCEDURES_DEFNORETURN_DO: "",
+    PROCEDURES_DEFNORETURN_HELPURL: "https://en.wikipedia.org/wiki/Procedure_%28computer_science%29",
+    PROCEDURES_DEFNORETURN_PROCEDURE: "do something",
+    PROCEDURES_DEFNORETURN_TITLE: "to",
+    PROCEDURES_DEFNORETURN_TOOLTIP: "Creates a function with no output.",
+    PROCEDURES_DEFRETURN_HELPURL: "https://en.wikipedia.org/wiki/Procedure_%28computer_science%29",
+    PROCEDURES_DEFRETURN_RETURN_TYPE: "return Type",
+    PROCEDURES_DEFRETURN_RETURN: "return",
+    PROCEDURES_DEFRETURN_TOOLTIP: "Creates a function with an output.",
+    PROCEDURES_DEF_DUPLICATE_WARNING: "Warning: This function has duplicate parameters.",
+    PROCEDURES_HIGHLIGHT_DEF: "Highlight function definition",
+    PROCEDURES_IFRETURN_HELPURL: "http://c2.com/cgi/wiki?GuardClause",
+    PROCEDURES_IFRETURN_TOOLTIP: "If a value is true, then return a second value.",
+    PROCEDURES_IFRETURN_WARNING: "Warning: This block may be used only within a function definition.",
+    PROCEDURES_MUTATORARG_TITLE: "input name:",
+    PROCEDURES_MUTATORARG_TOOLTIP: "Add an input to the function.",
+    PROCEDURES_MUTATORCONTAINER_TITLE: "inputs",
+    PROCEDURES_MUTATORCONTAINER_TOOLTIP: "Add, remove, or reorder inputs to this function.",
+    REDO: "Redo",
+    REMOVE_COMMENT: "Remove Comment",
+    RENAME_VARIABLE: "Rename variable...",
+    RENAME_VARIABLE_TITLE: "Rename all '%1' variables to:",
+
+    TODAY: "Today",
+    UNDO: "Undo",
+    PROCEDURES_DEFRETURN_TITLE: "zu",
+    CONTROLS_IF_IF_TITLE_IF: "if",
+    CONTROLS_WHILEUNTIL_INPUT_DO: "do",
+    CONTROLS_IF_MSG_THEN: "do",
+    CONTROLS_IF_ELSE_TITLE_ELSE: "else",
+    PROCEDURES_DEFRETURN_PROCEDURE: "do something",
+    LISTS_GET_SUBLIST_INPUT_IN_LIST: "in List",
+    LISTS_GET_INDEX_INPUT_IN_LIST: "in List",
+    PROCEDURES_DEFRETURN_DO: "",
+    CONTROLS_IF_ELSEIF_TITLE_ELSEIF: "else if",
+    LISTS_GET_INDEX_HELPURL: "https://github.com/google/blockly/wiki/Lists#getting-items-from-a-list",
+    CONTROLS_FOREACH_INPUT_DO: "do",
+    LISTS_SET_INDEX_INPUT_IN_LIST: "in List",
+    CONTROLS_FOR_INPUT_DO: "do",
+    LISTS_CREATE_WITH_ITEM_TITLE: "item",
+    TEXT_APPEND_VARIABLE: "item",
+    TEXT_CREATE_JOIN_ITEM_TITLE_ITEM: "item",
+    LISTS_INDEX_OF_INPUT_IN_LIST: "in List",
+    PROCEDURES_DEFRETURN_COMMENT: "describe this function…",
+
+
+    senseBox_basic_blue: "Blue",
+    senseBox_basic_green: "Gree",
+    senseBox_basic_red: "Red",
+    senseBox_basic_state: "Status",
+
+    senseBox_foto: "Light Dependent Resistor",
+    senseBox_foto_tip: "simple light depending resistor, gives values between 0 and 1023",
+    senseBox_gas: "Gas (VOC)",
+
+
+
+
+    senseBox_ir: "infrared distance sensor",
+    senseBox_ir_tip: "infrared distance sensor can measure the distance between 10 and 80 cm",
+
+
+    senseBox_lux: "lightsensor",
+    senseBox_lux_tip: "Light Sensor can measure the illuminance in lux",
+    senseBox_measurement: "Measurement",
+    senseBox_measurements: "Measurements",
+    senseBox_off: "off",
+    senseBox_on: "on",
+
+    senseBox_output_filename: "filename",
+    senseBox_output_format: "format:",
+    senseBox_output_linebreak: "linebreak",
+    senseBox_output_networkid: "networkID",
+    senseBox_output_password: "Password",
+    senseBox_output_safetosd: "safe to sd",
+    senseBox_output_safetosd_tip: "Save Measurment to SD-Card",
+    senseBox_output_serialprint: "Print on Serial Monitor",
+    senseBox_output_timestamp: "timestamp",
+    senseBox_piezo_tip: "simple piezo to make sound",
+    senseBox_poti: "Potentiometer",
+    senseBox_poti_tip: "Potentiometer",
+
+    senseBox_sensor: "Sensors",
+    senseBox_serial_tip: "prints the values to the serial monitor in the arduino IDE. Good way to have a fast and easy feedback for your programm",
+    senseBox_soil: "Soil Moisture",
+
+}
+
+
+

src/components/Blockly/msg/en/ui.js

@@ -0,0 +1,235 @@
+export const UI = {
+
+
+
+    /**
+     * Toolbox
+     */
+    toolbox_sensors: "Sensors",
+    toolbox_logic: "Logic",
+    toolbox_loops: "Loops",
+    toolbox_math: "Math",
+    toolbox_io: "Input/Output",
+    toolbox_time: "Time",
+    toolbox_functions: "Functions",
+    toolbox_variables: "Variables",
+
+    /**
+     * Tooltips
+     *
+     */
+
+    tooltip_compile_code: "Compile code",
+    tooltip_save_blocks: "Save blocks",
+    tooltip_open_blocks: "Open blocks",
+    tooltip_screenshot: "Download screenshot",
+    tooltip_clear_workspace: "Reset workspace",
+    tooltip_share_blocks: "Share blocks",
+    tooltip_show_code: "Show code",
+    tooltip_hide_code: "Hide code",
+    tooltip_delete_project: "Delete project",
+    tooltip_project_name: "Project name",
+    tooltip_download_project: "Download project",
+    tooltip_open_project: "Open project",
+    tooltip_update_project: "Update project",
+    tooltip_save_project: "Save project",
+    tooltip_create_project: "Create project",
+    tooltip_share_project: "Share project",
+    tooltip_reset_workspace: "Reset workspace",
+    tooltip_copy_link: "Cooy link",
+    tooltip_trashcan_hide: "hide deleted blocks",
+    tooltip_trashcan_delete: "empty trashcan",
+    tooltip_project_title: "Project title",
+    tooltip_check_solution: "Check solution",
+    tooltip_copy_code: "Copy Code to clipboard",
+
+    /**
+     * Messages
+     *
+     */
+
+    messages_delete_project_failed: "Error deleting the project. Try again.",
+    messages_reset_workspace_success: "The project has been successfully reset.",
+    messages_PROJECT_UPDATE_SUCCESS: "The project was successfully updated.",
+    messages_GALLERY_UPDATE_SUCCESS: "The gallery project was successfully updated.",
+    messages_PROJECT_UPDATE_FAIL: "Error updating the project. Try again.",
+    messages_GALLERY_UPDATE_FAIL: "Error updating the gallery project. Try again.",
+    messages_gallery_save_fail_1: "Error saving the ",
+    messages_gallery_save_fail_2: "Project. Try again.",
+    messages_SHARE_SUCCESS: 'Share program',
+    messages_SHARE_FAIL: "Error creating a link to share your program. Try again.",
+    messages_copylink_success: 'Link successfully saved to clipboard.',
+    messages_rename_success_01: 'The project was successfully saved to ',
+    messages_rename_success_02: 'renamed.',
+    messages_newblockly_head: 'Welcome to the new version Blockly for the senseBox',
+    messages_newblockly_text: "The new Blockly version is currently in testing. If you find any errors please report them in our [forum](https://forum.sensebox.de/t/neue-blockly-version-beta-test-und-feedback/1176). You can find an overview of all new features [here](/news)",
+    messages_GET_TUTORIAL_FAIL: 'Back to tutorials overview',
+    messages_LOGIN_FAIL: 'The username or password is incorrect.',
+    messages_login_error: "Enter both a username and a password.",
+    messages_copy_code: "Copy code to clipboard succesfull",
+    /**
+     * Share Dialog
+     */
+
+    sharedialog_headline: "Your link has been created.",
+    sharedialog_text: "You can share your program using the following link.",
+
+    /**
+     * Project rename Dialog
+     */
+
+    renamedialog_headline: "Rename project",
+    renamedialog_text: "Please enter a name for the project and confirm it by clicking 'Confirm'.",
+    /**
+     * Compile Dialog
+     *
+     */
+
+    compiledialog_headline: "Error",
+    compiledialog_text: "While compiling an error occured. Please check your blocks and try again",
+
+
+
+    /**
+     * Buttons
+     *
+     */
+
+    button_cancel: "Cancel",
+    button_close: "Close",
+    button_accept: "Ok",
+    button_compile: "Compile",
+    button_create_variableCreate: "Create Variable",
+    button_back: "Back",
+    button_next: "Next step",
+    button_tutorial_overview: "Tutorial overview",
+    button_login: "Login",
+
+
+
+    /**
+     *
+     */
+
+    filename: "Filename",
+    projectname: "Projectname",
+    /**
+     * Settings
+     */
+    settings_head: "Settings",
+    settings_language: "Language",
+    settings_language_text: "Selection of the language applies to the entire application. A distinction can be made between German and English.",
+    settings_language_de: "German",
+    settings_language_en: "English",
+    settings_renderer: "Renderer",
+    settings_renderer_text: "The selected renderer determines the appearance of the blocks. A distinction can be made between 'Geras' and 'Zelos', whereby 'Zelos' is particularly suitable for a touch application.",
+    settings_statistics: "Statistics",
+    settings_statistics_text: "The display of statistics on the usage of the blocks above the workspace can be shown or hidden.",
+    settings_statistics_on: "On",
+    settings_statistics_off: "Off",
+
+
+    /**
+     * 404
+     */
+
+    notfound_head: "The page you requested cannot be found.",
+    notfound_text: "The page you are looking for may have been removed, its name changed, or it may be temporarily unavailable.",
+
+    /**
+     * Labels
+     */
+    labels_donotshowagain: 'Do not show dialog again',
+    labels_here: 'here',
+    labels_username: 'Email or username',
+    labels_password: "Password",
+    /**
+     * Badges
+     */
+
+    badges_explaination: "An overview of all badges received in the Blockly for senseBox context can be found ",
+    badges_ASSIGNE_BADGE_SUCCESS_01: "Congratulations! You have received the badge ",
+    badges_ASSIGNE_BADGE_SUCCESS_02: ".",
+
+
+    /**
+     * Tutorials
+     */
+
+    tutorials_assessment_task: "Task",
+    tutorials_hardware_head: "For the implementation you need the following hardware:",
+    tutorials_hardware_moreInformation: "You can find more information about the hardware component.",
+    tutorials_hardware_here: "here",
+    tutorials_requirements: "Before continuing with this tutorial, you should have successfully completed the following tutorials:",
+
+
+    /**
+     * Tutorial Builder
+     */
+
+    builder_solution: "Solution",
+    builder_solution_submit: "Submit Solution",
+    builder_example_submit: "Submit example",
+    builder_comment: "Note: You can delete the initial setup() or infinite loop() block. Additionally, it is possible to select only any block, among others, without displaying it as disabled.",
+    builder_hardware_order: "Note that the order of selection is authoritative.",
+    builder_hardware_helper: "Select at least one hardware component.",
+    builder_requirements_head: "Requirements.",
+    builder_requirements_order: "Note that the order of ticking is authoritative.",
+
+
+    /**
+     * Login
+     */
+
+
+    login_head: "Login",
+    login_osem_account_01: "You need to have an ",
+    login_osem_account_02: "Account to login",
+    login_lostpassword: "Lost your password?",
+    login_createaccount: "If you don't have an openSenseMap account please register on ",
+
+
+    /**
+     * Navbar
+     */
+
+    navbar_tutorials: "Tutorials",
+    navbar_tutorialbuilder: "Create tutorial",
+    navbar_gallery: "Gallery",
+    navbar_projects: "Projects",
+
+    navbar_menu: "Menu",
+    navbar_login: "Login",
+    navbar_mybadges: "myBadges",
+    navbar_account: "Account",
+    navbar_logout: "Logout",
+    navbar_settings: "Settings",
+
+    /**
+     * Codeviewer
+     */
+
+    codeviewer_arduino: "Arduino Source Code",
+    codeviewer_xml: "XML Blocks",
+
+
+
+
+    /**
+     * Overlay
+     */
+
+    compile_overlay_head: "Your program is now compiled and downloaded",
+    compile_overlay_text: "Then copy it to your senseBox MCU",
+    compile_overlay_help: "You need help? Have a look here: ",
+
+
+    /**
+     * Tooltip Viewer
+     */
+
+    tooltip_viewer: "Help",
+    tooltip_moreInformation: "More informations can be found ",
+    tooltip_hint: "Select a Block to show the hint",
+
+}

src/components/Blockly/msg/en/variables.js

@@ -0,0 +1,24 @@
+export const VARIABLES = {
+    /**
+     * Typed Variable Modal
+     *
+     */
+
+
+    TYPED_VAR_MODAL_CONFIRM_BUTTON: "Ok",
+    TYPED_VAR_MODAL_VARIABLE_NAME_LABEL: "Variablen Name: ",
+    TYPED_VAR_MODAL_TYPES_LABEL: "Variable Typen",
+    TYPED_VAR_MODAL_CANCEL_BUTTON: "Abbrechen",
+    TYPED_VAR_MODAL_TITLE: "Erstelle Variable",
+    TYPED_VAR_MODAL_INVALID_NAME: "Der Name ist ungültig, bitte versuche einen anderen.",
+
+    VARIABLES_DEFAULT_NAME: "item",
+    VARIABLES_GET_CREATE_SET: "Create 'set %1'",
+    VARIABLES_GET_HELPURL: "https://github.com/google/blockly/wiki/Variables#get",
+    VARIABLES_GET_TOOLTIP: "Returns the value of this variable.",
+    VARIABLES_SET: "set %1 to %2",
+    VARIABLES_SET_CREATE_GET: "Create 'get %1'",
+    VARIABLES_SET_HELPURL: "https://github.com/google/blockly/wiki/Variables#set",
+    VARIABLES_SET_TOOLTIP: "Sets this variable to be equal to the input.",
+
+}

src/components/Blockly/msg/en/webserver.js

@@ -0,0 +1,39 @@
+export const WEBSERVER = {
+    /**
+     * Webserver
+     */
+
+    senseBox_ip_address: "IP-Address",
+    senseBox_ip_address_tip: "Returns the IP address as a string.",
+    senseBox_init_http_server_tip: "Initializes a http server on the specified port.",
+    senseBox_init_http_server: "Initialize HTTP-Server",
+    senseBox_http_on_client_connect: "If client is connected:",
+    senseBox_http_on_client_connect_tip: "Checks if a client is connected and executes given statement in that case.",
+    senseBox_http_method: "Method",
+    senseBox_http_method_tip: "Method of the current HTTP request",
+    senseBox_http_uri: "URI",
+    senseBox_http_uri_tip: "URI of requested resource of the current HTTP request",
+    senseBox_http_user_agent: "User-Agent",
+    senseBox_http_user_agent_tip: "The User-Agent send along with the current HTTP request",
+    senseBox_http_protocol_version: "HTTP Version",
+    senseBox_http_protocol_version_tip: "The HTTP Version of the current HTTP request",
+    senseBox_http_success_tip: "Send a successful HTTP response with content.",
+    senseBox_http_not_found_tip: "Send a predefined 404 HTTP response.",
+    senseBox_http_success: "Succesful",
+    senseBox_http_success_l2: "HTTP reponse",
+    senseBox_http_success_buildhtml: "HTML:",
+    senseBox_http_not_found: "404 Not found",
+    senseBox_html_document: "HTML",
+    senseBox_html_header: "<head>",
+    senseBox_html_header_end: "</head>",
+    senseBox_html_body: "<body>",
+    senseBox_html_body_end: "</body>",
+    senseBox_html_general_tag_tip: "A general HTML tag building block.",
+    senseBox_html_document_tip: "A block for generating a HTML document.",
+
+    senseBox_tag_first_mutator_tip: "Mandatory children to this block.",
+    senseBox_tag_optional_mutator_tip: "Add more children to the block.",
+    sensebox_web_readHTML_filename: "File:",
+    senseBox_sd_web_readHTML: "Read HTML from SD Card",
+
+}

src/components/Blockly/toolbox/Toolbox.js

@@ -50,6 +50,10 @@ class Toolbox extends React.Component {
                     <Block type="sensebox_sensor_ultrasonic_ranger" />
                     <Block type="sensebox_sensor_sound" />
                     <Block type="sensebox_button" />
+                    <Block type="sensebox_sensor_truebner_smt50" />
+                    <Block type="sensebox_sensor_watertemperature" />
+                    {/* <Block type="sensebox_windspeed" /> */}
+                    <Block type="sensebox_soundsensor_dfrobot" />
                 </Category >
                 <Category name="WIFI" colour={getColour().sensebox}>
                     <Block type="sensebox_wifi" />
@@ -57,16 +61,20 @@ class Toolbox extends React.Component {
                 </Category>
                 <Category name="SD" colour={getColour().sensebox}>
                     <Block type="sensebox_sd_create_file" />
-                    <Block type="sensebox_sd_open_file" />
+                    <Block type="sensebox_sd_open_file">
+                        <Value name="SD">
+                            <Block type="sensebox_sd_write_file"></Block>
+                        </Value>
+                    </Block>
                     <Block type="sensebox_sd_write_file" />
                 </Category>
                 <Category name="LED" colour={getColour().sensebox}>
-                    <Block type="sensebox_rgb_led" />
+                    <Block type="sensebox_rgb_led"></Block>
                     <Block type="sensebox_led" />
-                    <Block type="sensebox_ws2818_led">
+                    <Block type="sensebox_ws2818_led_init">
-                        <Value name="POSITION">
+                        <Value name="NUMBER">
                             <Block type="math_number">
-                                <Field name="NUM">0</Field>
+                                <Field name="NUM">1</Field>
                             </Block>
                         </Value>
                         <Value name="BRIGHTNESS">
@@ -74,16 +82,32 @@ class Toolbox extends React.Component {
                                 <Field name="NUM">30</Field>
                             </Block>
                         </Value>
-                        <Value name="RED">
+                    </Block>
+                    <Block type="sensebox_ws2818_led">
+                        <Value name="POSITION">
                             <Block type="math_number">
                                 <Field name="NUM">0</Field>
                             </Block>
                         </Value>
-                        <Value name="GREEN">
+                        <Value name="COLOR">
                             <Block type="math_number">
                                 <Field name="NUM">0</Field>
                             </Block>
                         </Value>
+                    </Block>
+                    <Block type="colour_picker"></Block>
+                    <Block type="colour_random"></Block>
+                    <Block type="colour_rgb">
+                        <Value name="RED">
+                            <Block type="math_number">
+                                <Field name="NUM">100</Field>
+                            </Block>
+                        </Value>
+                        <Value name="GREEN">
+                            <Block type="math_number">
+                                <Field name="NUM">50</Field>
+                            </Block>
+                        </Value>
                         <Value name="BLUE">
                             <Block type="math_number">
                                 <Field name="NUM">0</Field>
@@ -230,7 +254,11 @@ class Toolbox extends React.Component {
                     <Block type="sensebox_telegram_send" />
                 </Category>
                 <Category name="openSenseMap" colour={getColour().sensebox}>
-                    <Block type="sensebox_osem_connection" />
+                    <Block type="sensebox_interval_timer">
+                        <Value name="DO">
+                            <Block type="sensebox_osem_connection" />
+                        </Value>
+                    </Block>
                     <Block type="sensebox_send_to_osem" />
                 </Category>
                 <Category id="catSenseBoxOutput_LoRa" name="  LoRa" colour={getColour().sensebox}>

src/components/CodeViewer.js

@@ -80,13 +80,14 @@ class CodeViewer extends Component {
 
   onChange = () => {
     this.setState({ expanded: !this.state.expanded });
+
   }
 
   render() {
     var curlyBrackets = '{ }';
     var unequal = '<>';
     return (
-      <Card style={{ height: '100%', maxHeight: '80vH' }} ref={this.myDiv}>
+      <Card style={{ height: '100%', maxHeight: '60vH' }} ref={this.myDiv}>
         <Accordion
           square={true}
           style={{ margin: 0 }}
@@ -130,12 +131,14 @@ class CodeViewer extends Component {
 
 CodeViewer.propTypes = {
   arduino: PropTypes.string.isRequired,
-  xml: PropTypes.string.isRequired
+  xml: PropTypes.string.isRequired,
+  tooltip: PropTypes.string.isRequired
 };
 
 const mapStateToProps = state => ({
   arduino: state.workspace.code.arduino,
-  xml: state.workspace.code.xml
+  xml: state.workspace.code.xml,
+  tooltip: state.workspace.code.tooltip
 });
 
 export default connect(mapStateToProps, null)(withWidth()(CodeViewer));

src/components/Content.js

@@ -15,17 +15,21 @@ class Content extends Component {
 
   componentDidMount() {
     if (this.props.language === 'de_DE') {
+      console.log("change Language")
       Blockly.setLocale(De);
     } else if (this.props.language === 'en_US') {
       Blockly.setLocale(En);
     }
   }
 
-  componentDidUpdate(props){
+  componentDidUpdate(props) {
-    if(props.language !== this.props.language){
+    console.log(this.props.language)
+    if (props.language !== this.props.language) {
       if (this.props.language === 'de_DE') {
+        console.log("change Language")
         Blockly.setLocale(De);
       } else if (this.props.language === 'en_US') {
+        console.log("change Language")
         Blockly.setLocale(En);
       }
     }

src/components/Faq.js

@@ -0,0 +1,179 @@
+import React, { Component } from 'react';
+
+import Breadcrumbs from './Breadcrumbs';
+
+import { withRouter } from 'react-router-dom';
+
+import Button from '@material-ui/core/Button';
+import Typography from '@material-ui/core/Typography';
+import * as Blockly from 'blockly'
+import ReactMarkdown from 'react-markdown';
+import Container from '@material-ui/core/Container';
+import ExpansionPanel from '@material-ui/core/ExpansionPanel';
+import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';
+import ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faChevronDown } from "@fortawesome/free-solid-svg-icons";
+import { FaqQuestions } from '../data/faq'
+
+
+class Faq extends Component {
+
+    state = {
+        panel: '',
+        expanded: false
+    }
+
+
+    handleChange = (panel) => {
+        this.setState({ panel: this.state.panel === panel ? '' : panel });
+    };
+
+    componentDidMount() {
+        // Ensure that Blockly.setLocale is adopted in the component.
+        // Otherwise, the text will not be displayed until the next update of the component.
+
+        window.scrollTo(0, 0)
+        this.forceUpdate();
+    }
+
+    render() {
+        const { panel } = this.state;
+        return (
+            <div>
+                <Breadcrumbs content={[{ link: this.props.location.pathname, title: 'FAQ' }]} />
+                <Container fixed>
+                    <div style={{ margin: '0px 24px 0px 24px' }}>
+                        <h1>FAQ</h1>
+                        {FaqQuestions().map((object, i) => {
+                            return (
+                                <ExpansionPanel expanded={panel === `panel${i}`} onChange={() => this.handleChange(`panel${i}`)}>
+                                    <ExpansionPanelSummary
+                                        expandIcon={
+                                            <FontAwesomeIcon icon={faChevronDown} />
+                                        }
+                                    >
+                                        <Typography variant="h6">{object.question}</Typography>
+                                    </ExpansionPanelSummary>
+                                    <ExpansionPanelDetails>
+                                        <Typography>
+                                            <ReactMarkdown className="news" allowDangerousHtml="true" children={object.answer}>
+                                            </ReactMarkdown>
+                                        </Typography>
+                                    </ExpansionPanelDetails>
+                                </ExpansionPanel>
+                            )
+                        })}
+                        {
+                            this.props.button ?
+                                <Button
+                                    style={{ marginTop: '20px' }}
+                                    variant="contained"
+                                    color="primary"
+                                    onClick={() => { this.props.history.push(this.props.button.link) }}
+                                >
+                                    {this.props.button.title}
+                                </Button>
+                                :
+                                <Button
+                                    style={{ marginTop: '20px' }}
+                                    variant="contained"
+                                    color="primary"
+                                    onClick={() => { this.props.history.push('/') }}
+                                >
+                                    {Blockly.Msg.button_back}
+                                </Button>
+                        }
+                    </div>
+                </Container>
+            </div >
+        );
+    };
+}
+
+export default withRouter(Faq);
+                /*
+<ExpansionPanel expanded={panel === 'panel1'} onChange={() => this.handleChange('panel1')}>
+<ExpansionPanelSummary
+expandIcon={
+<FontAwesomeIcon icon={faChevronDown} />
+}
+>
+<Typography variant="h6">{Blockly.Msg.faq_q1_question}</Typography>
+</ExpansionPanelSummary>
+<ExpansionPanelDetails>
+<Typography>
+<ReactMarkdown className="news" allowDangerousHtml="true" children={Blockly.Msg.faq_q1_answer}>
+</ReactMarkdown>
+</Typography>
+</ExpansionPanelDetails>
+</ExpansionPanel>
+<ExpansionPanel expanded={panel === 'panel2'} onChange={() => this.handleChange('panel2')}>
+<ExpansionPanelSummary
+expandIcon={
+<FontAwesomeIcon icon={faChevronDown} />
+}
+>
+<Typography>Frage 2</Typography>
+</ExpansionPanelSummary>
+<ExpansionPanelDetails>
+<Typography>
+Donec placerat, lectus sed mattis semper, neque lectus feugiat lectus, varius pulvinar
+diam eros in elit. Pellentesque convallis laoreet laoreet.
+</Typography>
+</ExpansionPanelDetails>
+</ExpansionPanel>
+<ExpansionPanel expanded={panel === 'panel3'} onChange={() => this.handleChange('panel3')}>
+<ExpansionPanelSummary
+expandIcon={
+<FontAwesomeIcon icon={faChevronDown} />
+}
+>
+<Typography>Frage 3</Typography>
+</ExpansionPanelSummary>
+<ExpansionPanelDetails>
+<Typography>
+Nunc vitae orci ultricies, auctor nunc in, volutpat nisl. Integer sit amet egestas eros,
+vitae egestas augue. Duis vel est augue.
+</Typography>
+</ExpansionPanelDetails>
+</ExpansionPanel>
+<ExpansionPanel expanded={panel === 'panel4'} onChange={() => this.handleChange('panel4')}>
+<ExpansionPanelSummary
+expandIcon={
+<FontAwesomeIcon icon={faChevronDown} />
+}
+>
+<Typography>Frage 4</Typography>
+</ExpansionPanelSummary>
+<ExpansionPanelDetails>
+<Typography>
+Nunc vitae orci ultricies, auctor nunc in, volutpat nisl. Integer sit amet egestas eros,
+vitae egestas augue. Duis vel est augue.
+</Typography>
+</ExpansionPanelDetails>
+</ExpansionPanel>
+*/
+
+                    // {{
+                    //     this.props.button ?
+                    //         <Button
+                    //             style={{ marginTop: '20px' }}
+                    //             variant="contained"
+                    //             color="primary"
+                    //             onClick={() => { this.props.history.push(this.props.button.link) }}
+                    //         >
+                    //             {this.props.button.title}
+                    //         </Button>
+                    //         :
+                    //         <Button
+                    //             style={{ marginTop: '20px' }}
+                    //             variant="contained"
+                    //             color="primary"
+                    //             onClick={() => { this.props.history.push('/') }}
+                    //         >
+                    //             {Blockly.Msg.button_back}
+                    //         </Button>
+                    // }}
+
+

src/components/Footer.js

@@ -14,6 +14,8 @@ class Footer extends Component {
             <Typography style={{ margin: '0px 10px 0px 10px', display: 'initial', fontSize: '1rem' }}>|</Typography>
             <Link to={"/privacy"} style={{ textDecoration: 'none', color: 'inherit' }}>Privacy</Link>
             <Typography style={{ margin: '0px 10px 0px 10px', display: 'initial', fontSize: '1rem' }}>|</Typography>
+            <Link to={"/news"} style={{ textDecoration: 'none', color: 'inherit' }}>News</Link>
+            <Typography style={{ margin: '0px 10px 0px 10px', display: 'initial', fontSize: '1rem' }}>|</Typography>
             <a href="https://sensebox.de" style={{ textDecoration: 'none', color: 'inherit' }}>sensebox.de</a>
           </div>
         </div>

src/components/Home.js

@@ -21,6 +21,8 @@ import { withStyles } from '@material-ui/core/styles';
 
 import { faCode } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import TooltipViewer from './TooltipViewer';
+
 
 const styles = (theme) => ({
   codeOn: {
@@ -47,7 +49,7 @@ const styles = (theme) => ({
 class Home extends Component {
 
   state = {
-    codeOn: false,
+    codeOn: true,
     snackbar: false,
     type: '',
     key: '',
@@ -56,10 +58,10 @@ class Home extends Component {
 
   componentDidMount() {
     this.setState({ stats: window.localStorage.getItem('stats') });
-    if(!this.props.project){
+    if (!this.props.project) {
       this.props.workspaceName(createNameId());
     }
-    if(this.props.message && this.props.message.id === 'GET_SHARE_FAIL'){
+    if (this.props.message && this.props.message.id === 'GET_SHARE_FAIL') {
       this.setState({ snackbar: true, key: Date.now(), message: `Das angefragte geteilte Projekt konnte nicht gefunden werden.`, type: 'error' });
     }
   }
@@ -94,14 +96,14 @@ class Home extends Component {
           <div style={{ float: 'left', height: '40px', position: 'relative' }}><WorkspaceStats /></div>
           : null
         }
-        <div style={{ float: 'right', height: '40px', marginBottom: '20px' }}>
+        <div className='workspaceFunc' style={{ float: 'right', height: '40px', marginBottom: '20px' }}>
-          <WorkspaceFunc project={this.props.project} projectType={this.props.projectType}/>
+          <WorkspaceFunc project={this.props.project} projectType={this.props.projectType} />
         </div>
         <Grid container spacing={2}>
           <Grid item xs={12} md={this.state.codeOn ? 8 : 12} style={{ position: 'relative' }}>
             <Tooltip title={this.state.codeOn ? 'Code ausblenden' : 'Code anzeigen'} >
               <IconButton
-                className={this.state.codeOn ? this.props.classes.codeOn : this.props.classes.codeOff}
+                className={`showCode ${this.state.codeOn ? this.props.classes.codeOn : this.props.classes.codeOff}`}
                 style={{ width: '40px', height: '40px', position: 'absolute', top: -12, right: 8, zIndex: 21 }}
                 onClick={() => this.onChange()}
               >
@@ -109,16 +111,19 @@ class Home extends Component {
               </IconButton>
             </Tooltip>
             <TrashcanButtons />
-            {this.props.project ?
+            <div className='blocklyWindow'>
-              < BlocklyWindow blocklyCSS={{ height: '80vH' }} initialXml={this.props.project.xml} />
+              {this.props.project ?
-            : < BlocklyWindow blocklyCSS={{ height: '80vH' }} />
+                < BlocklyWindow blocklyCSS={{ height: '80vH' }} initialXml={this.props.project.xml} />
-            }
+                : < BlocklyWindow blocklyCSS={{ height: '80vH' }} />
+              }
+            </div>
           </Grid>
           {this.state.codeOn ?
             <Grid item xs={12} md={4}>
               <CodeViewer />
+              <TooltipViewer />
             </Grid>
-          : null}
+            : null}
         </Grid>
         <HintTutorialExists />
         <Snackbar

src/components/Impressum.js

@@ -1,13 +1,14 @@
 import React, { Component } from 'react';
 import { withRouter } from 'react-router-dom';
-
+import Container from '@material-ui/core/Container';
 class Impressum extends Component {
     render() {
         return (
-            <div style={{ margin: '0px 24px 0px 24px' }}>
+            <Container fixed>
-                <h1>Impressum</h1>
+                <div style={{ margin: '0px 24px 0px 24px' }}>
+                    <h1>Impressum</h1>
 
-                <h2>Angaben gemäß § 5 TMG:</h2>
+                    <h2>Angaben gemäß § 5 TMG:</h2>
           Institut für Geoinformatik<br />
           Heisenbergstraße 2<br />
           Geo 1<br />
@@ -16,7 +17,7 @@ class Impressum extends Component {
                 <h2>Kontakt:</h2>
           E-Mail: <a href="mailto:info@mybadges.org!">info@mybadges.org</a>
 
-                <h2>Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV:</h2>
+                    <h2>Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV:</h2>
           Geschäftsführende Direktorin Prof. Dr. Angela Schwering<br />
           Heisenbergstraße 2<br />
           Geo 1<br />
@@ -25,21 +26,22 @@ class Impressum extends Component {
                 <h2>Streitschlichtung</h2>
           Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: <a href="https://ec.europa.eu/consumers/odr" target="_blank" rel="noopener noreferrer">https://ec.europa.eu/consumers/odr</a>.<br />
           Unsere E-Mail-Adresse finden Sie oben im Impressum.<br />
-                <p>Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p>
+                    <p>Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p>
 
-                <h3>Haftung für Inhalte</h3>
+                    <h3>Haftung für Inhalte</h3>
             Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.
                 <p>Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.</p>
 
-                <h3>Haftung für Links</h3>
+                    <h3>Haftung für Links</h3>
             Unser Angebot enthält Links zu externen Websites Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar.
                 <p>Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.</p>
 
-                <h3>Urheberrecht</h3>
+                    <h3>Urheberrecht</h3>
             Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet.
                 <p>Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.</p>
 
-            </div>
+                </div>
+            </Container>
         );
     };
 }

src/components/Navbar.js

@@ -20,10 +20,12 @@ import ListItem from '@material-ui/core/ListItem';
 import ListItemIcon from '@material-ui/core/ListItemIcon';
 import ListItemText from '@material-ui/core/ListItemText';
 import LinearProgress from '@material-ui/core/LinearProgress';
-
+import Tour from 'reactour'
-import { faBars, faChevronLeft, faLayerGroup, faSignInAlt, faSignOutAlt, faCertificate, faUserCircle, faCog, faChalkboardTeacher, faTools, faLightbulb } from "@fortawesome/free-solid-svg-icons";
+import { home, assessment } from './Tour';
+import { faBars, faChevronLeft, faLayerGroup, faSignInAlt, faSignOutAlt, faCertificate, faUserCircle, faQuestionCircle, faCog, faChalkboardTeacher, faTools, faLightbulb } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import * as Blockly from 'blockly'
+import Tooltip from '@material-ui/core/Tooltip';
 
 
 const styles = (theme) => ({
@@ -34,6 +36,10 @@ const styles = (theme) => ({
   },
   appBarColor: {
     backgroundColor: theme.palette.primary.main
+  },
+  tourButton: {
+    marginleft: 'auto',
+    marginright: '30px',
   }
 });
 
@@ -43,7 +49,8 @@ class Navbar extends Component {
   constructor(props) {
     super(props);
     this.state = {
-      open: false
+      open: false,
+      isTourOpen: false
     };
   }
 
@@ -51,7 +58,21 @@ class Navbar extends Component {
     this.setState({ open: !this.state.open });
   }
 
+  openTour = () => {
+    this.setState({ isTourOpen: true });
+
+  }
+
+  closeTour = () => {
+    this.setState({ isTourOpen: false });
+  }
+
   render() {
+    var isHome = /^\/(\/.*$|$)/g.test(this.props.location.pathname);
+    var isTutorial = /^\/tutorial(\/.*$|$)/g.test(this.props.location.pathname);
+    var isAssessment = /^\/tutorial\/.{1,}$/g.test(this.props.location.pathname) &&
+      !this.props.tutorialIsLoading && this.props.tutorial &&
+      this.props.tutorial.steps[this.props.activeStep].type === 'task';
     return (
       <div>
         <AppBar
@@ -64,6 +85,7 @@ class Navbar extends Component {
               color="inherit"
               onClick={this.toggleDrawer}
               style={{ margin: '0 10px' }}
+              className="MenuButton"
             >
               <FontAwesomeIcon icon={faBars} />
             </IconButton>
@@ -75,12 +97,41 @@ class Navbar extends Component {
             <Link to={"/"} style={{ marginLeft: '10px' }}>
               <img src={senseboxLogo} alt="senseBox-Logo" width="30" />
             </Link>
-            {/^\/tutorial(\/.*$|$)/g.test(this.props.location.pathname) ?
+            {isTutorial ?
               <Link to={"/tutorial"} style={{ textDecoration: 'none', color: 'inherit', marginLeft: '10px' }}>
                 <Typography variant="h6" noWrap>
                   Tutorial
                 </Typography>
               </Link> : null}
+            {isHome ?
+              <Tooltip title='Hilfe starten' arrow>
+                <IconButton
+                  color="inherit"
+                  className={`openTour ${this.props.classes.button}`}
+                  onClick={() => { this.openTour(); }}
+                  style={{ margin: '0 30px 0 auto' }}
+                >
+                  <FontAwesomeIcon icon={faQuestionCircle} />
+                </IconButton>
+              </Tooltip>
+              : null}
+            {isAssessment ?
+              <Tooltip title='Hilfe starten' arrow>
+                <IconButton
+                  color="inherit"
+                  className={`openTour ${this.props.classes.button}`}
+                  onClick={() => { this.openTour(); }}
+                  style={{ margin: '0 30px 0 auto' }}
+                >
+                  <FontAwesomeIcon icon={faQuestionCircle} />
+                </IconButton>
+              </Tooltip>
+              : null}
+            <Tour
+              steps={isHome ? home() : assessment()}
+              isOpen={this.state.isTourOpen}
+              onRequestClose={() => { this.closeTour(); }}
+            />
           </Toolbar>
         </AppBar>
         <Drawer
@@ -116,6 +167,11 @@ class Navbar extends Component {
                   </Link>
                 );
               }
+              else {
+                return(
+                  null
+                  )
+              }
             }
             )}
           </List>
@@ -125,6 +181,7 @@ class Navbar extends Component {
             { text: Blockly.Msg.navbar_account, icon: faUserCircle, link: '/user', restriction: this.props.isAuthenticated },
             { text: Blockly.Msg.navbar_mybadges, icon: faCertificate, link: '/user/badge', restriction: this.props.isAuthenticated },
             { text: Blockly.Msg.navbar_logout, icon: faSignOutAlt, function: this.props.logout, restriction: this.props.isAuthenticated },
+            { text: 'FAQ', icon: faQuestionCircle, link: "/faq" },
             { text: Blockly.Msg.navbar_settings, icon: faCog, link: "/settings" }].map((item, index) => {
               if (item.restriction || Object.keys(item).filter(attribute => attribute === 'restriction').length === 0) {
                 return (
@@ -136,7 +193,14 @@ class Navbar extends Component {
                   </Link>
                 );
               }
+              else {
+                return(
+                  null
+                  )
+              }
+              
             }
+            
             )}
           </List>
         </Drawer>
@@ -152,14 +216,18 @@ Navbar.propTypes = {
   tutorialIsLoading: PropTypes.bool.isRequired,
   projectIsLoading: PropTypes.bool.isRequired,
   isAuthenticated: PropTypes.bool.isRequired,
-  user: PropTypes.object
+  user: PropTypes.object,
+  tutorial: PropTypes.object.isRequired,
+  activeStep: PropTypes.number.isRequired
 };
 
 const mapStateToProps = state => ({
   tutorialIsLoading: state.tutorial.progress,
   projectIsLoading: state.project.progress,
   isAuthenticated: state.auth.isAuthenticated,
-  user: state.auth.user
+  user: state.auth.user,
+  tutorial: state.tutorial.tutorials[0],
+  activeStep: state.tutorial.activeStep,
 });
 
 export default connect(mapStateToProps, { logout })(withStyles(styles, { withTheme: true })(withRouter(Navbar)));

src/components/News.js

@@ -0,0 +1,153 @@
+import React, { Component } from 'react';
+
+import Breadcrumbs from './Breadcrumbs';
+
+import { withRouter } from 'react-router-dom';
+
+import Button from '@material-ui/core/Button';
+import Typography from '@material-ui/core/Typography';
+import * as Blockly from 'blockly'
+import ReactMarkdown from 'react-markdown';
+import Container from '@material-ui/core/Container';
+
+const news = `
+
+# *08.01.2021* - Erstes Release der neuen Lern- und Programmierumgebung für die senseBox 
+
+ In den letzten Wochen haben wir eine komplett neue Lern- und Programmierumgebung für die senseBox geschaffen. Die Basis bildet hierbei weiterhin Google Blockly und das Frontend wird über React realisiert. Fast alle Blöcke wurden bereits aus der alten Version in die neue Version migriert. 
+
+![](https://radosgw.public.os.wwu.de/pad/uploads/upload_880bb55f28e0dbb0bb9c2160d8e50594.png)
+
+## Blockly Core
+Nachdem die bisherige Version, die unter [blockly.sensebox.de](https://blockly.sensebox.de) weiterhin verfügbar ist, auf einen Google Blockly Core von 2016 aufbaut, wurde es Zeit ein großes Update durchzuführen. Durch den neuen Blockly Core lassen sich auch andere Renderer der Blöcke verwenden. In den Einstellungen kannst du zwischen den zwei Renderern Geras und Zelos auswählen. Geras ist der klassische Blockly Renderer während Zelos vor allem für Touchoberfläche optimiert worden ist.
+
+### Typed Variablen
+
+Neue Variablen werden nun direkt mit einem bestimmten Datentyp angelegt. Ein einfacher Check überprüft ob der zurückgegeben Typ eines Blockes mit dem der Variablen kompatibel ist. 
+
+![](https://radosgw.public.os.wwu.de/pad/uploads/upload_0d505fc2472178182995732af226e736.png)
+
+
+### Funktionen (funktioniert aktuell nicht!)
+
+Funktionen mit Rückgabe Wert und Eingabeparametern können angelegt werden. Durch die Verwendung von Funktionen lassen sich auch komplexere Programme übersichtlicher darstellen und bearbeiten. Beim Anlegen einer Funktion kann über das Zahnrad weitere Eingabeparameter hinzuefügt werden. 
+
+![](https://radosgw.public.os.wwu.de/pad/uploads/upload_bd9544b118a1dbe83d149c00678eb39d.png)
+
+
+### GPS
+
+Der Code für das GPS Modul wurde neu aufgebaut und ermöglicht es deutlich schneller einen GPS Fix zu bekommen. Zusätzlich lassen sich bald! die Koordinaten in zwei verschiedenen Formaten zurückgebenlassen. Zum einen als Kommazahl zum anderen als Zahl ohne nachkommastellen 
+
+### MQTT
+Zwei einfache Blöcke ermöglichen es nun die Daten über MQTT an einen Broker zu versenden. Zwei Broker sind bereits "vorprogrammiert" (Adafruit IO und DIOTY). Natürlich können auch eigene Broker verwendet werden. Falls ihr gute freie Broker kennt, die wir hinzufügen sollten meldet euch einfach bei uns.
+
+![](https://radosgw.public.os.wwu.de/pad/uploads/upload_a9df4b0b9b1e6f39f09cf3b1743caad2.png)
+
+
+### TTN Mapper
+Bisher war es möglich einen "kleinen" TTN Mapper zu bauen, der die Daten als Cayenne Payload versendet hat. Es gibt nun einen Block der es direkt ermöglicht einen vollständigen TTN Mapper zu Programmieren, der die Daten auch auf [TTNMapper](https://ttnmapper.org/) veröffentlichen kann.
+
+![](https://radosgw.public.os.wwu.de/pad/uploads/upload_b59691f2ebcf04d8b67a5f4e7fbe70b6.png)
+
+
+## Fronted
+
+In der Oberfläche gibt es einige Neuigkeiten. Ziel ist es Blockly für die senseBox zu einer vollständigen Lern- und Programmierumgebung weiterzuentwickeln.  
+
+Die Codeanzeige ist standardmäßig ausgeblendet kann aber einfach durch eine Klick auf das \`</>\` Icon hinzugefügt werden.
+
+### Login mit openSenseMap/senseBox Account
+
+Im Menü unter Login könnt ihr euch mit eurem openSenseMap Account anmelden. Sobald ihr angemeldet seid habt ihr die Möglichkeit Projekte online zu speichern. 
+Sobald der Login mit dem openSenseMap Account erfolgreich war lassen sich die bereits registrierten senseBox unter Account einsehen. 
+
+![](https://radosgw.public.os.wwu.de/pad/uploads/upload_c3965edc99021339a30b8d6704471e50.png)
+
+
+Im Block zum senden an die openSenseMap müssen dann auch keine IDs mehr ausgewählt werden sondern die registrierten senseBox können einfach aus dem Dropdown Menü ausgewählt werden.
+
+![](https://radosgw.public.os.wwu.de/pad/uploads/upload_57284cea57bfa5df3d55fe456f9d7cfa.png)
+
+### Speichern von Projekten
+
+Nach dem Login über den openSenseMap Account lassen sich Projekte online speichern und wieder abrufen
+
+![](https://radosgw.public.os.wwu.de/pad/uploads/upload_148146b1206fde184afff6edce26b515.png)
+
+
+### Tutorials
+
+Es gibt jetzt Tutorials! Eine reihe von verschiedenen Tutorials zeigt dir die ersten Schritte in der Programmierung mit Blockly. (Inhalte werden noch ausgebaut)
+
+![](https://radosgw.public.os.wwu.de/pad/uploads/upload_db0e64df48d4c34a9540ffb089e95769.png)
+
+### Gallery
+
+In der Gallery finden sich Beispiele mit verschiedenen Programmen. Die Beispiele können direkt in Blockly geöffnet werden, um Änderungen vorzunehmen oder das Programm direkt auf deine senseBox zu übertragen. 
+
+![](https://radosgw.public.os.wwu.de/pad/uploads/upload_c61e1fa98f9d840507a8a53b00605484.png)
+
+
+### Teilen von Programmen
+
+Über den Share Button kann ein Link zum Teilen der aktuellen Blöcke erstellt werden. Wann immer du dein Projekt mit anderen Teilen willst musst du nicht mehr eine XML Datei erstellen und verschicken sondern kannst einen Link erstellen, der direkt zu deinem Programm führt. Beachte, dass vor dem Teilen von Blöcken sämtliche sensiblen Daten, wie zum Beispiel Passwörter, Netzwerknamen, Lora oder openSenseMap Keys entfernt werden sollten. Die Links zum teilen von Programmen laufen nach 30 Tagen ab.
+
+![](https://radosgw.public.os.wwu.de/pad/uploads/upload_a8dba6720fe2fb39cadf129d9bb04a62.png)
+
+### Anzeigen von Hilfetexten
+
+Wenn ein Block angeklickt und markiert ist (gelbe Umrandung) wird im Hilfefenster eine kurze Erläuterung und eine Quelle für weitere Informationen angezeigt.
+
+## Fehler
+
+Falls ihr Fehler findet legt bitte ein Issue in folgendem Repository an: [React-Ardublockly](https://github.com/sensebox/React-Ardublockly/issues)
+
+
+`
+
+
+
+
+class News extends Component {
+
+    componentDidMount() {
+        // Ensure that Blockly.setLocale is adopted in the component.
+        // Otherwise, the text will not be displayed until the next update of the component.
+        this.forceUpdate();
+    }
+
+    render() {
+        return (
+            <div>
+                <Breadcrumbs content={[{ link: this.props.location.pathname, title: 'News' }]} />
+                <Container fixed>
+                    <Typography variant='body1'><ReactMarkdown className="news" children={news}>
+                    </ReactMarkdown></Typography>
+                </Container>
+                {
+                    this.props.button ?
+                        <Button
+                            style={{ marginTop: '20px' }}
+                            variant="contained"
+                            color="primary"
+                            onClick={() => { this.props.history.push(this.props.button.link) }}
+                        >
+                            {this.props.button.title}
+                        </Button>
+                        :
+                        <Button
+                            style={{ marginTop: '20px' }}
+                            variant="contained"
+                            color="primary"
+                            onClick={() => { this.props.history.push('/') }}
+                        >
+                            {Blockly.Msg.button_back}
+                        </Button>
+                }
+            </div >
+        );
+    };
+}
+
+export default withRouter(News);

src/components/Privacy.js

@@ -1,18 +1,19 @@
 import React, { Component } from 'react';
 import { withRouter } from 'react-router-dom';
-
+import Container from '@material-ui/core/Container';
 class Privay extends Component {
     render() {
         return (
-            <div style={{ margin: '0px 24px 0px 24px' }}>
+            <Container fixed>
-                <h1>Datenschutzerklärung</h1>
+                <div style={{ margin: '0px 24px 0px 24px' }}>
+                    <h1>Datenschutzerklärung</h1>
 
-                <h2>1. Datenschutz auf einen Blick</h2>
+                    <h2>1. Datenschutz auf einen Blick</h2>
-                <h3>Allgemeine Hinweise</h3>
+                    <h3>Allgemeine Hinweise</h3>
         Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten passiert, wenn Sie unsere Website besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können. Ausführliche Informationen zum Thema Datenschutz entnehmen Sie unserer unter diesem Text aufgeführten Datenschutzerklärung.
                 <h3>Datenerfassung auf unserer Website</h3>
 
-                <h4>Wer ist verantwortlich für die Datenerfassung auf dieser Website?</h4>
+                    <h4>Wer ist verantwortlich für die Datenerfassung auf dieser Website?</h4>
 
 Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen Kontaktdaten können Sie dem Impressum dieser Website entnehmen.
 
@@ -38,7 +39,7 @@ Sie können dieser Analyse widersprechen. Über die Widerspruchsmöglichkeiten w
 
 
                 <h2>2. Allgemeine Hinweise und Pflichtinformationen</h2>
-                <h3>Datenschutz</h3>
+                    <h3>Datenschutz</h3>
 Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst.Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend der gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung.
 
 Wenn Sie diese Website benutzen, werden verschiedene personenbezogene Daten erhoben.Personenbezogene Daten sind Daten, mit denen Sie persönlich identifiziert werden können.Die vorliegende Datenschutzerklärung erläutert, welche Daten wir erheben und wofür wir sie nutzen.Sie erläutert auch, wie und zu welchem Zweck das geschieht.
@@ -81,14 +82,14 @@ Gesetzlich vorgeschriebener Datenschutzbeauftragter
 Wir haben für unser Unternehmen einen Datenschutzbeauftragten bestellt.
 
                 <p>Institut für Geoinformatik</p>
-                <p>Heisenbergstraße 2</p>
+                    <p>Heisenbergstraße 2</p>
-                <p>48149 Münster</p>
+                    <p>48149 Münster</p>
 
-                <p>Telefon: +49(251) 83 - 33 083</p>
+                    <p>Telefon: +49(251) 83 - 33 083</p>
-                <p>E - Mail: info@sensebox.de</p>
+                    <p>E - Mail: info@sensebox.de</p>
 
-                <h2>4. Datenerfassung auf unserer Website</h2>
+                    <h2>4. Datenerfassung auf unserer Website</h2>
-                <h3>Cookies</h3>
+                    <h3>Cookies</h3>
 Die Internetseiten verwenden teilweise so genannte Cookies.Cookies richten auf Ihrem Rechner keinen Schaden an und enthalten keine Viren.Cookies dienen dazu, unser Angebot nutzerfreundlicher, effektiver und sicherer zu machen.Cookies sind kleine Textdateien, die auf Ihrem Rechner abgelegt werden und die Ihr Browser speichert.
 
 Die meisten der von uns verwendeten Cookies sind so genannte “Session - Cookies”.Sie werden nach Ende Ihres Besuchs automatisch gelöscht.Andere Cookies bleiben auf Ihrem Endgerät gespeichert bis Sie diese löschen.Diese Cookies ermöglichen es uns, Ihren Browser beim nächsten Besuch wiederzuerkennen.
@@ -101,14 +102,14 @@ Sie können Ihren Browser so einstellen, dass Sie über das Setzen von Cookies i
 Der Provider der Seiten erhebt und speichert automatisch Informationen in so genannten Server - Log - Dateien, die Ihr Browser automatisch an uns übermittelt.Dies sind:
                 <ul>
 
-                    <li>Browsertyp und Browserversion</li>
+                        <li>Browsertyp und Browserversion</li>
-                    <li>verwendetes Betriebssystem</li>
+                        <li>verwendetes Betriebssystem</li>
-                    <li>Referrer URL</li>
+                        <li>Referrer URL</li>
-                    <li>Hostname des zugreifenden Rechners</li>
+                        <li>Hostname des zugreifenden Rechners</li>
-                    <li>Uhrzeit der Serveranfrage</li>
+                        <li>Uhrzeit der Serveranfrage</li>
-                    <li>
+                        <li>
-                        IP - Adresse</li>
+                            IP - Adresse</li>
-                </ul>
+                    </ul>
 
 Eine Zusammenführung dieser Daten mit anderen Datenquellen wird nicht vorgenommen.
 
@@ -164,8 +165,8 @@ Wenn Sie mit der Speicherung und Nutzung Ihrer Daten nicht einverstanden sind, k
 
 
 
-                <h2>Plugins und Tools</h2>
+                    <h2>Plugins und Tools</h2>
-                <h3>YouTube</h3>
+                    <h3>YouTube</h3>
 Unsere Website nutzt Plugins der von Google betriebenen Seite YouTube.Betreiber der Seiten ist die YouTube, LLC, 901 Cherry Ave., San Bruno, CA 94066, USA.
 
 Wenn Sie eine unserer mit einem YouTube - Plugin ausgestatteten Seiten besuchen, wird eine Verbindung zu den Servern von YouTube hergestellt.Dabei wird dem YouTube - Server mitgeteilt, welche unserer Seiten Sie besucht haben.
@@ -177,6 +178,7 @@ Die Nutzung von YouTube erfolgt im Interesse einer ansprechenden Darstellung uns
 Weitere Informationen zum Umgang mit Nutzerdaten finden Sie in der Datenschutzerklärung von YouTube unter: https://www.google.de/intl/de/policies/privacy.
 
             </div>
+            </Container>
         );
     };
 }

src/components/Route/Routes.js

@@ -23,7 +23,8 @@ import Privacy from '../Privacy';
 import Login from '../User/Login';
 import Account from '../User/Account';
 import MyBadges from '../User/MyBadges';
-
+import News from '../News'
+import Faq from '../Faq'
 
 class Routes extends Component {
 
@@ -36,7 +37,7 @@ class Routes extends Component {
       <div style={{ margin: '0 22px' }}>
         <Switch>
           <PublicRoute path="/" exact>
-            <Home/>
+            <Home />
           </PublicRoute>
           {/* Tutorials */}
           <PublicRoute path="/tutorial" exact>
@@ -61,10 +62,10 @@ class Routes extends Component {
           </PublicRoute>
           {/* User-Projects */}
           <PrivateRoute path="/project" exact>
-            <ProjectHome/>
+            <ProjectHome />
           </PrivateRoute>
           <PrivateRoute path="/project/:projectId" exact>
-            <Project/>
+            <Project />
           </PrivateRoute>
           {/* User */}
           <IsLoggedRoute path="/user/login" exact>
@@ -87,10 +88,17 @@ class Routes extends Component {
           <PublicRoute path="/privacy" exact>
             <Privacy />
           </PublicRoute>
+          <PublicRoute path="/news" exact>
+            <News />
+          </PublicRoute>
+          <PublicRoute path="/faq" exact>
+            <Faq />
+          </PublicRoute>
           {/* Not Found */}
           <PublicRoute>
             <NotFound />
           </PublicRoute>
+
         </Switch>
       </div>
     );

src/components/TooltipViewer.js

@@ -0,0 +1,47 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { connect } from 'react-redux';
+
+import withWidth from '@material-ui/core/withWidth';
+
+import { Card } from '@material-ui/core';
+import * as Blockly from 'blockly'
+import CardContent from '@material-ui/core/CardContent';
+
+import Typography from '@material-ui/core/Typography';
+import ReactMarkdown from 'react-markdown';
+
+class TooltipViewer extends Component {
+
+
+  render() {
+
+    return (
+      <Card className="tooltipViewer" style={{ height: '100%', margin: '1vH 0 0 0', maxHeight: '19vH', overflow: 'auto' }} ref={this.myDiv}>
+        <CardContent>
+          <Typography variant="h5" component="h2">
+            {Blockly.Msg.tooltip_viewer}
+          </Typography>
+          <Typography variant="body2" component="p">
+            <ReactMarkdown linkTarget="_blank">{this.props.tooltip}</ReactMarkdown>
+
+            {this.props.helpurl !== '' ? <ReactMarkdown>{`${Blockly.Msg.tooltip_moreInformation} [${Blockly.Msg.labels_here}](${this.props.helpurl})`}</ReactMarkdown> : null}
+
+          </Typography>
+        </CardContent>
+      </Card>
+    );
+  };
+}
+
+TooltipViewer.propTypes = {
+  tooltip: PropTypes.string.isRequired,
+  helpurl: PropTypes.string.isRequired
+};
+
+const mapStateToProps = state => ({
+  tooltip: state.workspace.code.tooltip,
+  helpurl: state.workspace.code.helpurl
+});
+
+export default connect(mapStateToProps, null)(withWidth()(TooltipViewer));

src/components/Tour.js

@@ -0,0 +1,57 @@
+import * as Blockly from 'blockly/core';
+
+export const home = () => {
+    return [
+        {
+            selector: ".wrapper",
+            content: `${Blockly.Msg.hometour_wrapper}`,
+        },
+        {
+            selector: ".blocklyWindow",
+            content: `${Blockly.Msg.hometour_blocklyWindow}`,
+        },
+        {
+            selector: ".blocklyToolboxDiv",
+            content: `${Blockly.Msg.hometour_blocklyToolboxDiv}`,
+        },
+        {
+            selector: '.workspaceFunc',
+            content: `${Blockly.Msg.hometour_workspaceFunc}`,
+        },
+        {
+            selector: ".compileBlocks",
+            content: `${Blockly.Msg.hometour_compileBlocks}`,
+        },
+        {
+            selector: ".shareBlocks",
+            content: `${Blockly.Msg.hometour_shareBlocks}`,
+        },
+        {
+            selector: ".showCode",
+            content: `${Blockly.Msg.hometour_showCode}`,
+        },
+        {
+            selector: ".MenuButton",
+            content: `${Blockly.Msg.hometour_menuButton}`,
+        }
+    ];
+};
+
+export const assessment = () => {
+    return [
+        // to be continued...
+
+        {
+            selector: '.assessmentDiv',
+            content: `${Blockly.Msg.assessmenttour_assessmentDiv}`
+        },
+        {
+            selector: '.injectionDiv',
+            content: `${Blockly.Msg.assessmenttour_injectionDiv}`
+        },
+        {
+            selector: '.solutionCheck',
+            content: `${Blockly.Msg.assessmenttour_solutionCheck}`
+        }
+    ];
+};

src/components/Tutorial/Assessment.js

@@ -33,7 +33,7 @@ class Assessment extends Component {
     var statusTask = status.tasks[taskIndex];
 
     return (
-      <div style={{ width: '100%' }}>
+      <div className="assessmentDiv" style={{ width: '100%' }}>
         <Typography variant='h4' style={{ float: 'left', marginBottom: '5px', height: '40px', display: 'table' }}>{currentTask.headline}</Typography>
         <div style={{ float: 'right', height: '40px' }}><WorkspaceFunc assessment /></div>
         <Grid container spacing={2} style={{ marginBottom: '5px' }}>

src/components/Tutorial/HintTutorialExists.js

@@ -1,15 +1,13 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
-
-import { Link } from 'react-router-dom';
-
 import Dialog from '../Dialog';
 
 import { withStyles } from '@material-ui/core/styles';
 import Checkbox from '@material-ui/core/Checkbox';
 import FormControlLabel from '@material-ui/core/FormControlLabel';
 import * as Blockly from 'blockly'
+import ReactMarkdown from 'react-markdown';
 
 const styles = (theme) => ({
   link: {
@@ -64,7 +62,7 @@ class HintTutorialExists extends Component {
         button={Blockly.Msg.button_close}
       >
         <div>
-          {Blockly.Msg.messages_newblockly_text}<Link to="/tutorial" className={this.props.classes.link}>test</Link>
+          <ReactMarkdown linkTarget="_blank">{Blockly.Msg.messages_newblockly_text}</ReactMarkdown>
         </div>
         <FormControlLabel
           style={{ marginTop: '20px' }}

src/components/Tutorial/SolutionCheck.js

@@ -61,7 +61,7 @@ class SolutionCheck extends Component {
       <div>
         <Tooltip title={Blockly.Msg.tooltip_check_solution} arrow>
           <IconButton
-            className={this.props.classes.compile}
+            className={`solutionCheck ${this.props.classes.compile}`}
             style={{ width: '40px', height: '40px', marginRight: '5px' }}
             onClick={() => this.check()}
           >

src/components/Tutorial/Tutorial.js

@@ -38,7 +38,7 @@ class Tutorial extends Component {
       // authentication is completed
       this.props.getTutorial(this.props.match.params.tutorialId);
     }
-    else if(this.props.tutorial && !this.props.isLoading && this.props.tutorial._id != this.props.match.params.tutorialId) {
+    else if(this.props.tutorial && !this.props.isLoading && this.props.tutorial._id !== this.props.match.params.tutorialId) {
       this.props.getTutorial(this.props.match.params.tutorialId);
     }
     if (this.props.message.id === 'GET_TUTORIAL_FAIL') {

src/components/User/Account.js

@@ -16,15 +16,15 @@ import Link from '@material-ui/core/Link';
 import Typography from '@material-ui/core/Typography';
 import Tooltip from '@material-ui/core/Tooltip';
 
-import { faUser, faAt, faMapMarkerAlt, faCloudSunRain, faBox } from "@fortawesome/free-solid-svg-icons";
+import { faUser, faAt, faMapMarkerAlt, faCloudSunRain, faBox, faUserTag } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 
 export class Account extends Component {
 
-  render(){
+  render() {
-    const {user} = this.props;
+    const { user } = this.props;
-    return(
+    return (
       <div>
         <Breadcrumbs content={[{ link: '/user', title: 'Account' }]} />
 
@@ -32,7 +32,7 @@ export class Account extends Component {
         <Alert>
           Alle Angaben stammen von <Link color='primary' rel="noreferrer" target="_blank" href={'https://opensensemap.org/'}>openSenseMap</Link> und können dort verwaltet werden.
         </Alert>
-        <Paper style={{width: 'max-content', maxWidth: '100%'}}>
+        <Paper style={{ width: 'max-content', maxWidth: '100%' }}>
           <List>
             <ListItem>
               <Tooltip title='Nutzername'>
@@ -40,7 +40,7 @@ export class Account extends Component {
                   <FontAwesomeIcon icon={faUser} />
                 </ListItemIcon>
               </Tooltip>
-              <ListItemText primary={user.name} />
+              <ListItemText primary={`Name: ${user.name}`} />
             </ListItem>
             <ListItem>
               <Tooltip title='Email'>
@@ -48,30 +48,36 @@ export class Account extends Component {
                   <FontAwesomeIcon icon={faAt} />
                 </ListItemIcon>
               </Tooltip>
-              <ListItemText primary={user.email} />
+              <ListItemText primary={`Email: ${user.email}`} />
+            </ListItem>
+            <ListItem>
+              <ListItemIcon>
+                <FontAwesomeIcon icon={faUserTag} />
+              </ListItemIcon>
+              <ListItemText primary={`Userrolle: ${user.blocklyRole}`} />
             </ListItem>
           </List>
         </Paper>
-        <Divider style={{marginBottom: '16px', marginTop: '16px'}}/>
+        <Divider style={{ marginBottom: '16px', marginTop: '16px' }} />
-        <div style={{marginBottom: '8px'}}>
+        <div style={{ marginBottom: '8px' }}>
           {this.props.user.boxes.length < 1 ?
             <Typography>
               Du hast noch keine senseBox registriert. Besuche <Link color='primary' rel="noreferrer" target="_blank" href={'https://opensensemap.org/'}>openSenseMap</Link> um eine senseBox zu registrieren.
             </Typography>
-          : <Typography style={{fontWeight: 'bold', fontSize: '1.1rem'}}>
+            : <Typography style={{ fontWeight: 'bold', fontSize: '1.1rem' }}>
-            Du hast {this.props.user.boxes.length} {this.props.user.boxes.length === 1 ? 'senseBox' : 'senseBoxen'} registriert:
+              Du hast {this.props.user.boxes.length} {this.props.user.boxes.length === 1 ? 'senseBox' : 'senseBoxen'} registriert:
           </Typography>}
         </div>
         <Grid container spacing={2}>
           {this.props.user.boxes.map((box, i) => {
-            var sensors = box.sensors.map(sensor => sensor.title );
+            var sensors = box.sensors.map(sensor => sensor.title);
             return (
               <Grid item xs={12} sm={6} md={4} xl={3} key={i}>
                 <Link rel="noreferrer" target="_blank" href={`https://opensensemap.org/explore/${box._id}`} color="primary" style={{ textDecoration: 'none', color: 'inherit' }}>
                   <Paper>
                     <List>
                       <ListItem>
-                        <Typography style={{fontWeight: 'bold', fontSize: '1.6rem'}}>{box.name}</Typography>
+                        <Typography style={{ fontWeight: 'bold', fontSize: '1.6rem' }}>{box.name}</Typography>
                       </ListItem>
                       <ListItem>
                         <Tooltip title='Modell'>
@@ -80,7 +86,7 @@ export class Account extends Component {
                           </ListItemIcon>
                         </Tooltip>
                         <div>
-                          <Typography style={{fontWeight: 'bold', marginRight: '4px'}}>Modell: </Typography>
+                          <Typography style={{ fontWeight: 'bold', marginRight: '4px' }}>Modell: </Typography>
                           <Typography>{box.model}</Typography>
                         </div>
                       </ListItem>
@@ -91,7 +97,7 @@ export class Account extends Component {
                           </ListItemIcon>
                         </Tooltip>
                         <div>
-                          <Typography style={{fontWeight: 'bold', marginRight: '4px'}}>Standort: </Typography>
+                          <Typography style={{ fontWeight: 'bold', marginRight: '4px' }}>Standort: </Typography>
                           <Typography>{`${box.exposure} (lon: ${box.currentLocation.coordinates[0]}, lat: ${box.currentLocation.coordinates[1]})`}</Typography>
                         </div>
                       </ListItem>
@@ -102,7 +108,7 @@ export class Account extends Component {
                           </ListItemIcon>
                         </Tooltip>
                         <div>
-                          <Typography style={{fontWeight: 'bold', marginRight: '4px'}}>Sensoren: </Typography>
+                          <Typography style={{ fontWeight: 'bold', marginRight: '4px' }}>Sensoren: </Typography>
                           <Typography>{sensors.join(', ')}</Typography>
                         </div>
                       </ListItem>

src/components/User/Login.js

@@ -112,7 +112,7 @@ export class Login extends Component {
           <TextField
             // variant='outlined'
             type={this.state.showPassword ? 'text' : 'password'}
-            label={Blockly.Msg.labesl_password}
+            label={Blockly.Msg.labels_password}
             name='password'
             value={this.state.password}
             InputProps={{

src/components/Workspace/Compile.js

@@ -18,6 +18,7 @@ import TextField from '@material-ui/core/TextField';
 import { faClipboardCheck } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import * as Blockly from 'blockly/core';
+import Copy from '../copy.svg';
 
 const styles = (theme) => ({
   backdrop: {
@@ -122,7 +123,7 @@ class Compile extends Component {
         {this.props.iconButton ?
           <Tooltip title={Blockly.Msg.tooltip_compile_code} arrow style={{ marginRight: '5px' }}>
             <IconButton
-              className={this.props.classes.iconButton}
+              className={`compileBlocks ${this.props.classes.iconButton}`}
               onClick={() => this.compile()}
             >
               <FontAwesomeIcon icon={faClipboardCheck} size="l" />
@@ -134,7 +135,13 @@ class Compile extends Component {
           </Button>
         }
         <Backdrop className={this.props.classes.backdrop} open={this.state.progress}>
-          <CircularProgress color="inherit" />
+          <div className='overlay'>
+            <img src={Copy} width="400" alt="copyimage"></img>
+            <h2>{Blockly.Msg.compile_overlay_head}</h2>
+            <p>{Blockly.Msg.compile_overlay_text}</p>
+            <p>{Blockly.Msg.compile_overlay_help}<a href="/faq" target="_blank">FAQ</a></p>
+            <CircularProgress color="inherit" />
+          </div>
         </Backdrop>
         <Dialog
           open={this.state.open}

src/components/Workspace/CopyCode.js

@@ -0,0 +1,99 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { connect } from 'react-redux';
+import { workspaceName } from '../../actions/workspaceActions';
+
+import { withStyles } from '@material-ui/core/styles';
+import Button from '@material-ui/core/Button';
+import IconButton from '@material-ui/core/IconButton';
+import Tooltip from '@material-ui/core/Tooltip';
+
+import { faCopy } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import * as Blockly from 'blockly/core';
+import Snackbar from '../Snackbar';
+
+
+const styles = (theme) => ({
+    backdrop: {
+        zIndex: theme.zIndex.drawer + 1,
+        color: '#fff',
+    },
+    iconButton: {
+        backgroundColor: theme.palette.primary.main,
+        color: theme.palette.primary.contrastText,
+        width: '40px',
+        height: '40px',
+        '&:hover': {
+            backgroundColor: theme.palette.primary.main,
+            color: theme.palette.primary.contrastText,
+        }
+    },
+    button: {
+        backgroundColor: theme.palette.button.copycode,
+        color: theme.palette.primary.contrastText,
+        '&:hover': {
+            backgroundColor: theme.palette.button.copycode,
+            color: theme.palette.primary.contrastText,
+        }
+    }
+});
+
+
+class CopyCode extends Component {
+
+    constructor(props) {
+        super(props);
+        this.state = {
+            snackbar: false,
+        };
+    }
+
+
+    copyCode = () => {
+        navigator.clipboard.writeText(this.props.arduino)
+        this.setState({ snackbar: true, type: 'success', key: Date.now(), message: Blockly.Msg.messages_copy_code });
+    }
+
+    render() {
+        return (
+            <div style={{}}>
+                {this.props.iconButton ?
+                    <Tooltip title={Blockly.Msg.tooltip_copy_code} arrow style={{ marginRight: '5px' }}>
+                        <IconButton
+                            className={`copyCode ${this.props.classes.iconButton}`}
+                            onClick={() => this.copyCode()}
+                        >
+                            <FontAwesomeIcon icon={faCopy} size="l" />
+                        </IconButton>
+                    </Tooltip>
+                    :
+                    <Button style={{ float: 'right', color: 'white' }} variant="contained" className={this.props.classes.button} onClick={() => this.copyCode()}>
+                        <FontAwesomeIcon icon={faCopy} style={{ marginRight: '5px' }} /> Code kopieren
+          </Button>
+                }
+                <Snackbar
+                    open={this.state.snackbar}
+                    message={this.state.message}
+                    type={this.state.type}
+                    key={this.state.key}
+                />
+
+            </div >
+        );
+    };
+}
+
+CopyCode.propTypes = {
+    arduino: PropTypes.string.isRequired,
+    name: PropTypes.string,
+    workspaceName: PropTypes.func.isRequired
+};
+
+const mapStateToProps = state => ({
+    arduino: state.workspace.code.arduino,
+    name: state.workspace.name
+});
+
+
+export default connect(mapStateToProps, { workspaceName })(withStyles(styles, { withTheme: true })(CopyCode));

src/components/Workspace/DownloadProject.js

@@ -44,7 +44,7 @@ class DownloadProject extends Component {
       <div style={this.props.style}>
         <Tooltip title={Blockly.Msg.tooltip_download_project} arrow>
           <IconButton
-            className={this.props.classes.button}
+            className={`saveBlocks ${this.props.classes.button}`}
             onClick={() => this.downloadXmlFile()}
           >
             <FontAwesomeIcon icon={faFileDownload} size="xs" />

src/components/Workspace/ShareProject.js

@@ -95,7 +95,7 @@ class WorkspaceFunc extends Component {
       <div style={this.props.style}>
         <Tooltip title={Blockly.Msg.tooltip_share_project} arrow>
           <IconButton
-            className={this.props.classes.button}
+            className={`shareBlocks ${this.props.classes.button}`}
             onClick={() => this.shareBlocks()}
           >
             <FontAwesomeIcon icon={faShareAlt} size="xs" />