// OVERLAY API
Twórz nakładki dla Racelink
Nakładka to mała strona internetowa. Racelink daje jej znormalizowane dane na żywo z każdego obsługiwanego symulatora, panel ustawień generowany z manifestu i drogę do Warsztatu Steam.
- 01
Utwórz
npm create @racelink/overlay@latestWybierz czysty TypeScript lub React. Projekt działa od razu.
- 02
Rozwijaj
npm run devnpm run dev: nakładka pojawia się w Racelink i przeładowuje się po każdej zmianie. Bez aplikacji SDK generuje dane demo.
- 03
Opublikuj
npm run buildRacelink Studio sprawdza nakładkę, przechwytuje jej podgląd i publikuje w Warsztacie Steam. Subskrybenci dostają aktualizacje automatycznie.
// TYPESCRIPT
Odczyt telemetrii
Jeden model danych
Prędkości w km/h, pedały 0–1, czasy w sekundach — te same pola w każdym symulatorze.
Ustawienia z manifestu
Zadeklaruj ustawienia w racelink.overlay.json, a Racelink narysuje panel.
Typowane od początku do końca
Telemetria i ustawienia są typowane; opis pól dokumentuje każdą wartość.
Stworzone dla asystentów AI
Projekty zawierają AGENTS.md i kompletny przewodnik dla asystentów programowania.
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);
});