Watchface 表盘

const watchfaces = await OronBox.watchface.list();
// [{ id: '12345', name: 'Classic', current: true }, ...]

await OronBox.watchface.set('67890');

globalThis.activate = async (plugin) => {
  let wfList = [];
  let result = 'Tap to list watchfaces';
  const { Column, Text, Button } = OronBox.ui;

  const render = () => {
    const nodes = [
      Button('List', {
        onClick: OronBox.ui.action(async () => {
          wfList = await OronBox.watchface.list();
          result = wfList.map(w => `${w.name} ${w.current ? '←active' : ''}`).join('\n');
        }, render),
      }),
      Text(result),
    ];

    for (const wf of wfList) {
      if (wf.current) continue;
      nodes.push(Button(`Switch to ${wf.name}`, {
        onClick: OronBox.ui.action(async () => {
          await OronBox.watchface.set(wf.id);
          result = `Switched to ${wf.name}`;
        }, render),
      }));
    }
    return OronBox.ui.render(Column({ gap: 8 }, nodes));
  };

  render();
};