From 9fb8f4160a20615578508bfaa97e3c35b968500e Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Sun, 12 Apr 2026 04:39:07 +0200
Subject: [PATCH] Make runtime clock state optional and provide default values
 in RunnerCanvas

---
 src/runner-web/RunnerCanvas.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/runner-web/RunnerCanvas.tsx b/src/runner-web/RunnerCanvas.tsx
index be67ecab..b3fbb9c8 100644
--- a/src/runner-web/RunnerCanvas.tsx
+++ b/src/runner-web/RunnerCanvas.tsx
@@ -13,6 +13,7 @@ import {
 } from "../runtime-three/runtime-host";
 import type { RuntimeInteractionPrompt } from "../runtime-three/runtime-interaction-system";
 import {
+  createRuntimeClockState,
   resolveRuntimeDayNightWorldState,
   type RuntimeClockState
 } from "../runtime-three/runtime-project-time";
@@ -31,9 +32,9 @@ interface RunnerCanvasProps {
   loadedImageAssets: Record<string, LoadedImageAsset>;
   loadedAudioAssets: Record<string, LoadedAudioAsset>;
   navigationMode: RuntimeNavigationMode;
-  runtimeClock: RuntimeClockState;
+  runtimeClock?: RuntimeClockState;
   onRuntimeMessageChange(message: string | null): void;
-  onRuntimeClockChange(clock: RuntimeClockState): void;
+  onRuntimeClockChange?(clock: RuntimeClockState): void;
   onFirstPersonTelemetryChange(telemetry: FirstPersonTelemetry | null): void;
   onInteractionPromptChange(prompt: RuntimeInteractionPrompt | null): void;
   onSceneExitActivated(request: RuntimeSceneExitTransitionRequest): void;
@@ -48,9 +49,9 @@ export function RunnerCanvas({
   loadedImageAssets,
   loadedAudioAssets,
   navigationMode,
-  runtimeClock,
+  runtimeClock = createRuntimeClockState(runtimeScene.time),
   onRuntimeMessageChange,
-  onRuntimeClockChange,
+  onRuntimeClockChange = () => {},
   onFirstPersonTelemetryChange,
   onInteractionPromptChange,
   onSceneExitActivated
@@ -90,7 +91,7 @@ export function RunnerCanvas({
       runtimeHost.mount(container);
       runtimeHost.setRuntimeMessageHandler(onRuntimeMessageChange);
       runtimeHost.setSceneLoadStateHandler(setSceneLoadState);
-      runtimeHost.setRuntimeClockStateHandler(onRuntimeClockChange);
+      runtimeHost.setRuntimeClockStateHandler?.(onRuntimeClockChange);
       runtimeHost.setFirstPersonTelemetryHandler((telemetry) => {
         setFirstPersonTelemetry(telemetry);
         onFirstPersonTelemetryChange(telemetry);
@@ -136,7 +137,7 @@ export function RunnerCanvas({
   }, [onSceneExitActivated]);
 
   useEffect(() => {
-    hostRef.current?.setRuntimeClockStateHandler(onRuntimeClockChange);
+    hostRef.current?.setRuntimeClockStateHandler?.(onRuntimeClockChange);
   }, [onRuntimeClockChange]);
 
   useEffect(() => {