Update public-apps/helius_transaction_render.livemd

public-apps/helius_transaction_render.livemd

@@ -22,16 +22,26 @@ defmodule HeliusFetch do
   def fetch_transaction(signature, api_key) do
     transactions_url = "https://api.helius.xyz/v0/transactions"
 
-    Req.post!(
-      transactions_url,
-      params: ["api-key": api_key],
-      json: %{transactions: [signature]}
-    ).body
-    |> List.first()
+    response =
+      Req.post!(
+        transactions_url,
+        params: ["api-key": api_key],
+        json: %{transactions: [signature]}
+      )
+
+    case response do
+      %Req.Response{status: 200, body: body} ->
+        {:ok, List.first(body)}
+
+      %Req.Response{body: body} ->
+        {:error, body}
+    end
   end
 end
+```
 
-Kino.nothing()
+```elixir
+import Kino.Shorts
 ```
 
 ````elixir
@@ -49,7 +59,7 @@ defmodule TransactionRender do
     description = transaction["description"]
     fee_payer = transaction["feePayer"]
 
-    Kino.Markdown.new("""
+    markdown("""
     **Source**: #{source}
 
     **Type**: #{type}
@@ -61,7 +71,7 @@ defmodule TransactionRender do
   end
 
   defp render_event(name, event) do
-    Kino.Markdown.new("""
+    markdown("""
     ### #{name}
 
     ```json
@@ -75,7 +85,7 @@ defmodule TransactionRender do
 
     case events do
       %{} ->
-        Kino.Text.new("No events")
+        text("No events")
 
       _ ->
         events
@@ -108,7 +118,7 @@ defmodule TransactionRender do
 
     case native_transfers do
       [] ->
-        Kino.Text.new("No native transfers")
+        text("No native transfers")
 
       _ ->
         diagram_lines =
@@ -122,7 +132,7 @@ defmodule TransactionRender do
         #{diagram_lines}
         """
 
-        Kino.Mermaid.new(diagram)
+        mermaid(diagram)
     end
   end
 
@@ -150,7 +160,7 @@ defmodule TransactionRender do
 
     case token_transfers do
       [] ->
-        Kino.Text.new("No token transfers")
+        text("No token transfers")
 
       _ ->
         diagram_lines =
@@ -163,14 +173,14 @@ defmodule TransactionRender do
         #{diagram_lines}
         """
 
-        Kino.Mermaid.new(diagram)
+        mermaid(diagram)
     end
   end
 
   def render(transaction) do
     Kino.Layout.tabs(
       Summary: render_summary(transaction),
-      Tree: Kino.Tree.new(transaction),
+      Tree: tree(transaction),
       Events: render_events(transaction),
       "Native Transfers": render_native_transfers(transaction),
       "Token Transfers": render_token_transfers(transaction)
@@ -179,15 +189,17 @@ defmodule TransactionRender do
 end
 ````
 
-<!-- livebook:{"branch_parent_index":0} -->
-
 ## Fetch a transaction
 
 ```elixir
 form =
   Kino.Control.form(
     [
-      signature: Kino.Input.text("Transaction Signature"),
+      signature:
+        Kino.Input.text("Transaction Signature",
+          default:
+            "5r4xyeKUJkagGvNGpzKd7rE2LuxPJfhZfiub7JrqS28gFHY2Z18H557srUCPbiJQErW2XA4xBoZGQpLjDE8wyFs4"
+        ),
       api_key: Kino.Input.password("Helius API Key")
     ],
     submit: "Fetch"
@@ -195,7 +207,7 @@ form =
 
 form |> Kino.render()
 
-frame = Kino.Frame.new()
+frame = frame()
 ```
 
 This next code block does all the magic
@@ -206,23 +218,31 @@ You just need to evaluate it :)
 Kino.listen(form, fn event ->
   signature_length = byte_size(event.data.signature)
   api_key_length = byte_size(event.data.api_key)
+  origin = event.origin
 
   case {signature_length, api_key_length} do
     {0, _} ->
       Kino.Frame.render(
         frame,
-        Kino.Markdown.new("**No transaction signature given**")
+        Kino.Markdown.new("**No transaction signature given**"),
+        to: origin
       )
 
     {_, 0} ->
       Kino.Frame.render(
         frame,
-        Kino.Markdown.new("**No Helius API key given**")
+        Kino.Markdown.new("**No Helius API key given**"),
+        to: origin
       )
 
     _ ->
-      transaction = HeliusFetch.fetch_transaction(event.data.signature, event.data.api_key)
-      Kino.Frame.render(frame, TransactionRender.render(transaction))
+      case HeliusFetch.fetch_transaction(event.data.signature, event.data.api_key) do
+        {:ok, transaction} ->
+          Kino.Frame.render(frame, TransactionRender.render(transaction), to: origin)
+
+        {:error, error} ->
+          Kino.Frame.render(frame, markdown("*Error*: #{inspect(error)}"), to: origin)
+      end
   end
 end)
 ```