1. При выполнении ежедневного действия человек вводит информацию о нем в фитнес-браслет. К этому нужно привыкнуть.
2. Когда возникнет мысль «Я забыл сделать …», можно посмотреть на браслет и точно определить, забыл или нет.
3. Ночью фитнес-браслет автоматически сбрасывает занесенные действия, чтобы после пробуждения можно было отмечать их «с чистого листа».

• К сожалению или счастью, браслет не может достоверно определять микродействия человека, поэтому вносить информацию нужно вручную. Однако хочется сократить количество дополнительных действий до минимума.
• Решение должно быть относительно универсальным. Сегодня, например, актуально отмечать утреннюю разминку, завтра — количество чисток зубов, а послезавтра — посчитать, сколько раз коллеги позвали на чай.

• Писать придется на языке JavaScript.
• Файлы ресурсов (изображения) кодируются в специфичных форматах.
• Умные люди уже давно сделали инструменты для разработки под Mi Smart Band 7.
• Официальная документация ZeppOS местами некорректна и требует уточнений.
• Некоторые функции работают неочевидно и непривычно. Например, поворот виджета-изображения поворачивает не сам виджет, а картинку внутри, обрезая ее края. Нужно самостоятельно вычислить размер виджета, который вместит повернутое изображение.
• Использование «ограниченных» функций ZeppOS возможно, но будут сюрпризы.

• Приложение simulator «падает» на Ubuntu 24.04, но на Windows запускается.
• Чтобы скачать симулятор устройства, нужно войти с профилем Zepp. В веб-версии есть кнопки логина через другие сервисы, например, Xiaomi, а внутри simulator вход только по логину и паролю. Пришлось создавать отдельный аккаунт.
• Сама виртуальная машина создает некоторые неудобства: при фокусе в «браслет» иногда залипает нажатие по экрану. Решение — снять фокус комбинацией клавиш Ctrl+Alt+G.
• На 4pda отмечают, что поведение JS в эмуляторе и на реальном устройстве отличается.

• Не нужны пересборка и деплой приложения: ZeppPlayer работает с исходными файлами напрямую и автоматически применяет обновления.
• Можно не перекодировать изображения в формат, совместимый с ZeppOS.
• Удобно создавать и тестировать циферблаты: время, дату и показания датчиков можно задавать самостоятельно. Также есть отдельная кнопка для автоматического создания анимированного предпросмотра.
• Есть возможность заглянуть в структуру циферблата или приложения.

В своем Telegram-канале я писал заметку про JavaScript Mi Smart Band 7. Подписывайтесь, там можно увидеть заметки по темам статей, над которыми я работаю, и небольшие познавательные посты.

E:\sb7\zmake>mkdir E:\sb7\ZeppPlayer\projects\habr
E:\sb7\zmake>zmake.exe E:\sb7\ZeppPlayer\projects\habr
Use config files:
  E:\sb7\zmake\zmake.json
We think that you want to create new project in this empty dir
Select new project type:
w - Watchface
a - Application
['w', 'a'] > a
E:\sb7\zmake>

(() => {
  // Здесь код, который был в файле.
})();

habr/
  assets/ - тут ресурсы (изображения), допускается вложенность
  page/ - тут js-файлы, реализующие страницы приложения или циферблата
  app.js - точка входа в приложение
  app.json - «манифест», описание приложения или циферблата

(() => {
        let __$$app$$__ = __$$hmAppManager$$__.currentApp;
        let __$$module$$__ = __$$app$$__.current;
        __$$module$$__.module = DeviceRuntimeCore.Page({
          onInit() {
                hmUI.createWidget(hmUI.widget.IMG_ANIM, {
                        x: 0, 
                        y: 0, 
                        anim_path: "dice",
                        anim_prefix: "roll",
                        anim_ext: "png",
                        anim_fps: 30,
                        repeat_count: 1,
                        anim_size: 91,
                        anim_status: hmUI.anim_status.START,
                });
          },
          onDestroy() {
                // On destroy, remove if not required
          }
        });
})();

