Build: show the command that's currently being executed (#610)

Matches readthedocs/readthedocs.org#12243



https://github.com/user-attachments/assets/cdaf0d16-3520-48b3-b3d6-fa118df0a787

Author: stsewd

readthedocsext/theme/static/readthedocsext/theme/js/site.js

@@ -243,9 +243,12 @@
               <td class="command">
                 <code class="ui text"
                       data-bind="text: command, class: command_class, click: toggle_expanded"></code>
-                <a class="ui mini inverted label" data-bind="text: run_time() + 's'"></a>
                 <a class="ui mini inverted label"
-                   data-bind="text: '{% trans "Exit" %}: ' + exit_code(), visible: exit_code() > 0"></a>
+                   data-bind="text: '{% trans "Running" %}', visible: !finished()"></a>
+                <a class="ui mini inverted label"
+                   data-bind="text: run_time() + 's', visible: finished()"></a>
+                <a class="ui mini inverted label"
+                   data-bind="text: '{% trans "Exit" %}: ' + exit_code(), visible: finished() && exit_code() > 0"></a>
               </td>
             </tr>
           </tbody>

readthedocsext/theme/templates/builds/build_detail.html

@@ -80,6 +80,12 @@ class BuildCommand {
     });
     /** @observable {number} Command run time in seconds */
     this.run_time = ko.observable(build_command.run_time);
+    /** @observable {number} Command end time in seconds */
+    this.end_time = ko.observable(build_command.end_time);
+    /** @computed {Boolean} Command is finished running? */
+    this.finished = ko.computed(() => {
+      return this.end_time() !== null;
+    });
     /** @computed {Boolean} This command is a debug class command */
     this.is_debug = ko.observable(is_debug);
     /** @computed {Boolean} Hide debug commands until debug mode is enabled */
@@ -503,7 +509,12 @@ export class BuildDetailView {
         return command_search.id() === command.id;
       },
     );
-    if (!command_found) {
+    if (command_found) {
+      command_found.output(command.output);
+      command_found.exit_code(command.exit_code || 0);
+      command_found.run_time(command.run_time);
+      command_found.end_time(command.end_time);
+    } else {
       this.commands.push(new BuildCommand(command));
     }
   }