Racelink
RU
Steam

// OVERLAY API

Создавайте оверлеи для Racelink

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

SDK в npm ↗Steam Workshop ↗
  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);
});