E:\sb7\zmake>zmake.exe e:\sb7\ZeppPlayer\projects\dice
Use config files:
  E:\sb7\zmake\zmake.json
We think that you want... build this project
Processing app.json:
  Done
Processing assets:
  91 saved in TGA-32 format
Copying common files:
  Done
Processing app.js:
Done
Processing "page" JS files:
  Copied 1 files
  Post-processed 1 files
Packaging:
Skip: \.gitignore
  Created BIN/ZIP files
Completed without error.
E:\sb7\zmake>

После сборки в проекте появляются каталоги build и dist. В первом проект, готовый к упаковке, а во втором — bin-файл и zip-архив с bin-файлом.

После первой сборки и обновления страницы ZeppPlayer будет обращаться не к исходному коду проекта, а к проекту, собранному в каталоге build. Удалите каталог build и обновите страницу, чтобы продолжать отладку без постоянной сборки.

1. Перекидываем bin-файл на телефон.
2. Запускаем Zepp Life и ожидаем подключения к браслету.
3. Заходим в стороннее приложение, выбираем bin-файл и прямую установку.

• Бросок с преимуществом, два кубика, подсвечивается больший результат.
• Обычный бросок.
• Бросок с помехой, два кубика, подсвечивается меньший результат.

(() => {
        let __$$app$$__ = __$$hmAppManager$$__.currentApp;
        let __$$module$$__ = __$$app$$__.current;
        __$$module$$__.module = DeviceRuntimeCore.Page({
          onInit() {
           // Повторить три раза...     
                hmUI.createWidget(hmUI.widget.IMG, {
                        x: 29, 
                        y: 50, // ...с разными y-координатами, ...
                        src: "roll/d20-adv.png",
                }).addEventListener(hmUI.event.CLICK_DOWN, (info) => {
                        hmApp.gotoPage({
                                url: "page/d20",
                                param: "adv" // ... и аргументами
                        });
                })
          },
          onDestroy() {}
        });
})();

(() => {
        let __$$app$$__ = __$$hmAppManager$$__.currentApp;
        let __$$module$$__ = __$$app$$__.current;
        __$$module$$__.module = DeviceRuntimeCore.Page({
          onInit(arg) { // функция принимает аргумент от прошлой страницы
                if(arg == "adv" || arg === "dis") {
                        const result = [
                                Math.ceil((Math.random() * 20)),
                                Math.ceil((Math.random() * 20))
                        ];
                        // Рисуем два виджета
                } else {
                        const result = Math.ceil((Math.random() * 20));
                        let color;
                        if(result === 1) {
                                color = 0xff0000; 
                        } else if (result === 20) {
                                color = 0x00ff00;
                        } else {
                                color = 0x000000; 
                        }
                 hmUI.createWidget(hmUI.widget.IMG, {
                                x: 49, 
                                y: 193, 
                                src: "roll/d20-blue.png",
                        })
                 // Каждый следующий виджет перекрывает предыдущий.
                 // Рисуем текст после картинки
                        hmUI.createWidget(hmUI.widget.TEXT, {
                          x: 49,  // Растягиваем текстовое поле
                          y: 193, // на всю картинку
                          w: 93,
                          h: 103,
                          color: color,
                          text_size: 36,
                   // просим виджет центрировать текст
                          align_h: hmUI.align.CENTER_H, // по горизонтали
                          align_v: hmUI.align.CENTER_V, // и вертикали
                          text: result
                        })
                }
          },
          onDestroy() {}
        });
})();

Я обратился к автору циферблата за разрешением сделать и опубликовать модификацию и получил положительный ответ. Уважайте чужой труд!

В некоторых случаях вместо js-файла будут bin-файлы. Это байт-код интерпретатора, на данный момент нет возможности декомпилировать в JavaScript.

