feat: store keyboard timestamp as datetime object

clients/player-client/src/components/Keyboard.tsx

@@ -22,7 +22,7 @@ export const Keyboard: React.FC<KeyboardProps> = () => {
 
   return (
     <div>
-      {inputContext.state.key} {inputContext.state.timestamp}{' '}
+      {inputContext.state.key} {inputContext.state.timestamp?.toISO()}{' '}
       {input && <div>Input: {input?.map(i => i.key).join(', ')}</div>}
     </div>
   );

clients/player-client/src/context/Input/InputAction.type.ts

@@ -1,8 +1,9 @@
 import { InputActionType } from './InputActionType.type';
+import { DateTime } from 'luxon';
 
 export type InputAction =
   | { type: InputActionType.SET_TOUCH_GRID; payload: { x: number; y: number } }
   | {
       type: InputActionType.SET_KEYSTROKE;
-      payload: { key: string; timestamp: string };
+      payload: { key: string; timestamp: DateTime };
     };

clients/player-client/src/context/Input/InputState.type.ts

@@ -1,6 +1,8 @@
+import { DateTime } from 'luxon';
+
 export type InputState = {
   x?: number;
   y?: number;
   key?: string;
-  timestamp?: string;
+  timestamp?: DateTime;
 };

clients/player-client/src/core/types/player-input-record.type.ts

@@ -1,4 +1,6 @@
+import { DateTime } from 'luxon';
+
 export type PlayerInputRecord = {
   key: string;
-  timestamp: string;
+  timestamp: DateTime;
 };

clients/player-client/src/core/useHandleInput.ts

@@ -19,7 +19,7 @@ export default function useHandleInput(): PlayerInputRecord[] | null {
           // Collect key press for the given direction
           newInputRecords.push({
             key: direction,
-            timestamp: DateTime.now().toISO(),
+            timestamp: DateTime.now(),
           });
         }
       });