The IRoomSession interface was missing three things that have always existed on the RoomSession implementation: - `password: string` — the room session's join password (used by the reconnect flow in RoomSessionManager). - `sendBackgroundMessage(backgroundImage, backgroundStand, backgroundOverlay, backgroundCard?)` — sends the profile-background composer (used by the React client's BackgroundsView). Plus a signature relaxation: - `sendChatMessage` / `sendShoutMessage` `chatColour` is now optional. The implementation already accepted `undefined` (the composer forwards it through), and every historical call site in the React client passes only 2 args — making the 3rd optional simply types reality. Net renderer typecheck: 26 → 23. The change also drops 7 errors on the consumer side (see ../Nitro-V3 typecheck after the workspace link picks this up). CLAUDE.md gotchas updated to reflect the new interface contract.
5.3 KiB
Nitro_Render_V3 — Claude project context
Pure-TypeScript renderer library for the Nitro retro Habbo client. Wraps PixiJS v8 for room/avatar rendering and provides the WebSocket
- event-bus infrastructure that the React client (
../Nitro-V3) sits on top of.
Stack
- TypeScript 6.0 (root) + tsgo (
@typescript/native-preview, TS 7 preview compiler — used byyarn compile:fast, ~7× faster on this codebase) - PixiJS v8 (
pixi.js@8.18) - Vite 8 for build + bundling
- Vitest 4 for unit tests
- Yarn 1.22 workspaces (
packages/*) — note: yarn 1, NOT yarn 4 like the client. The two repos use different package managers on purpose. - No React — this is a pure TS library; React lives in
../Nitro-V3.
Workspace layout
Twelve internal packages under packages/*/src/, each pinning
typescript: ^6.0.3 in its own devDependencies:
packages/
api public interfaces (IEventDispatcher, ISessionDataManager, ...)
assets asset loading + caching
avatar avatar rendering / figure resolution
camera in-room camera widget
communication WebSocket + composer/parser pipeline
configuration runtime config loader
events EventDispatcher + NitroEventType + per-domain events
localization LocalizationManager
room RoomEngine + RoomVisualization
session SessionDataManager + RoomSessionManager + handlers
sound SoundManager (howler-based)
utils shared utilities (BinaryReader, Logger, …)
Root index.ts re-exports everything from @nitrots/* so the React
client gets a flat import { … } from '@nitrots/nitro-renderer'.
React-friendly API additions (v2.1.0)
Three additions matter for the React client integration. Keep these backwards-compatible:
EventDispatcher.subscribe(type, callback): () => void
Signature matches what useSyncExternalStore expects — returns an
unsubscriber, no need to juggle callback identity. Implemented in
packages/events/src/EventDispatcher.ts. The legacy
addEventListener / removeEventListener still work.
CommunicationManager.subscribeMessage(eventCtor, handler): () => void
Equivalent for packet streams. Implemented in
packages/communication/src/CommunicationManager.ts.
Snapshot getters on SessionDataManager + RoomSessionManager
getUserDataSnapshot(): Readonly<IUserDataSnapshot>
getActiveRoomSessionSnapshot(): Readonly<IRoomSessionSnapshot> | null
Returns referentially-stable values: the same object reference is
returned across reads until invalidated. Invalidation happens via the
new event types NitroEventType.SESSION_DATA_UPDATED and
NitroEventType.ROOM_SESSION_UPDATED.
When you mutate any field that the snapshot exposes, call the private
invalidateUserDataSnapshot() / invalidateRoomSessionSnapshot() —
that drops the cached snapshot and dispatches the invalidation event.
The React side rebuilds via useSyncExternalStore.
The interface contracts live in:
packages/api/src/nitro/session/IUserDataSnapshot.tspackages/api/src/nitro/session/IRoomSessionSnapshot.ts
Scripts
yarn build # vite build
yarn compile # tsc --project ./tsconfig.json --noEmit false
yarn compile:fast # tsgo (~7× faster, TS 7 preview)
yarn eslint # lint src + packages/*/src
yarn test # vitest run
yarn test:watch # vitest watch
yarn test:coverage # vitest with v8 coverage
Consumed by
../Nitro-V3 consumes this library via link:../Nitro_Render_V3
(yarn 4 node-modules linker). DO NOT use yarn link — it confuses
vite's asset resolution. The client's vite.config.js then maps each
@nitrots/* package directly to its source index.ts so there's no
build step needed for development.
When making changes to renderer APIs the React client uses, the
client's feat/react19-* branches contain consumers — check
Nitro-V3/src/hooks/events/ and Nitro-V3/src/hooks/{session,rooms}/
for the React-side bridge code.
Gotchas
SessionDataManager.getUserData(id)does NOT exist. Some legacy code in the React client used it under agetUserData ?truthy guard; the branch was always dead. OnlygetUserDataSnapshot()exists.IRoomSession.sendChatMessage/sendShoutMessageaccept an optionalchatColour3rd arg (was required pre-2.1.1, now optional to match the historical call sites in the React client). The implementation forwardsundefinedto the composer just fine; pass a value only when you need a specific bubble colour.IRoomSession.passwordandIRoomSession.sendBackgroundMessageare now part of the public interface (they always existed on the implementation class — interface caught up).- The renderer is synchronous:
EventDispatcher.dispatchEventis a synchronous loop over listeners. Don't addawaitinside theprocessEventloop — it would change ordering guarantees that consumers rely on. - Workspace package devDeps pin TS at
^6.0.3soyarn compileinside any single package keeps working. The root TS 6 is the source of truth.
Sister projects in the same DEV folder
../Nitro-V3— React 19 client (consumes this lib via link)../Arcturus-Morningstar-Extended— Java emulator (server side)../NitroV3-Housekeeping— Next.js + Prisma admin CMS