Gamepad support plus bug fixes

CHANGELOG.txt

@@ -1,3 +1,17 @@
+# Version 1.2.2
+
+## Gamepad support
+* After updating the XRPLib to version 2.1.3 or greater you can use a gamepad with XRPCode to drive your XRP. The Blocks palette has been updated with gamepad blocks.
+* To drive your XRP you will need a program that responds to the gamepad interactions. There is a very small program in the XRPExamples directory. Be creative and create your own for different types of driving.
+* We use the standard Web Gamepad support and recognize only one controller. If you want to know if your gamepad will work you can go to this <a href="https://hardwaretester.com/gamepad" target="_blank" style="color: blue;">website</a> that will test if your gamepad is compatible with the web browser.
+* If you don't have a gamepad you can use the keyboard. For the left joystick use WASD keys and for the right joystick use the IJKL keys. The number keys 1 - 0 are used for the buttons, in the same order as the pull down on the button gamepad block. There are no keys for the D-PAD.
+
+## Waiting dialog box
+We noticed that when connecting and stopping a program via bluetooth that different operating systems and versions take different amounts of time. We now put up a working dialog box to let you know the connection is still being worked on.
+
+## Comment block added
+If you would like to add comments to your Blockly program there is now a comment block. It can be found with the Text blocks.
+
 # Version 1.2.1
 
 ## Support for new XRP control board 
@@ -19,28 +33,6 @@ But this created a bug where the second time a program was run it could run out
 *  Updates of XRPLib were only being allowed if you were connected via a USB cable. You can now also update the library over bluetooth. Although it will always be much faster when using a cable.
 
 
-# Version 1.1.0
-
-#### Bluetooth support
-<img height="10%" width="10%" src="images/Bluetooth_FM_Black.png"/></img>
-
-# Please read the steps below!!
-
-* Connect your XRP with a cable
-* Let XRPCode upgrade the Micropython and XRPLib
-* Under the RUN button will be the unique name of the XRP. You will want to write this on the XRP.
-* Disconnect the XRP from the cable and turn on the XRP.
-* When you click CONNECT select Bluetooth and it will bring up a list of XRPs that are not currently connected. (If your XRP does not show up press reset)
-* Select your XRP and click Pair.
-* Once connected XRPCode should be the same as if connected via a cable. YOU ARE NOW CABLE FREE!
-* If the XRP is reset / turned off / too far away XRPCode will show RE-CONNECT XRP for 10 seconds and then switch to CONNECT.
-    * If the XRP is turned back on / brought closer XRPCode will auto re-connect to the XRP within that 10 seconds
-* If you start the XRP and a program runs keeping the bluetooth from connecting then press reset and it will restart without running the program
-
-#### Fixed
-* Input is now accepted in XRP applications
-* The REPL stays live from run to run and has information from the last running program like globals and classes
-    * When STOP is used the REPL is reset.
 
 
 

index.html

@@ -7,21 +7,21 @@
 
     <title>XRP Code Editor</title>
 
-        <link rel="stylesheet" href="uikit-3.16.22/css/uikit.css?version=1.2.1" />
+        <link rel="stylesheet" href="uikit-3.16.22/css/uikit.css?version=1.2.2" />
 
-        <link rel="stylesheet" href="js/xterm/css/xterm.css?version=1.2.1"/>
+        <link rel="stylesheet" href="js/xterm/css/xterm.css?version=1.2.2"/>
 
-        <link rel="stylesheet" href="golden-layout/css/goldenlayout-base.css?version=1.2.1">
-        <link rel="stylesheet" href="golden-layout/css/themes/goldenlayout-dark-theme.css?version=1.2.1">
+        <link rel="stylesheet" href="golden-layout/css/goldenlayout-base.css?version=1.2.2">
+        <link rel="stylesheet" href="golden-layout/css/themes/goldenlayout-dark-theme.css?version=1.2.2">
 
-        <link rel="stylesheet" href="css/dark/main-dark.css?version=1.2.1">
-        <link rel="stylesheet" href="css/dark/fs-dark.css?version=1.2.1">
-        <link rel="stylesheet" href="css/dark/dir_chooser-dark.css?version=1.2.1">
-        <link rel="stylesheet" href="css/dark/shell-dark.css?version=1.2.1">
-        <link rel="stylesheet" href="css/dark/editor-dark.css?version=1.2.1">
-        <link rel="stylesheet" href="css/dark/changelog-dark.css?version=1.2.1">
+        <link rel="stylesheet" href="css/dark/main-dark.css?version=1.2.2">
+        <link rel="stylesheet" href="css/dark/fs-dark.css?version=1.2.2">
+        <link rel="stylesheet" href="css/dark/dir_chooser-dark.css?version=1.2.2">
+        <link rel="stylesheet" href="css/dark/shell-dark.css?version=1.2.2">
+        <link rel="stylesheet" href="css/dark/editor-dark.css?version=1.2.2">
+        <link rel="stylesheet" href="css/dark/changelog-dark.css?version=1.2.2">
 
-        <link rel="stylesheet" href="js/treejs/treejs.css?version=1.2.1" />
+        <link rel="stylesheet" href="js/treejs/treejs.css?version=1.2.2" />
 
         <link rel="preconnect" href="https://fonts.googleapis.com">
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -82,12 +82,14 @@
                     class = "uk-align-right uk-text-small xrp-name">
                 </span>
 
-                <div class="header_button_space uk-margin-medium-left uk-height-1-1 uk-width-1-3">
+                <div class="header_button_space  uk-height-1-1 uk-width-1-3">
 
