WebSerial Monitor. Not an Issue, only a contribution of a github newbie

[SolarDaniel]

Sorry, I'm only a retired hobbyist and not (yet) familiar with github and don't know how to fork and contribute with pull requests. But maybe someone is interested in what I did and maybe it would be a nice extension to features.

WebSerial.zip

WebSerialClass inherits from Arduino Print and can be used like Serial.print() and all other print functions. It opens a WebSocketClient and sends to clients instead to HwSerial.

On the UI side there's a element that acts like a Serial Monitor in platformio, where all content received over the WebSocket is printed. Includes toggling Start/Stop button and Clear button.</p> <p>How to use: In main.cpp</p> <pre><code>WebSerialClass WebSerial = WebSerialClass(&server); void setup() { // start serial and filesystem Serial.begin(SERIAL_BAUD_RATE); // start ESP32-SvelteKit esp32sveltekit.begin(); WebSerial.begin(); }</code></pre> <p>Anywhere else</p> <pre><code>WebSerial.println("7EA08BCEFF31....3EDBB88FC0D5333092E61348397E");</code></pre> <p>I hope someone likes it. For me it is very helpfull, cause all my serial ports are used. Probably it needs some professional improvement.</p> <p><img referrerpolicy="no-referrer" src="https://github.com/theelims/ESP32-sveltekit/assets/38322666/badfd493-e52a-4fde-ba36-74ee9ee12de2" alt="Monitor GUI" /></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/theelims"><img src="https://avatars.githubusercontent.com/u/46279009?v=4" />theelims</a> commented <strong> 8 months ago</strong> </div> <div class="markdown-body"> <p>@SolarDaniel Thank you for that contribution. I'll not include this into the main branch, but I'll leave it here for others to draw inspiration from.</p> <p>However, I've thought about this as well, but would need to pipe all serial info to a websocket, including the ESP_LOG debug statements. Maybe I'll come back to this at a later time.</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>