Racelink

// OVERLAY API

Створюйте оверлеї для Racelink

Оверлей — це невелика вебсторінка. Racelink дає їй єдині живі дані всіх підтримуваних симуляторів, панель налаштувань із маніфесту та шлях до Майстерні Steam.

  1. 01

    Створіть

    npm create @racelink/overlay@latest

    Оберіть чистий TypeScript або React. Проєкт одразу працює.

  2. 02

    Розробляйте

    npm run dev

    npm run dev: оверлей з’являється в Racelink і перезавантажується після кожної зміни. Без застосунку SDK генерує демо-дані.

  3. 03

    Публікуйте

    npm run build

    Racelink Studio перевіряє оверлей, знімає прев’ю й публікує його в Майстерню Steam. Підписники отримують оновлення автоматично.

// TYPESCRIPT

Читання телеметрії

  • Єдина модель даних

    Швидкість у км/год, педалі 0–1, час у секундах — ті самі поля в кожному симуляторі.

  • Налаштування з маніфесту

    Опишіть налаштування в racelink.overlay.json, а панель намалює Racelink.

  • Типізовано повністю

    Телеметрія й налаштування типізовані, довідник полів описує кожне значення.

  • Готово для ШІ-асистентів

    У проєктах є AGENTS.md і повний посібник для ШІ-асистентів.

src/main.ts
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);
});