Add list form (ordinals#194)

popcnt1 · Mar 22, 2022 · d662e57 · d662e57
1 parent e056f6d
commit d662e57
Show file tree

Hide file tree

Showing 7 changed files with 69 additions and 4 deletions.
diff --git a/Cargo.lock b/Cargo.lock
diff --git a/Cargo.toml b/Cargo.toml
@@ -19,6 +19,7 @@ derive_more = "0.99.17"
 dirs = "4.0.0"
 env_logger = "0.9.0"
 executable-path = "1.0.0"
+http = "0.2.6"
 integer-cbrt = "0.1.2"
 integer-sqrt = "0.1.5"
 jsonrpc = "0.12.1"
@@ -28,6 +29,7 @@ ord-lmdb-zero = "0.4.5"
 rayon = "1.5.1"
 redb = { version = "0.0.5", optional = true }
 tokio = { version = "1.17.0", features = ["rt-multi-thread"] }
+tower-http = { version = "0.2.5", features = ["cors"] }
 
 [dev-dependencies]
 criterion = "0.3.5"

diff --git a/docs/.prettierrc b/docs/.prettierrc
@@ -0,0 +1,6 @@
+{
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true
+}
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1,17 @@
-<h1>THERE WILL ONLY EVER BE 2,099,999,997,690,000 ORDINALS</h1>
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Ordinals</title>
+  </head>
+  <body>
+    <h1>THERE WILL ONLY EVER BE 2,099,999,997,690,000 ORDINALS</h1>
+    <h2>List</h2>
+    <form id="form">
+      <label for="outpoint">Outpoint:</label>
+      <input type="text" id="outpoint" name="outpoint" />
+      <input type="submit" value="Submit" />
+      <div id="result"></div>
+    </form>
+    <script src="index.js"></script>
+  </body>
+</html>
diff --git a/docs/index.js b/docs/index.js
@@ -0,0 +1,30 @@
+async function list(outpoint) {
+  document.getElementById('result').innerHTML = '';
+
+  try {
+    const response = await fetch(
+      `http://api.ordinals.com:8000/list/${outpoint}`
+    );
+
+    if (!response.ok) {
+      const text = await response.text();
+      document.getElementById(
+        'result'
+      ).innerHTML = `${response.statusText}: ${text}`;
+      return;
+    }
+
+    const ranges = await response.json();
+
+    document.getElementById('result').innerHTML = ranges
+      .map((range) => `[${range[0]}, ${range[1]})<br>`)
+      .join('');
+  } catch (error) {
+    document.getElementById('result').innerHTML = `Exception: ${error}`;
+  }
+}
+
+document.getElementById('form').addEventListener('submit', (e) => {
+  e.preventDefault();
+  list(document.getElementById('outpoint').value);
+});
diff --git a/src/main.rs b/src/main.rs
@@ -38,6 +38,7 @@ use {
     time::{Duration, Instant},
   },
   tokio::runtime::Runtime,
+  tower_http::cors::{Any, CorsLayer},
 };
 
 #[cfg(feature = "redb")]

diff --git a/src/subcommand/server.rs b/src/subcommand/server.rs
@@ -16,9 +16,17 @@ impl Server {
       let app = Router::new()
         .route("/list/:outpoint", get(Self::list))
         .route("/status", get(Self::status))
-        .layer(extract::Extension(Arc::new(Mutex::new(index))));
-
-      let addr = (self.address, self.port).to_socket_addrs()?.next().unwrap();
+        .layer(extract::Extension(Arc::new(Mutex::new(index))))
+        .layer(
+          CorsLayer::new()
+            .allow_methods([http::Method::GET])
+            .allow_origin(Any),
+        );
+
+      let addr = (self.address, self.port)
+        .to_socket_addrs()?
+        .next()
+        .ok_or_else(|| anyhow!("Failed to get socket addrs"))?;
 
       let handle = Handle::new();