Add header to /output (#324)

src/subcommand/server.rs

@@ -4,7 +4,8 @@ use {
   self::{
     deserialize_ordinal_from_str::DeserializeOrdinalFromStr,
     templates::{
-      block::BlockHtml, ordinal::OrdinalHtml, root::RootHtml, transaction::TransactionHtml, Content,
+      block::BlockHtml, ordinal::OrdinalHtml, output::OutputHtml, root::RootHtml,
+      transaction::TransactionHtml, Content,
     },
     tls_acceptor::TlsAcceptor,
   },
@@ -175,22 +176,12 @@ impl Server {
     extract::Path(outpoint): extract::Path<OutPoint>,
   ) -> impl IntoResponse {
     match index.list(outpoint) {
-      Ok(Some(ranges)) => (
-        StatusCode::OK,
-        Html(format!(
-          "<ul>{}</ul>",
-          ranges
-            .iter()
-            .map(|(start, end)| format!(
-              "<li><a href='/range/{start}/{end}'>[{start},{end})</a></li>"
-            ))
-            .collect::<String>()
-        )),
-      ),
+      Ok(Some(ranges)) => OutputHtml { outpoint, ranges }.page().into_response(),
       Ok(None) => (
         StatusCode::NOT_FOUND,
         Html("Output unknown, invalid, or spent.".to_string()),
-      ),
+      )
+        .into_response(),
       Err(err) => {
         eprintln!("Error serving request for output: {err}");
         (
@@ -202,6 +193,7 @@ impl Server {
               .to_string(),
           ),
         )
+          .into_response()
       }
     }
   }

src/subcommand/server/templates.rs

@@ -2,6 +2,7 @@ use {super::*, boilerplate::Display};
 
 pub(crate) mod block;
 pub(crate) mod ordinal;
+pub(crate) mod output;
 pub(crate) mod root;
 pub(crate) mod transaction;
 

src/subcommand/server/templates/output.rs

@@ -0,0 +1,46 @@
+use super::*;
+
+#[derive(Display)]
+pub(crate) struct OutputHtml {
+  pub(crate) outpoint: OutPoint,
+  pub(crate) ranges: Vec<(u64, u64)>,
+}
+
+impl Content for OutputHtml {
+  fn title(&self) -> String {
+    format!("Output {}", self.outpoint)
+  }
+
+  fn page(self) -> PageHtml {
+    PageHtml {
+      content: Box::new(self),
+    }
+  }
+}
+
+#[cfg(test)]
+mod tests {
+  use {super::*, pretty_assertions::assert_eq, unindent::Unindent};
+
+  #[test]
+  fn output_html() {
+    assert_eq!(
+      OutputHtml {
+        outpoint: "4a5e1e4baab89f3a32518a88c31bc87f618f76673e2cc77ab2127b7afdeda33b:0"
+          .parse()
+          .unwrap(),
+        ranges: vec![(0, 1), (1, 2)]
+      }
+      .to_string(),
+      "
+        <h1>Output 4a5e1e4baab89f3a32518a88c31bc87f618f76673e2cc77ab2127b7afdeda33b:0</h1>
+        <h2>Ordinal Ranges</h2>
+        <ul>
+          <li><a href=/range/0/1>[0,1)</a></li>
+          <li><a href=/range/1/2>[1,2)</a></li>
+        </ul>
+      "
+      .unindent()
+    );
+  }
+}

templates/output.html

@@ -0,0 +1,7 @@
+<h1>Output {{self.outpoint}}</h1>
+<h2>Ordinal Ranges</h2>
+<ul>
+%% for (start, end) in &self.ranges {
+  <li><a href=/range/{{start}}/{{end}}>[{{start}},{{end}})</a></li>
+%% }
+</ul>

tests/server.rs

@@ -105,7 +105,7 @@ fn invalid_outpoint_hash_returns_400() {
 }
 
 #[test]
-fn outpoint_returns_ordinal_ranges() {
+fn output() {
   let mut state = State::new();
 
   state.blocks(1);
@@ -115,7 +115,11 @@ fn outpoint_returns_ordinal_ranges() {
   state.request_regex(
     "output/4a5e1e4baab89f3a32518a88c31bc87f618f76673e2cc77ab2127b7afdeda33b:0",
     200,
-    ".*<ul><li><a href='/range/0/5000000000'>\\[0,5000000000\\)</a></li></ul>.*",
+    ".*<title>Output 4a5e1e4baab89f3a32518a88c31bc87f618f76673e2cc77ab2127b7afdeda33b:0</title>.*<h1>Output 4a5e1e4baab89f3a32518a88c31bc87f618f76673e2cc77ab2127b7afdeda33b:0</h1>
+<h2>Ordinal Ranges</h2>
+<ul>
+  <li><a href=/range/0/5000000000>\\[0,5000000000\\)</a></li>
+</ul>.*",
   );
 }