Merge pull request #162 from joyofrails/chore/upgrade-litestream

Upgrade litestream, mount ui

Author: rossta

Gemfile.lock

@@ -254,10 +254,12 @@ GEM
     letter_opener (1.10.0)
       launchy (>= 2.2, < 4)
     lint_roller (1.1.0)
-    litestream (0.8.0-arm64-darwin)
+    litestream (0.10.4-arm64-darwin)
       logfmt (>= 0.0.10)
-    litestream (0.8.0-x86_64-linux)
+      sqlite3
+    litestream (0.10.4-x86_64-linux)
       logfmt (>= 0.0.10)
+      sqlite3
     logfmt (0.0.10)
     loofah (2.22.0)
       crass (~> 1.0.2)

app/views/admin/home/index.html.erb

@@ -1,47 +1,38 @@
-<div class="container">
-  <div class="row">
-    <section class="max-w-screen-lg py-16 mx-auto lg:py-20">
-      <h1 class="pb-16 text-2xl font-bold text-center md:text-4xl">Admin</h1>
-    </section>
-  </div>
-  <ul role="list" class="divide-y divide-gray-100">
-    <li class="relative flex py-5">
-      <div class="flex min-w-0 gap-x-4">
-        <div class="min-w-0 flex-auto">
-          <p class="font-semibold leading-6">
-            <a href="/admin/flipper">
-              <span class="absolute inset-x-0 -top-px bottom-0"></span>
-              Flipper
-            </a>
-          </p>
+<%
+nav = {
+  "Flipper" => "/admin/flipper",
+  "Mission Control Jobs" => "/admin/jobs",
+  "Litestream" => "/admin/litestream",
+}
+%>
+<article>
+  <%= render Pages::Header.new(title: "Admin") %>
+  <div class="container">
+    <ul role="list" class="divide-y divide-gray-100">
+      <% nav.each do |label, url| %>
+      <li class="relative flex py-5">
+        <div class="flex min-w-0 gap-x-4">
+          <div class="min-w-0 flex-auto">
+            <p class="font-semibold leading-6">
+              <%= link_to url do %>
+                <span class="absolute inset-x-0 -top-px bottom-0"></span>
+                <%= label %>
+              <% end %>
+            </p>
+          </div>
         </div>
-      </div>
-      <div class="flex shrink-0 items-center gap-x-4">
-        <svg class="h-5 w-5 flex-none text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-          <path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd" />
-        </svg>
-      </div>
-    </li>
-    <li class="relative flex py-5">
-      <div class="flex min-w-0 gap-x-4">
-        <div class="min-w-0 flex-auto">
-          <p class="font-semibold leading-6">
-            <a href="/admin/jobs">
-              <span class="absolute inset-x-0 -top-px bottom-0"></span>
-              Mission Control Jobs
-            </a>
-          </p>
+        <div class="flex shrink-0 items-center gap-x-4">
+          <svg class="h-5 w-5 flex-none text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+            <path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd" />
+          </svg>
         </div>
-      </div>
-      <div class="flex shrink-0 items-center gap-x-4">
-        <svg class="h-5 w-5 flex-none text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-          <path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd" />
-        </svg>
-      </div>
-    </li>
-  </ul>
-</div>
+      </li>
+      <% end %>
+    </ul>
+  </div>
+</article>
 
+<% content_for :head do %>
 <script type="text/javascript">
   document.addEventListener("DOMContentLoaded", () => {
     if (window.channels?.heartbeat?.subscribe) {
@@ -50,3 +41,4 @@
     }
   });
 </script>
+<% end %>

app/views/layouts/application.html.erb

@@ -25,6 +25,7 @@
 
     <script type="text/javascript" defer data-domain="joyofrails.com" src="https://plausible.io/js/script.tagged-events.outbound-links.js"></script>
     <script type="text/javascript">window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
+    <%= yield :head %>
   </head>
   <%= tag.body do %>
     <%= yield :top %>

config/routes.rb

@@ -75,6 +75,7 @@
     unless Rails.env.wasm?
       mount Flipper::UI.app(Flipper) => "/flipper"
       mount MissionControl::Jobs::Engine, at: "/jobs"
+      mount Litestream::Engine => "/litestream"
     end
   end
 end