ESP32 UIライブラリ開発者システムプロンプト

#include #include #include #include #include #include #include #include // ==================== Compile-Time Debug System ==================== namespace Debug { enum class Level : uint8_t { NONE = 0, ERROR = 1, WARN = 2, INFO = 3, DEBUG = 4, TRACE = 5 }; template struct Logger { static void log(const char* msg) { if constexpr (L <= Level::TRACE) { Serial.printf("[%s] %s\n", levelStr(L), msg); } } static void logf(const char* fmt, ...) { if constexpr (L <= Level::TRACE) { va_list args; va_start(args, fmt); Serial.printf("[%s] ", levelStr(L)); vprintf(fmt, args); Serial.println(); va_end(args); } } private: static const char* levelStr(Level l) { switch (l) { case Level::ERROR: return "ERR"; case Level::WARN: return "WRN"; case Level::INFO: return "INF"; case Level::DEBUG: return "DBG"; case Level::TRACE: return "TRC"; default: return "???"; } } }; // Compile-time level selection #ifdef DEBUG_LEVEL using Error = Logger ; using Warn = Logger ; using Info = Logger ; using Debug = Logger ; using Trace = Logger ; #else using Error = Logger ; using Warn = Logger ; using Info = Logger ; using Debug = Logger ; using Trace = Logger ; #endif } // ==================== C++ UI DSL ==================== namespace UIDSL { enum class WidgetType : uint8_t { BUTTON, SLIDER, TOGGLE, TEXT_INPUT, SELECT, LABEL, GAUGE, CHART }; struct Widget { String id; WidgetType type; String label; float min = 0.0f; float max = 100.0f; float step = 1.0f; String options; // JSON array for select std::function getter; std::function setter; }; class SchemaBuilder { public: SchemaBuilder& addButton(const String& id, const String& label, std::function onClick) { widgets.push_back({id, WidgetType::BUTTON, label, 0, 1, 1, "", [onClick]() -> String { onClick(); return "{}"; }, [](const String&) {}}); return *this; } SchemaBuilder& addSlider(const String& id, const String& label, float min, float max, float step, std::function getter, std::function setter) { widgets.push_back({id, WidgetType::SLIDER, label, min, max, step, "", [getter]() -> String { return String(getter()); }, [setter](const String& v) { setter(v.toFloat()); }}); return *this; } SchemaBuilder& addToggle(const String& id, const String& label, std::function getter, std::function setter) { widgets.push_back({id, WidgetType::TOGGLE, label, 0, 1, 1, "", [getter]() -> String { return getter() ? "true" : "false"; }, [setter](const String& v) { setter(v == "true"); }}); return *this; } SchemaBuilder& addTextInput(const String& id, const String& label, std::function getter, std::function setter) { widgets.push_back({id, WidgetType::TEXT_INPUT, label, 0, 0, 0, "", getter, setter}); return *this; } SchemaBuilder& addSelect(const String& id, const String& label, const String& optionsJson, std::function getter, std::function setter) { widgets.push_back({id, WidgetType::SELECT, label, 0, 0, 0, optionsJson, getter, setter}); return *this; } SchemaBuilder& addLabel(const String& id, const String& label, std::function getter) { widgets.push_back({id, WidgetType::LABEL, label, 0, 0, 0, "", getter, [](const String&) {}}); return *this; } SchemaBuilder& addGauge(const String& id, const String& label, float min, float max, std::function getter) { widgets.push_back({id, WidgetType::GAUGE, label, min, max, 1, "", [getter]() -> String { return String(getter()); }, [](const String&) {}}); return *this; } const std::vector & getWidgets() const { return widgets; } private: std::vector widgets; }; } // ==================== Task-Based Runtime ==================== namespace Runtime { class Task { public: virtual ~Task() = default; virtual void setup() {} virtual void loop() = 0; virtual const char* name() const = 0; }; class TaskManager { public: void addTask(std::unique_ptr task) { tasks.push_back(std::move(task)); } void setupAll() { for (auto& task : tasks) { task->setup(); } } void loopAll() { for (auto& task : tasks) { task->loop(); } } private: std::vector > tasks; }; } // ==================== REST API Contract ==================== namespace API { constexpr const char* BASE_PATH = "/api"; constexpr const char* STATE_PATH = "/api/state"; constexpr const char* SCHEMA_PATH = "/api/schema"; constexpr const char* CONTROL_PATH = "/api/control"; constexpr const char* HEALTH_PATH = "/api/health"; } // ==================== Main Library Class ==================== class ESP32UILibrary { public: ESP32UILibrary(uint16_t port = 80) : server(port) {} void begin() { Debug::Info::log("Initializing ESP32 UI Library"); // Initialize filesystem if (!LittleFS.begin(true)) { Debug::Error::log("LittleFS mount failed"); return; } Debug::Info::log("LittleFS mounted"); // Setup runtime tasks runtime.setupAll(); // Configure web server routes setupRoutes(); // Start server server.begin(); Debug::Info::log("Web server started"); } void loop() { runtime.loopAll(); } // DSL entry point UIDSL::SchemaBuilder& schema() { return builder; } // Register custom task void addTask(std::unique_ptr task) { runtime.addTask(std::move(task)); } private: AsyncWebServer server; Runtime::TaskManager runtime; UIDSL::SchemaBuilder builder; void setupRoutes() { // Serve static frontend files server.serveStatic("/", LittleFS, "/www/").setDefaultFile("index.html"); // Health check server.on(API::HEALTH_PATH, HTTP_GET, [](AsyncWebServerRequest* request) { AsyncResponseStream* response = request->beginResponseStream("application/json"); response->print("{\"status\":\"ok\",\"uptime\":"); response->print(millis() / 1000); response->print("}"); request->send(response); }); // Get UI schema server.on(API::SCHEMA_PATH, HTTP_GET, [this](AsyncWebServerRequest* request) { AsyncResponseStream* response = request->beginResponseStream("application/json"); generateSchema(response); request->send(response); }); // Get runtime state server.on(API::STATE_PATH, HTTP_GET, [this](AsyncWebServerRequest* request) { AsyncResponseStream* response = request->beginResponseStream("application/json"); generateState(response); request->send(response); }); // Control endpoint (POST) server.on(API::CONTROL_PATH, HTTP_POST, [](AsyncWebServerRequest* request) {}, nullptr, [this](AsyncWebServerRequest* request, uint8_t *data, size_t len, size_t index, size_t total) { if (index == 0) { // Parse JSON payload JsonDocument doc; DeserializationError error = deserializeJson(doc, data, len); if (error) { request->send(400, "application/json", "{\"error\":\"Invalid JSON\"}"); return; } // Process control commands const char* id = doc["id"]; const char* value = doc["value"]; bool found = false; for (auto& widget : builder.getWidgets()) { if (widget.id == id) { widget.setter(value); found = true; break; } } if (found) { request->send(200, "application/json", "{\"status\":\"ok\"}"); } else { request->send(404, "application/json", "{\"error\":\"Widget not found\"}"); } } }); // 404 handler server.onNotFound([](AsyncWebServerRequest* request) { request->send(404, "application/json", "{\"error\":\"Not found\"}"); }); } void generateSchema(AsyncResponseStream* response) { JsonDocument doc; JsonArray widgets = doc["widgets"].to (); for (const auto& widget : builder.getWidgets()) { JsonObject obj = widgets.add (); obj["id"] = widget.id; obj["label"] = widget.label; switch (widget.type) { case UIDSL::WidgetType::BUTTON: obj["type"] = "button"; break; case UIDSL::WidgetType::SLIDER: obj["type"] = "slider"; obj["min"] = widget.min; obj["max"] = widget.max; obj["step"] = widget.step; break; case UIDSL::WidgetType::TOGGLE: obj["type"] = "toggle"; break; case UIDSL::WidgetType::TEXT_INPUT: obj["type"] = "text"; break; case UIDSL::WidgetType::SELECT: obj["type"] = "select"; obj["options"] = serialized(widget.options); break; case UIDSL::WidgetType::LABEL: obj["type"] = "label"; break; case UIDSL::WidgetType::GAUGE: obj["type"] = "gauge"; obj["min"] = widget.min; obj["max"] = widget.max; break; case UIDSL::WidgetType::CHART: obj["type"] = "chart"; break; } } serializeJson(doc, *response); } void generateState(AsyncResponseStream* response) { JsonDocument doc; JsonObject state = doc.to (); for (const auto& widget : builder.getWidgets()) { state[widget.id] = widget.getter(); } serializeJson(doc, *response); } }; // ==================== Example Usage ==================== // User-defined task example class BlinkTask : public Runtime::Task { public: void setup() override { pinMode(LED_BUILTIN, OUTPUT); } void loop() override { digitalWrite(LED_BUILTIN, !digitalRead(LED_BUILTIN)); delay(500); } const char* name() const override { return "blink"; } }; ESP32UILibrary ui; void setup() { Serial.begin(115200); delay(1000); // Build UI schema ui.schema() .addButton("btn1", "Toggle LED", []() { Debug::Info::log("Button pressed"); }) .addSlider("slider1", "Brightness", 0, 255, 1, []() -> float { return analogRead(36) / 16.0f; }, [](float v) { analogWrite(25, (int)v); }) .addToggle("toggle1", "Power", []() -> bool { return digitalRead(26); }, [](bool v) { digitalWrite(26, v); }) .addTextInput("text1", "Device Name", []() -> String { return "ESP32-Device"; }, [](const String& v) { Debug::Info::logf("Name set to: %s", v.c_str()); }) .addSelect("select1", "Mode", "[\"Auto\",\"Manual\",\"Off\"]", []() -> String { return "Auto"; }, [](const String& v) { Debug::Info::logf("Mode: %s", v.c_str()); }) .addLabel("label1", "Temperature", []() -> String { return String(25.5 + random(-10, 10) / 10.0f); }) .addGauge("gauge1", "CPU Load", 0, 100, []() -> float { return esp_get_free_heap_size() / 4096.0f; }); // Register custom tasks ui.addTask(std::make_unique ()); // Start library ui.begin(); } void loop() { ui.loop(); }

ESP32 UIライブラリ開発者システムプロンプト

プロンプト内容保存

使い方

参考資料

ノート