-                    <div class="uk-button-group uk-height-1-1 uk-text-left">
+                    <div class="uk-button-group uk-height-1-1 uk-text-left uk-margin-medium-left">
 
                         <img id="logo" class="xrp_logo" src="images/xrpstickerbot.png" alt="XRP Logo" title="Hello world, I'm XRP!" uk-img>
 
+                        <img id="IDGamePad" style="padding-left: 20%; display: none;"  src="images/gamepad.png" alt="gamepad icon" title="gamepad connected" uk-img>
+
                         <!-- <button
                             id="IDConnectBTN"
                             title="Connect XRP to page manually, or automatically if connected before"
@@ -217,34 +219,7 @@
                                 </ul>
                             </div>
                         </div>
-                    <!--
-                        <button
-                            title="Adds a code editor panel"
-                            alt="Add a new file button"
-                            id="IDAddEditorBTN"
-                            class="uk-button uk-text-small uk-width-1-1 uk-margin-medium-left uk-height-1-1 uk-text-nowrap"
-                            uk-icon="file-edit" dir="rtl">
-                            New File
-                        </button>
-
-                        <button
-                            title="Opens link in new tab"
-                            alt="Link to open User Guide"
-                            onclick="window.open('https://xrpusersguide.readthedocs.io/en/latest/course/introduction.html', '_blank');"
-                            class="uk-button uk-text-small uk-width-1-1 uk-margin-medium-left uk-height-1-1 uk-text-nowrap"
-                            uk-icon="info" dir="rtl">
-                            User Guide
-                        </button>
-
-                        <button
-                            title="Opens link in new tab"
-                            alt="Link to open XRP API homepage"
-                            onclick="window.open('https://open-stem.github.io/XRP_MicroPython/', '_blank');"
-                            class="uk-button uk-text-small uk-width-1-1 uk-margin-medium-left uk-height-1-1 uk-text-nowrap"
-                            uk-icon="home" dir="rtl">
-                            XRP API
-                        </button>
-                    -->
+
                     </div>
 
                     <!-- BELOW LOGO -->
@@ -264,6 +239,13 @@ <h4 id="IdProgress_TitleText"></h4>
             </div>
         </div>
 
+        <div id="IDWaitingParent" uk-modal bg-close="false">
+            <div class="uk-modal-dialog uk-modal-body progress-bar-parent">
+                <h4 id="IdWaiting_TitleText"></h4>
+                <img id="IDWaitingImage" src="images/logo_x_rotate_in_place.gif" width="150"></div>
+            </div>
+        </div>
+
         <!-- This is the modal for connection type -->
         <div id="connect-modal" uk-modal="esc-close:false; bg-close:false">
             <div class="uk-modal-dialog uk-modal-body">
@@ -304,28 +286,28 @@ <h2 class="uk-modal-title"></h2>
         <script src="js/blockly-10.0.0/blockly.min.js"></script>
         <script src="js/blockly-10.0.0/python_compressed.js"></script>
 
-        <script src="js/treejs/tree.js?version=1.2.1"></script>
+        <script src="js/treejs/tree.js?version=1.2.2"></script>
 
-        <script src="js/xterm/lib/xterm.js?version=1.2.1"></script>
-        <script src="js/xterm-addon-fit/lib/xterm-addon-fit.js?version=1.2.1"></script>
+        <script src="js/xterm/lib/xterm.js?version=1.2.2"></script>
+        <script src="js/xterm-addon-fit/lib/xterm-addon-fit.js?version=1.2.2"></script>
 
         <script src="js/marked/marked.min.js"></script>
 
 
-        <script src="js/ace/ace.js?version=1.2.1" type="text/javascript" charset="utf-8"></script>
-        <script src="js/ace/ext-language_tools.js?version=1.2.1"></script>
+        <script src="js/ace/ace.js?version=1.2.2" type="text/javascript" charset="utf-8"></script>
+        <script src="js/ace/ext-language_tools.js?version=1.2.2"></script>
 
-        <script src="js/xrp_blocks.js?version=1.2.1"></script>
-        <script src="js/xrp_blocks_python.js?version=1.2.1"></script>
-        <script src="js/xrp_blockly_toolbox.js?version=1.2.1"></script>
+        <script src="js/xrp_blocks.js?version=1.2.2"></script>
+        <script src="js/xrp_blocks_python.js?version=1.2.2"></script>
+        <script src="js/xrp_blockly_toolbox.js?version=1.2.2"></script>
 
-        <script src="js/editor_wrapper.js?version=1.2.1"></script>
-        <script src="js/filesystem_wrapper.js?version=1.2.1"></script>
-        <script src="js/dir_chooser.js?version=1.2.1"></script>
-        <script src="js/active_terminal_wrapper.js?version=1.2.1"></script>
-        <script src="js/joystick_wrapper.js?version=1.2.1"></script>
-        <script src="js/repl.js?version=1.2.1"></script>
-        <script type="module" src="golden-layout/bundle/esm/golden-layout.js?version=1.2.1"></script>
-        <script type="module" src="js/main.js?version=1.2.1"></script>
+        <script src="js/editor_wrapper.js?version=1.2.2"></script>
+        <script src="js/filesystem_wrapper.js?version=1.2.2"></script>
+        <script src="js/dir_chooser.js?version=1.2.2"></script>
+        <script src="js/active_terminal_wrapper.js?version=1.2.2"></script>
+        <script src="js/joystick_wrapper.js?version=1.2.2"></script>
+        <script src="js/repl.js?version=1.2.2"></script>
+        <script type="module" src="golden-layout/bundle/esm/golden-layout.js?version=1.2.2"></script>
+        <script type="module" src="js/main.js?version=1.2.2"></script>
     </body>
 </html>