Script Examples

ws.onMessage((msg) => {
  if (typeof msg.temperature !== 'number') return;
  const t = msg.temperature;

  widget.setValue('tempGauge', t);
  widget.setConfig('tempGauge', 'color', t > 80 ? '#ef4444' : '#22c55e');
  widget.setText('tempLabel', `${t.toFixed(1)} °C`);
});

widget.on('startButton', 'click', () => {
  widget.setText('statusLabel', 'Starting…');
  ws.send(context.deviceId, { command: 'START' });
});

ws.onMessage((msg) => {
  if (msg.status === 'ok') widget.setText('statusLabel', 'Running');
});

widget.on('relaySwitch', 'toggle', (isOn) => {
  ws.send(context.deviceId, { relay: isOn ? 1 : 0 });
});

const saved = storage.get('view');
if (saved) widget.setValue('viewSelector', saved);

widget.on('viewSelector', 'change', (v) => storage.set('view', v));

widget.on('logForm', 'submit', async (data) => {
  await db.insert('service_logs', {
    note: data.note,
    device: context.deviceId,
  });
  widget.setText('formStatus', 'Saved ✓');
});

const rows = await db.query('readings', {}, {
  limit: 1, orderBy: 'created_at', ascending: false,
});
if (rows.length) widget.setText('lastReading', `${rows[0].temperature} °C`);

setInterval(async () => {
  const rows = await db.query('status', {}, { limit: 1 });
  if (rows.length) widget.setText('statusLabel', rows[0].state);
}, 5000);

let last = 0;
widget.on('dimmerSlider', 'slide', (v) => {
  const now = Date.now();
  if (now - last < 200) return;          // at most 5 sends/sec
  last = now;
  ws.send(context.deviceId, { brightness: v });
});

if (context.device.isMobile) widget.hide('sidebarChart');
if (context.user?.role === 'admin') widget.show('adminControls');

widget.on('reportButton', 'click', async () => {
  const pos = await location.getCurrentPosition();
  await db.insert('reports', {
    lat: pos.latitude,
    lng: pos.longitude,
    device: context.deviceId,
  });
});

let pressStartTime;
widget.on('duration-button', 'push', () => {
  pressStartTime = Date.now();
});

widget.on('duration-button', 'release', () => {
  const duration = Date.now() - pressStartTime;
  widget.setText('duration-label', 'Held: ' + duration + 'ms');

  if (duration < 500)       console.log('Short press');
  else if (duration < 2000) console.log('Long press');
  else                      console.log('Very long press');
});

widget.on('counter-button', 'click', () => {
  const count = (storage.get('click_count') || 0) + 1;
  storage.set('click_count', count);
  widget.setValue('counter-display', count);

  if (count >= 10) widget.emit('achievement-badge', 'show');
});

widget.on('animate-button', 'click', () => {
  let x = 0;
  const interval = setInterval(() => {
    x += 10;
    widget.move('moving-widget', x, 100);
    if (x >= 500) clearInterval(interval);
  }, 50);
});

setInterval(() => {
  widget.setText('clock-label', new Date().toLocaleTimeString());
}, 1000);

widget.on('message-input', 'submit', (data) => {
  const messages = storage.get('messages') || [];
  messages.push({ text: data.value, timestamp: Date.now() });
  storage.set('messages', messages);
});

const response = await fetch('https://api.example.com/data');
const data = await response.json();
widget.setText('externalValue', String(data.value));

const hot = await db.query('sensor_readings', { temp: { gte: 25 } }, { limit: 10 });
widget.setText('hotCount', `${hot.length} readings ≥ 25°C`);

const off = widget.on('sensor', 'change', (v) => widget.setValue('gauge', v));
widget.once('sensor', 'destroy', off);