renderer.js

async function init() {
  const config = await window.api.getConfig();
  document.getElementById('haUrl').value = config.haUrl;
  document.getElementById('token').value = config.token;

  const sensors = await window.api.getAllSensors();
  const list = document.getElementById('sensor-list');
  sensors.forEach(sensor => {
    const checkbox = document.createElement('input');
    checkbox.type = 'checkbox';
    checkbox.value = sensor.id;
    checkbox.checked = config.sensors.includes(sensor.id);

    const label = document.createElement('label');
    label.textContent = sensor.name;
    label.prepend(checkbox);

    list.appendChild(label);
    list.appendChild(document.createElement('br'));
  });
}

function save() {
  const haUrl = document.getElementById('haUrl').value;
  const token = document.getElementById('token').value;
  const checkboxes = document.querySelectorAll('#sensor-list input:checked');
  const selectedSensors = Array.from(checkboxes).map(cb => cb.value);

  window.api.saveConfig({ haUrl, token, sensors: selectedSensors });
  window.close();
}

init();