Dev kit for blite (#1)

* WIP blite header * sync src folder * remove wifi cred * smart AP mode wifi configuration * working header * formatting fix * renaming and format fix * adhering to arduino libary compiances * setting arch esp8266 * remove default arduino * added ci for arduino lint actions * updated ci for arduino lint actions * updated as per CI errors * fixed pins and soem housekeeping ---------
buildybee · Mar 12, 2024 · 8b27afd · 8b27afd
1 parent 571b9ef
commit 8b27afd
Show file tree

Hide file tree

Showing 25 changed files with 550 additions and 145 deletions.
diff --git a/.github/workflows/arduino-lint.yml b/.github/workflows/arduino-lint.yml
@@ -0,0 +1,7 @@
+on: [push, pull_request]
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: arduino/arduino-lint-action@v1
diff --git a/config/blite.h b/config/blite.h
diff --git a/...controlled_bot/01_wifi_controlled_bot.ino → ...controlled_bot/01_wifi_controlled_bot.ino b/...controlled_bot/01_wifi_controlled_bot.ino → ...controlled_bot/01_wifi_controlled_bot.ino
diff --git a/02_auto_obstruction_detection/readme.md → ...s/02_auto_obstruction_detection/readme.md b/02_auto_obstruction_detection/readme.md → ...s/02_auto_obstruction_detection/readme.md
diff --git a/03_thermistor/03_thermistor.ino → examples/03_thermistor/03_thermistor.ino b/03_thermistor/03_thermistor.ino → examples/03_thermistor/03_thermistor.ino
diff --git a/05_rgb_control/05_rgb_control.ino → examples/05_rgb_control/05_rgb_control.ino b/05_rgb_control/05_rgb_control.ino → examples/05_rgb_control/05_rgb_control.ino
diff --git a/05_rgb_control/blite.h → examples/05_rgb_control/blite.h b/05_rgb_control/blite.h → examples/05_rgb_control/blite.h
diff --git a/06_iot_water_pump/readme.md → examples/06_iot_water_pump/readme.md b/06_iot_water_pump/readme.md → examples/06_iot_water_pump/readme.md
diff --git a/07_auto_plant_watering/readme.md → examples/07_auto_plant_watering/readme.md b/07_auto_plant_watering/readme.md → examples/07_auto_plant_watering/readme.md
diff --git a/...tance_measuring/08_distance_measuring.ino → ...tance_measuring/08_distance_measuring.ino b/...tance_measuring/08_distance_measuring.ino → ...tance_measuring/08_distance_measuring.ino
diff --git a/08_distance_measuring/blite.h → examples/08_distance_measuring/blite.h b/08_distance_measuring/blite.h → examples/08_distance_measuring/blite.h
diff --git a/09_servo/09_servo.ino → examples/09_servo/09_servo.ino b/09_servo/09_servo.ino → examples/09_servo/09_servo.ino
diff --git a/...dc_soil_moisture/10_adc_soil_moisture.ino → ...dc_soil_moisture/10_adc_soil_moisture.ino b/...dc_soil_moisture/10_adc_soil_moisture.ino → ...dc_soil_moisture/10_adc_soil_moisture.ino
diff --git a/11_line_follower/11_line_follower.ino → ...les/11_line_follower/11_line_follower.ino b/11_line_follower/11_line_follower.ino → ...les/11_line_follower/11_line_follower.ino
diff --git a/...trol_from_web/12_car_control_from_web.ino → ...trol_from_web/12_car_control_from_web.ino b/...trol_from_web/12_car_control_from_web.ino → ...trol_from_web/12_car_control_from_web.ino
@@ -87,6 +87,7 @@ void setup() {
   Serial.println("Connected to WiFi");
 
   // Initialize WebSocket server
+
   webSocket.begin();
   webSocket.onEvent(webSocketEvent);
 

diff --git a/12_car_control_from_web/index.h → examples/12_car_control_from_web/index.h b/12_car_control_from_web/index.h → examples/12_car_control_from_web/index.h
diff --git a/13_rgb_web_control/13_rgb_web_control.ino → ...13_rgb_web_control/13_rgb_web_control.ino b/13_rgb_web_control/13_rgb_web_control.ino → ...13_rgb_web_control/13_rgb_web_control.ino
diff --git a/examples/14_blite_rc_car/14_blite_rc_car.ino b/examples/14_blite_rc_car/14_blite_rc_car.ino
@@ -0,0 +1,24 @@
+#include <blite.h>
+#include "remote.h"
+
+Blite myBot;
+ESP8266WebServer wifiRemoteControl(80);
+
+void setup(){
+    myBot.setup();
+    Serial.begin(115200);
+    myBot.smartConnectWiFi();
+    wifiRemoteControl.on("/", HTTP_GET, []() {
+        Serial.println("Web Server: received a web page request");
+        String html = REMOTE_HTML_CONTENT;
+        wifiRemoteControl.send(200, "text/html", html);
+    });
+    wifiRemoteControl.begin();
+}
+void loop(){
+    wifiRemoteControl.handleClient();
+    if (myBot.buttonPressed()){
+        myBot.blinkLed(2);
+    }
+}
+
diff --git a/examples/14_blite_rc_car/remote.h b/examples/14_blite_rc_car/remote.h
@@ -0,0 +1,175 @@
+
+const char *REMOTE_HTML_CONTENT = R"=====(
+<!DOCTYPE html>
+<html>
+<head>
+<title>ESP8266 Control Car via Web</title>
+<meta name="viewport" content="width=device-width, initial-scale=0.7, maximum-scale=1, user-scalable=no">
+<style type="text/css">
+body { text-align: center; font-size: 24px;}
+button { text-align: center; font-size: 24px;}
+#container {
+    margin-right: auto;
+    margin-left: auto;
+  width: 400px; 
+    height: 400px;
+    position: relative;
+    margin-bottom: 10px;
+}
+div[class^='button'] { position: absolute; }
+.button_up, .button_down { width:214px; height:104px;}
+.button_left, .button_right { width:104px; height:214px;}
+.button_stop { width:178px; height:178px;}
+.button_up {
+    background: url('https://newbiely.com/images/tutorial/up_inactive.png') no-repeat; 
+  background-size: contain; 
+    left: 200px;
+    top: 0px;
+  transform: translateX(-50%);
+}
+
+.button_down {
+    background: url('https://newbiely.com/images/tutorial/down_inactive.png') no-repeat; 
+  background-size: contain; 
+    left:200px;
+    bottom: 0px;
+  transform: translateX(-50%);
+}
+
+.button_right {
+    background: url('https://newbiely.com/images/tutorial/right_inactive.png') no-repeat;
+  background-size: contain;   
+    right: 0px;
+    top: 200px;
+  transform: translateY(-50%);
+}
+
+.button_left {
+    background: url('https://newbiely.com/images/tutorial/left_inactive.png') no-repeat; 
+  background-size: contain;
+    left:0px;
+    top: 200px;
+  transform: translateY(-50%);
+}
+
+.button_stop {
+  background: url('https://newbiely.com/images/tutorial/stop_inactive.png') no-repeat; 
+  background-size: contain;
+    left:200px;
+    top: 200px;
+  transform: translate(-50%, -50%);
+}
+</style>
+<script>
+var CMD_STOP     = 0;
+var CMD_FORWARD  = 1;
+var CMD_BACKWARD = 2;
+var CMD_LEFT     = 4;
+var CMD_RIGHT    = 8;
+var img_name_lookup = {
+  [CMD_STOP]:     "stop",
+  [CMD_FORWARD]:  "up",
+  [CMD_BACKWARD]: "down",
+  [CMD_LEFT]:     "left",
+  [CMD_RIGHT]:    "right"
+}
+var ws = null;
+
+function init() 
+{
+
+  var container = document.querySelector("#container");
+    container.addEventListener("touchstart", mouse_down);
+    container.addEventListener("touchend", mouse_up);
+    container.addEventListener("touchcancel", mouse_up);
+    container.addEventListener("mousedown", mouse_down);
+    container.addEventListener("mouseup", mouse_up);
+    container.addEventListener("mouseout", mouse_up);    
+}
+function ws_onmessage(e_msg)
+{
+    e_msg = e_msg || window.event; // MessageEvent
+
+    //alert("msg : " + e_msg.data);
+}
+function ws_onopen()
+{
+  document.getElementById("ws_state").innerHTML = "OPEN";
+  document.getElementById("wc_conn").innerHTML = "Disconnect";
+}
+function ws_onclose()
+{
+  document.getElementById("ws_state").innerHTML = "CLOSED";
+  document.getElementById("wc_conn").innerHTML = "Connect";
+  console.log("socket was closed");
+  ws.onopen = null;
+  ws.onclose = null;
+  ws.onmessage = null;
+  ws = null;
+}
+function wc_onclick()
+{
+  if(ws == null)
+  {
+    ws = new WebSocket("ws://" + window.location.host + ":81");
+    document.getElementById("ws_state").innerHTML = "CONNECTING";
+
+    ws.onopen = ws_onopen;
+    ws.onclose = ws_onclose;
+    ws.onmessage = ws_onmessage; 
+  }
+  else
+    ws.close();
+}
+function mouse_down(event) 
+{
+  if (event.target !== event.currentTarget) 
+  {
+    var id = event.target.id;
+    send_command(id);
+    event.target.style.backgroundImage = "url('https://newbiely.com/images/tutorial/" + img_name_lookup[id] + "_active.png')";
+    }
+    event.stopPropagation();    
+    event.preventDefault();    
+}
+
+function mouse_up(event) 
+{
+  if (event.target !== event.currentTarget) 
+  {
+    var id = event.target.id;
+    send_command(CMD_STOP);
+    event.target.style.backgroundImage = "url('https://newbiely.com/images/tutorial/" + img_name_lookup[id] + "_inactive.png')";
+    }
+    event.stopPropagation();   
+    event.preventDefault();    
+}
+function send_command(cmd) 
+{   
+  if(ws != null)
+    if(ws.readyState == 1)
+      ws.send(cmd + "\r\n");   
+}
+
+window.onload = init;
+</script>
+</head>
+<body>
+<h2>ESP8266 - RC Car via Web</h2>
+<div id="container">
+  <div id="0" class="button_stop"></div>
+    <div id="1" class="button_up"></div>
+    <div id="2" class="button_down"></div>
+    <div id="8" class="button_right"></div>
+    <div id="4" class="button_left"></div>
+</div>
+<p>
+WebSocket : <span id="ws_state" style="color:blue">closed</span><br>
+</p>
+<button id="wc_conn" type="button" onclick="wc_onclick();">Connect</button>
+<br>
+<br>
+<div class="sponsor">Sponsored by <a href="https://paulsayan.wixsite.com/buildybee">Buidybee</a></div>
+</body>
+</html>
+)=====";
diff --git a/extras/test.html b/extras/test.html
@@ -0,0 +1,134 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Blite RC car control</title>
+<meta name="viewport" content="width=device-width, initial-scale=0.7, maximum-scale=1, user-scalable=no">
+<style type="text/css">
+body { text-align: center; font-size: 24px;}
+button { text-align: center; font-size: 24px;}
+#container {
+    margin-right: auto;
+    margin-left: auto;
+  width: 400px; 
+    height: 400px;
+    position: relative;
+    margin-bottom: 10px;
+}
+div[class^='button'] { position: absolute; }
+.button_up, .button_down { width:214px; height:104px;}
+.button_left, .button_right { width:104px; height:214px;}
+.button_stop { width:178px; height:178px;}
+.button_up {
+    background: url('https://newbiely.com/images/tutorial/up_inactive.png') no-repeat; 
+  background-size: contain; 
+    left: 200px;
+    top: 0px;
+  transform: translateX(-50%);
+}
+
+.button_down {
+    background: url('https://newbiely.com/images/tutorial/down_inactive.png') no-repeat; 
+  background-size: contain; 
+    left:200px;
+    bottom: 0px;
+  transform: translateX(-50%);
+}
+
+.button_right {
+    background: url('https://newbiely.com/images/tutorial/right_inactive.png') no-repeat;
+  background-size: contain;   
+    right: 0px;
+    top: 200px;
+  transform: translateY(-50%);
+}
+
+.button_left {
+    background: url('https://newbiely.com/images/tutorial/left_inactive.png') no-repeat; 
+  background-size: contain;
+    left:0px;
+    top: 200px;
+  transform: translateY(-50%);
+}
+
+.button_stop {
+  background: url('https://newbiely.com/images/tutorial/stop_inactive.png') no-repeat; 
+  background-size: contain;
+    left:200px;
+    top: 200px;
+  transform: translate(-50%, -50%);
+}
+</style>
+<script>
+var CMD_STOP     = 0;
+var CMD_FORWARD  = 1;
+var CMD_BACKWARD = 2;
+var CMD_LEFT     = 4;
+var CMD_RIGHT    = 8;
+var img_name_lookup = {
+  [CMD_STOP]:     "stop",
+  [CMD_FORWARD]:  "up",
+  [CMD_BACKWARD]: "down",
+  [CMD_LEFT]:     "left",
+  [CMD_RIGHT]:    "right"
+}
+var ws = null;
+
+function init() 
+{
+
+  var container = document.querySelector("#container");
+    container.addEventListener("touchstart", mouse_down);
+    container.addEventListener("touchend", mouse_up);
+    container.addEventListener("touchcancel", mouse_up);
+    container.addEventListener("mousedown", mouse_down);
+    container.addEventListener("mouseup", mouse_up);
+    container.addEventListener("mouseout", mouse_up);    
+}
+
+function mouse_down(event) 
+{
+  if (event.target !== event.currentTarget) 
+  {
+    var id = event.target.id;
+    send_command(id);
+    event.target.style.backgroundImage = "url('https://newbiely.com/images/tutorial/" + img_name_lookup[id] + "_active.png')";
+    }
+    event.stopPropagation();    
+    event.preventDefault();    
+}
+
+function mouse_up(event) 
+{
+  if (event.target !== event.currentTarget) 
+  {
+    var id = event.target.id;
+    send_command(CMD_STOP);
+    event.target.style.backgroundImage = "url('https://newbiely.com/images/tutorial/" + img_name_lookup[id] + "_inactive.png')";
+    }
+    event.stopPropagation();   
+    event.preventDefault();    
+}
+function send_command(cmd) 
+{   
+  if(ws != null)
+    if(ws.readyState == 1)
+      ws.send(cmd + "\r\n");   
+}
+
+window.onload = init;
+</script>
+</head>
+<body>
+<h2>Blite - RC car control</h2>
+<div id="container">
+  <div id="0" class="button_stop"></div>
+    <div id="1" class="button_up"></div>
+    <div id="2" class="button_down"></div>
+    <div id="8" class="button_right"></div>
+    <div id="4" class="button_left"></div>
+</div>
+<br>
+<br>
+<div class="sponsor">Sponsored by <a href="https://paulsayan.wixsite.com/buildybee">Buidybee</a></div>
+</body>
+</html>
diff --git a/library.properties b/library.properties
@@ -0,0 +1,9 @@
+name=blite
+version=0.1.0
+author=Sayan Paul
+maintainer=Sayan Paul
+sentence=Dev kit for buildybee blite breakout board
+paragraph=Develop easily with buildybee devikits
+url=https://github.com/buildybee/blite.git
+architectures=esp8266
+depends=WiFiManager