labnotes 0.0.96__tar.gz → 0.0.97__tar.gz

{labnotes-0.0.96 → labnotes-0.0.97}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.5
 Name: labnotes
-Version: 0.0.96
+Version: 0.0.97
 Summary: Browse experiment designs, notes, and run data from a folder.
 Project-URL: Repository, https://github.com/thekevinscott/labnotes
 Author-email: Kevin Scott <me@thekevinscott.com>

{labnotes-0.0.96 → labnotes-0.0.97}/src/labnotes/static/run-output.js

@@ -1,16 +1,24 @@
+import { AnsiUp } from "https://esm.sh/ansi_up@6.0.6";
+
 const output = document.querySelector(".run-output");
 const state = document.querySelector(".run-state");
 const source = new EventSource(output.dataset.url);
 
+let parsers = {};
+
 // The server resends the whole log on each connection, so a reconnect starts clean.
-source.addEventListener("open", () => output.replaceChildren());
+source.addEventListener("open", () => {
+  output.replaceChildren();
+  parsers = {};
+});
 
 source.addEventListener("message", (event) => {
   const { stream, text } = JSON.parse(event.data);
   const following = output.scrollTop + output.clientHeight >= output.scrollHeight - 4;
   const chunk = document.createElement("span");
   chunk.className = stream;
-  chunk.textContent = text;
+  parsers[stream] ??= new AnsiUp();
+  chunk.innerHTML = parsers[stream].ansi_to_html(text);
   output.append(chunk);
   if (following) output.scrollTop = output.scrollHeight;
 });

{labnotes-0.0.96 → labnotes-0.0.97}/src/labnotes/templates/run.html

@@ -15,5 +15,5 @@
   <header><span class="stdout">stdout</span><span class="stderr">stderr</span></header>
   <pre class="run-output" data-url="{{ url_for('output', name=run.experiment, run=run.id) }}"></pre>
 </section>
-<script src="{{ asset('run-output.js') }}" defer></script>
+<script type="module" src="{{ asset('run-output.js') }}"></script>
 {% endblock %}