0.7.4

Author: koosoli

custom_components/reterminal_dashboard/frontend/editor.html

@@ -20,7 +20,7 @@
   <aside class="sidebar">
     <div>
       <h1><span class="logo-dot"></span> ESPHome Designer <span
-          style="font-size: 10px; color: var(--muted); vertical-align: middle;">v0.7.3</span></h1>
+          style="font-size: 10px; color: var(--muted); vertical-align: middle;">v0.7.4</span></h1>
       <div style="margin-top: 4px; font-size: 10px;">
         <a href="https://github.com/koosoli/esphomedesigner" target="_blank"
           style="color: var(--accent); text-decoration: none; display: flex; align-items: center; gap: 4px;">

custom_components/reterminal_dashboard/frontend/js/io/devices.js

@@ -83,6 +83,32 @@ window.DEVICE_PROFILES = {
             sht4x: false
         }
     },
+    trmnl_diy_esp32s3: {
+        name: "Seeed Studio Trmnl DIY Kit (ESP32-S3)",
+        displayModel: "7.50inv2p",
+        displayPlatform: "waveshare_epaper",
+        psram_mode: "octal",
+        pins: {
+            display: { cs: "GPIO44", dc: "GPIO10", reset: "GPIO38", busy: { number: "GPIO4", inverted: true } },
+            i2c: { sda: "GPIO17", scl: "GPIO18" }, // Generic S3 defaults, user didn't specify I2C but it's good to have placeholder
+            spi: { clk: "GPIO7", mosi: "GPIO9" },
+            batteryEnable: "GPIO6",
+            batteryAdc: "GPIO1",
+            buzzer: null,
+            buttons: { left: "GPIO2", refresh: "GPIO5" } // Key1=Wake/Left, Key3=Refresh
+        },
+        battery: {
+            attenuation: "12db", // As per user yaml
+            multiplier: 2.0,
+            calibration: { min: 3.27, max: 4.15 }
+        },
+        features: {
+            psram: true,
+            buzzer: false,
+            buttons: true,
+            sht4x: false
+        }
+    },
     m5stack_coreink: {
         name: "M5Stack CoreInk (200x200)",
         displayModel: "1.54in-m5coreink-m09",

custom_components/reterminal_dashboard/frontend/js/io/yaml_export.js

@@ -38,6 +38,7 @@ function generateSnippetLocally() {
     const graphWidgets = [];
     const weatherForecastWidgets = [];
     const onlineImageWidgets = [];
+    const qrCodeWidgets = [];
     const staticImageMap = new Map();
 
     pagesLocal.forEach(p => {
@@ -56,6 +57,9 @@ function generateSnippetLocally() {
                 if (t === "puppet" || t === "online_image") {
                     onlineImageWidgets.push(w);
                 }
+                if (t === "qr_code") {
+                    qrCodeWidgets.push(w);
+                }
                 if (t === "image") {
                     const path = (w.props?.path || "").trim();
                     if (path) {
@@ -104,6 +108,10 @@ function generateSnippetLocally() {
         lines.push("#         - Board: m5stack-paper");
         lines.push("#         - Framework: arduino (Required)");
         lines.push("#         - Flash Size: 16MB");
+    } else if (getDeviceModel() === "trmnl_diy_esp32s3") {
+        lines.push("#         - Select: ESP32-S3");
+        lines.push("#         - Board: esp32-s3-devkitc-1");
+        lines.push("#         - Framework: esp-idf (Recommended) or arduino");
     } else {
         lines.push("#         - Select: ESP32-S3 (or appropriate for your board)");
     }
@@ -594,6 +602,22 @@ function generateSnippetLocally() {
         lines.push("");
     }
 
+    // Generate qr_code: component declarations
+    if (qrCodeWidgets.length > 0) {
+        lines.push("qr_code:");
+        qrCodeWidgets.forEach(w => {
+            const p = w.props || {};
+            const safeId = `qr_${w.id}`.replace(/-/g, "_");
+            const value = (p.value || "https://esphome.io").replace(/"/g, '\\"');
+            const ecc = p.ecc || "LOW";
+
+            lines.push(`  - id: ${safeId}`);
+            lines.push(`    value: "${value}"`);
+            lines.push(`    ecc: ${ecc}`);
+        });
+        lines.push("");
+    }
+
     // ========================================================================
     // TEXT SENSOR SECTION (Widget sensors: quotes, weather conditions)
     // ========================================================================
@@ -1007,7 +1031,7 @@ function generateSnippetLocally() {
             const RECT_Y_OFFSET = -15;
             const TEXT_Y_OFFSET = 0;
 
-            if (getDeviceModel() === "m5stack_paper" || getDeviceModel() === "reterminal_e1001") {
+            if (getDeviceModel() === "m5stack_paper" || getDeviceModel() === "reterminal_e1001" || getDeviceModel() === "trmnl_diy_esp32s3") {
                 lines.push("      const auto COLOR_WHITE = Color(0, 0, 0); // Inverted for e-ink");
             } else {
                 lines.push("      const auto COLOR_WHITE = Color(255, 255, 255);");
@@ -1023,7 +1047,7 @@ function generateSnippetLocally() {
             // - Red(255,0,0)     -> Shows WHITE/Invisible
             // - Display is 6-color (Black, White, Red, Green, Blue, Yellow)
             // ============================================================================
-            if (getDeviceModel() === "m5stack_paper" || getDeviceModel() === "reterminal_e1001") {
+            if (getDeviceModel() === "m5stack_paper" || getDeviceModel() === "reterminal_e1001" || getDeviceModel() === "trmnl_diy_esp32s3") {
                 lines.push("      const auto COLOR_BLACK = Color(255, 255, 255); // Inverted for e-ink");
             } else {
                 lines.push("      const auto COLOR_BLACK = Color(0, 0, 0);");

custom_components/reterminal_dashboard/manifest.json

@@ -4,7 +4,7 @@
   "documentation": "https://github.com/koosoli/ESPHomeDesigner",
   "issue_tracker": "https://github.com/koosoli/ESPHomeDesigner/issues",
   "configuration_url": "/reterminal-dashboard",
-  "version": "0.7.3",
+  "version": "0.7.4",
   "after_dependencies": [
     "http",
     "frontend",

release_notes.md

@@ -3,6 +3,21 @@
 
 
 
+## v0.7.4 - Trmnl DIY Support
+
+**Release Date:** December 17, 2025
+
+### 🚀 New Hardware Support
+- **Seeed Studio Trmnl DIY Kit (ESP32-S3)**: Added full support for the Trmnl DIY Kit, including:
+  - Correct pin mappings for display, buttons, battery, and SPI.
+  - Support for `7.50inv2p` display model with partial update capabilities.
+  - Automatic `inverted` color handling to fix "Dark Mode" logic (Hardware White is treated as logical White).
+
+### 🐛 Bug Fixes
+- **QR Code Widget**: Fixed a regression where the `qr_code` component definition was missing from the generated YAML, causing "Couldn't find ID" errors.
+
+---
+
 ## v0.7.3 - Hotfix
 
 **Release Date:** December 17, 2025