show bot versions on bot page

2 files changed, 64 insertions, 14 deletions

diff --git a/web/pw-server/src/routes/bots/[bot_name].svelte b/web/pw-server/src/routes/bots/[bot_name].svelte
index 5fe4cc7..58e89ad 100644
--- a/web/pw-server/src/routes/bots/[bot_name].svelte
+++ b/web/pw-server/src/routes/bots/[bot_name].svelte
@@ -91,6 +91,25 @@
       Publish a new version by pushing a docker container to
       <code>registry.planetwars.dev/{bot["name"]}:latest</code>, or using the web editor.
     </div>
+
+    <div class="versions">
+      <h3>Versions</h3>
+      <ul class="version-list">
+        {#each versions.slice(0, 10) as version}
+          <li class="bot-version">
+            {dayjs(version["created_at"]).format("YYYY-MM-DD HH:mm")}
+            {#if version["container_digest"]}
+              <span class="container-digest">{version["container_digest"]}</span>
+            {:else}
+              <a href={`/code/${version["id"]}`}>view code</a>
+            {/if}
+          </li>
+        {/each}
+      </ul>
+      {#if versions.length == 0}
+        This bot does not have any versions yet.
+      {/if}
+    </div>
   {/if}
 
   <div class="matches">
@@ -102,20 +121,6 @@
       </div>
     {/if}
   </div>
-
-  <!-- <div class="versions">
-    <h4>Versions</h4>
-    <ul class="version-list">
-      {#each versions as version}
-        <li>
-          {dayjs(version["created_at"]).format("YYYY-MM-DD HH:mm")}
-        </li>
-      {/each}
-    </ul>
-    {#if versions.length == 0}
-      This bot does not have any versions yet.
-    {/if}
-  </div> -->
 </div>
 
 <style lang="scss">
@@ -155,4 +160,14 @@
   .versions {
     margin: 30px 0;
   }
+
+  .version-list {
+    padding: 0;
+  }
+
+  .bot-version {
+    display: flex;
+    justify-content: space-between;
+    padding: 4px 24px;
+  }
 </style>
diff --git a/web/pw-server/src/routes/code/[bundle_id].svelte b/web/pw-server/src/routes/code/[bundle_id].svelte
new file mode 100644
index 0000000..1775ba5
--- /dev/null
+++ b/web/pw-server/src/routes/code/[bundle_id].svelte
@@ -0,0 +1,35 @@
+<script lang="ts" context="module">
+  import { ApiClient } from "$lib/api_client";
+
+  export async function load({ params, fetch }) {
+    const apiClient = new ApiClient(fetch);
+
+    try {
+      const code = await apiClient.getText(`/api/code/${params["bundle_id"]}`);
+      return {
+        props: {
+          code,
+        },
+      };
+    } catch (error) {
+      return {
+        status: error.status,
+        error: error,
+      };
+    }
+  }
+</script>
+
+<script lang="ts">
+  export let code;
+</script>
+
+<pre class="bot-code">
+  {code}
+</pre>
+
+<style lang="scss">
+  .bot-code {
+    margin: 24px 12px;
+  }
+</style>