• У циферблата есть настройки (WATCHFACE_EDIT_GROUP) и ОС сама занимается сохранением данных.
• Большинство виджетов обладают полем type, которое позволяет указать «источник» данных. В этом случае операционная система сама обновляет показания виджетов. Исключение — прогресс-бар для метрики сна. Автор определил функцию, которая считывает метрику сна и задает количество процентов для шкалы прогресса. Она вызывается по таймеру раз в четыре секунды.

const widgets = [
    /* id 0-10 удалены для краткости */
    {
        id: 11,
        name: "sleep",
        title: "Sleep time",
        "ru-RU": "\u0412\u0440\u0435\u043C\u044F \u0441\u043D\u0430",
        color: 6291711,
        background: 1900621,
        type: hmUI.data_type.SLEEP,
        url: "Sleep_HomeScreen"
    },<br>    // Новый виджет
    {
        id: 12,
        name: "counter",
        title: "Counter",
        "ru-RU": "\u0421\u0447\u0451\u0442\u0447\u0438\u043a",
        color: 0x9999FF,
        background: 0x5A5A96
    },
    {
        id: 99,
        // empty widget
        title: "Empty",
        "ru-RU": "\u041F\u0443\u0441\u0442\u043E"
    }
];

// инициализация круговых виджетов
widgetsEditables.forEach((edit, index) => {
    /* Удалено для краткости */
    const bar = hmUI.createWidget(hmUI.widget.ARC_PROGRESS, /* params */)
    const text = hmUI.createWidget(hmUI.widget.TEXT_IMG, /* params */)
    
    if (name === "sleep") {
        /* Особый обработчик для метрики сна */
    } else if(name === "counter") {
        /* Добавляем свой обработчик для счетчика */
        const callback = () => {
            /* Если день сменился, сбрасываем счетчик */
            const time = hmSensor.createSensor(hmSensor.id.TIME)
            if (hmFS.SysProGetInt("watchface_handy_mod_counter_data_day") !== time.day) {
                hmFS.SysProSetInt("watchface_handy_mod_counter_data_payload", 0)
            }

            /* Выводим значение из хранилища на виджет-цифру и на шкалу прогресса */
            const payload = hmFS.SysProGetInt("watchface_handy_mod_counter_data_payload");
            text.setProperty(hmUI.prop.TEXT, String(payload))
            bar.setProperty(hmUI.prop.MORE, {
                ...barProps,
                level: payload * 10 < 100 ? payload * 10 : 100
            });
        };
        callback();
        timer.createTimer(0, 4e3, callback);
    }
}

if (options.tapzones) {
    if(name === "counter") {
        onClick(
            () => {
                /* Обнуляем счетчик при смене даты, если этого не произошло ранее */
                const time = hmSensor.createSensor(hmSensor.id.TIME)
                let counter = 0;
                if (hmFS.SysProGetInt("watchface_handy_mod_counter_data_day") === time.day) {
                    counter = hmFS.SysProGetInt("watchface_handy_mod_counter_data_payload")
                }
                /* Увеличиваем на единицу*/
                counter += 1;
                /* Сохраняем в хранилище */
                hmFS.SysProSetInt("watchface_handy_mod_counter_data_day", time.day)
                hmFS.SysProSetInt("watchface_handy_mod_counter_data_payload", counter)
                /* Отображаем на виджетах, не дожидаясь срабатывания таймера */
                text.setProperty(hmUI.prop.TEXT, String(counter))
                bar.setProperty(hmUI.prop.MORE, {
                    ...barProps,
                    level: counter * 10 < 100 ? counter * 10 : 100
                });
            },
            bar,
            icon,
            text
        );
    }
}

let counter = 5;

/* Назначение типом number выводит 0 на браслете */
text.setProperty(hmUI.prop.TEXT, counter);

/* Назначение с явной конвертацией к строке выводит 5, как и ожидалось */
text.setProperty(hmUI.prop.TEXT, String(counter));

/* Для ZeppPlayer оба варианта выводят 5 */

Скачать модифицированный циферблат можно по ссылке. Возможно, позднее появится на 4pda.