Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- lvgl_emscripten_wasm [2025/12/19 22:01] – angelegt joerg
+++ lvgl_emscripten_wasm [2025/12/23 22:45] (aktuell) – [Debuggen mit den Dev-Tools im Chrome-Browser] joerg
@@ Zeile 2: / Zeile 2: @@
 Unter [[https://dev.to/frorning/introduction-to-webassembly-wasm-4g35]] gibt es eine sehr gute Anleitung um einen devcontaier für emscripten aufzusetzen. Mit emscripten lässt sich C++-Code zu lauffähigen WASM-Programmen kompilieren.
+Um mit emscripten zu kompilieren, muss man auf dem Rechner einiges installieren und die Umgebung anpassen. Mit dem Devcontainer fällt das weg. Der Devcontainer ist also die ideale Art, um mit emscripten zu entwickeln.
 ====== LVGL-Demo für emscripten ======
@@ Zeile 11: / Zeile 13: @@
 Die drei zusätzlichen Packages sind
-<code>
+<code bash>
     apt-get install -y libsdl2-2.0-0 && \
     apt-get install -y libsdl2-dev && \
@@ Zeile 17: / Zeile 19: @@
 </code>
+====== Aktueller Stand ======
+Der devcontainer funktioniert sehr gut. Mit dem KI-Assistenten konnte eine eigener lvgl-Dialog mit Schalter und Label erstellt werden. Eine Verbingung zum Homeassistant über mqtt funktioniert. Die Daten aus javascript und dem C-Code für LVGL funktioniert.
+Nach dem Neuaufsetzen des DevContainers muss einmal lvgl abgerufen werden. Dazu ist im Terminal folgendes aufzurufen:
+<code bash>
+    git submodule init
+    git submodule update
+</code>
+Der Build muss vorbereitet werden mit:
+<code bash>
+    mkdir cmbuild
+    cd cmbuild
+    emcmake cmake ..
+    emmake make -j4`
+    # Es funktioniert dann auch
+    make -j4
+</code>
+===== Debuggen mit den Dev-Tools im Chrome-Browser =====
+Grob nach der Anleitung hier: [[https://developer.chrome.com/docs/devtools/wasm?hl=de]]
+In der Extension C/C++ DevTools Support (DWARF) muss bei den Path Substitutions als
+<code> /old/path /workspaces/lvgl_emscripten_HomeDashboard </code> eingetragen werden.
+Als
+<code> /new/path muss /home/joerg/repos/lvgl_emscripten_HomeDashboard </code>
+eingetragen werden.