From caa3481561f797641cba2fd31601a2938c4d4487 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sybren=20A=2E=20St=C3=BCvel?= <sybren@blender.org>
Date: Tue, 12 Apr 2022 15:43:50 +0200
Subject: [PATCH] Web: emit jobUpdate event with API object instead of straight
 JSON

Instead of just emitting the straight parsed-JSON object that the SocketIO
library gives us, feed it to the OpenAPI client type system to ensure it's
parsed in the same way as any regular API response.

This is mostly to get datetimes as JS `Date` object instead of as string.
---
 web/app/src/components/UpdateListener.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/web/app/src/components/UpdateListener.vue b/web/app/src/components/UpdateListener.vue
index b9136d91..4e359689 100644
--- a/web/app/src/components/UpdateListener.vue
+++ b/web/app/src/components/UpdateListener.vue
@@ -4,6 +4,7 @@
 
 <script>
 import io from "socket.io-client";
+import * as API from "../manager-api"
 
 export default {
   emits: ["jobUpdate", "taskUpdate", "message", "reconnected"],
@@ -47,7 +48,10 @@ export default {
       });
 
       this.socket.on("/jobs", (jobUpdate) => {
-        this.$emit("jobUpdate", jobUpdate);
+        // Convert to API object, in order to have the same parsing of data as
+        // when we'd do an API call.
+        const apiJobUpdate = API.JobUpdate.constructFromObject(jobUpdate)
+        this.$emit("jobUpdate", apiJobUpdate);
       });
 
       // Chat system, useful for debugging.