// OVERLAY API
Створюйте оверлеї для Racelink
Оверлей — це невелика вебсторінка. Racelink дає їй єдині живі дані всіх підтримуваних симуляторів, панель налаштувань із маніфесту та шлях до Майстерні Steam.
- 01
Створіть
npm create @racelink/overlay@latestОберіть чистий TypeScript або React. Проєкт одразу працює.
- 02
Розробляйте
npm run devnpm run dev: оверлей з’являється в Racelink і перезавантажується після кожної зміни. Без застосунку SDK генерує демо-дані.
- 03
Публікуйте
npm run buildRacelink Studio перевіряє оверлей, знімає прев’ю й публікує його в Майстерню Steam. Підписники отримують оновлення автоматично.
// TYPESCRIPT
Читання телеметрії
Єдина модель даних
Швидкість у км/год, педалі 0–1, час у секундах — ті самі поля в кожному симуляторі.
Налаштування з маніфесту
Опишіть налаштування в racelink.overlay.json, а панель намалює Racelink.
Типізовано повністю
Телеметрія й налаштування типізовані, довідник полів описує кожне значення.
Готово для ШІ-асистентів
У проєктах є AGENTS.md і повний посібник для ШІ-асистентів.
import { createOverlay } from '@racelink/overlay';
import { defaultSettings, type Settings } from './racelink-settings';
const overlay = createOverlay<Settings>({ defaults: defaultSettings });
overlay.on('telemetry', ({ car, session }) => {
// Normalized for every sim: km/h, pedals 0..1, seconds.
draw(car.speedKph, car.throttle, session.lap);
});