fix: support session timing in demo and stories

Author: tariknz

src/app/bridge/iracingSdk/mock-data/mockSdkBridge.spec.ts

@@ -88,6 +88,53 @@ describe('mockSdkBridge processor channels', () => {
     );
   });
 
+  it('publishes session timing without a lifecycle in demo mode', async () => {
+    const bus = new ChannelBus();
+    const publish = vi.spyOn(bus, 'publish');
+    bus.subscribe(
+      {
+        id: 3,
+        isDestroyed: () => false,
+        isVisible: () => true,
+        send: vi.fn(),
+      },
+      'session-timing.snapshot'
+    );
+    const bridge = await publishIRacingSDKEvents(
+      { publishMessage: vi.fn() } as never,
+      undefined,
+      bus
+    );
+    try {
+      callbacks.session?.({
+        DriverInfo: { DriverCarIdx: 0, Drivers: [{ CarIdx: 0 }] },
+        SessionInfo: {
+          Sessions: [{ SessionNum: 1, SessionType: 'Race', SessionLaps: 20 }],
+        },
+      } as unknown as Session);
+      callbacks.telemetry?.({
+        SessionTime: { value: [120] },
+        SessionNum: { value: [1] },
+        SessionState: { value: [4] },
+        SessionTimeTotal: { value: [2400] },
+        SessionTimeRemain: { value: [2280] },
+        CamCarIdx: { value: [0] },
+        CarIdxLap: { value: [2] },
+        CarIdxPosition: { value: [1] },
+        CarIdxLapDistPct: { value: [0.25] },
+        CarIdxBestLapTime: { value: [60] },
+        CarIdxLastLapTime: { value: [60] },
+      } as unknown as Telemetry);
+
+      expect(publish).toHaveBeenCalledWith(
+        'session-timing.snapshot',
+        expect.objectContaining({ currentLap: 2, sessionType: 'Race' })
+      );
+    } finally {
+      bridge.stop();
+    }
+  });
+
   it('feeds mock data through the relative-gap runtime', async () => {
     const bus = new ChannelBus();
     const publish = vi.spyOn(bus, 'publish');

src/app/bridge/iracingSdk/mock-data/mockSdkBridge.ts

@@ -21,10 +21,9 @@ export async function publishIRacingSDKEvents(
   perfMetrics.startReporting();
 
   const bridge = generateMockData();
-  const lapTimesRuntime =
-    channelBus && lifecycle
-      ? new LapTimesRuntime(channelBus, lifecycle, perfMetrics)
-      : undefined;
+  const lapTimesRuntime = channelBus
+    ? new LapTimesRuntime(channelBus, lifecycle, perfMetrics)
+    : undefined;
   const carSpeedsRuntime = channelBus
     ? new CarSpeedsRuntime(channelBus, lifecycle, perfMetrics)
     : undefined;

src/app/processors/lapTimesRuntime.ts

@@ -21,7 +21,7 @@ export class LapTimesRuntime {
 
   constructor(
     private readonly bus: ChannelBus,
-    lifecycle: SessionLifecycle,
+    lifecycle: SessionLifecycle | undefined,
     private readonly metrics: PerformanceSections,
     private readonly aggregateReplay = false
   ) {
@@ -31,18 +31,22 @@ export class LapTimesRuntime {
         if (count > 0) this.activate();
         else this.deactivateIfUnused();
       }),
-      lifecycle.onEnter(({ replay }) => {
-        this.replaySource = replay;
-        this.onLifecycle({
-          type: 'enter',
-          replay: replay && !this.aggregateReplay,
-        });
-      }),
-      lifecycle.onSessionNumChange(() =>
-        this.onLifecycle({ type: 'sessionNumChange' })
-      ),
-      lifecycle.onDisconnect(() => this.onLifecycle({ type: 'disconnect' })),
     ];
+    if (lifecycle) {
+      this.disconnects.push(
+        lifecycle.onEnter(({ replay }) => {
+          this.replaySource = replay;
+          this.onLifecycle({
+            type: 'enter',
+            replay: replay && !this.aggregateReplay,
+          });
+        }),
+        lifecycle.onSessionNumChange(() =>
+          this.onLifecycle({ type: 'sessionNumChange' })
+        ),
+        lifecycle.onDisconnect(() => this.onLifecycle({ type: 'disconnect' }))
+      );
+    }
   }
 
   onFrame(frame: Telemetry): void {

src/frontend/components/Standings/components/SessionBar/SessionBar.stories.tsx

@@ -2,7 +2,10 @@ import { Meta, StoryObj } from '@storybook/react-vite';
 import type { ComponentType } from 'react';
 import { SessionBar } from './SessionBar';
 import { getIncidentDisplay } from './getIncidentDisplay';
-import { TelemetryDecorator } from '../../../../../../.storybook/telemetryDecorator';
+import {
+  ChannelSnapshotDecorator,
+  TelemetryDecorator,
+} from '@irdashies/storybook';
 import { getWidgetDefaultConfig } from '@irdashies/types';
 import {
   SessionTimingStoreUpdater,
@@ -16,6 +19,24 @@ export default {
   title: 'widgets/Standings/components/SessionBar',
   decorators: [
     TelemetryDecorator(),
+    ChannelSnapshotDecorator({
+      'session-timing.snapshot': {
+        sessionType: 'Race',
+        state: 4,
+        currentLap: 8,
+        totalLaps: 20,
+        time: 960,
+        timeTotal: 2400,
+        timeRemaining: 1440,
+        greenFlagTimestamp: 0,
+        isFixedLapRace: true,
+        totalRaceLaps: 20,
+        totalRaceTime: 2400,
+        adjustedRaceTime: 2400,
+        sessionNum: 0,
+        version: 1,
+      },
+    }),
     (Story: ComponentType) => (
       <>
         <SessionTimingStoreUpdater enabled={true} />