Initial commit: полный проект my_speaker

webapp/modules/commands.js

@@ -0,0 +1,29 @@
+import { getSettings, updateSettings } from "../api.js";
+
+export async function loadCommands() {
+  const content = document.getElementById("content");
+  const commandsHtml = await fetch("pages/commands.html").then((res) =>
+    res.text()
+  );
+  content.innerHTML = commandsHtml;
+
+  const settings = await getSettings();
+  document.getElementById("commands-file").value =
+    settings.commands.commands_file;
+
+  // Предполагаем, что API возвращает список команд, но по docs — только файл. Для списка — заглушка.
+  const commandsList = document.getElementById("commands-list");
+  commandsList.innerHTML = '<p>"Turn on light"</p><p>"Play music"</p>'; // Заглушка, расширить если нужно
+
+  document.getElementById("edit-btn").addEventListener("click", () => {
+    alert("Edit mode"); // Логика редактирования
+  });
+
+  document.getElementById("save-btn").addEventListener("click", async () => {
+    const data = {
+      commands_file: document.getElementById("commands-file").value,
+    };
+    await updateSettings("commands", data);
+    alert("Saved");
+  });
+}