From 12bb822e5965be5107de389f08cf62b1e6109fb5 Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Wed, 1 Nov 2023 21:38:56 -0400
Subject: [PATCH 01/31] websocket auth pattern

---
 config/dev.exs                 |  8 +++-
 lib/basket/alpaca/ws_client.ex | 75 ++++++++++++++++++++++++++++++++++
 lib/basket/application.ex      |  3 +-
 mix.exs                        |  3 +-
 mix.lock                       |  1 +
 5 files changed, 86 insertions(+), 4 deletions(-)
 create mode 100644 lib/basket/alpaca/ws_client.ex

diff --git a/config/dev.exs b/config/dev.exs
index 79f7150..2f8d3f5 100644
--- a/config/dev.exs
+++ b/config/dev.exs
@@ -26,8 +26,7 @@ config :basket, BasketWeb.Endpoint,
   secret_key_base: "gRiKl5rvtc1Mgj3hhDzBzjHgmPE+PiG47uS8Pxk8KwjZhaaR3WxJ/I6czbmXr0j9",
   watchers: [
     esbuild: {Esbuild, :install_and_run, [:default, ~w(--sourcemap=inline --watch)]},
-    tailwind: {Tailwind, :install_and_run, [:default, ~w(--watch)]},
-    esbuild: {Esbuild, :install_and_run, [:catalogue, ~w(--sourcemap=inline --watch)]}
+    tailwind: {Tailwind, :install_and_run, [:default, ~w(--watch)]}
   ]
 
 # ## SSL Support
@@ -68,6 +67,11 @@ config :basket, BasketWeb.Endpoint,
 # Enable dev routes for dashboard and mailbox
 config :basket, dev_routes: true
 
+config :basket, :alpaca,
+  api_key: "api-key-here",
+  api_secret: "secret-here",
+  ws_server_url: "wss://stream.data.alpaca.markets/v2"
+
 # Do not include metadata nor timestamps in development logs
 config :logger, :console, format: "[$level] $message\n"
 
diff --git a/lib/basket/alpaca/ws_client.ex b/lib/basket/alpaca/ws_client.ex
new file mode 100644
index 0000000..bcffbb5
--- /dev/null
+++ b/lib/basket/alpaca/ws_client.ex
@@ -0,0 +1,75 @@
+defmodule Basket.Alpaca.WsClient do
+  use WebSockex
+  require Logger
+
+  def start_link(state) do
+    IO.puts("Starting WS Client: #{iex_feed()}")
+
+    auth_headers = [
+      {"APCA-API-KEY-ID", api_key()},
+      {"APCA-API-SECRET-KEY", api_secret()}
+    ]
+
+    # WebSockex.start_link(iex_feed(), __MODULE__, state, extra_headers: auth_headers)
+    WebSockex.start_link(iex_feed(), __MODULE__, state)
+  end
+
+  def handle_connect(conn, state) do
+    Logger.info("Connected! #{inspect(conn)} ::: #{state}")
+    {:ok, state}
+  end
+
+  def handle_disconnect(disconnect_map, state) do
+    Logger.info("Local close")
+    # Logger.info("Local close with reason: #{inspect(disconnect_map)}")
+    super(disconnect_map, state)
+  end
+
+  def handle_cast({:send, {type, msg} = frame}, state) do
+    IO.puts("Cast state: #{state}")
+    IO.puts("Sending #{type} frame with payload: #{msg}")
+    {:reply, frame, state}
+  end
+
+  @doc """
+  Receive a connection success message and respond with an authentication attempt.
+  """
+  def handle_frame({type, "[{\"T\":\"success\",\"msg\":\"connected\"}]"}, state) do
+    Logger.info("Connection Message Received.")
+
+    # Logger.info("API KEY: #{api_key()}")
+    # Logger.info("API SECRET: #{api_secret()}")
+
+    msg = Jason.encode!(%{"action" => "auth", "key" => api_key(), "secret" => api_secret()})
+    IO.inspect("MSG: #{msg}")
+    # IO.inspect("REsult: #{result}, Sending: #{msg}")
+    # msg = "{\"action\":\"subscribe\",\"trades\":[\"AAPL\"],\"quotes\":[\"AMD\",\"CLDR\"],\
+    #       \"bars\":[\"*\"]}"
+    {:reply, {type, msg}, state}
+    # {:ok, state}
+  end
+
+  def handle_frame({type, "[{\"T\":\"success\",\"msg\":\"authenticated\"}]"}, state) do
+    Logger.info("Authenticated!")
+
+    msg = "{\"action\":\"subscribe\",\"trades\":[\"AAPL\"],\"quotes\":[\"AMD\",\"CLDR\"],\
+      \"bars\":[\"*\"]}"
+    {:reply, {type, msg}, state}
+    # {:ok, state}
+  end
+
+  def handle_frame({_type, msg}, state) do
+    Logger.info("Received Message: #{msg}")
+
+    Logger.info("State: #{state}")
+    {:reply, {:text, msg}, :fake_state}
+  end
+
+  defp iex_feed, do: "#{ws_server_url()}/iex"
+
+  defp ws_server_url, do: Application.fetch_env!(:basket, :alpaca)[:ws_server_url]
+
+  defp api_key, do: Application.fetch_env!(:basket, :alpaca)[:api_key]
+
+  defp api_secret, do: Application.fetch_env!(:basket, :alpaca)[:api_secret]
+end
diff --git a/lib/basket/application.ex b/lib/basket/application.ex
index daa9e68..2e64d05 100644
--- a/lib/basket/application.ex
+++ b/lib/basket/application.ex
@@ -17,7 +17,8 @@ defmodule Basket.Application do
       # Start a worker by calling: Basket.Worker.start_link(arg)
       # {Basket.Worker, arg},
       # Start to serve requests, typically the last entry
-      BasketWeb.Endpoint
+      BasketWeb.Endpoint,
+      Basket.Alpaca.WsClient
     ]
 
     # See https://hexdocs.pm/elixir/Supervisor.html
diff --git a/mix.exs b/mix.exs
index b7acabf..d12e8c4 100644
--- a/mix.exs
+++ b/mix.exs
@@ -74,7 +74,8 @@ defmodule Basket.MixProject do
       {:credo, "~> 1.7.1", only: [:dev, :test], runtime: false},
       {:dialyxir, "~> 1.4.2", runtime: false},
       {:mix_audit, "~> 2.1.1", runtime: false},
-      {:pow, "~> 1.0.34"}
+      {:pow, "~> 1.0.34"},
+      {:websockex, "~> 0.4.3"}
     ]
   end
 
diff --git a/mix.lock b/mix.lock
index bf9cce3..52b2845 100644
--- a/mix.lock
+++ b/mix.lock
@@ -56,6 +56,7 @@
   "telemetry_poller": {:hex, :telemetry_poller, "1.0.0", "db91bb424e07f2bb6e73926fcafbfcbcb295f0193e0a00e825e589a0a47e8453", [:rebar3], [{:telemetry, "~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "b3a24eafd66c3f42da30fc3ca7dda1e9d546c12250a2d60d7b81d264fbec4f6e"},
   "websock": {:hex, :websock, "0.5.3", "2f69a6ebe810328555b6fe5c831a851f485e303a7c8ce6c5f675abeb20ebdadc", [:mix], [], "hexpm", "6105453d7fac22c712ad66fab1d45abdf049868f253cf719b625151460b8b453"},
   "websock_adapter": {:hex, :websock_adapter, "0.5.4", "7af8408e7ed9d56578539594d1ee7d8461e2dd5c3f57b0f2a5352d610ddde757", [:mix], [{:bandit, ">= 0.6.0", [hex: :bandit, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.6", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:websock, "~> 0.5", [hex: :websock, repo: "hexpm", optional: false]}], "hexpm", "d2c238c79c52cbe223fcdae22ca0bb5007a735b9e933870e241fce66afb4f4ab"},
+  "websockex": {:hex, :websockex, "0.4.3", "92b7905769c79c6480c02daacaca2ddd49de936d912976a4d3c923723b647bf0", [:mix], [], "hexpm", "95f2e7072b85a3a4cc385602d42115b73ce0b74a9121d0d6dbbf557645ac53e4"},
   "yamerl": {:hex, :yamerl, "0.10.0", "4ff81fee2f1f6a46f1700c0d880b24d193ddb74bd14ef42cb0bcf46e81ef2f8e", [:rebar3], [], "hexpm", "346adb2963f1051dc837a2364e4acf6eb7d80097c0f53cbdc3046ec8ec4b4e6e"},
   "yaml_elixir": {:hex, :yaml_elixir, "2.9.0", "9a256da867b37b8d2c1ffd5d9de373a4fda77a32a45b452f1708508ba7bbcb53", [:mix], [{:yamerl, "~> 0.10", [hex: :yamerl, repo: "hexpm", optional: false]}], "hexpm", "0cb0e7d4c56f5e99a6253ed1a670ed0e39c13fc45a6da054033928607ac08dfc"},
 }

From 2a69ac3e6a7ec86ed80e1d4907bf1cbdb1339681 Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Wed, 1 Nov 2023 22:44:37 -0400
Subject: [PATCH 02/31] ws logger infos

---
 lib/basket/alpaca/ws_client.ex | 50 ++++++++++------------------------
 1 file changed, 14 insertions(+), 36 deletions(-)

diff --git a/lib/basket/alpaca/ws_client.ex b/lib/basket/alpaca/ws_client.ex
index bcffbb5..09659d6 100644
--- a/lib/basket/alpaca/ws_client.ex
+++ b/lib/basket/alpaca/ws_client.ex
@@ -2,69 +2,47 @@ defmodule Basket.Alpaca.WsClient do
   use WebSockex
   require Logger
 
+  @default_subscription_msg "{\"action\":\"subscribe\",\"trades\":[\"AAPL\"],\"quotes\":[\"AMD\",\"CLDR\"],\
+          \"bars\":[\"*\"]}"
   def start_link(state) do
-    IO.puts("Starting WS Client: #{iex_feed()}")
+    Logger.info("Starting Alpaca websocket client.")
 
-    auth_headers = [
-      {"APCA-API-KEY-ID", api_key()},
-      {"APCA-API-SECRET-KEY", api_secret()}
-    ]
-
-    # WebSockex.start_link(iex_feed(), __MODULE__, state, extra_headers: auth_headers)
-    WebSockex.start_link(iex_feed(), __MODULE__, state)
+    WebSockex.start_link(iex_feed(), __MODULE__, state, extra_headers: auth_headers())
   end
 
-  def handle_connect(conn, state) do
-    Logger.info("Connected! #{inspect(conn)} ::: #{state}")
+  def handle_connect(_conn, state) do
+    Logger.info("Alpaca websocket connected.")
     {:ok, state}
   end
 
   def handle_disconnect(disconnect_map, state) do
-    Logger.info("Local close")
-    # Logger.info("Local close with reason: #{inspect(disconnect_map)}")
+    Logger.info("Alpaca websocket disconnected.")
     super(disconnect_map, state)
   end
 
-  def handle_cast({:send, {type, msg} = frame}, state) do
-    IO.puts("Cast state: #{state}")
-    IO.puts("Sending #{type} frame with payload: #{msg}")
-    {:reply, frame, state}
-  end
-
   @doc """
   Receive a connection success message and respond with an authentication attempt.
   """
-  def handle_frame({type, "[{\"T\":\"success\",\"msg\":\"connected\"}]"}, state) do
+  def handle_frame({_type, "[{\"T\":\"success\",\"msg\":\"connected\"}]"}, state) do
     Logger.info("Connection Message Received.")
 
-    # Logger.info("API KEY: #{api_key()}")
-    # Logger.info("API SECRET: #{api_secret()}")
-
-    msg = Jason.encode!(%{"action" => "auth", "key" => api_key(), "secret" => api_secret()})
-    IO.inspect("MSG: #{msg}")
-    # IO.inspect("REsult: #{result}, Sending: #{msg}")
-    # msg = "{\"action\":\"subscribe\",\"trades\":[\"AAPL\"],\"quotes\":[\"AMD\",\"CLDR\"],\
-    #       \"bars\":[\"*\"]}"
-    {:reply, {type, msg}, state}
-    # {:ok, state}
+    {:ok, state}
   end
 
   def handle_frame({type, "[{\"T\":\"success\",\"msg\":\"authenticated\"}]"}, state) do
-    Logger.info("Authenticated!")
+    Logger.info("Alpaca websocket authenticated.")
 
-    msg = "{\"action\":\"subscribe\",\"trades\":[\"AAPL\"],\"quotes\":[\"AMD\",\"CLDR\"],\
-      \"bars\":[\"*\"]}"
-    {:reply, {type, msg}, state}
-    # {:ok, state}
+    {:reply, {type, @default_subscription_msg}, state}
   end
 
   def handle_frame({_type, msg}, state) do
     Logger.info("Received Message: #{msg}")
 
-    Logger.info("State: #{state}")
-    {:reply, {:text, msg}, :fake_state}
+    {:ok, state}
   end
 
+  defp auth_headers, do: [{"APCA-API-KEY-ID", api_key()}, {"APCA-API-SECRET-KEY", api_secret()}]
+
   defp iex_feed, do: "#{ws_server_url()}/iex"
 
   defp ws_server_url, do: Application.fetch_env!(:basket, :alpaca)[:ws_server_url]

From 4044fe07308b8ea9bd583430e7fbfcbfcd500ed5 Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Thu, 2 Nov 2023 13:56:59 -0400
Subject: [PATCH 03/31] receiving msgs

---
 lib/basket/alpaca/ws_client.ex | 30 +++++++++++++++++++++++++-----
 mix.exs                        |  2 +-
 2 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/lib/basket/alpaca/ws_client.ex b/lib/basket/alpaca/ws_client.ex
index 09659d6..f036f6a 100644
--- a/lib/basket/alpaca/ws_client.ex
+++ b/lib/basket/alpaca/ws_client.ex
@@ -4,43 +4,63 @@ defmodule Basket.Alpaca.WsClient do
 
   @default_subscription_msg "{\"action\":\"subscribe\",\"trades\":[\"AAPL\"],\"quotes\":[\"AMD\",\"CLDR\"],\
           \"bars\":[\"*\"]}"
+  @auth_success_msg "[{\"T\":\"success\",\"msg\":\"authenticated\"}]"
+  @connection_success_msg "[{\"T\":\"success\",\"msg\":\"connected\"}]"
+
+  @spec start_link(bitstring()) :: {:error, any()} | {:ok, pid()}
   def start_link(state) do
     Logger.info("Starting Alpaca websocket client.")
 
     WebSockex.start_link(iex_feed(), __MODULE__, state, extra_headers: auth_headers())
   end
 
+  @spec handle_connect(WebsockEx.Conn.t(), bitstring()) :: {:ok, bitstring()}
   def handle_connect(_conn, state) do
     Logger.info("Alpaca websocket connected.")
     {:ok, state}
   end
 
+  @spec handle_disconnect(map(), bitstring()) :: {:ok, bitstring()}
   def handle_disconnect(disconnect_map, state) do
     Logger.info("Alpaca websocket disconnected.")
     super(disconnect_map, state)
   end
 
   @doc """
-  Receive a connection success message and respond with an authentication attempt.
+  Handles the messages sent by the Alpaca websocket server, responding if necessary.
+  Besides processing messages as they arrive, this function will also set up the initial
+  subscription once the authorization acknowledgement method is received.
   """
-  def handle_frame({_type, "[{\"T\":\"success\",\"msg\":\"connected\"}]"}, state) do
+  @spec handle_frame(WebSockex.Frame.frame(), bitstring()) :: {:ok, bitstring()}
+  def handle_frame({_type, @connection_success_msg}, state) do
     Logger.info("Connection Message Received.")
 
     {:ok, state}
   end
 
-  def handle_frame({type, "[{\"T\":\"success\",\"msg\":\"authenticated\"}]"}, state) do
+  def handle_frame({type, @auth_success_msg}, state) do
     Logger.info("Alpaca websocket authenticated.")
 
     {:reply, {type, @default_subscription_msg}, state}
   end
 
   def handle_frame({_type, msg}, state) do
-    Logger.info("Received Message: #{msg}")
+    message =
+      case Jason.decode(msg) do
+        {:ok, message} -> message
+        {:error, reason} -> Logger.error("Error decoding message.", reason: reason)
+      end
+
+    if message["T"] == "q", do: handle_quote_message(message),
+      else: Logger.info("Message received: #{message}")
 
     {:ok, state}
   end
 
+  defp handle_quote_message(message) do
+    Logger.info("Quote Message: #{message}")
+  end
+
   defp auth_headers, do: [{"APCA-API-KEY-ID", api_key()}, {"APCA-API-SECRET-KEY", api_secret()}]
 
   defp iex_feed, do: "#{ws_server_url()}/iex"
@@ -50,4 +70,4 @@ defmodule Basket.Alpaca.WsClient do
   defp api_key, do: Application.fetch_env!(:basket, :alpaca)[:api_key]
 
   defp api_secret, do: Application.fetch_env!(:basket, :alpaca)[:api_secret]
-end
+end()
diff --git a/mix.exs b/mix.exs
index d12e8c4..1aa3092 100644
--- a/mix.exs
+++ b/mix.exs
@@ -68,7 +68,7 @@ defmodule Basket.MixProject do
       {:surface, "~> 0.11.0"},
       # for surface.init; possible to remove.
       {:sourceror, "~> 0.12.0"},
-      {:surface_catalogue, "~> 0.6.0"},
+      {:surface_catalogue, "~> 0.6.1"},
       {:excoveralls, "~> 0.18", only: :test},
       {:sobelow, "~> 0.13.0", only: [:dev, :test], runtime: false},
       {:credo, "~> 1.7.1", only: [:dev, :test], runtime: false},

From 1282f17ddc10a6a5b7c74e1be9f68ab195d3debe Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Sat, 4 Nov 2023 09:52:11 -0400
Subject: [PATCH 04/31] ticker search

---
 config/dev.exs                            |  7 +--
 lib/basket/alpaca/http_client.ex          | 55 +++++++++++++++++++++++
 lib/basket/alpaca/ws_client.ex            | 31 ++++++++-----
 lib/basket/application.ex                 |  3 +-
 lib/basket_web/components/overview.ex     | 31 +++++++++++++
 lib/basket_web/components/search_input.ex | 22 +++++++++
 lib/basket_web/live/overview.ex           | 52 +++++++++++++++++++++
 lib/basket_web/router.ex                  |  3 +-
 mix.exs                                   |  4 +-
 mix.lock                                  | 15 +++++++
 10 files changed, 205 insertions(+), 18 deletions(-)
 create mode 100644 lib/basket/alpaca/http_client.ex
 create mode 100644 lib/basket_web/components/overview.ex
 create mode 100644 lib/basket_web/components/search_input.ex
 create mode 100644 lib/basket_web/live/overview.ex

diff --git a/config/dev.exs b/config/dev.exs
index 2f8d3f5..c018c2f 100644
--- a/config/dev.exs
+++ b/config/dev.exs
@@ -68,9 +68,10 @@ config :basket, BasketWeb.Endpoint,
 config :basket, dev_routes: true
 
 config :basket, :alpaca,
-  api_key: "api-key-here",
-  api_secret: "secret-here",
-  ws_server_url: "wss://stream.data.alpaca.markets/v2"
+  api_key: "AKI55BR1BTU9PWT3LWBT",
+  api_secret: "TdBGXubqV9HwWG6YZmF8GxiCEBHrp8pLaCPultdc",
+  market_http_url: "https://api.alpaca.markets",
+  market_ws_url: "wss://stream.data.alpaca.markets/v2"
 
 # Do not include metadata nor timestamps in development logs
 config :logger, :console, format: "[$level] $message\n"
diff --git a/lib/basket/alpaca/http_client.ex b/lib/basket/alpaca/http_client.ex
new file mode 100644
index 0000000..7266a7f
--- /dev/null
+++ b/lib/basket/alpaca/http_client.ex
@@ -0,0 +1,55 @@
+defmodule Basket.Alpaca.HttpClient do
+  alias Mint.HTTPError
+  use HTTPoison.Base
+
+  require Logger
+
+  @resource "/v2/assets"
+
+  def process_request_headers(headers) do
+    headers ++ [{"APCA-API-KEY-ID", api_key()}, {"APCA-API-SECRET-KEY", api_secret()}]
+  end
+
+  @spec list_assets() :: {:error, any()} | {:ok, list(map())}
+  def list_assets() do
+    case get(@resource) do
+      {:ok, %HTTPoison.Response{status_code: 200, body: body}} ->
+        {:ok, body}
+
+      {:error, error} ->
+        {:error, error}
+    end
+  end
+
+  @spec list_tickers() :: list(String.t()) | {:error, any()}
+  def list_tickers() do
+    case list_assets() do
+      {:ok, body} ->
+        Enum.map(body, fn asset ->
+          asset["symbol"]
+        end)
+
+      {:error, error} ->
+        {:error, error}
+    end
+  end
+
+  def process_request_params(params) do
+    Map.put(params, :status, "active")
+    |> Map.put(:asset_class, "us_equity")
+  end
+
+  def process_request_url(resource) do
+    "#{url()}#{resource}"
+  end
+
+  def process_response_body(body) do
+    Jason.decode!(body)
+  end
+
+  defp url, do: Application.fetch_env!(:basket, :alpaca)[:market_http_url]
+
+  defp api_key, do: Application.fetch_env!(:basket, :alpaca)[:api_key]
+
+  defp api_secret, do: Application.fetch_env!(:basket, :alpaca)[:api_secret]
+end
diff --git a/lib/basket/alpaca/ws_client.ex b/lib/basket/alpaca/ws_client.ex
index f036f6a..3a36389 100644
--- a/lib/basket/alpaca/ws_client.ex
+++ b/lib/basket/alpaca/ws_client.ex
@@ -33,7 +33,7 @@ defmodule Basket.Alpaca.WsClient do
   """
   @spec handle_frame(WebSockex.Frame.frame(), bitstring()) :: {:ok, bitstring()}
   def handle_frame({_type, @connection_success_msg}, state) do
-    Logger.info("Connection Message Received.")
+    Logger.info("Connection message received.")
 
     {:ok, state}
   end
@@ -45,29 +45,36 @@ defmodule Basket.Alpaca.WsClient do
   end
 
   def handle_frame({_type, msg}, state) do
-    message =
-      case Jason.decode(msg) do
-        {:ok, message} -> message
-        {:error, reason} -> Logger.error("Error decoding message.", reason: reason)
-      end
+    IO.inspect("MSGG: #{msg}")
 
-    if message["T"] == "q", do: handle_quote_message(message),
-      else: Logger.info("Message received: #{message}")
+    case Jason.decode(msg) do
+      {:ok, message} ->
+        Logger.info("MESSS: #{inspect(message)}")
+
+        if Map.get(List.first(message), "T") == "q" do
+          handle_quote_message(List.first(message))
+        else
+          Logger.info("Message received: #{inspect(message)}")
+        end
+
+      {:error, reason} ->
+        Logger.error("Error decoding message.", reason: reason)
+    end
 
     {:ok, state}
   end
 
   defp handle_quote_message(message) do
-    Logger.info("Quote Message: #{message}")
+    Logger.info("Quote message: #{inspect(message)}")
   end
 
   defp auth_headers, do: [{"APCA-API-KEY-ID", api_key()}, {"APCA-API-SECRET-KEY", api_secret()}]
 
-  defp iex_feed, do: "#{ws_server_url()}/iex"
+  defp iex_feed, do: "#{url()}/iex"
 
-  defp ws_server_url, do: Application.fetch_env!(:basket, :alpaca)[:ws_server_url]
+  defp url, do: Application.fetch_env!(:basket, :alpaca)[:market_ws_url]
 
   defp api_key, do: Application.fetch_env!(:basket, :alpaca)[:api_key]
 
   defp api_secret, do: Application.fetch_env!(:basket, :alpaca)[:api_secret]
-end()
+end
diff --git a/lib/basket/application.ex b/lib/basket/application.ex
index 2e64d05..cae5b0f 100644
--- a/lib/basket/application.ex
+++ b/lib/basket/application.ex
@@ -18,7 +18,8 @@ defmodule Basket.Application do
       # {Basket.Worker, arg},
       # Start to serve requests, typically the last entry
       BasketWeb.Endpoint,
-      Basket.Alpaca.WsClient
+      Basket.Alpaca.WsClient,
+      {Cachex, name: :assets}
     ]
 
     # See https://hexdocs.pm/elixir/Supervisor.html
diff --git a/lib/basket_web/components/overview.ex b/lib/basket_web/components/overview.ex
new file mode 100644
index 0000000..b924af9
--- /dev/null
+++ b/lib/basket_web/components/overview.ex
@@ -0,0 +1,31 @@
+defmodule BasketWeb.Components.Overview do
+  use Surface.LiveComponent
+
+  import BasketWeb.CoreComponents
+
+  alias BasketWeb.Components.SearchInput
+
+  prop rows, :list,
+    default: [
+      %{id: 1, username: "Johnnn"},
+      %{id: 2, username: "Jane"}
+    ]
+
+  prop tickers, :list, default: []
+
+  def mount(_, _, socket) do
+    {:ok, assign(socket, tickers: [%{id: 1, username: "Johnnn"}, %{id: 2, username: "Jane"}])}
+  end
+
+  def render(assigns) do
+    ~F"""
+    <div>
+      <SearchInput.render id="stock-search-input" name="stock-search-input" placeholder="APPL">
+      </SearchInput.render>
+      <.table id="ticker-list" rows={@tickers}>
+        <:col :let={ticker} label="id">{ticker}</:col>
+      </.table>
+    </div>
+    """
+  end
+end
diff --git a/lib/basket_web/components/search_input.ex b/lib/basket_web/components/search_input.ex
new file mode 100644
index 0000000..e26301f
--- /dev/null
+++ b/lib/basket_web/components/search_input.ex
@@ -0,0 +1,22 @@
+defmodule BasketWeb.Components.SearchInput do
+  use Phoenix.Component
+
+  import Phoenix.HTML.Form
+
+  attr :id, :string, required: true
+  attr :class, :string, default: nil
+  attr :placeholder, :string, default: ""
+  attr :text, :string, default: ""
+
+  def render(assigns) do
+    ~H"""
+    <form phx-change="ticker-search" class="ticker-search-form">
+      <%= text_input(:search_field, :query,
+        placeholder: @placeholder,
+        autofocus: true,
+        "phx-debounce": "300"
+      ) %>
+    </form>
+    """
+  end
+end
diff --git a/lib/basket_web/live/overview.ex b/lib/basket_web/live/overview.ex
new file mode 100644
index 0000000..6ba0b69
--- /dev/null
+++ b/lib/basket_web/live/overview.ex
@@ -0,0 +1,52 @@
+defmodule BasketWeb.Overview do
+  use Surface.LiveView
+
+  require Logger
+
+  alias BasketWeb.Components.Overview
+
+  prop tickers, :list, default: []
+
+  def mount(%{"id" => id}, _, socket) do
+    {:ok,
+     socket
+     |> assign(:org, AsyncResult.loading())
+     |> start_async(:fetch_tickers, fn -> fetch_org!(id) end)}
+  end
+
+  def handle_event("ticker-search", %{"search_field" => %{"query" => query}}, socket) do
+    # IO.inspect("HANDLE EVENT: #{query}")
+
+    {_status, tickers} =
+      Cachex.fetch(:assets, "all", fn _key ->
+        IO.inspect("REACTIVE")
+
+        case Basket.Alpaca.HttpClient.list_assets() do
+          {:ok, result} ->
+            IO.inspect("OK")
+
+            tickers =
+              Enum.map(result, fn asset ->
+                asset["symbol"]
+              end)
+
+            {:commit, tickers}
+
+          {:error, error} ->
+            IO.inspect("ERR:  #{inspect(error)}")
+            Logger.error("Could not fetch tickers", error: error.reason)
+            {:ignore, []}
+        end
+      end)
+
+    IO.inspect("HERE: #{inspect(tickers)}")
+
+    {:noreply, assign(socket, :tickers, tickers)}
+  end
+
+  def render(assigns) do
+    ~F"""
+    <Overview id="1" tickers={@tickers} />/>
+    """
+  end
+end
diff --git a/lib/basket_web/router.ex b/lib/basket_web/router.ex
index bc9fec1..3e5f20c 100644
--- a/lib/basket_web/router.ex
+++ b/lib/basket_web/router.ex
@@ -34,7 +34,8 @@ defmodule BasketWeb.Router do
   scope "/", BasketWeb do
     pipe_through [:browser, :authenticated]
 
-    get "/", PageController, :home
+    # get "/", PageController, :home
+    live "/", Overview
     live "/demo", Demo
   end
 
diff --git a/mix.exs b/mix.exs
index 1aa3092..8e91e0d 100644
--- a/mix.exs
+++ b/mix.exs
@@ -75,7 +75,9 @@ defmodule Basket.MixProject do
       {:dialyxir, "~> 1.4.2", runtime: false},
       {:mix_audit, "~> 2.1.1", runtime: false},
       {:pow, "~> 1.0.34"},
-      {:websockex, "~> 0.4.3"}
+      {:websockex, "~> 0.4.3"},
+      {:httpoison, "~> 2.1.0"},
+      {:cachex, "~> 3.6"}
     ]
   end
 
diff --git a/mix.lock b/mix.lock
index 52b2845..e899c36 100644
--- a/mix.lock
+++ b/mix.lock
@@ -1,6 +1,8 @@
 %{
   "bunt": {:hex, :bunt, "0.2.1", "e2d4792f7bc0ced7583ab54922808919518d0e57ee162901a16a1b6664ef3b14", [:mix], [], "hexpm", "a330bfb4245239787b15005e66ae6845c9cd524a288f0d141c148b02603777a5"},
+  "cachex": {:hex, :cachex, "3.6.0", "14a1bfbeee060dd9bec25a5b6f4e4691e3670ebda28c8ba2884b12fe30b36bf8", [:mix], [{:eternal, "~> 1.2", [hex: :eternal, repo: "hexpm", optional: false]}, {:jumper, "~> 1.0", [hex: :jumper, repo: "hexpm", optional: false]}, {:sleeplocks, "~> 1.1", [hex: :sleeplocks, repo: "hexpm", optional: false]}, {:unsafe, "~> 1.0", [hex: :unsafe, repo: "hexpm", optional: false]}], "hexpm", "ebf24e373883bc8e0c8d894a63bbe102ae13d918f790121f5cfe6e485cc8e2e2"},
   "castore": {:hex, :castore, "1.0.4", "ff4d0fb2e6411c0479b1d965a814ea6d00e51eb2f58697446e9c41a97d940b28", [:mix], [], "hexpm", "9418c1b8144e11656f0be99943db4caf04612e3eaecefb5dae9a2a87565584f8"},
+  "certifi": {:hex, :certifi, "2.12.0", "2d1cca2ec95f59643862af91f001478c9863c2ac9cb6e2f89780bfd8de987329", [:rebar3], [], "hexpm", "ee68d85df22e554040cdb4be100f33873ac6051387baf6a8f6ce82272340ff1c"},
   "cowboy": {:hex, :cowboy, "2.10.0", "ff9ffeff91dae4ae270dd975642997afe2a1179d94b1887863e43f681a203e26", [:make, :rebar3], [{:cowlib, "2.12.1", [hex: :cowlib, repo: "hexpm", optional: false]}, {:ranch, "1.8.0", [hex: :ranch, repo: "hexpm", optional: false]}], "hexpm", "3afdccb7183cc6f143cb14d3cf51fa00e53db9ec80cdcd525482f5e99bc41d6b"},
   "cowboy_telemetry": {:hex, :cowboy_telemetry, "0.4.0", "f239f68b588efa7707abce16a84d0d2acf3a0f50571f8bb7f56a15865aae820c", [:rebar3], [{:cowboy, "~> 2.7", [hex: :cowboy, repo: "hexpm", optional: false]}, {:telemetry, "~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "7d98bac1ee4565d31b62d59f8823dfd8356a169e7fcbb83831b8a5397404c9de"},
   "cowlib": {:hex, :cowlib, "2.12.1", "a9fa9a625f1d2025fe6b462cb865881329b5caff8f1854d1cbc9f9533f00e1e1", [:make, :rebar3], [], "hexpm", "163b73f6367a7341b33c794c4e88e7dbfe6498ac42dcd69ef44c5bc5507c8db0"},
@@ -14,23 +16,31 @@
   "ecto_sql": {:hex, :ecto_sql, "3.10.2", "6b98b46534b5c2f8b8b5f03f126e75e2a73c64f3c071149d32987a5378b0fdbd", [:mix], [{:db_connection, "~> 2.4.1 or ~> 2.5", [hex: :db_connection, repo: "hexpm", optional: false]}, {:ecto, "~> 3.10.0", [hex: :ecto, repo: "hexpm", optional: false]}, {:myxql, "~> 0.6.0", [hex: :myxql, repo: "hexpm", optional: true]}, {:postgrex, "~> 0.16.0 or ~> 0.17.0 or ~> 1.0", [hex: :postgrex, repo: "hexpm", optional: true]}, {:tds, "~> 2.1.1 or ~> 2.2", [hex: :tds, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4.0 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "68c018debca57cb9235e3889affdaec7a10616a4e3a80c99fa1d01fdafaa9007"},
   "erlex": {:hex, :erlex, "0.2.6", "c7987d15e899c7a2f34f5420d2a2ea0d659682c06ac607572df55a43753aa12e", [:mix], [], "hexpm", "2ed2e25711feb44d52b17d2780eabf998452f6efda104877a3881c2f8c0c0c75"},
   "esbuild": {:hex, :esbuild, "0.7.1", "fa0947e8c3c3c2f86c9bf7e791a0a385007ccd42b86885e8e893bdb6631f5169", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}], "hexpm", "66661cdf70b1378ee4dc16573fcee67750b59761b2605a0207c267ab9d19f13c"},
+  "eternal": {:hex, :eternal, "1.2.2", "d1641c86368de99375b98d183042dd6c2b234262b8d08dfd72b9eeaafc2a1abd", [:mix], [], "hexpm", "2c9fe32b9c3726703ba5e1d43a1d255a4f3f2d8f8f9bc19f094c7cb1a7a9e782"},
   "excoveralls": {:hex, :excoveralls, "0.18.0", "b92497e69465dc51bc37a6422226ee690ab437e4c06877e836f1c18daeb35da9", [:mix], [{:castore, "~> 1.0", [hex: :castore, repo: "hexpm", optional: true]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: false]}], "hexpm", "1109bb911f3cb583401760be49c02cbbd16aed66ea9509fc5479335d284da60b"},
   "expo": {:hex, :expo, "0.4.1", "1c61d18a5df197dfda38861673d392e642649a9cef7694d2f97a587b2cfb319b", [:mix], [], "hexpm", "2ff7ba7a798c8c543c12550fa0e2cbc81b95d4974c65855d8d15ba7b37a1ce47"},
   "file_system": {:hex, :file_system, "0.2.10", "fb082005a9cd1711c05b5248710f8826b02d7d1784e7c3451f9c1231d4fc162d", [:mix], [], "hexpm", "41195edbfb562a593726eda3b3e8b103a309b733ad25f3d642ba49696bf715dc"},
   "finch": {:hex, :finch, "0.16.0", "40733f02c89f94a112518071c0a91fe86069560f5dbdb39f9150042f44dcfb1a", [:mix], [{:castore, "~> 0.1 or ~> 1.0", [hex: :castore, repo: "hexpm", optional: false]}, {:mime, "~> 1.0 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:mint, "~> 1.3", [hex: :mint, repo: "hexpm", optional: false]}, {:nimble_options, "~> 0.4 or ~> 1.0", [hex: :nimble_options, repo: "hexpm", optional: false]}, {:nimble_pool, "~> 0.2.6 or ~> 1.0", [hex: :nimble_pool, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "f660174c4d519e5fec629016054d60edd822cdfe2b7270836739ac2f97735ec5"},
   "floki": {:hex, :floki, "0.35.2", "87f8c75ed8654b9635b311774308b2760b47e9a579dabf2e4d5f1e1d42c39e0b", [:mix], [], "hexpm", "6b05289a8e9eac475f644f09c2e4ba7e19201fd002b89c28c1293e7bd16773d9"},
   "gettext": {:hex, :gettext, "0.23.1", "821e619a240e6000db2fc16a574ef68b3bd7fe0167ccc264a81563cc93e67a31", [:mix], [{:expo, "~> 0.4.0", [hex: :expo, repo: "hexpm", optional: false]}], "hexpm", "19d744a36b809d810d610b57c27b934425859d158ebd56561bc41f7eeb8795db"},
+  "hackney": {:hex, :hackney, "1.20.1", "8d97aec62ddddd757d128bfd1df6c5861093419f8f7a4223823537bad5d064e2", [:rebar3], [{:certifi, "~> 2.12.0", [hex: :certifi, repo: "hexpm", optional: false]}, {:idna, "~> 6.1.0", [hex: :idna, repo: "hexpm", optional: false]}, {:metrics, "~> 1.0.0", [hex: :metrics, repo: "hexpm", optional: false]}, {:mimerl, "~> 1.1", [hex: :mimerl, repo: "hexpm", optional: false]}, {:parse_trans, "3.4.1", [hex: :parse_trans, repo: "hexpm", optional: false]}, {:ssl_verify_fun, "~> 1.1.0", [hex: :ssl_verify_fun, repo: "hexpm", optional: false]}, {:unicode_util_compat, "~> 0.7.0", [hex: :unicode_util_compat, repo: "hexpm", optional: false]}], "hexpm", "fe9094e5f1a2a2c0a7d10918fee36bfec0ec2a979994cff8cfe8058cd9af38e3"},
   "hpax": {:hex, :hpax, "0.1.2", "09a75600d9d8bbd064cdd741f21fc06fc1f4cf3d0fcc335e5aa19be1a7235c84", [:mix], [], "hexpm", "2c87843d5a23f5f16748ebe77969880e29809580efdaccd615cd3bed628a8c13"},
   "html_entities": {:hex, :html_entities, "0.5.2", "9e47e70598da7de2a9ff6af8758399251db6dbb7eebe2b013f2bbd2515895c3c", [:mix], [], "hexpm", "c53ba390403485615623b9531e97696f076ed415e8d8058b1dbaa28181f4fdcc"},
+  "httpoison": {:hex, :httpoison, "2.1.0", "655fd9a7b0b95ee3e9a3b535cf7ac8e08ef5229bab187fa86ac4208b122d934b", [:mix], [{:hackney, "~> 1.17", [hex: :hackney, repo: "hexpm", optional: false]}], "hexpm", "fc455cb4306b43827def4f57299b2d5ac8ac331cb23f517e734a4b78210a160c"},
+  "idna": {:hex, :idna, "6.1.1", "8a63070e9f7d0c62eb9d9fcb360a7de382448200fbbd1b106cc96d3d8099df8d", [:rebar3], [{:unicode_util_compat, "~> 0.7.0", [hex: :unicode_util_compat, repo: "hexpm", optional: false]}], "hexpm", "92376eb7894412ed19ac475e4a86f7b413c1b9fbb5bd16dccd57934157944cea"},
   "jason": {:hex, :jason, "1.4.1", "af1504e35f629ddcdd6addb3513c3853991f694921b1b9368b0bd32beb9f1b63", [:mix], [{:decimal, "~> 1.0 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: true]}], "hexpm", "fbb01ecdfd565b56261302f7e1fcc27c4fb8f32d56eab74db621fc154604a7a1"},
+  "jumper": {:hex, :jumper, "1.0.2", "68cdcd84472a00ac596b4e6459a41b3062d4427cbd4f1e8c8793c5b54f1406a7", [:mix], [], "hexpm", "9b7782409021e01ab3c08270e26f36eb62976a38c1aa64b2eaf6348422f165e1"},
   "makeup": {:hex, :makeup, "1.1.0", "6b67c8bc2882a6b6a445859952a602afc1a41c2e08379ca057c0f525366fc3ca", [:mix], [{:nimble_parsec, "~> 1.2.2 or ~> 1.3", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "0a45ed501f4a8897f580eabf99a2e5234ea3e75a4373c8a52824f6e873be57a6"},
   "makeup_elixir": {:hex, :makeup_elixir, "0.16.1", "cc9e3ca312f1cfeccc572b37a09980287e243648108384b97ff2b76e505c3555", [:mix], [{:makeup, "~> 1.0", [hex: :makeup, repo: "hexpm", optional: false]}, {:nimble_parsec, "~> 1.2.3 or ~> 1.3", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "e127a341ad1b209bd80f7bd1620a15693a9908ed780c3b763bccf7d200c767c6"},
+  "metrics": {:hex, :metrics, "1.0.1", "25f094dea2cda98213cecc3aeff09e940299d950904393b2a29d191c346a8486", [:rebar3], [], "hexpm", "69b09adddc4f74a40716ae54d140f93beb0fb8978d8636eaded0c31b6f099f16"},
   "mime": {:hex, :mime, "2.0.5", "dc34c8efd439abe6ae0343edbb8556f4d63f178594894720607772a041b04b02", [:mix], [], "hexpm", "da0d64a365c45bc9935cc5c8a7fc5e49a0e0f9932a761c55d6c52b142780a05c"},
+  "mimerl": {:hex, :mimerl, "1.2.0", "67e2d3f571088d5cfd3e550c383094b47159f3eee8ffa08e64106cdf5e981be3", [:rebar3], [], "hexpm", "f278585650aa581986264638ebf698f8bb19df297f66ad91b18910dfc6e19323"},
   "mint": {:hex, :mint, "1.5.1", "8db5239e56738552d85af398798c80648db0e90f343c8469f6c6d8898944fb6f", [:mix], [{:castore, "~> 0.1.0 or ~> 1.0", [hex: :castore, repo: "hexpm", optional: true]}, {:hpax, "~> 0.1.1", [hex: :hpax, repo: "hexpm", optional: false]}], "hexpm", "4a63e1e76a7c3956abd2c72f370a0d0aecddc3976dea5c27eccbecfa5e7d5b1e"},
   "mix_audit": {:hex, :mix_audit, "2.1.1", "653aa6d8f291fc4b017aa82bdb79a4017903902ebba57960ef199cbbc8c008a1", [:make, :mix], [{:jason, "~> 1.1", [hex: :jason, repo: "hexpm", optional: false]}, {:yaml_elixir, "~> 2.9", [hex: :yaml_elixir, repo: "hexpm", optional: false]}], "hexpm", "541990c3ab3a7bb8c4aaa2ce2732a4ae160ad6237e5dcd5ad1564f4f85354db1"},
   "nimble_options": {:hex, :nimble_options, "1.0.2", "92098a74df0072ff37d0c12ace58574d26880e522c22801437151a159392270e", [:mix], [], "hexpm", "fd12a8db2021036ce12a309f26f564ec367373265b53e25403f0ee697380f1b8"},
   "nimble_parsec": {:hex, :nimble_parsec, "1.3.1", "2c54013ecf170e249e9291ed0a62e5832f70a476c61da16f6aac6dca0189f2af", [:mix], [], "hexpm", "2682e3c0b2eb58d90c6375fc0cc30bc7be06f365bf72608804fb9cffa5e1b167"},
   "nimble_pool": {:hex, :nimble_pool, "1.0.0", "5eb82705d138f4dd4423f69ceb19ac667b3b492ae570c9f5c900bb3d2f50a847", [:mix], [], "hexpm", "80be3b882d2d351882256087078e1b1952a28bf98d0a287be87e4a24a710b67a"},
+  "parse_trans": {:hex, :parse_trans, "3.4.1", "6e6aa8167cb44cc8f39441d05193be6e6f4e7c2946cb2759f015f8c56b76e5ff", [:rebar3], [], "hexpm", "620a406ce75dada827b82e453c19cf06776be266f5a67cff34e1ef2cbb60e49a"},
   "phoenix": {:hex, :phoenix, "1.7.9", "9a2b873e2cb3955efdd18ad050f1818af097fa3f5fc3a6aaba666da36bdd3f02", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 2.1", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.6", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:plug_crypto, "~> 1.2 or ~> 2.0", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:websock_adapter, "~> 0.5.3", [hex: :websock_adapter, repo: "hexpm", optional: false]}], "hexpm", "83e32da028272b4bfd076c61a964e6d2b9d988378df2f1276a0ed21b13b5e997"},
   "phoenix_ecto": {:hex, :phoenix_ecto, "4.4.2", "b21bd01fdeffcfe2fab49e4942aa938b6d3e89e93a480d4aee58085560a0bc0d", [:mix], [{:ecto, "~> 3.5", [hex: :ecto, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 2.14.2 or ~> 3.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}, {:plug, "~> 1.9", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm", "70242edd4601d50b69273b057ecf7b684644c19ee750989fd555625ae4ce8f5d"},
   "phoenix_html": {:hex, :phoenix_html, "3.3.3", "380b8fb45912b5638d2f1d925a3771b4516b9a78587249cabe394e0a5d579dc9", [:mix], [{:plug, "~> 1.5", [hex: :plug, repo: "hexpm", optional: true]}], "hexpm", "923ebe6fec6e2e3b3e569dfbdc6560de932cd54b000ada0208b5f45024bdd76c"},
@@ -42,11 +52,14 @@
   "plug": {:hex, :plug, "1.15.1", "b7efd81c1a1286f13efb3f769de343236bd8b7d23b4a9f40d3002fc39ad8f74c", [:mix], [{:mime, "~> 1.0 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:plug_crypto, "~> 1.1.1 or ~> 1.2 or ~> 2.0", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.3 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "459497bd94d041d98d948054ec6c0b76feacd28eec38b219ca04c0de13c79d30"},
   "plug_cowboy": {:hex, :plug_cowboy, "2.6.1", "9a3bbfceeb65eff5f39dab529e5cd79137ac36e913c02067dba3963a26efe9b2", [:mix], [{:cowboy, "~> 2.7", [hex: :cowboy, repo: "hexpm", optional: false]}, {:cowboy_telemetry, "~> 0.3", [hex: :cowboy_telemetry, repo: "hexpm", optional: false]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm", "de36e1a21f451a18b790f37765db198075c25875c64834bcc82d90b309eb6613"},
   "plug_crypto": {:hex, :plug_crypto, "2.0.0", "77515cc10af06645abbfb5e6ad7a3e9714f805ae118fa1a70205f80d2d70fe73", [:mix], [], "hexpm", "53695bae57cc4e54566d993eb01074e4d894b65a3766f1c43e2c61a1b0f45ea9"},
+  "poison": {:hex, :poison, "5.0.0", "d2b54589ab4157bbb82ec2050757779bfed724463a544b6e20d79855a9e43b24", [:mix], [{:decimal, "~> 2.0", [hex: :decimal, repo: "hexpm", optional: true]}], "hexpm", "11dc6117c501b80c62a7594f941d043982a1bd05a1184280c0d9166eb4d8d3fc"},
   "postgrex": {:hex, :postgrex, "0.17.3", "c92cda8de2033a7585dae8c61b1d420a1a1322421df84da9a82a6764580c503d", [:mix], [{:db_connection, "~> 2.1", [hex: :db_connection, repo: "hexpm", optional: false]}, {:decimal, "~> 1.5 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:table, "~> 0.1.0", [hex: :table, repo: "hexpm", optional: true]}], "hexpm", "946cf46935a4fdca7a81448be76ba3503cff082df42c6ec1ff16a4bdfbfb098d"},
   "pow": {:hex, :pow, "1.0.34", "51999e624475a4c75d9e5d04fcf7e38b3c5a1f8d09f37c1311d7bef43962aafa", [:mix], [{:ecto, "~> 2.2 or ~> 3.0", [hex: :ecto, repo: "hexpm", optional: false]}, {:phoenix, ">= 1.3.0 and < 1.8.0", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, ">= 2.0.0 and < 4.0.0", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:phoenix_live_view, ">= 0.18.0", [hex: :phoenix_live_view, repo: "hexpm", optional: true]}, {:plug, ">= 1.5.0 and < 2.0.0", [hex: :plug, repo: "hexpm", optional: true]}], "hexpm", "63a5e3b5197a39ac0320224526fb555b2b009852d878d29efc4362537393080b"},
   "ranch": {:hex, :ranch, "1.8.0", "8c7a100a139fd57f17327b6413e4167ac559fbc04ca7448e9be9057311597a1d", [:make, :rebar3], [], "hexpm", "49fbcfd3682fab1f5d109351b61257676da1a2fdbe295904176d5e521a2ddfe5"},
+  "sleeplocks": {:hex, :sleeplocks, "1.1.2", "d45aa1c5513da48c888715e3381211c859af34bee9b8290490e10c90bb6ff0ca", [:rebar3], [], "hexpm", "9fe5d048c5b781d6305c1a3a0f40bb3dfc06f49bf40571f3d2d0c57eaa7f59a5"},
   "sobelow": {:hex, :sobelow, "0.13.0", "218afe9075904793f5c64b8837cc356e493d88fddde126a463839351870b8d1e", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: false]}], "hexpm", "cd6e9026b85fc35d7529da14f95e85a078d9dd1907a9097b3ba6ac7ebbe34a0d"},
   "sourceror": {:hex, :sourceror, "0.12.3", "a2ad3a1a4554b486d8a113ae7adad5646f938cad99bf8bfcef26dc0c88e8fade", [:mix], [], "hexpm", "4d4e78010ca046524e8194ffc4683422f34a96f6b82901abbb45acc79ace0316"},
+  "ssl_verify_fun": {:hex, :ssl_verify_fun, "1.1.7", "354c321cf377240c7b8716899e182ce4890c5938111a1296add3ec74cf1715df", [:make, :mix, :rebar3], [], "hexpm", "fe4c190e8f37401d30167c8c405eda19469f34577987c76dde613e838bbc67f8"},
   "surface": {:hex, :surface, "0.11.0", "95fd9a61318cd19659d69f6a5be59ae149ebe2b22569783bc0b35e4c6da4e3bd", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.19.0", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}, {:sourceror, "~> 0.11", [hex: :sourceror, repo: "hexpm", optional: false]}], "hexpm", "e7530cbfdbf48263e595224cad7ac62190d1086afbc2a0794c75bf659e36fa8d"},
   "surface_catalogue": {:hex, :surface_catalogue, "0.6.1", "25f9232cd8d623b040a84620390a28433d34af23747d18525c820f2d0e52a25e", [:mix], [{:earmark, "~> 1.4.21", [hex: :earmark, repo: "hexpm", optional: false]}, {:esbuild, "~> 0.2", [hex: :esbuild, repo: "hexpm", optional: false]}, {:html_entities, "~> 0.4", [hex: :html_entities, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: false]}, {:makeup_elixir, "~> 0.16.0", [hex: :makeup_elixir, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.0", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:surface, "~> 0.10", [hex: :surface, repo: "hexpm", optional: false]}], "hexpm", "79d25e094add1ce14a7c0480e77a8105da127a7f5f1b2f711233013497bab9bc"},
   "swoosh": {:hex, :swoosh, "1.14.0", "710e363e114dedb4080b737e0307f5410887ffc9a239f818231e5618b6b84e1b", [:mix], [{:cowboy, "~> 1.1 or ~> 2.4", [hex: :cowboy, repo: "hexpm", optional: true]}, {:ex_aws, "~> 2.1", [hex: :ex_aws, repo: "hexpm", optional: true]}, {:finch, "~> 0.6", [hex: :finch, repo: "hexpm", optional: true]}, {:gen_smtp, "~> 0.13 or ~> 1.0", [hex: :gen_smtp, repo: "hexpm", optional: true]}, {:hackney, "~> 1.9", [hex: :hackney, repo: "hexpm", optional: true]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: false]}, {:mail, "~> 0.2", [hex: :mail, repo: "hexpm", optional: true]}, {:mime, "~> 1.1 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:plug, "~> 1.9", [hex: :plug, repo: "hexpm", optional: true]}, {:plug_cowboy, ">= 1.0.0", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "dccfc986ac99c18345ab3e1a8b934b2d817fd6d59a2494f0af78502184c71025"},
@@ -54,6 +67,8 @@
   "telemetry": {:hex, :telemetry, "1.2.1", "68fdfe8d8f05a8428483a97d7aab2f268aaff24b49e0f599faa091f1d4e7f61c", [:rebar3], [], "hexpm", "dad9ce9d8effc621708f99eac538ef1cbe05d6a874dd741de2e689c47feafed5"},
   "telemetry_metrics": {:hex, :telemetry_metrics, "0.6.1", "315d9163a1d4660aedc3fee73f33f1d355dcc76c5c3ab3d59e76e3edf80eef1f", [:mix], [{:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "7be9e0871c41732c233be71e4be11b96e56177bf15dde64a8ac9ce72ac9834c6"},
   "telemetry_poller": {:hex, :telemetry_poller, "1.0.0", "db91bb424e07f2bb6e73926fcafbfcbcb295f0193e0a00e825e589a0a47e8453", [:rebar3], [{:telemetry, "~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "b3a24eafd66c3f42da30fc3ca7dda1e9d546c12250a2d60d7b81d264fbec4f6e"},
+  "unicode_util_compat": {:hex, :unicode_util_compat, "0.7.0", "bc84380c9ab48177092f43ac89e4dfa2c6d62b40b8bd132b1059ecc7232f9a78", [:rebar3], [], "hexpm", "25eee6d67df61960cf6a794239566599b09e17e668d3700247bc498638152521"},
+  "unsafe": {:hex, :unsafe, "1.0.2", "23c6be12f6c1605364801f4b47007c0c159497d0446ad378b5cf05f1855c0581", [:mix], [], "hexpm", "b485231683c3ab01a9cd44cb4a79f152c6f3bb87358439c6f68791b85c2df675"},
   "websock": {:hex, :websock, "0.5.3", "2f69a6ebe810328555b6fe5c831a851f485e303a7c8ce6c5f675abeb20ebdadc", [:mix], [], "hexpm", "6105453d7fac22c712ad66fab1d45abdf049868f253cf719b625151460b8b453"},
   "websock_adapter": {:hex, :websock_adapter, "0.5.4", "7af8408e7ed9d56578539594d1ee7d8461e2dd5c3f57b0f2a5352d610ddde757", [:mix], [{:bandit, ">= 0.6.0", [hex: :bandit, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.6", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:websock, "~> 0.5", [hex: :websock, repo: "hexpm", optional: false]}], "hexpm", "d2c238c79c52cbe223fcdae22ca0bb5007a735b9e933870e241fce66afb4f4ab"},
   "websockex": {:hex, :websockex, "0.4.3", "92b7905769c79c6480c02daacaca2ddd49de936d912976a4d3c923723b647bf0", [:mix], [], "hexpm", "95f2e7072b85a3a4cc385602d42115b73ce0b74a9121d0d6dbbf557645ac53e4"},

From 996dc6b4532b3788513844bf4dce77663cd542f3 Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Sat, 4 Nov 2023 12:43:13 -0400
Subject: [PATCH 05/31] working ticker list

---
 lib/basket_web/components/overview.ex     |  8 +++-----
 lib/basket_web/components/search_input.ex | 23 +++++++++++++++++------
 lib/basket_web/live/overview.ex           | 21 ++++++++++++---------
 3 files changed, 32 insertions(+), 20 deletions(-)

diff --git a/lib/basket_web/components/overview.ex b/lib/basket_web/components/overview.ex
index b924af9..0ebecef 100644
--- a/lib/basket_web/components/overview.ex
+++ b/lib/basket_web/components/overview.ex
@@ -20,12 +20,10 @@ defmodule BasketWeb.Components.Overview do
   def render(assigns) do
     ~F"""
     <div>
-      <SearchInput.render id="stock-search-input" name="stock-search-input" placeholder="APPL">
-      </SearchInput.render>
-      <.table id="ticker-list" rows={@tickers}>
-        <:col :let={ticker} label="id">{ticker}</:col>
-      </.table>
     </div>
     """
   end
 end
+
+# <SearchInput.render id="stock-search-input" name="stock-search-input" tickers={@tickers}>
+# </SearchInput.render>
diff --git a/lib/basket_web/components/search_input.ex b/lib/basket_web/components/search_input.ex
index e26301f..a794ba8 100644
--- a/lib/basket_web/components/search_input.ex
+++ b/lib/basket_web/components/search_input.ex
@@ -1,21 +1,32 @@
 defmodule BasketWeb.Components.SearchInput do
-  use Phoenix.Component
+  use Surface.LiveComponent
 
   import Phoenix.HTML.Form
 
+  prop tickers, :list, default: []
+
   attr :id, :string, required: true
   attr :class, :string, default: nil
-  attr :placeholder, :string, default: ""
+
   attr :text, :string, default: ""
 
+  def mount(socket) do
+    {:ok, assign(socket, tickers: [])}
+  end
+
   def render(assigns) do
-    ~H"""
+    ~F"""
     <form phx-change="ticker-search" class="ticker-search-form">
-      <%= text_input(:search_field, :query,
-        placeholder: @placeholder,
+      {text_input(:search_field, :query,
         autofocus: true,
+        list: "tickers",
         "phx-debounce": "300"
-      ) %>
+      )}
+      <datalist id="tickers">
+        {#for ticker <- @tickers}
+          <option value={ticker}>{ticker}</option>
+        {/for}
+      </datalist>
     </form>
     """
   end
diff --git a/lib/basket_web/live/overview.ex b/lib/basket_web/live/overview.ex
index 6ba0b69..99927f9 100644
--- a/lib/basket_web/live/overview.ex
+++ b/lib/basket_web/live/overview.ex
@@ -3,18 +3,19 @@ defmodule BasketWeb.Overview do
 
   require Logger
 
-  alias BasketWeb.Components.Overview
+  alias BasketWeb.Components.SearchInput
+
+  # alias BasketWeb.Components.Overview
 
   prop tickers, :list, default: []
 
-  def mount(%{"id" => id}, _, socket) do
-    {:ok,
-     socket
-     |> assign(:org, AsyncResult.loading())
-     |> start_async(:fetch_tickers, fn -> fetch_org!(id) end)}
+  def mount(_, _, socket) do
+    {:ok, assign(socket, tickers: [])}
+    # |> assign(:org, AsyncResult.loading())
+    # |> start_async(:fetch_tickers, fn -> fetch_org!(id) end)}
   end
 
-  def handle_event("ticker-search", %{"search_field" => %{"query" => query}}, socket) do
+  def handle_event("ticker-search", %{"search_field" => %{"query" => _query}}, socket) do
     # IO.inspect("HANDLE EVENT: #{query}")
 
     {_status, tickers} =
@@ -41,12 +42,14 @@ defmodule BasketWeb.Overview do
 
     IO.inspect("HERE: #{inspect(tickers)}")
 
-    {:noreply, assign(socket, :tickers, tickers)}
+    {:reply, %{}, assign(socket, :tickers, tickers)}
   end
 
   def render(assigns) do
     ~F"""
-    <Overview id="1" tickers={@tickers} />/>
+    <.live_component module={SearchInput} id="stock-search-input" tickers={@tickers} />
     """
   end
 end
+
+# <Overview id="1" tickers={@tickers} />

From 88de6f65155f0af46fcfcf2a7cf01f5262bc45e6 Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Sat, 4 Nov 2023 13:33:47 -0400
Subject: [PATCH 06/31] cache handling on the search input

---
 lib/basket_web/components/overview.ex     | 29 -------------
 lib/basket_web/components/search_input.ex | 49 +++++++++++++++-------
 lib/basket_web/live/overview.ex           | 50 +++++++++++------------
 3 files changed, 59 insertions(+), 69 deletions(-)
 delete mode 100644 lib/basket_web/components/overview.ex

diff --git a/lib/basket_web/components/overview.ex b/lib/basket_web/components/overview.ex
deleted file mode 100644
index 0ebecef..0000000
--- a/lib/basket_web/components/overview.ex
+++ /dev/null
@@ -1,29 +0,0 @@
-defmodule BasketWeb.Components.Overview do
-  use Surface.LiveComponent
-
-  import BasketWeb.CoreComponents
-
-  alias BasketWeb.Components.SearchInput
-
-  prop rows, :list,
-    default: [
-      %{id: 1, username: "Johnnn"},
-      %{id: 2, username: "Jane"}
-    ]
-
-  prop tickers, :list, default: []
-
-  def mount(_, _, socket) do
-    {:ok, assign(socket, tickers: [%{id: 1, username: "Johnnn"}, %{id: 2, username: "Jane"}])}
-  end
-
-  def render(assigns) do
-    ~F"""
-    <div>
-    </div>
-    """
-  end
-end
-
-# <SearchInput.render id="stock-search-input" name="stock-search-input" tickers={@tickers}>
-# </SearchInput.render>
diff --git a/lib/basket_web/components/search_input.ex b/lib/basket_web/components/search_input.ex
index a794ba8..a381789 100644
--- a/lib/basket_web/components/search_input.ex
+++ b/lib/basket_web/components/search_input.ex
@@ -1,33 +1,52 @@
 defmodule BasketWeb.Components.SearchInput do
   use Surface.LiveComponent
 
-  import Phoenix.HTML.Form
+  import BasketWeb.CoreComponents
 
   prop tickers, :list, default: []
 
   attr :id, :string, required: true
   attr :class, :string, default: nil
 
-  attr :text, :string, default: ""
+  prop ticker_search_form, :string, default: ""
 
   def mount(socket) do
-    {:ok, assign(socket, tickers: [])}
+    form = to_form(%{"ticker_search_field" => ""})
+    socket = assign(socket, :ticker_search_form, form)
+    socket = assign(socket, :tickers, [])
+
+    {:ok, socket}
   end
 
   def render(assigns) do
     ~F"""
-    <form phx-change="ticker-search" class="ticker-search-form">
-      {text_input(:search_field, :query,
-        autofocus: true,
-        list: "tickers",
-        "phx-debounce": "300"
-      )}
-      <datalist id="tickers">
-        {#for ticker <- @tickers}
-          <option value={ticker}>{ticker}</option>
-        {/for}
-      </datalist>
-    </form>
+    <div>
+      <.simple_form for={@ticker_search_form} phx-change="ticker-search">
+        <.input
+          name="selected-ticker"
+          value=""
+          field={@ticker_search_form["ticker_search_field"]}
+          list="tickers"
+          phx-debounce="500"
+          errors={["TODO"]}
+        />
+
+        <datalist id="tickers">
+          {#for ticker <- @tickers}
+            <option value={ticker}>{ticker}</option>
+          {/for}
+        </datalist>
+      </.simple_form>
+      <.button>
+        Add ticker
+      </.button>
+    </div>
     """
   end
 end
+
+# {text_input(:search_field, :query,
+#   autofocus: true,
+#   list: "tickers",
+#   "phx-debounce": "300"
+# )}
diff --git a/lib/basket_web/live/overview.ex b/lib/basket_web/live/overview.ex
index 99927f9..c236bdf 100644
--- a/lib/basket_web/live/overview.ex
+++ b/lib/basket_web/live/overview.ex
@@ -5,8 +5,6 @@ defmodule BasketWeb.Overview do
 
   alias BasketWeb.Components.SearchInput
 
-  # alias BasketWeb.Components.Overview
-
   prop tickers, :list, default: []
 
   def mount(_, _, socket) do
@@ -15,34 +13,38 @@ defmodule BasketWeb.Overview do
     # |> start_async(:fetch_tickers, fn -> fetch_org!(id) end)}
   end
 
-  def handle_event("ticker-search", %{"search_field" => %{"query" => _query}}, socket) do
-    # IO.inspect("HANDLE EVENT: #{query}")
+  def handle_event("ticker-search", %{"selected-ticker" => _query}, socket) do
+    # IO.inspect("SOCKET: #{inspect(socket.assigns)}")
 
-    {_status, tickers} =
-      Cachex.fetch(:assets, "all", fn _key ->
-        IO.inspect("REACTIVE")
+    if length(socket.assigns.tickers) > 0 do
+      {:noreply, socket}
+    else
+      {_status, tickers} =
+        Cachex.fetch(:assets, "all", fn _key ->
+          IO.inspect("REACTIVE")
 
-        case Basket.Alpaca.HttpClient.list_assets() do
-          {:ok, result} ->
-            IO.inspect("OK")
+          case Basket.Alpaca.HttpClient.list_assets() do
+            {:ok, result} ->
+              IO.inspect("OK")
 
-            tickers =
-              Enum.map(result, fn asset ->
-                asset["symbol"]
-              end)
+              tickers =
+                Enum.map(result, fn asset ->
+                  asset["symbol"]
+                end)
 
-            {:commit, tickers}
+              {:commit, tickers}
 
-          {:error, error} ->
-            IO.inspect("ERR:  #{inspect(error)}")
-            Logger.error("Could not fetch tickers", error: error.reason)
-            {:ignore, []}
-        end
-      end)
+            {:error, error} ->
+              IO.inspect("ERR:  #{inspect(error)}")
+              Logger.error("Could not fetch tickers", error: error.reason)
+              {:ignore, []}
+          end
+        end)
 
-    IO.inspect("HERE: #{inspect(tickers)}")
+      IO.inspect("HERE: #{inspect(tickers)}")
 
-    {:reply, %{}, assign(socket, :tickers, tickers)}
+      {:reply, %{}, assign(socket, :tickers, tickers)}
+    end
   end
 
   def render(assigns) do
@@ -51,5 +53,3 @@ defmodule BasketWeb.Overview do
     """
   end
 end
-
-# <Overview id="1" tickers={@tickers} />

From 79af5680fa5314dcc5fb23e206d62af38fe82011 Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Sat, 4 Nov 2023 15:21:53 -0400
Subject: [PATCH 07/31] add ticker to liveview list

---
 lib/basket_web/components/search_input.ex | 11 +++++++----
 lib/basket_web/live/overview.ex           | 14 +++++++++++++-
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/lib/basket_web/components/search_input.ex b/lib/basket_web/components/search_input.ex
index a381789..4b6fb3e 100644
--- a/lib/basket_web/components/search_input.ex
+++ b/lib/basket_web/components/search_input.ex
@@ -11,6 +11,7 @@ defmodule BasketWeb.Components.SearchInput do
   prop ticker_search_form, :string, default: ""
 
   def mount(socket) do
+    # TODO: make ticker call async
     form = to_form(%{"ticker_search_field" => ""})
     socket = assign(socket, :ticker_search_form, form)
     socket = assign(socket, :tickers, [])
@@ -21,7 +22,7 @@ defmodule BasketWeb.Components.SearchInput do
   def render(assigns) do
     ~F"""
     <div>
-      <.simple_form for={@ticker_search_form} phx-change="ticker-search">
+      <.simple_form for={@ticker_search_form} phx-change="ticker-search" phx-submit="ticker-add">
         <.input
           name="selected-ticker"
           value=""
@@ -36,10 +37,12 @@ defmodule BasketWeb.Components.SearchInput do
             <option value={ticker}>{ticker}</option>
           {/for}
         </datalist>
+        <:actions>
+          <.button>
+            Add ticker
+          </.button>
+        </:actions>
       </.simple_form>
-      <.button>
-        Add ticker
-      </.button>
     </div>
     """
   end
diff --git a/lib/basket_web/live/overview.ex b/lib/basket_web/live/overview.ex
index c236bdf..11a5c6d 100644
--- a/lib/basket_web/live/overview.ex
+++ b/lib/basket_web/live/overview.ex
@@ -1,6 +1,8 @@
 defmodule BasketWeb.Overview do
   use Surface.LiveView
 
+  import BasketWeb.CoreComponents
+
   require Logger
 
   alias BasketWeb.Components.SearchInput
@@ -8,7 +10,9 @@ defmodule BasketWeb.Overview do
   prop tickers, :list, default: []
 
   def mount(_, _, socket) do
-    {:ok, assign(socket, tickers: [])}
+    socket = assign(socket, tickers: [])
+    socket = assign(socket, basket: [])
+    {:ok, socket}
     # |> assign(:org, AsyncResult.loading())
     # |> start_async(:fetch_tickers, fn -> fetch_org!(id) end)}
   end
@@ -47,9 +51,17 @@ defmodule BasketWeb.Overview do
     end
   end
 
+  def handle_event("ticker-add", %{"selected-ticker" => ticker}, socket) do
+    IO.inspect("TICKER: #{ticker}")
+    {:reply, %{}, assign(socket, :basket, socket.assigns.basket ++ [ticker])}
+  end
+
   def render(assigns) do
     ~F"""
     <.live_component module={SearchInput} id="stock-search-input" tickers={@tickers} />
+    <.table id="ticker-list" rows={@basket}>
+      <:col :let={ticker} label="ticker">{ticker}</:col>
+    </.table>
     """
   end
 end

From f2e52ebf0b553a5709ef19c673a649921b7f6d5f Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Sat, 4 Nov 2023 15:43:49 -0400
Subject: [PATCH 08/31] remove ticker

---
 lib/basket_web/components/layouts/root.html.heex |  4 ++--
 lib/basket_web/live/overview.ex                  | 10 ++++++++++
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/lib/basket_web/components/layouts/root.html.heex b/lib/basket_web/components/layouts/root.html.heex
index 46e00c5..18852b1 100644
--- a/lib/basket_web/components/layouts/root.html.heex
+++ b/lib/basket_web/components/layouts/root.html.heex
@@ -4,8 +4,8 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="csrf-token" content={get_csrf_token()} />
-    <.live_title suffix=" · Phoenix Framework">
-      <%= assigns[:page_title] || "Basket" %>
+    <.live_title>
+      <%= assigns[:page_title] || "Stock Basket" %>
     </.live_title>
     <link phx-track-static rel="stylesheet" href={~p"/assets/app.css"} />
     <script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}>
diff --git a/lib/basket_web/live/overview.ex b/lib/basket_web/live/overview.ex
index 11a5c6d..8554f5d 100644
--- a/lib/basket_web/live/overview.ex
+++ b/lib/basket_web/live/overview.ex
@@ -56,11 +56,21 @@ defmodule BasketWeb.Overview do
     {:reply, %{}, assign(socket, :basket, socket.assigns.basket ++ [ticker])}
   end
 
+  def handle_event("ticker-remove", %{"ticker" => ticker}, socket) do
+    {:reply, %{},
+     assign(socket, :basket, Enum.filter(socket.assigns.basket, fn t -> t != ticker end))}
+  end
+
   def render(assigns) do
     ~F"""
     <.live_component module={SearchInput} id="stock-search-input" tickers={@tickers} />
     <.table id="ticker-list" rows={@basket}>
       <:col :let={ticker} label="ticker">{ticker}</:col>
+      <:col :let={ticker} label="remove">
+        <.button phx-click="ticker-remove" phx-value-ticker={ticker}>
+          Remove
+        </.button>
+      </:col>
     </.table>
     """
   end

From 7b94292ab01921b64a25351fe7a7fc515506cce7 Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Sun, 5 Nov 2023 01:29:22 -0500
Subject: [PATCH 09/31] send async ws subscription

---
 config/dev.exs                                |  4 +-
 .../alpaca/{http_client.ex => http/client.ex} | 35 +++++------
 .../alpaca/{ws_client.ex => ws/client.ex}     | 61 +++++++++++++++----
 lib/basket/alpaca/ws/message.ex               | 33 ++++++++++
 lib/basket/application.ex                     |  2 +-
 lib/basket_web/live/overview.ex               | 13 +---
 6 files changed, 103 insertions(+), 45 deletions(-)
 rename lib/basket/alpaca/{http_client.ex => http/client.ex} (60%)
 rename lib/basket/alpaca/{ws_client.ex => ws/client.ex} (54%)
 create mode 100644 lib/basket/alpaca/ws/message.ex

diff --git a/config/dev.exs b/config/dev.exs
index c018c2f..5956edf 100644
--- a/config/dev.exs
+++ b/config/dev.exs
@@ -68,8 +68,8 @@ config :basket, BasketWeb.Endpoint,
 config :basket, dev_routes: true
 
 config :basket, :alpaca,
-  api_key: "AKI55BR1BTU9PWT3LWBT",
-  api_secret: "TdBGXubqV9HwWG6YZmF8GxiCEBHrp8pLaCPultdc",
+  api_key: System.get_env("ALPACA_API_KEY"),
+  api_secret: System.get_env("ALPACA_API_SECRET"),
   market_http_url: "https://api.alpaca.markets",
   market_ws_url: "wss://stream.data.alpaca.markets/v2"
 
diff --git a/lib/basket/alpaca/http_client.ex b/lib/basket/alpaca/http/client.ex
similarity index 60%
rename from lib/basket/alpaca/http_client.ex
rename to lib/basket/alpaca/http/client.ex
index 7266a7f..5e0e1fb 100644
--- a/lib/basket/alpaca/http_client.ex
+++ b/lib/basket/alpaca/http/client.ex
@@ -1,18 +1,29 @@
 defmodule Basket.Alpaca.HttpClient do
-  alias Mint.HTTPError
   use HTTPoison.Base
 
   require Logger
 
-  @resource "/v2/assets"
+  @assets_resource "/v2/assets"
+  @latest_quotes_resource "/v2/stocks/quotes/latest"
 
   def process_request_headers(headers) do
     headers ++ [{"APCA-API-KEY-ID", api_key()}, {"APCA-API-SECRET-KEY", api_secret()}]
   end
 
+  # @spec asset_quotes(list(String.t())) :: {:error, any()} | {:ok, map()}
+  # def asset_quotes(ticker_list) do
+  #   case get(@latest_quotes_resource, [], params: %{symbols: Enum.join(ticker_list, ",")}) do
+  #     {:ok, %HTTPoison.Response{status_code: 200, body: body}} ->
+  #       {:ok, body}
+
+  #     {:error, error} ->
+  #       {:error, error}
+  #   end
+  # end
+
   @spec list_assets() :: {:error, any()} | {:ok, list(map())}
   def list_assets() do
-    case get(@resource) do
+    case get(@assets_resource, [], params: %{status: "active", asset_class: "us_equity"}) do
       {:ok, %HTTPoison.Response{status_code: 200, body: body}} ->
         {:ok, body}
 
@@ -21,24 +32,6 @@ defmodule Basket.Alpaca.HttpClient do
     end
   end
 
-  @spec list_tickers() :: list(String.t()) | {:error, any()}
-  def list_tickers() do
-    case list_assets() do
-      {:ok, body} ->
-        Enum.map(body, fn asset ->
-          asset["symbol"]
-        end)
-
-      {:error, error} ->
-        {:error, error}
-    end
-  end
-
-  def process_request_params(params) do
-    Map.put(params, :status, "active")
-    |> Map.put(:asset_class, "us_equity")
-  end
-
   def process_request_url(resource) do
     "#{url()}#{resource}"
   end
diff --git a/lib/basket/alpaca/ws_client.ex b/lib/basket/alpaca/ws/client.ex
similarity index 54%
rename from lib/basket/alpaca/ws_client.ex
rename to lib/basket/alpaca/ws/client.ex
index 3a36389..7ba85b5 100644
--- a/lib/basket/alpaca/ws_client.ex
+++ b/lib/basket/alpaca/ws/client.ex
@@ -1,11 +1,11 @@
-defmodule Basket.Alpaca.WsClient do
+defmodule Basket.Alpaca.Websocket.Client do
   use WebSockex
   require Logger
 
-  @default_subscription_msg "{\"action\":\"subscribe\",\"trades\":[\"AAPL\"],\"quotes\":[\"AMD\",\"CLDR\"],\
-          \"bars\":[\"*\"]}"
-  @auth_success_msg "[{\"T\":\"success\",\"msg\":\"authenticated\"}]"
-  @connection_success_msg "[{\"T\":\"success\",\"msg\":\"connected\"}]"
+  alias Basket.Alpaca.Websocket.Message
+
+  @auth_success "[{\"T\":\"success\",\"msg\":\"authenticated\"}]"
+  @connection_success "[{\"T\":\"success\",\"msg\":\"connected\"}]"
 
   @spec start_link(bitstring()) :: {:error, any()} | {:ok, pid()}
   def start_link(state) do
@@ -14,6 +14,13 @@ defmodule Basket.Alpaca.WsClient do
     WebSockex.start_link(iex_feed(), __MODULE__, state, extra_headers: auth_headers())
   end
 
+  def handle_cast(msg, state) do
+    IO.inspect("handle_cast: #{inspect(msg)}")
+    res = super(msg, state)
+    IO.inspect(res, label: "RES")
+    res
+  end
+
   @spec handle_connect(WebsockEx.Conn.t(), bitstring()) :: {:ok, bitstring()}
   def handle_connect(_conn, state) do
     Logger.info("Alpaca websocket connected.")
@@ -32,25 +39,24 @@ defmodule Basket.Alpaca.WsClient do
   subscription once the authorization acknowledgement method is received.
   """
   @spec handle_frame(WebSockex.Frame.frame(), bitstring()) :: {:ok, bitstring()}
-  def handle_frame({_type, @connection_success_msg}, state) do
+  def handle_frame({_type, @connection_success}, state) do
     Logger.info("Connection message received.")
 
     {:ok, state}
   end
 
-  def handle_frame({type, @auth_success_msg}, state) do
+  def handle_frame({_type, @auth_success}, state) do
     Logger.info("Alpaca websocket authenticated.")
 
-    {:reply, {type, @default_subscription_msg}, state}
+    # {:reply, {type, Message.default_subscription()}, state}
+    {:ok, state}
   end
 
   def handle_frame({_type, msg}, state) do
-    IO.inspect("MSGG: #{msg}")
+    IO.inspect("handle_frame: #{inspect(msg)}")
 
     case Jason.decode(msg) do
       {:ok, message} ->
-        Logger.info("MESSS: #{inspect(message)}")
-
         if Map.get(List.first(message), "T") == "q" do
           handle_quote_message(List.first(message))
         else
@@ -64,6 +70,39 @@ defmodule Basket.Alpaca.WsClient do
     {:ok, state}
   end
 
+  @spec subscribe_to_market_data(%{
+          :bars => list(String.t()),
+          :quotes => list(String.t()),
+          :trades => list(String.t())
+        }) :: :ok
+  def subscribe_to_market_data(tickers) do
+    case Message.market_data_subscription(tickers) do
+      {:ok, message} ->
+        Logger.info("Sending subscription message: #{inspect(message)}")
+        # pid = Process.whereis(Basket.Alpaca.Websocket.Client)
+        pid =
+          Supervisor.which_children(Basket.Supervisor)
+          |> Enum.find(fn c ->
+            case c do
+              {Basket.Alpaca.Websocket.Client, _pid, :worker, [Basket.Alpaca.Websocket.Client]} ->
+                true
+
+              _ ->
+                false
+            end
+          end)
+          |> elem(1)
+
+        IO.inspect("PROCESS: #{inspect(pid)}")
+        # WebSockex.cast(pid, {:text, message})
+        WebSockex.send_frame(pid, {:text, message})
+        Logger.info("Subscription message sent.")
+
+      {:error, reason} ->
+        Logger.error("Error sending subscription message.", reason: reason)
+    end
+  end
+
   defp handle_quote_message(message) do
     Logger.info("Quote message: #{inspect(message)}")
   end
diff --git a/lib/basket/alpaca/ws/message.ex b/lib/basket/alpaca/ws/message.ex
new file mode 100644
index 0000000..a7a8f9c
--- /dev/null
+++ b/lib/basket/alpaca/ws/message.ex
@@ -0,0 +1,33 @@
+defmodule Basket.Alpaca.Websocket.Message do
+  require Logger
+
+  # @default_subscription_msg "{\"action\":\"subscribe\",\"trades\":[\"AAPL\"],\"quotes\":[\"AMD\",\"CLDR\"],\
+  #         \"bars\":[\"*\"]}"
+
+  @spec market_data_subscription(%{
+          :bars => list(String.t()),
+          :quotes => list(String.t()),
+          :trades => list(String.t())
+        }) ::
+          {:error, Jason.EncodeError.t() | Exception.t()}
+          | {:ok, String.t()}
+  def market_data_subscription(%{bars: bars, quotes: quotes, trades: trades}) do
+    message = %{
+      action: :subscribe
+    }
+
+    message = if bars, do: Map.put(message, :bars, bars), else: message
+    message = if bars, do: Map.put(message, :quotes, quotes), else: message
+    message = if trades, do: Map.put(message, :trades, trades), else: message
+
+    case Jason.encode(message) do
+      {:ok, encoded_message} ->
+        {:ok, encoded_message}
+
+      {:error, reason} ->
+        Logger.error("Error encoding market subscription message", reason: reason)
+
+        {:error, reason}
+    end
+  end
+end
diff --git a/lib/basket/application.ex b/lib/basket/application.ex
index cae5b0f..5f86400 100644
--- a/lib/basket/application.ex
+++ b/lib/basket/application.ex
@@ -18,7 +18,7 @@ defmodule Basket.Application do
       # {Basket.Worker, arg},
       # Start to serve requests, typically the last entry
       BasketWeb.Endpoint,
-      Basket.Alpaca.WsClient,
+      Basket.Alpaca.Websocket.Client,
       {Cachex, name: :assets}
     ]
 
diff --git a/lib/basket_web/live/overview.ex b/lib/basket_web/live/overview.ex
index 8554f5d..876c6d5 100644
--- a/lib/basket_web/live/overview.ex
+++ b/lib/basket_web/live/overview.ex
@@ -5,6 +5,7 @@ defmodule BasketWeb.Overview do
 
   require Logger
 
+  alias Basket.Alpaca.Websocket
   alias BasketWeb.Components.SearchInput
 
   prop tickers, :list, default: []
@@ -18,19 +19,13 @@ defmodule BasketWeb.Overview do
   end
 
   def handle_event("ticker-search", %{"selected-ticker" => _query}, socket) do
-    # IO.inspect("SOCKET: #{inspect(socket.assigns)}")
-
     if length(socket.assigns.tickers) > 0 do
       {:noreply, socket}
     else
       {_status, tickers} =
         Cachex.fetch(:assets, "all", fn _key ->
-          IO.inspect("REACTIVE")
-
           case Basket.Alpaca.HttpClient.list_assets() do
             {:ok, result} ->
-              IO.inspect("OK")
-
               tickers =
                 Enum.map(result, fn asset ->
                   asset["symbol"]
@@ -39,20 +34,18 @@ defmodule BasketWeb.Overview do
               {:commit, tickers}
 
             {:error, error} ->
-              IO.inspect("ERR:  #{inspect(error)}")
               Logger.error("Could not fetch tickers", error: error.reason)
               {:ignore, []}
           end
         end)
 
-      IO.inspect("HERE: #{inspect(tickers)}")
-
       {:reply, %{}, assign(socket, :tickers, tickers)}
     end
   end
 
   def handle_event("ticker-add", %{"selected-ticker" => ticker}, socket) do
-    IO.inspect("TICKER: #{ticker}")
+    # subscribe to ticker
+    Websocket.Client.subscribe_to_market_data(%{bars: [ticker], quotes: [], trades: []})
     {:reply, %{}, assign(socket, :basket, socket.assigns.basket ++ [ticker])}
   end
 

From c5ef12275f3a2a1f80cf2f4e2c7f1f869a068546 Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Sun, 5 Nov 2023 21:09:13 -0500
Subject: [PATCH 10/31] handle ws bar messages

---
 lib/basket/alpaca/ws/client.ex  | 26 +++---------------------
 lib/basket/alpaca/ws/message.ex | 35 ++++++++++++++++++++++++++++++---
 2 files changed, 35 insertions(+), 26 deletions(-)

diff --git a/lib/basket/alpaca/ws/client.ex b/lib/basket/alpaca/ws/client.ex
index 7ba85b5..c9a90f9 100644
--- a/lib/basket/alpaca/ws/client.ex
+++ b/lib/basket/alpaca/ws/client.ex
@@ -14,13 +14,6 @@ defmodule Basket.Alpaca.Websocket.Client do
     WebSockex.start_link(iex_feed(), __MODULE__, state, extra_headers: auth_headers())
   end
 
-  def handle_cast(msg, state) do
-    IO.inspect("handle_cast: #{inspect(msg)}")
-    res = super(msg, state)
-    IO.inspect(res, label: "RES")
-    res
-  end
-
   @spec handle_connect(WebsockEx.Conn.t(), bitstring()) :: {:ok, bitstring()}
   def handle_connect(_conn, state) do
     Logger.info("Alpaca websocket connected.")
@@ -48,20 +41,13 @@ defmodule Basket.Alpaca.Websocket.Client do
   def handle_frame({_type, @auth_success}, state) do
     Logger.info("Alpaca websocket authenticated.")
 
-    # {:reply, {type, Message.default_subscription()}, state}
     {:ok, state}
   end
 
-  def handle_frame({_type, msg}, state) do
-    IO.inspect("handle_frame: #{inspect(msg)}")
-
+  def handle_frame({_tpe, msg}, state) do
     case Jason.decode(msg) do
       {:ok, message} ->
-        if Map.get(List.first(message), "T") == "q" do
-          handle_quote_message(List.first(message))
-        else
-          Logger.info("Message received: #{inspect(message)}")
-        end
+        Message.process(message)
 
       {:error, reason} ->
         Logger.error("Error decoding message.", reason: reason)
@@ -79,7 +65,7 @@ defmodule Basket.Alpaca.Websocket.Client do
     case Message.market_data_subscription(tickers) do
       {:ok, message} ->
         Logger.info("Sending subscription message: #{inspect(message)}")
-        # pid = Process.whereis(Basket.Alpaca.Websocket.Client)
+
         pid =
           Supervisor.which_children(Basket.Supervisor)
           |> Enum.find(fn c ->
@@ -93,8 +79,6 @@ defmodule Basket.Alpaca.Websocket.Client do
           end)
           |> elem(1)
 
-        IO.inspect("PROCESS: #{inspect(pid)}")
-        # WebSockex.cast(pid, {:text, message})
         WebSockex.send_frame(pid, {:text, message})
         Logger.info("Subscription message sent.")
 
@@ -103,10 +87,6 @@ defmodule Basket.Alpaca.Websocket.Client do
     end
   end
 
-  defp handle_quote_message(message) do
-    Logger.info("Quote message: #{inspect(message)}")
-  end
-
   defp auth_headers, do: [{"APCA-API-KEY-ID", api_key()}, {"APCA-API-SECRET-KEY", api_secret()}]
 
   defp iex_feed, do: "#{url()}/iex"
diff --git a/lib/basket/alpaca/ws/message.ex b/lib/basket/alpaca/ws/message.ex
index a7a8f9c..da815aa 100644
--- a/lib/basket/alpaca/ws/message.ex
+++ b/lib/basket/alpaca/ws/message.ex
@@ -1,8 +1,24 @@
 defmodule Basket.Alpaca.Websocket.Message do
   require Logger
 
-  # @default_subscription_msg "{\"action\":\"subscribe\",\"trades\":[\"AAPL\"],\"quotes\":[\"AMD\",\"CLDR\"],\
-  #         \"bars\":[\"*\"]}"
+  @spec process(bitstring())
+  def process(messages) do
+    Enum.map(messages, fn message ->
+      case Map.get(message, "T") do
+        "b" ->
+          handle_bars(message)
+
+        "d" ->
+          handle_daily_bars(message)
+
+        "u" ->
+          handle_bar_updates(message)
+
+        "error" ->
+          Logger.error("Error message from Alpaca websocket connection.", message: message)
+      end
+    end)
+  end
 
   @spec market_data_subscription(%{
           :bars => list(String.t()),
@@ -17,7 +33,7 @@ defmodule Basket.Alpaca.Websocket.Message do
     }
 
     message = if bars, do: Map.put(message, :bars, bars), else: message
-    message = if bars, do: Map.put(message, :quotes, quotes), else: message
+    message = if quotes, do: Map.put(message, :quotes, quotes), else: message
     message = if trades, do: Map.put(message, :trades, trades), else: message
 
     case Jason.encode(message) do
@@ -30,4 +46,17 @@ defmodule Basket.Alpaca.Websocket.Message do
         {:error, reason}
     end
   end
+
+  defp handle_bars(message) do
+    # TODO: send to Liveview
+    Logger.info("Bars message received", message: message)
+  end
+
+  defp handle_daily_bars(message) do
+    Logger.info("Daily bars message received", message: message)
+  end
+
+  defp handle_bar_updates(message) do
+    Logger.info("Bar updates message received", message: message)
+  end
 end

From 74719d21fac3d22c5a95f5744f4501e6e188de64 Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Mon, 6 Nov 2023 20:17:01 -0500
Subject: [PATCH 11/31] add pubsub for bars updates

---
 config/dev.exs                   |  1 +
 lib/basket/alpaca/http/client.ex | 36 +++++++------
 lib/basket/alpaca/ws/client.ex   | 53 ++++++++++++--------
 lib/basket/alpaca/ws/message.ex  | 86 ++++++++++++++++++++++++++------
 lib/basket_web/live/overview.ex  | 41 ++++++++++++---
 5 files changed, 158 insertions(+), 59 deletions(-)

diff --git a/config/dev.exs b/config/dev.exs
index 5956edf..8bde69d 100644
--- a/config/dev.exs
+++ b/config/dev.exs
@@ -70,6 +70,7 @@ config :basket, dev_routes: true
 config :basket, :alpaca,
   api_key: System.get_env("ALPACA_API_KEY"),
   api_secret: System.get_env("ALPACA_API_SECRET"),
+  data_http_url: "https://data.alpaca.markets",
   market_http_url: "https://api.alpaca.markets",
   market_ws_url: "wss://stream.data.alpaca.markets/v2"
 
diff --git a/lib/basket/alpaca/http/client.ex b/lib/basket/alpaca/http/client.ex
index 5e0e1fb..a151485 100644
--- a/lib/basket/alpaca/http/client.ex
+++ b/lib/basket/alpaca/http/client.ex
@@ -4,26 +4,30 @@ defmodule Basket.Alpaca.HttpClient do
   require Logger
 
   @assets_resource "/v2/assets"
-  @latest_quotes_resource "/v2/stocks/quotes/latest"
+  @latest_quotes_resource "/v2/stocks/bars/latest"
 
   def process_request_headers(headers) do
     headers ++ [{"APCA-API-KEY-ID", api_key()}, {"APCA-API-SECRET-KEY", api_secret()}]
   end
 
-  # @spec asset_quotes(list(String.t())) :: {:error, any()} | {:ok, map()}
-  # def asset_quotes(ticker_list) do
-  #   case get(@latest_quotes_resource, [], params: %{symbols: Enum.join(ticker_list, ",")}) do
-  #     {:ok, %HTTPoison.Response{status_code: 200, body: body}} ->
-  #       {:ok, body}
+  @spec latest_quote(String.t()) :: {:error, any()} | {:ok, map()}
+  def latest_quote(ticker) do
+    case get("#{data_url()}#{@latest_quotes_resource}", [],
+           params: %{feed: "iex", symbols: ticker}
+         ) do
+      {:ok, %HTTPoison.Response{status_code: 200, body: body}} ->
+        {:ok, body}
 
-  #     {:error, error} ->
-  #       {:error, error}
-  #   end
-  # end
+      {:error, error} ->
+        {:error, error}
+    end
+  end
 
   @spec list_assets() :: {:error, any()} | {:ok, list(map())}
   def list_assets() do
-    case get(@assets_resource, [], params: %{status: "active", asset_class: "us_equity"}) do
+    case get("#{market_url()}#{@assets_resource}", [],
+           params: %{status: "active", asset_class: "us_equity"}
+         ) do
       {:ok, %HTTPoison.Response{status_code: 200, body: body}} ->
         {:ok, body}
 
@@ -32,15 +36,15 @@ defmodule Basket.Alpaca.HttpClient do
     end
   end
 
-  def process_request_url(resource) do
-    "#{url()}#{resource}"
-  end
-
   def process_response_body(body) do
     Jason.decode!(body)
   end
 
-  defp url, do: Application.fetch_env!(:basket, :alpaca)[:market_http_url]
+  # TODO: separate
+
+  defp data_url, do: Application.fetch_env!(:basket, :alpaca)[:data_http_url]
+
+  defp market_url, do: Application.fetch_env!(:basket, :alpaca)[:market_http_url]
 
   defp api_key, do: Application.fetch_env!(:basket, :alpaca)[:api_key]
 
diff --git a/lib/basket/alpaca/ws/client.ex b/lib/basket/alpaca/ws/client.ex
index c9a90f9..38d6252 100644
--- a/lib/basket/alpaca/ws/client.ex
+++ b/lib/basket/alpaca/ws/client.ex
@@ -45,6 +45,8 @@ defmodule Basket.Alpaca.Websocket.Client do
   end
 
   def handle_frame({_tpe, msg}, state) do
+    IO.inspect("MESSAGEEEE: #{msg}")
+
     case Jason.decode(msg) do
       {:ok, message} ->
         Message.process(message)
@@ -56,34 +58,29 @@ defmodule Basket.Alpaca.Websocket.Client do
     {:ok, state}
   end
 
-  @spec subscribe_to_market_data(%{
-          :bars => list(String.t()),
-          :quotes => list(String.t()),
-          :trades => list(String.t())
-        }) :: :ok
+  @spec subscribe_to_market_data(Message.subscription_fields()) :: :ok
   def subscribe_to_market_data(tickers) do
     case Message.market_data_subscription(tickers) do
       {:ok, message} ->
-        Logger.info("Sending subscription message: #{inspect(message)}")
+        WebSockex.send_frame(client_pid(), {:text, message})
+        Logger.info("Subscription message sent.", message: inspect(message))
 
-        pid =
-          Supervisor.which_children(Basket.Supervisor)
-          |> Enum.find(fn c ->
-            case c do
-              {Basket.Alpaca.Websocket.Client, _pid, :worker, [Basket.Alpaca.Websocket.Client]} ->
-                true
+      {:error, error} ->
+        Logger.error("Error sending subscription message.", error: error)
+    end
+  end
 
-              _ ->
-                false
-            end
-          end)
-          |> elem(1)
+  @spec unsubscribe_to_market_data(Message.subscription_fields()) :: :ok
+  def unsubscribe_to_market_data(tickers) do
+    case Message.market_data_remove_subscription(tickers) do
+      {:ok, message} ->
+        Logger.info("Sending subscription removal message: #{inspect(message)}")
 
-        WebSockex.send_frame(pid, {:text, message})
-        Logger.info("Subscription message sent.")
+        WebSockex.send_frame(client_pid(), {:text, message})
+        Logger.info("Subscription removal message sent.", message: inspect(message))
 
-      {:error, reason} ->
-        Logger.error("Error sending subscription message.", reason: reason)
+      {:error, error} ->
+        Logger.error("Error sending subscription removal message.", error: error)
     end
   end
 
@@ -96,4 +93,18 @@ defmodule Basket.Alpaca.Websocket.Client do
   defp api_key, do: Application.fetch_env!(:basket, :alpaca)[:api_key]
 
   defp api_secret, do: Application.fetch_env!(:basket, :alpaca)[:api_secret]
+
+  defp client_pid,
+    do:
+      Supervisor.which_children(Basket.Supervisor)
+      |> Enum.find(fn c ->
+        case c do
+          {Basket.Alpaca.Websocket.Client, _pid, :worker, [Basket.Alpaca.Websocket.Client]} ->
+            true
+
+          _ ->
+            false
+        end
+      end)
+      |> elem(1)
 end
diff --git a/lib/basket/alpaca/ws/message.ex b/lib/basket/alpaca/ws/message.ex
index da815aa..8c863e9 100644
--- a/lib/basket/alpaca/ws/message.ex
+++ b/lib/basket/alpaca/ws/message.ex
@@ -1,7 +1,15 @@
 defmodule Basket.Alpaca.Websocket.Message do
   require Logger
 
-  @spec process(bitstring())
+  @bars_topic "bars"
+
+  @type subscription_fields :: %{
+          :bars => list(String.t()),
+          :quotes => list(String.t()),
+          :trades => list(String.t())
+        }
+
+  @spec process(bitstring()) :: :ok
   def process(messages) do
     Enum.map(messages, fn message ->
       case Map.get(message, "T") do
@@ -16,25 +24,52 @@ defmodule Basket.Alpaca.Websocket.Message do
 
         "error" ->
           Logger.error("Error message from Alpaca websocket connection.", message: message)
+
+        "subscription" ->
+          Logger.info("Subscription message from Alpaca websocket connection.", message: message)
+
+        _ ->
+          Logger.info("Unhandled websocket message", message: message)
       end
     end)
+
+    :ok
   end
 
-  @spec market_data_subscription(%{
-          :bars => list(String.t()),
-          :quotes => list(String.t()),
-          :trades => list(String.t())
-        }) ::
+  @spec market_data_subscription(subscription_fields) ::
           {:error, Jason.EncodeError.t() | Exception.t()}
           | {:ok, String.t()}
-  def market_data_subscription(%{bars: bars, quotes: quotes, trades: trades}) do
-    message = %{
-      action: :subscribe
-    }
+  def market_data_subscription(fields) do
+    message =
+      build_message(
+        %{
+          action: :subscribe
+        },
+        fields
+      )
 
-    message = if bars, do: Map.put(message, :bars, bars), else: message
-    message = if quotes, do: Map.put(message, :quotes, quotes), else: message
-    message = if trades, do: Map.put(message, :trades, trades), else: message
+    case Jason.encode(message) do
+      {:ok, encoded_message} ->
+        {:ok, encoded_message}
+
+      {:error, reason} ->
+        Logger.error("Error encoding market subscription message", reason: reason)
+
+        {:error, reason}
+    end
+  end
+
+  @spec market_data_remove_subscription(subscription_fields) ::
+          {:error, Jason.EncodeError.t() | Exception.t()}
+          | {:ok, String.t()}
+  def market_data_remove_subscription(fields) do
+    message =
+      build_message(
+        %{
+          action: :unsubscribe
+        },
+        fields
+      )
 
     case Jason.encode(message) do
       {:ok, encoded_message} ->
@@ -47,9 +82,30 @@ defmodule Basket.Alpaca.Websocket.Message do
     end
   end
 
-  defp handle_bars(message) do
-    # TODO: send to Liveview
+  def bars_topic, do: @bars_topic
+
+  defp build_message(message, %{bars: bars, quotes: quotes, trades: trades}) do
+    message = if bars, do: Map.put(message, :bars, bars), else: message
+    message = if quotes, do: Map.put(message, :quotes, quotes), else: message
+    if trades, do: Map.put(message, :trades, trades), else: message
+  end
+
+  defp handle_bars(
+         %{
+           "S" => _symbol,
+           "o" => _open,
+           "h" => _high,
+           "l" => _low,
+           "c" => _close,
+           "v" => _volume,
+           "t" => _timestamp
+         } = message
+       ) do
     Logger.info("Bars message received", message: message)
+    BasketWeb.Endpoint.broadcast_from(self(), @bars_topic, "ticker-update", message)
+    # push_event(BasketWeb.Endpoint, "overview:handle_event", %{
+    #   message: message
+    # })
   end
 
   defp handle_daily_bars(message) do
diff --git a/lib/basket_web/live/overview.ex b/lib/basket_web/live/overview.ex
index 876c6d5..2fe99fe 100644
--- a/lib/basket_web/live/overview.ex
+++ b/lib/basket_web/live/overview.ex
@@ -5,14 +5,17 @@ defmodule BasketWeb.Overview do
 
   require Logger
 
-  alias Basket.Alpaca.Websocket
+  alias Basket.Alpaca.Websocket.{Client, Message}
   alias BasketWeb.Components.SearchInput
 
   prop tickers, :list, default: []
 
   def mount(_, _, socket) do
+    BasketWeb.Endpoint.subscribe(Message.bars_topic())
+
     socket = assign(socket, tickers: [])
     socket = assign(socket, basket: [])
+
     {:ok, socket}
     # |> assign(:org, AsyncResult.loading())
     # |> start_async(:fetch_tickers, fn -> fetch_org!(id) end)}
@@ -44,23 +47,47 @@ defmodule BasketWeb.Overview do
   end
 
   def handle_event("ticker-add", %{"selected-ticker" => ticker}, socket) do
-    # subscribe to ticker
-    Websocket.Client.subscribe_to_market_data(%{bars: [ticker], quotes: [], trades: []})
-    {:reply, %{}, assign(socket, :basket, socket.assigns.basket ++ [ticker])}
+    :ok = Client.subscribe_to_market_data(%{bars: [ticker], quotes: [], trades: []})
+
+    socket =
+      case Basket.Alpaca.HttpClient.latest_quote(ticker) do
+        {:ok, response} ->
+          %{"bars" => %{^ticker => bars}} = response
+          assign(socket, :basket, socket.assigns.basket ++ [Map.merge(bars, %{"S" => ticker})])
+
+        {:error, error} ->
+          Logger.error("Could not subscribe to ticker", reason: error.reason)
+          socket
+      end
+
+    {:reply, %{}, socket}
   end
 
   def handle_event("ticker-remove", %{"ticker" => ticker}, socket) do
+    :ok = Client.unsubscribe_to_market_data(%{bars: [ticker], quotes: [], trades: []})
+
     {:reply, %{},
-     assign(socket, :basket, Enum.filter(socket.assigns.basket, fn t -> t != ticker end))}
+     assign(socket, :basket, Enum.filter(socket.assigns.basket, fn t -> t["S"] != ticker end))}
+  end
+
+  def handle_event("ticker-update", message, socket) do
+    IO.inspect("GOT IT CLIENT: #{inspect(message)}")
+    {:noreply, socket}
   end
 
   def render(assigns) do
     ~F"""
     <.live_component module={SearchInput} id="stock-search-input" tickers={@tickers} />
     <.table id="ticker-list" rows={@basket}>
-      <:col :let={ticker} label="ticker">{ticker}</:col>
+      <:col :let={ticker} label="ticker">{ticker["S"]}</:col>
+      <:col :let={ticker} label="open">{ticker["o"]}</:col>
+      <:col :let={ticker} label="high">{ticker["h"]}</:col>
+      <:col :let={ticker} label="low">{ticker["l"]}</:col>
+      <:col :let={ticker} label="close">{ticker["c"]}</:col>
+      <:col :let={ticker} label="volume">{ticker["v"]}</:col>
+      <:col :let={ticker} label="timestamp">{ticker["t"]}</:col>
       <:col :let={ticker} label="remove">
-        <.button phx-click="ticker-remove" phx-value-ticker={ticker}>
+        <.button phx-click="ticker-remove" phx-value-ticker={ticker["S"]}>
           Remove
         </.button>
       </:col>

From 150794e0d606b389877b93ef045455d30de87d97 Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Wed, 8 Nov 2023 20:09:06 -0500
Subject: [PATCH 12/31] cell value change indication

---
 lib/basket/alpaca/ws/message.ex              |   5 +-
 lib/basket_web/components/core_components.ex |  25 +++-
 lib/basket_web/live/overview.ex              | 145 +++++++++++++++++--
 3 files changed, 157 insertions(+), 18 deletions(-)

diff --git a/lib/basket/alpaca/ws/message.ex b/lib/basket/alpaca/ws/message.ex
index 8c863e9..065e15a 100644
--- a/lib/basket/alpaca/ws/message.ex
+++ b/lib/basket/alpaca/ws/message.ex
@@ -11,6 +11,8 @@ defmodule Basket.Alpaca.Websocket.Message do
 
   @spec process(bitstring()) :: :ok
   def process(messages) do
+    IO.inspect("MESSAGES: #{inspect(messages)}")
+
     Enum.map(messages, fn message ->
       case Map.get(message, "T") do
         "b" ->
@@ -103,9 +105,6 @@ defmodule Basket.Alpaca.Websocket.Message do
        ) do
     Logger.info("Bars message received", message: message)
     BasketWeb.Endpoint.broadcast_from(self(), @bars_topic, "ticker-update", message)
-    # push_event(BasketWeb.Endpoint, "overview:handle_event", %{
-    #   message: message
-    # })
   end
 
   defp handle_daily_bars(message) do
diff --git a/lib/basket_web/components/core_components.ex b/lib/basket_web/components/core_components.ex
index 47e5be3..4106c00 100644
--- a/lib/basket_web/components/core_components.ex
+++ b/lib/basket_web/components/core_components.ex
@@ -494,7 +494,11 @@ defmodule BasketWeb.CoreComponents do
             <td
               :for={{col, i} <- Enum.with_index(@col)}
               phx-click={@row_click && @row_click.(row)}
-              class={["relative p-0", @row_click && "hover:cursor-pointer"]}
+              class={[
+                "relative p-0",
+                @row_click && "hover:cursor-pointer",
+                diff_color(col, row)
+              ]}
             >
               <div class="block py-4 pr-6">
                 <span class="absolute -inset-y-px right-0 -left-4 group-hover:bg-zinc-50 sm:rounded-l-xl" />
@@ -673,4 +677,23 @@ defmodule BasketWeb.CoreComponents do
   def translate_errors(errors, field) when is_list(errors) do
     for {^field, {msg, opts}} <- errors, do: translate_error({msg, opts})
   end
+
+  def diff_color(col, row) do
+    IO.inspect("COL: #{inspect(col)}")
+    IO.inspect("ROW: #{inspect(row)}")
+
+    if is_map(row) do
+      color_change_key = "#{col["key"]}_change"
+
+      IO.inspect("ROWCOLORCHANGE: #{row[color_change_key]}")
+
+      case row[color_change_key] do
+        "up" -> "bg-emerald-50 text-emerald-900"
+        "down" -> "bg-rose-50 text-rose-900"
+        _ -> ""
+      end
+    else
+      IO.inspect("TODO:NOTAMAP: #{inspect(row)}")
+    end
+  end
 end
diff --git a/lib/basket_web/live/overview.ex b/lib/basket_web/live/overview.ex
index 2fe99fe..82608d8 100644
--- a/lib/basket_web/live/overview.ex
+++ b/lib/basket_web/live/overview.ex
@@ -13,6 +13,7 @@ defmodule BasketWeb.Overview do
   def mount(_, _, socket) do
     BasketWeb.Endpoint.subscribe(Message.bars_topic())
 
+    IO.inspect("SOCKASH: #{inspect(socket)}")
     socket = assign(socket, tickers: [])
     socket = assign(socket, basket: [])
 
@@ -22,6 +23,8 @@ defmodule BasketWeb.Overview do
   end
 
   def handle_event("ticker-search", %{"selected-ticker" => _query}, socket) do
+    IO.inspect(socket, limit: :infinity)
+
     if length(socket.assigns.tickers) > 0 do
       {:noreply, socket}
     else
@@ -53,7 +56,14 @@ defmodule BasketWeb.Overview do
       case Basket.Alpaca.HttpClient.latest_quote(ticker) do
         {:ok, response} ->
           %{"bars" => %{^ticker => bars}} = response
-          assign(socket, :basket, socket.assigns.basket ++ [Map.merge(bars, %{"S" => ticker})])
+
+          initial_bars = for {k, v} <- bars, into: %{}, do: {k, {v, ""}}
+
+          assign(
+            socket,
+            :basket,
+            socket.assigns.basket ++ [Map.merge(initial_bars, %{"S" => {ticker, ""}})]
+          )
 
         {:error, error} ->
           Logger.error("Could not subscribe to ticker", reason: error.reason)
@@ -67,31 +77,138 @@ defmodule BasketWeb.Overview do
     :ok = Client.unsubscribe_to_market_data(%{bars: [ticker], quotes: [], trades: []})
 
     {:reply, %{},
-     assign(socket, :basket, Enum.filter(socket.assigns.basket, fn t -> t["S"] != ticker end))}
+     assign(
+       socket,
+       :basket,
+       Enum.filter(socket.assigns.basket, fn t -> Enum.at(t["S"], 0) != ticker end)
+     )}
   end
 
-  def handle_event("ticker-update", message, socket) do
-    IO.inspect("GOT IT CLIENT: #{inspect(message)}")
-    {:noreply, socket}
+  # def handle_event("ticker-update", message, socket) do
+  #   IO.inspect("GOT IT CLIENT: #{inspect(message)}")
+  #   {:noreply, socket}
+  # end
+
+  # Test Message : "MESSAGEEEE: [{\"T\":\"b\",\"S\":\"AAPL\",\"o\":182.675,\"h\":182.73,\"l\":182.665,\"c\":182.73,\"v\":2802,\"t\":\"2023-11-08T20:25:00Z\",\"n\":36,\"vw\":182.694461}]"
+  bars = %{
+    "T" => {"b", ""},
+    "S" => {"AAPL", ""},
+    "o" => {82.675, ""},
+    "h" => {182.73, ""},
+    "l" => {182.665, ""},
+    "c" => {182.73, ""},
+    "v" => {2802, ""},
+    "t" => {"2023-11-08T20:25:00Z", ""},
+    "n" => {36, ""},
+    "vw" => {182.694461, ""}
+  }
+
+  socket = %{
+    assigns: %{
+      __changed__: %{
+        __context__: true
+      },
+      __context__: %{},
+      flash: %{},
+      live_action: nil,
+      basket: [
+        %{
+          "S" => {"AAPL", ""},
+          "c" => {182.89, ""},
+          "h" => {182.99, ""},
+          "l" => {182.89, ""},
+          "n" => {412, ""},
+          "o" => {182.935, ""},
+          "t" => {"2023-11-08T20:59:00Z", ""},
+          "v" => {43514, ""},
+          "vw" => {182.956702, ""}
+        }
+      ]
+    }
+  }
+
+  # BasketWeb.Overview.handle_info(%Phoenix.Socket.Broadcast{topic: "bars", event: "ticker-update", payload: bars}, socket)
+  def handle_info(
+        %Phoenix.Socket.Broadcast{topic: "bars", event: "ticker-update", payload: bars},
+        socket
+      ) do
+    IO.inspect("HANDLE_INFO: #{inspect(bars)}")
+    # Get the old ticker data
+    old_ticker =
+      Enum.find(socket.assigns.basket, fn t -> elem(t["S"], 0) == elem(bars["S"], 0) end)
+
+    IO.inspect("OLD TICK #{inspect(old_ticker)}")
+
+    bars_with_changes =
+      for {k, v} <- bars, into: %{} do
+        {val, _change} = {k, {v, ""}}
+
+        if k in ["S", "T", "t", "n"] do
+          {k, {val, ""}}
+        else
+          IO.inspect("K IS: #{k}")
+          {k, {val, diff_direction(old_ticker[k], bars[k])}}
+        end
+      end
+
+    IO.inspect(
+      "HANDLE_INFO: #{inspect(socket.assigns.basket ++ [Map.merge(bars_with_changes, %{"S" => bars["S"]})])}"
+    )
+
+    # directions = %{
+    #   "o_change" => diff_direction(old_ticker["o"], bars["o"]),
+    #   "c_change" => diff_direction(old_ticker["c"], bars["c"]),
+    #   "h_change" => diff_direction(old_ticker["h"], bars["h"]),
+    #   "l_change" => diff_direction(old_ticker["l"], bars["l"]),
+    #   "v_change" => diff_direction(old_ticker["v"], bars["v"]),
+    #   "vw_change" => diff_direction(old_ticker["vw"], bars["vw"])
+    # }
+
+    # socket = assign(socket, :basket, Map.merge(bars, directions))
+    # IO.inspect("BASKET IS: #{inspect(socket.assigns.basket)}")
+
+    new_basket =
+      Enum.map(socket.assigns.basket, fn row ->
+        if elem(row["S"], 0) == elem(bars["S"], 0),
+          do: Map.merge(bars_with_changes, %{"S" => bars["S"]}),
+          else: row
+      end)
+
+    IO.inspect("NB: #{inspect(new_basket)}")
+
+    {:noreply,
+     assign(
+       socket,
+       :basket,
+       new_basket
+     )}
   end
 
   def render(assigns) do
     ~F"""
     <.live_component module={SearchInput} id="stock-search-input" tickers={@tickers} />
     <.table id="ticker-list" rows={@basket}>
-      <:col :let={ticker} label="ticker">{ticker["S"]}</:col>
-      <:col :let={ticker} label="open">{ticker["o"]}</:col>
-      <:col :let={ticker} label="high">{ticker["h"]}</:col>
-      <:col :let={ticker} label="low">{ticker["l"]}</:col>
-      <:col :let={ticker} label="close">{ticker["c"]}</:col>
-      <:col :let={ticker} label="volume">{ticker["v"]}</:col>
-      <:col :let={ticker} label="timestamp">{ticker["t"]}</:col>
+      <:col :let={ticker} key="S" label="ticker">{elem(ticker["c"], 0)}</:col>
+      <:col :let={ticker} key="o" label="open">{elem(ticker["o"], 0)}</:col>
+      <:col :let={ticker} key="h" label="high">{elem(ticker["h"], 0)}</:col>
+      <:col :let={ticker} key="l" label="low">{elem(ticker["l"], 0)}</:col>
+      <:col :let={ticker} key="c" label="close">{elem(ticker["c"], 0)}</:col>
+      <:col :let={ticker} key="v" label="volume">{elem(ticker["v"], 0)}</:col>
+      <:col :let={ticker} key="t" label="timestamp">{elem(ticker["t"], 0)}</:col>
       <:col :let={ticker} label="remove">
-        <.button phx-click="ticker-remove" phx-value-ticker={ticker["S"]}>
+        <.button phx-click="ticker-remove" phx-value-ticker={elem(ticker["S"], 0)}>
           Remove
         </.button>
-      </:col>
+      </:col>"
     </.table>
     """
   end
+
+  defp diff_direction(old, new) do
+    cond do
+      elem(old, 0) > elem(new, 0) -> "up"
+      elem(old, 0) < elem(new, 0) -> "down"
+      true -> "same"
+    end
+  end
 end

From b245565810e412c64d2ed51cc8c71ea20237fe37 Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Thu, 9 Nov 2023 12:29:21 -0500
Subject: [PATCH 13/31] websocket cell updates

---
 lib/basket_web/components/core_components.ex |  2 -
 lib/basket_web/live/overview.ex              | 54 +++++++-------------
 2 files changed, 19 insertions(+), 37 deletions(-)

diff --git a/lib/basket_web/components/core_components.ex b/lib/basket_web/components/core_components.ex
index 4106c00..498d4ec 100644
--- a/lib/basket_web/components/core_components.ex
+++ b/lib/basket_web/components/core_components.ex
@@ -685,8 +685,6 @@ defmodule BasketWeb.CoreComponents do
     if is_map(row) do
       color_change_key = "#{col["key"]}_change"
 
-      IO.inspect("ROWCOLORCHANGE: #{row[color_change_key]}")
-
       case row[color_change_key] do
         "up" -> "bg-emerald-50 text-emerald-900"
         "down" -> "bg-rose-50 text-rose-900"
diff --git a/lib/basket_web/live/overview.ex b/lib/basket_web/live/overview.ex
index 82608d8..fcd3c86 100644
--- a/lib/basket_web/live/overview.ex
+++ b/lib/basket_web/live/overview.ex
@@ -91,16 +91,16 @@ defmodule BasketWeb.Overview do
 
   # Test Message : "MESSAGEEEE: [{\"T\":\"b\",\"S\":\"AAPL\",\"o\":182.675,\"h\":182.73,\"l\":182.665,\"c\":182.73,\"v\":2802,\"t\":\"2023-11-08T20:25:00Z\",\"n\":36,\"vw\":182.694461}]"
   bars = %{
-    "T" => {"b", ""},
-    "S" => {"AAPL", ""},
-    "o" => {82.675, ""},
-    "h" => {182.73, ""},
-    "l" => {182.665, ""},
-    "c" => {182.73, ""},
-    "v" => {2802, ""},
-    "t" => {"2023-11-08T20:25:00Z", ""},
-    "n" => {36, ""},
-    "vw" => {182.694461, ""}
+    "T" => "b",
+    "S" => "AAPL",
+    "o" => 82.675,
+    "h" => 182.73,
+    "l" => 182.665,
+    "c" => 182.73,
+    "v" => 2802,
+    "t" => "2023-11-08T20:25:00Z",
+    "n" => 36,
+    "vw" => 182.694461
   }
 
   socket = %{
@@ -134,20 +134,16 @@ defmodule BasketWeb.Overview do
       ) do
     IO.inspect("HANDLE_INFO: #{inspect(bars)}")
     # Get the old ticker data
-    old_ticker =
-      Enum.find(socket.assigns.basket, fn t -> elem(t["S"], 0) == elem(bars["S"], 0) end)
-
-    IO.inspect("OLD TICK #{inspect(old_ticker)}")
+    old_ticker = Enum.find(socket.assigns.basket, fn t -> elem(t["S"], 0) == bars["S"] end)
 
     bars_with_changes =
       for {k, v} <- bars, into: %{} do
-        {val, _change} = {k, {v, ""}}
-
         if k in ["S", "T", "t", "n"] do
-          {k, {val, ""}}
+          {k, {v, ""}}
         else
           IO.inspect("K IS: #{k}")
-          {k, {val, diff_direction(old_ticker[k], bars[k])}}
+          IO.inspect("DIFFDIR: #{diff_direction(old_ticker[k], bars[k])}")
+          {k, {v, diff_direction(old_ticker[k], bars[k])}}
         end
       end
 
@@ -155,22 +151,10 @@ defmodule BasketWeb.Overview do
       "HANDLE_INFO: #{inspect(socket.assigns.basket ++ [Map.merge(bars_with_changes, %{"S" => bars["S"]})])}"
     )
 
-    # directions = %{
-    #   "o_change" => diff_direction(old_ticker["o"], bars["o"]),
-    #   "c_change" => diff_direction(old_ticker["c"], bars["c"]),
-    #   "h_change" => diff_direction(old_ticker["h"], bars["h"]),
-    #   "l_change" => diff_direction(old_ticker["l"], bars["l"]),
-    #   "v_change" => diff_direction(old_ticker["v"], bars["v"]),
-    #   "vw_change" => diff_direction(old_ticker["vw"], bars["vw"])
-    # }
-
-    # socket = assign(socket, :basket, Map.merge(bars, directions))
-    # IO.inspect("BASKET IS: #{inspect(socket.assigns.basket)}")
-
     new_basket =
       Enum.map(socket.assigns.basket, fn row ->
-        if elem(row["S"], 0) == elem(bars["S"], 0),
-          do: Map.merge(bars_with_changes, %{"S" => bars["S"]}),
+        if elem(row["S"], 0) == bars["S"],
+          do: Map.merge(bars_with_changes, %{"S" => {bars["S"], ""}}),
           else: row
       end)
 
@@ -188,7 +172,7 @@ defmodule BasketWeb.Overview do
     ~F"""
     <.live_component module={SearchInput} id="stock-search-input" tickers={@tickers} />
     <.table id="ticker-list" rows={@basket}>
-      <:col :let={ticker} key="S" label="ticker">{elem(ticker["c"], 0)}</:col>
+      <:col :let={ticker} key="S" label="ticker">{elem(ticker["S"], 0)}</:col>
       <:col :let={ticker} key="o" label="open">{elem(ticker["o"], 0)}</:col>
       <:col :let={ticker} key="h" label="high">{elem(ticker["h"], 0)}</:col>
       <:col :let={ticker} key="l" label="low">{elem(ticker["l"], 0)}</:col>
@@ -206,8 +190,8 @@ defmodule BasketWeb.Overview do
 
   defp diff_direction(old, new) do
     cond do
-      elem(old, 0) > elem(new, 0) -> "up"
-      elem(old, 0) < elem(new, 0) -> "down"
+      elem(old, 0) > new -> "up"
+      elem(old, 0) < new -> "down"
       true -> "same"
     end
   end

From 65eba6db6330cd81c1930e64045e19d2fead7cab Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Thu, 9 Nov 2023 13:52:39 -0500
Subject: [PATCH 14/31] update background color

---
 lib/basket_web/components/core_components.ex | 15 +++++++++------
 lib/basket_web/live/overview.ex              |  1 +
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/lib/basket_web/components/core_components.ex b/lib/basket_web/components/core_components.ex
index 498d4ec..c262e7f 100644
--- a/lib/basket_web/components/core_components.ex
+++ b/lib/basket_web/components/core_components.ex
@@ -682,16 +682,19 @@ defmodule BasketWeb.CoreComponents do
     IO.inspect("COL: #{inspect(col)}")
     IO.inspect("ROW: #{inspect(row)}")
 
-    if is_map(row) do
-      color_change_key = "#{col["key"]}_change"
+    key = Map.get(col, :key)
 
-      case row[color_change_key] do
-        "up" -> "bg-emerald-50 text-emerald-900"
-        "down" -> "bg-rose-50 text-rose-900"
+    if is_map(row) && key do
+      field = row[key]
+      IO.inspect("FIELD: #{inspect(field)}")
+
+      case elem(field, 1) do
+        "up" -> "bg-emerald-200 text-emerald-900"
+        "down" -> "bg-rose-200 text-rose-900"
         _ -> ""
       end
     else
-      IO.inspect("TODO:NOTAMAP: #{inspect(row)}")
+      IO.inspect("TODO:NOTAMAPORNILKEY: #{inspect(row)}")
     end
   end
 end
diff --git a/lib/basket_web/live/overview.ex b/lib/basket_web/live/overview.ex
index fcd3c86..387db43 100644
--- a/lib/basket_web/live/overview.ex
+++ b/lib/basket_web/live/overview.ex
@@ -190,6 +190,7 @@ defmodule BasketWeb.Overview do
 
   defp diff_direction(old, new) do
     cond do
+      !is_tuple(old) -> "same"
       elem(old, 0) > new -> "up"
       elem(old, 0) < new -> "down"
       true -> "same"

From 77ab0618e34d92b95728e5b5aa8d1c8e0ca19982 Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Fri, 10 Nov 2023 12:51:27 -0500
Subject: [PATCH 15/31] layout elements

---
 lib/basket_web/components/core_components.ex | 14 ++++----
 lib/basket_web/components/search_input.ex    |  2 +-
 lib/basket_web/live/overview.ex              | 34 +++++++++++---------
 3 files changed, 26 insertions(+), 24 deletions(-)

diff --git a/lib/basket_web/components/core_components.ex b/lib/basket_web/components/core_components.ex
index c262e7f..e4fd822 100644
--- a/lib/basket_web/components/core_components.ex
+++ b/lib/basket_web/components/core_components.ex
@@ -479,7 +479,7 @@ defmodule BasketWeb.CoreComponents do
       <table class="w-[40rem] mt-11 sm:w-full">
         <thead class="text-sm text-left leading-6 text-zinc-500">
           <tr>
-            <th :for={col <- @col} class="p-0 pb-4 pr-6 font-normal"><%= col[:label] %></th>
+            <th :for={col <- @col} class="p-0 pb-4 pr-6 text-center font-normal"><%= col[:label] %></th>
             <th :if={@action != []} class="relative p-0 pb-4">
               <span class="sr-only"><%= gettext("Actions") %></span>
             </th>
@@ -487,6 +487,7 @@ defmodule BasketWeb.CoreComponents do
         </thead>
         <tbody
           id={@id}
+          phx-hook="BarTableUpdated"
           phx-update={match?(%Phoenix.LiveView.LiveStream{}, @rows) && "stream"}
           class="relative divide-y divide-zinc-100 border-t border-zinc-200 text-sm leading-6 text-zinc-700"
         >
@@ -496,6 +497,7 @@ defmodule BasketWeb.CoreComponents do
               phx-click={@row_click && @row_click.(row)}
               class={[
                 "relative p-0",
+                "text-center",
                 @row_click && "hover:cursor-pointer",
                 diff_color(col, row)
               ]}
@@ -679,22 +681,18 @@ defmodule BasketWeb.CoreComponents do
   end
 
   def diff_color(col, row) do
-    IO.inspect("COL: #{inspect(col)}")
-    IO.inspect("ROW: #{inspect(row)}")
-
     key = Map.get(col, :key)
 
     if is_map(row) && key do
       field = row[key]
-      IO.inspect("FIELD: #{inspect(field)}")
 
       case elem(field, 1) do
-        "up" -> "bg-emerald-200 text-emerald-900"
-        "down" -> "bg-rose-200 text-rose-900"
+        "up" -> "bg-emerald-300 text-emerald-900"
+        "down" -> "bg-rose-300 text-rose-900"
         _ -> ""
       end
     else
-      IO.inspect("TODO:NOTAMAPORNILKEY: #{inspect(row)}")
+      IO.inspect("TODO:NOTAMAP OR NIL KEY: #{inspect(row)}")
     end
   end
 end
diff --git a/lib/basket_web/components/search_input.ex b/lib/basket_web/components/search_input.ex
index 4b6fb3e..10ec865 100644
--- a/lib/basket_web/components/search_input.ex
+++ b/lib/basket_web/components/search_input.ex
@@ -21,7 +21,7 @@ defmodule BasketWeb.Components.SearchInput do
 
   def render(assigns) do
     ~F"""
-    <div>
+    <div class="flex-row">
       <.simple_form for={@ticker_search_form} phx-change="ticker-search" phx-submit="ticker-add">
         <.input
           name="selected-ticker"
diff --git a/lib/basket_web/live/overview.ex b/lib/basket_web/live/overview.ex
index 387db43..02e9f37 100644
--- a/lib/basket_web/live/overview.ex
+++ b/lib/basket_web/live/overview.ex
@@ -170,21 +170,25 @@ defmodule BasketWeb.Overview do
 
   def render(assigns) do
     ~F"""
-    <.live_component module={SearchInput} id="stock-search-input" tickers={@tickers} />
-    <.table id="ticker-list" rows={@basket}>
-      <:col :let={ticker} key="S" label="ticker">{elem(ticker["S"], 0)}</:col>
-      <:col :let={ticker} key="o" label="open">{elem(ticker["o"], 0)}</:col>
-      <:col :let={ticker} key="h" label="high">{elem(ticker["h"], 0)}</:col>
-      <:col :let={ticker} key="l" label="low">{elem(ticker["l"], 0)}</:col>
-      <:col :let={ticker} key="c" label="close">{elem(ticker["c"], 0)}</:col>
-      <:col :let={ticker} key="v" label="volume">{elem(ticker["v"], 0)}</:col>
-      <:col :let={ticker} key="t" label="timestamp">{elem(ticker["t"], 0)}</:col>
-      <:col :let={ticker} label="remove">
-        <.button phx-click="ticker-remove" phx-value-ticker={elem(ticker["S"], 0)}>
-          Remove
-        </.button>
-      </:col>"
-    </.table>
+    <div class="flex-col p-8">
+      <div class="w-1/4" >
+        <.live_component module={SearchInput} id="stock-search-input" tickers={@tickers} />
+      </div>
+      <.table id="ticker-list" rows={@basket}>
+        <:col :let={ticker} key="S" label="ticker">{elem(ticker["S"], 0)}</:col>
+        <:col :let={ticker} key="o" label="open">{elem(ticker["o"], 0)}</:col>
+        <:col :let={ticker} key="h" label="high">{elem(ticker["h"], 0)}</:col>
+        <:col :let={ticker} key="l" label="low">{elem(ticker["l"], 0)}</:col>
+        <:col :let={ticker} key="c" label="close">{elem(ticker["c"], 0)}</:col>
+        <:col :let={ticker} key="v" label="volume">{elem(ticker["v"], 0)}</:col>
+        <:col :let={ticker} key="t" label="timestamp">{elem(ticker["t"], 0)}</:col>
+        <:col :let={ticker} label="remove">
+          <.button phx-click="ticker-remove" phx-value-ticker={elem(ticker["S"], 0)}>
+            Remove
+          </.button>
+        </:col>"
+      </.table>
+    </div>
     """
   end
 

From 593ab2a62850f3e82748431f65f1fa7d1bbc234d Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Fri, 10 Nov 2023 13:06:41 -0500
Subject: [PATCH 16/31] remove unused dep from lockfile

---
 mix.lock | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/mix.lock b/mix.lock
index e899c36..b8b6a51 100644
--- a/mix.lock
+++ b/mix.lock
@@ -15,7 +15,7 @@
   "ecto": {:hex, :ecto, "3.10.3", "eb2ae2eecd210b4eb8bece1217b297ad4ff824b4384c0e3fdd28aaf96edd6135", [:mix], [{:decimal, "~> 1.6 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "44bec74e2364d491d70f7e42cd0d690922659d329f6465e89feb8a34e8cd3433"},
   "ecto_sql": {:hex, :ecto_sql, "3.10.2", "6b98b46534b5c2f8b8b5f03f126e75e2a73c64f3c071149d32987a5378b0fdbd", [:mix], [{:db_connection, "~> 2.4.1 or ~> 2.5", [hex: :db_connection, repo: "hexpm", optional: false]}, {:ecto, "~> 3.10.0", [hex: :ecto, repo: "hexpm", optional: false]}, {:myxql, "~> 0.6.0", [hex: :myxql, repo: "hexpm", optional: true]}, {:postgrex, "~> 0.16.0 or ~> 0.17.0 or ~> 1.0", [hex: :postgrex, repo: "hexpm", optional: true]}, {:tds, "~> 2.1.1 or ~> 2.2", [hex: :tds, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4.0 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "68c018debca57cb9235e3889affdaec7a10616a4e3a80c99fa1d01fdafaa9007"},
   "erlex": {:hex, :erlex, "0.2.6", "c7987d15e899c7a2f34f5420d2a2ea0d659682c06ac607572df55a43753aa12e", [:mix], [], "hexpm", "2ed2e25711feb44d52b17d2780eabf998452f6efda104877a3881c2f8c0c0c75"},
-  "esbuild": {:hex, :esbuild, "0.7.1", "fa0947e8c3c3c2f86c9bf7e791a0a385007ccd42b86885e8e893bdb6631f5169", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}], "hexpm", "66661cdf70b1378ee4dc16573fcee67750b59761b2605a0207c267ab9d19f13c"},
+  "esbuild": {:hex, :esbuild, "0.8.1", "0cbf919f0eccb136d2eeef0df49c4acf55336de864e63594adcea3814f3edf41", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:jason, "~> 1.4", [hex: :jason, repo: "hexpm", optional: false]}], "hexpm", "25fc876a67c13cb0a776e7b5d7974851556baeda2085296c14ab48555ea7560f"},
   "eternal": {:hex, :eternal, "1.2.2", "d1641c86368de99375b98d183042dd6c2b234262b8d08dfd72b9eeaafc2a1abd", [:mix], [], "hexpm", "2c9fe32b9c3726703ba5e1d43a1d255a4f3f2d8f8f9bc19f094c7cb1a7a9e782"},
   "excoveralls": {:hex, :excoveralls, "0.18.0", "b92497e69465dc51bc37a6422226ee690ab437e4c06877e836f1c18daeb35da9", [:mix], [{:castore, "~> 1.0", [hex: :castore, repo: "hexpm", optional: true]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: false]}], "hexpm", "1109bb911f3cb583401760be49c02cbbd16aed66ea9509fc5479335d284da60b"},
   "expo": {:hex, :expo, "0.4.1", "1c61d18a5df197dfda38861673d392e642649a9cef7694d2f97a587b2cfb319b", [:mix], [], "hexpm", "2ff7ba7a798c8c543c12550fa0e2cbc81b95d4974c65855d8d15ba7b37a1ce47"},
@@ -30,7 +30,7 @@
   "idna": {:hex, :idna, "6.1.1", "8a63070e9f7d0c62eb9d9fcb360a7de382448200fbbd1b106cc96d3d8099df8d", [:rebar3], [{:unicode_util_compat, "~> 0.7.0", [hex: :unicode_util_compat, repo: "hexpm", optional: false]}], "hexpm", "92376eb7894412ed19ac475e4a86f7b413c1b9fbb5bd16dccd57934157944cea"},
   "jason": {:hex, :jason, "1.4.1", "af1504e35f629ddcdd6addb3513c3853991f694921b1b9368b0bd32beb9f1b63", [:mix], [{:decimal, "~> 1.0 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: true]}], "hexpm", "fbb01ecdfd565b56261302f7e1fcc27c4fb8f32d56eab74db621fc154604a7a1"},
   "jumper": {:hex, :jumper, "1.0.2", "68cdcd84472a00ac596b4e6459a41b3062d4427cbd4f1e8c8793c5b54f1406a7", [:mix], [], "hexpm", "9b7782409021e01ab3c08270e26f36eb62976a38c1aa64b2eaf6348422f165e1"},
-  "makeup": {:hex, :makeup, "1.1.0", "6b67c8bc2882a6b6a445859952a602afc1a41c2e08379ca057c0f525366fc3ca", [:mix], [{:nimble_parsec, "~> 1.2.2 or ~> 1.3", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "0a45ed501f4a8897f580eabf99a2e5234ea3e75a4373c8a52824f6e873be57a6"},
+  "makeup": {:hex, :makeup, "1.1.1", "fa0bc768698053b2b3869fa8a62616501ff9d11a562f3ce39580d60860c3a55e", [:mix], [{:nimble_parsec, "~> 1.2.2 or ~> 1.3", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "5dc62fbdd0de44de194898b6710692490be74baa02d9d108bc29f007783b0b48"},
   "makeup_elixir": {:hex, :makeup_elixir, "0.16.1", "cc9e3ca312f1cfeccc572b37a09980287e243648108384b97ff2b76e505c3555", [:mix], [{:makeup, "~> 1.0", [hex: :makeup, repo: "hexpm", optional: false]}, {:nimble_parsec, "~> 1.2.3 or ~> 1.3", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "e127a341ad1b209bd80f7bd1620a15693a9908ed780c3b763bccf7d200c767c6"},
   "metrics": {:hex, :metrics, "1.0.1", "25f094dea2cda98213cecc3aeff09e940299d950904393b2a29d191c346a8486", [:rebar3], [], "hexpm", "69b09adddc4f74a40716ae54d140f93beb0fb8978d8636eaded0c31b6f099f16"},
   "mime": {:hex, :mime, "2.0.5", "dc34c8efd439abe6ae0343edbb8556f4d63f178594894720607772a041b04b02", [:mix], [], "hexpm", "da0d64a365c45bc9935cc5c8a7fc5e49a0e0f9932a761c55d6c52b142780a05c"},
@@ -38,13 +38,13 @@
   "mint": {:hex, :mint, "1.5.1", "8db5239e56738552d85af398798c80648db0e90f343c8469f6c6d8898944fb6f", [:mix], [{:castore, "~> 0.1.0 or ~> 1.0", [hex: :castore, repo: "hexpm", optional: true]}, {:hpax, "~> 0.1.1", [hex: :hpax, repo: "hexpm", optional: false]}], "hexpm", "4a63e1e76a7c3956abd2c72f370a0d0aecddc3976dea5c27eccbecfa5e7d5b1e"},
   "mix_audit": {:hex, :mix_audit, "2.1.1", "653aa6d8f291fc4b017aa82bdb79a4017903902ebba57960ef199cbbc8c008a1", [:make, :mix], [{:jason, "~> 1.1", [hex: :jason, repo: "hexpm", optional: false]}, {:yaml_elixir, "~> 2.9", [hex: :yaml_elixir, repo: "hexpm", optional: false]}], "hexpm", "541990c3ab3a7bb8c4aaa2ce2732a4ae160ad6237e5dcd5ad1564f4f85354db1"},
   "nimble_options": {:hex, :nimble_options, "1.0.2", "92098a74df0072ff37d0c12ace58574d26880e522c22801437151a159392270e", [:mix], [], "hexpm", "fd12a8db2021036ce12a309f26f564ec367373265b53e25403f0ee697380f1b8"},
-  "nimble_parsec": {:hex, :nimble_parsec, "1.3.1", "2c54013ecf170e249e9291ed0a62e5832f70a476c61da16f6aac6dca0189f2af", [:mix], [], "hexpm", "2682e3c0b2eb58d90c6375fc0cc30bc7be06f365bf72608804fb9cffa5e1b167"},
+  "nimble_parsec": {:hex, :nimble_parsec, "1.4.0", "51f9b613ea62cfa97b25ccc2c1b4216e81df970acd8e16e8d1bdc58fef21370d", [:mix], [], "hexpm", "9c565862810fb383e9838c1dd2d7d2c437b3d13b267414ba6af33e50d2d1cf28"},
   "nimble_pool": {:hex, :nimble_pool, "1.0.0", "5eb82705d138f4dd4423f69ceb19ac667b3b492ae570c9f5c900bb3d2f50a847", [:mix], [], "hexpm", "80be3b882d2d351882256087078e1b1952a28bf98d0a287be87e4a24a710b67a"},
   "parse_trans": {:hex, :parse_trans, "3.4.1", "6e6aa8167cb44cc8f39441d05193be6e6f4e7c2946cb2759f015f8c56b76e5ff", [:rebar3], [], "hexpm", "620a406ce75dada827b82e453c19cf06776be266f5a67cff34e1ef2cbb60e49a"},
-  "phoenix": {:hex, :phoenix, "1.7.9", "9a2b873e2cb3955efdd18ad050f1818af097fa3f5fc3a6aaba666da36bdd3f02", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 2.1", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.6", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:plug_crypto, "~> 1.2 or ~> 2.0", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:websock_adapter, "~> 0.5.3", [hex: :websock_adapter, repo: "hexpm", optional: false]}], "hexpm", "83e32da028272b4bfd076c61a964e6d2b9d988378df2f1276a0ed21b13b5e997"},
-  "phoenix_ecto": {:hex, :phoenix_ecto, "4.4.2", "b21bd01fdeffcfe2fab49e4942aa938b6d3e89e93a480d4aee58085560a0bc0d", [:mix], [{:ecto, "~> 3.5", [hex: :ecto, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 2.14.2 or ~> 3.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}, {:plug, "~> 1.9", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm", "70242edd4601d50b69273b057ecf7b684644c19ee750989fd555625ae4ce8f5d"},
+  "phoenix": {:hex, :phoenix, "1.7.10", "02189140a61b2ce85bb633a9b6fd02dff705a5f1596869547aeb2b2b95edd729", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 2.1", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.6", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:plug_crypto, "~> 1.2 or ~> 2.0", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:websock_adapter, "~> 0.5.3", [hex: :websock_adapter, repo: "hexpm", optional: false]}], "hexpm", "cf784932e010fd736d656d7fead6a584a4498efefe5b8227e9f383bf15bb79d0"},
+  "phoenix_ecto": {:hex, :phoenix_ecto, "4.4.3", "86e9878f833829c3f66da03d75254c155d91d72a201eb56ae83482328dc7ca93", [:mix], [{:ecto, "~> 3.5", [hex: :ecto, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 2.14.2 or ~> 3.0 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}, {:plug, "~> 1.9", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm", "d36c401206f3011fefd63d04e8ef626ec8791975d9d107f9a0817d426f61ac07"},
   "phoenix_html": {:hex, :phoenix_html, "3.3.3", "380b8fb45912b5638d2f1d925a3771b4516b9a78587249cabe394e0a5d579dc9", [:mix], [{:plug, "~> 1.5", [hex: :plug, repo: "hexpm", optional: true]}], "hexpm", "923ebe6fec6e2e3b3e569dfbdc6560de932cd54b000ada0208b5f45024bdd76c"},
-  "phoenix_live_dashboard": {:hex, :phoenix_live_dashboard, "0.8.2", "b9e33c950d1ed98494bfbde1c34c6e51c8a4214f3bea3f07ca9a510643ee1387", [:mix], [{:ecto, "~> 3.6.2 or ~> 3.7", [hex: :ecto, repo: "hexpm", optional: true]}, {:ecto_mysql_extras, "~> 0.5", [hex: :ecto_mysql_extras, repo: "hexpm", optional: true]}, {:ecto_psql_extras, "~> 0.7", [hex: :ecto_psql_extras, repo: "hexpm", optional: true]}, {:ecto_sqlite3_extras, "~> 1.1.7 or ~> 1.2.0", [hex: :ecto_sqlite3_extras, repo: "hexpm", optional: true]}, {:mime, "~> 1.6 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.19 or ~> 1.0", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}, {:telemetry_metrics, "~> 0.6 or ~> 1.0", [hex: :telemetry_metrics, repo: "hexpm", optional: false]}], "hexpm", "67a598441b5f583d301a77e0298719f9654887d3d8bf14e80ff0b6acf887ef90"},
+  "phoenix_live_dashboard": {:hex, :phoenix_live_dashboard, "0.8.3", "7ff51c9b6609470f681fbea20578dede0e548302b0c8bdf338b5a753a4f045bf", [:mix], [{:ecto, "~> 3.6.2 or ~> 3.7", [hex: :ecto, repo: "hexpm", optional: true]}, {:ecto_mysql_extras, "~> 0.5", [hex: :ecto_mysql_extras, repo: "hexpm", optional: true]}, {:ecto_psql_extras, "~> 0.7", [hex: :ecto_psql_extras, repo: "hexpm", optional: true]}, {:ecto_sqlite3_extras, "~> 1.1.7 or ~> 1.2.0", [hex: :ecto_sqlite3_extras, repo: "hexpm", optional: true]}, {:mime, "~> 1.6 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.19 or ~> 1.0", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}, {:telemetry_metrics, "~> 0.6 or ~> 1.0", [hex: :telemetry_metrics, repo: "hexpm", optional: false]}], "hexpm", "f9470a0a8bae4f56430a23d42f977b5a6205fdba6559d76f932b876bfaec652d"},
   "phoenix_live_reload": {:hex, :phoenix_live_reload, "1.4.1", "2aff698f5e47369decde4357ba91fc9c37c6487a512b41732818f2204a8ef1d3", [:mix], [{:file_system, "~> 0.2.1 or ~> 0.3", [hex: :file_system, repo: "hexpm", optional: false]}, {:phoenix, "~> 1.4", [hex: :phoenix, repo: "hexpm", optional: false]}], "hexpm", "9bffb834e7ddf08467fe54ae58b5785507aaba6255568ae22b4d46e2bb3615ab"},
   "phoenix_live_view": {:hex, :phoenix_live_view, "0.19.5", "6e730595e8e9b8c5da230a814e557768828fd8dfeeb90377d2d8dbb52d4ec00a", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.6.15 or ~> 1.7.0", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 3.3", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "b2eaa0dd3cfb9bd7fb949b88217df9f25aed915e986a28ad5c8a0d054e7ca9d3"},
   "phoenix_pubsub": {:hex, :phoenix_pubsub, "2.1.3", "3168d78ba41835aecad272d5e8cd51aa87a7ac9eb836eabc42f6e57538e3731d", [:mix], [], "hexpm", "bba06bc1dcfd8cb086759f0edc94a8ba2bc8896d5331a1e2c2902bf8e36ee502"},
@@ -52,7 +52,6 @@
   "plug": {:hex, :plug, "1.15.1", "b7efd81c1a1286f13efb3f769de343236bd8b7d23b4a9f40d3002fc39ad8f74c", [:mix], [{:mime, "~> 1.0 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:plug_crypto, "~> 1.1.1 or ~> 1.2 or ~> 2.0", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.3 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "459497bd94d041d98d948054ec6c0b76feacd28eec38b219ca04c0de13c79d30"},
   "plug_cowboy": {:hex, :plug_cowboy, "2.6.1", "9a3bbfceeb65eff5f39dab529e5cd79137ac36e913c02067dba3963a26efe9b2", [:mix], [{:cowboy, "~> 2.7", [hex: :cowboy, repo: "hexpm", optional: false]}, {:cowboy_telemetry, "~> 0.3", [hex: :cowboy_telemetry, repo: "hexpm", optional: false]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm", "de36e1a21f451a18b790f37765db198075c25875c64834bcc82d90b309eb6613"},
   "plug_crypto": {:hex, :plug_crypto, "2.0.0", "77515cc10af06645abbfb5e6ad7a3e9714f805ae118fa1a70205f80d2d70fe73", [:mix], [], "hexpm", "53695bae57cc4e54566d993eb01074e4d894b65a3766f1c43e2c61a1b0f45ea9"},
-  "poison": {:hex, :poison, "5.0.0", "d2b54589ab4157bbb82ec2050757779bfed724463a544b6e20d79855a9e43b24", [:mix], [{:decimal, "~> 2.0", [hex: :decimal, repo: "hexpm", optional: true]}], "hexpm", "11dc6117c501b80c62a7594f941d043982a1bd05a1184280c0d9166eb4d8d3fc"},
   "postgrex": {:hex, :postgrex, "0.17.3", "c92cda8de2033a7585dae8c61b1d420a1a1322421df84da9a82a6764580c503d", [:mix], [{:db_connection, "~> 2.1", [hex: :db_connection, repo: "hexpm", optional: false]}, {:decimal, "~> 1.5 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:table, "~> 0.1.0", [hex: :table, repo: "hexpm", optional: true]}], "hexpm", "946cf46935a4fdca7a81448be76ba3503cff082df42c6ec1ff16a4bdfbfb098d"},
   "pow": {:hex, :pow, "1.0.34", "51999e624475a4c75d9e5d04fcf7e38b3c5a1f8d09f37c1311d7bef43962aafa", [:mix], [{:ecto, "~> 2.2 or ~> 3.0", [hex: :ecto, repo: "hexpm", optional: false]}, {:phoenix, ">= 1.3.0 and < 1.8.0", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, ">= 2.0.0 and < 4.0.0", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:phoenix_live_view, ">= 0.18.0", [hex: :phoenix_live_view, repo: "hexpm", optional: true]}, {:plug, ">= 1.5.0 and < 2.0.0", [hex: :plug, repo: "hexpm", optional: true]}], "hexpm", "63a5e3b5197a39ac0320224526fb555b2b009852d878d29efc4362537393080b"},
   "ranch": {:hex, :ranch, "1.8.0", "8c7a100a139fd57f17327b6413e4167ac559fbc04ca7448e9be9057311597a1d", [:make, :rebar3], [], "hexpm", "49fbcfd3682fab1f5d109351b61257676da1a2fdbe295904176d5e521a2ddfe5"},
@@ -60,17 +59,17 @@
   "sobelow": {:hex, :sobelow, "0.13.0", "218afe9075904793f5c64b8837cc356e493d88fddde126a463839351870b8d1e", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: false]}], "hexpm", "cd6e9026b85fc35d7529da14f95e85a078d9dd1907a9097b3ba6ac7ebbe34a0d"},
   "sourceror": {:hex, :sourceror, "0.12.3", "a2ad3a1a4554b486d8a113ae7adad5646f938cad99bf8bfcef26dc0c88e8fade", [:mix], [], "hexpm", "4d4e78010ca046524e8194ffc4683422f34a96f6b82901abbb45acc79ace0316"},
   "ssl_verify_fun": {:hex, :ssl_verify_fun, "1.1.7", "354c321cf377240c7b8716899e182ce4890c5938111a1296add3ec74cf1715df", [:make, :mix, :rebar3], [], "hexpm", "fe4c190e8f37401d30167c8c405eda19469f34577987c76dde613e838bbc67f8"},
-  "surface": {:hex, :surface, "0.11.0", "95fd9a61318cd19659d69f6a5be59ae149ebe2b22569783bc0b35e4c6da4e3bd", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.19.0", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}, {:sourceror, "~> 0.11", [hex: :sourceror, repo: "hexpm", optional: false]}], "hexpm", "e7530cbfdbf48263e595224cad7ac62190d1086afbc2a0794c75bf659e36fa8d"},
+  "surface": {:hex, :surface, "0.11.1", "67fed94c1ca8e0ed2e0871beddb8be7cbb0aa9792ede5f2812ed61da438ea275", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.19.0", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}, {:sourceror, "~> 0.12.0", [hex: :sourceror, repo: "hexpm", optional: false]}], "hexpm", "5e7068f51117b7f1aa1c098a6b724b5575e663af4b8f563c5ccd9ddace639222"},
   "surface_catalogue": {:hex, :surface_catalogue, "0.6.1", "25f9232cd8d623b040a84620390a28433d34af23747d18525c820f2d0e52a25e", [:mix], [{:earmark, "~> 1.4.21", [hex: :earmark, repo: "hexpm", optional: false]}, {:esbuild, "~> 0.2", [hex: :esbuild, repo: "hexpm", optional: false]}, {:html_entities, "~> 0.4", [hex: :html_entities, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: false]}, {:makeup_elixir, "~> 0.16.0", [hex: :makeup_elixir, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.0", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:surface, "~> 0.10", [hex: :surface, repo: "hexpm", optional: false]}], "hexpm", "79d25e094add1ce14a7c0480e77a8105da127a7f5f1b2f711233013497bab9bc"},
   "swoosh": {:hex, :swoosh, "1.14.0", "710e363e114dedb4080b737e0307f5410887ffc9a239f818231e5618b6b84e1b", [:mix], [{:cowboy, "~> 1.1 or ~> 2.4", [hex: :cowboy, repo: "hexpm", optional: true]}, {:ex_aws, "~> 2.1", [hex: :ex_aws, repo: "hexpm", optional: true]}, {:finch, "~> 0.6", [hex: :finch, repo: "hexpm", optional: true]}, {:gen_smtp, "~> 0.13 or ~> 1.0", [hex: :gen_smtp, repo: "hexpm", optional: true]}, {:hackney, "~> 1.9", [hex: :hackney, repo: "hexpm", optional: true]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: false]}, {:mail, "~> 0.2", [hex: :mail, repo: "hexpm", optional: true]}, {:mime, "~> 1.1 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:plug, "~> 1.9", [hex: :plug, repo: "hexpm", optional: true]}, {:plug_cowboy, ">= 1.0.0", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "dccfc986ac99c18345ab3e1a8b934b2d817fd6d59a2494f0af78502184c71025"},
-  "tailwind": {:hex, :tailwind, "0.2.1", "83d8eadbe71a8e8f67861fe7f8d51658ecfb258387123afe4d9dc194eddc36b0", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}], "hexpm", "e8a13f6107c95f73e58ed1b4221744e1eb5a093cd1da244432067e19c8c9a277"},
+  "tailwind": {:hex, :tailwind, "0.2.2", "9e27288b568ede1d88517e8c61259bc214a12d7eed271e102db4c93fcca9b2cd", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}], "hexpm", "ccfb5025179ea307f7f899d1bb3905cd0ac9f687ed77feebc8f67bdca78565c4"},
   "telemetry": {:hex, :telemetry, "1.2.1", "68fdfe8d8f05a8428483a97d7aab2f268aaff24b49e0f599faa091f1d4e7f61c", [:rebar3], [], "hexpm", "dad9ce9d8effc621708f99eac538ef1cbe05d6a874dd741de2e689c47feafed5"},
   "telemetry_metrics": {:hex, :telemetry_metrics, "0.6.1", "315d9163a1d4660aedc3fee73f33f1d355dcc76c5c3ab3d59e76e3edf80eef1f", [:mix], [{:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "7be9e0871c41732c233be71e4be11b96e56177bf15dde64a8ac9ce72ac9834c6"},
   "telemetry_poller": {:hex, :telemetry_poller, "1.0.0", "db91bb424e07f2bb6e73926fcafbfcbcb295f0193e0a00e825e589a0a47e8453", [:rebar3], [{:telemetry, "~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "b3a24eafd66c3f42da30fc3ca7dda1e9d546c12250a2d60d7b81d264fbec4f6e"},
   "unicode_util_compat": {:hex, :unicode_util_compat, "0.7.0", "bc84380c9ab48177092f43ac89e4dfa2c6d62b40b8bd132b1059ecc7232f9a78", [:rebar3], [], "hexpm", "25eee6d67df61960cf6a794239566599b09e17e668d3700247bc498638152521"},
   "unsafe": {:hex, :unsafe, "1.0.2", "23c6be12f6c1605364801f4b47007c0c159497d0446ad378b5cf05f1855c0581", [:mix], [], "hexpm", "b485231683c3ab01a9cd44cb4a79f152c6f3bb87358439c6f68791b85c2df675"},
   "websock": {:hex, :websock, "0.5.3", "2f69a6ebe810328555b6fe5c831a851f485e303a7c8ce6c5f675abeb20ebdadc", [:mix], [], "hexpm", "6105453d7fac22c712ad66fab1d45abdf049868f253cf719b625151460b8b453"},
-  "websock_adapter": {:hex, :websock_adapter, "0.5.4", "7af8408e7ed9d56578539594d1ee7d8461e2dd5c3f57b0f2a5352d610ddde757", [:mix], [{:bandit, ">= 0.6.0", [hex: :bandit, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.6", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:websock, "~> 0.5", [hex: :websock, repo: "hexpm", optional: false]}], "hexpm", "d2c238c79c52cbe223fcdae22ca0bb5007a735b9e933870e241fce66afb4f4ab"},
+  "websock_adapter": {:hex, :websock_adapter, "0.5.5", "9dfeee8269b27e958a65b3e235b7e447769f66b5b5925385f5a569269164a210", [:mix], [{:bandit, ">= 0.6.0", [hex: :bandit, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.6", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:websock, "~> 0.5", [hex: :websock, repo: "hexpm", optional: false]}], "hexpm", "4b977ba4a01918acbf77045ff88de7f6972c2a009213c515a445c48f224ffce9"},
   "websockex": {:hex, :websockex, "0.4.3", "92b7905769c79c6480c02daacaca2ddd49de936d912976a4d3c923723b647bf0", [:mix], [], "hexpm", "95f2e7072b85a3a4cc385602d42115b73ce0b74a9121d0d6dbbf557645ac53e4"},
   "yamerl": {:hex, :yamerl, "0.10.0", "4ff81fee2f1f6a46f1700c0d880b24d193ddb74bd14ef42cb0bcf46e81ef2f8e", [:rebar3], [], "hexpm", "346adb2963f1051dc837a2364e4acf6eb7d80097c0f53cbdc3046ec8ec4b4e6e"},
   "yaml_elixir": {:hex, :yaml_elixir, "2.9.0", "9a256da867b37b8d2c1ffd5d9de373a4fda77a32a45b452f1708508ba7bbcb53", [:mix], [{:yamerl, "~> 0.10", [hex: :yamerl, repo: "hexpm", optional: false]}], "hexpm", "0cb0e7d4c56f5e99a6253ed1a670ed0e39c13fc45a6da054033928607ac08dfc"},

From c23115deebe92cd9c7c733b3f6b7ffc480995d5f Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Fri, 10 Nov 2023 19:42:53 -0500
Subject: [PATCH 17/31] navbar

---
 assets/js/app.js                              |  3 +
 assets/js/darkMode.js                         | 17 ++++++
 assets/tailwind.config.js                     | 18 +++++-
 config/config.exs                             |  2 +-
 lib/basket_web/components/card.ex             |  2 +-
 lib/basket_web/components/core_components.ex  |  4 +-
 lib/basket_web/components/dark_mode_toggle.ex | 28 +++++++++
 .../components/layouts/app.html.heex          |  2 +-
 lib/basket_web/components/nav_row.ex          | 17 ++++++
 .../controllers/page_html/home.html.heex      |  2 +-
 .../invitation_html/edit.html.heex            |  2 +-
 .../reset_password_html/edit.html.heex        |  2 +-
 .../reset_password_html/new.html.heex         |  2 +-
 lib/basket_web/live/overview.ex               | 58 +------------------
 mix.exs                                       |  2 +-
 15 files changed, 93 insertions(+), 68 deletions(-)
 create mode 100644 assets/js/darkMode.js
 create mode 100644 lib/basket_web/components/dark_mode_toggle.ex
 create mode 100644 lib/basket_web/components/nav_row.ex

diff --git a/assets/js/app.js b/assets/js/app.js
index 317fc21..1f5bfa3 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -31,6 +31,8 @@ topbar.config({barColors: {0: "#29d"}, shadowColor: "rgba(0, 0, 0, .3)"})
 window.addEventListener("phx:page-loading-start", _info => topbar.show(300))
 window.addEventListener("phx:page-loading-stop", _info => topbar.hide())
 
+window.addEventListener("toggle-darkmode", e => toggleDarkMode)
+
 // connect if there are any LiveViews on the page
 liveSocket.connect()
 
@@ -40,3 +42,4 @@ liveSocket.connect()
 // >> liveSocket.disableLatencySim()
 window.liveSocket = liveSocket
 
+window.addEventListener("toggle-darkmode", e => toggleDarkMode)
diff --git a/assets/js/darkMode.js b/assets/js/darkMode.js
new file mode 100644
index 0000000..60ee630
--- /dev/null
+++ b/assets/js/darkMode.js
@@ -0,0 +1,17 @@
+
+function darkExpected() {
+  return localStorage.theme === 'dark' || (!('theme' in localStorage) &&
+    window.matchMedia('(prefers-color-scheme: dark)').matches);
+}
+
+function setMode() {
+  // On page load or when changing themes, best to add inline in `head` to avoid FOUC
+  if (darkExpected()) document.documentElement.classList.add('dark');
+  else document.documentElement.classList.remove('dark');
+}
+
+export function toggleDarkMode() {
+  if (darkExpected()) localStorage.theme = 'light';
+  else localStorage.theme = 'dark';
+  setMode();
+}
diff --git a/assets/tailwind.config.js b/assets/tailwind.config.js
index ca5a0b3..def007e 100644
--- a/assets/tailwind.config.js
+++ b/assets/tailwind.config.js
@@ -1,6 +1,7 @@
 // See the Tailwind configuration guide for advanced usage
 // https://tailwindcss.com/docs/configuration
 
+const colors = require('tailwindcss/colors')
 const plugin = require("tailwindcss/plugin")
 const fs = require("fs")
 const path = require("path")
@@ -11,11 +12,24 @@ module.exports = {
     "../lib/basket_web.ex",
     "../lib/basket_web/**/*.*ex"
   ],
+  darkMode: "class",
   theme: {
     extend: {
       colors: {
-        brand: "#FD4F00",
-      }
+        primary: {
+          light: colors.emerald-800,
+          dark: colors.emerald-800
+        },
+          secondary: '#7a869a',
+        accent: '#ff5630',
+        background: {
+          light: colors.white,
+          dark: colors.emerald-800
+        },
+        surface: '#2c313a',
+        onSurface: '#ffffff',
+        error: '#de350b',
+      },
     },
   },
   plugins: [
diff --git a/config/config.exs b/config/config.exs
index f5f7926..2794dbb 100644
--- a/config/config.exs
+++ b/config/config.exs
@@ -49,7 +49,7 @@ config :esbuild,
 
 # Configure tailwind (the version is required)
 config :tailwind,
-  version: "3.3.2",
+  version: "3.3.5",
   default: [
     args: ~w(
       --config=tailwind.config.js
diff --git a/lib/basket_web/components/card.ex b/lib/basket_web/components/card.ex
index 17b226e..28d8493 100644
--- a/lib/basket_web/components/card.ex
+++ b/lib/basket_web/components/card.ex
@@ -33,7 +33,7 @@ defmodule BasketWeb.Components.Card do
       @apply px-6 py-4 text-gray-700 text-base;
       }
       .header {
-      @apply p-6 font-semibold text-2xl text-brand w-full bg-gray-200;
+      @apply p-6 font-semibold text-2xl text-primary-light dark:text-primary-dark w-full bg-gray-200;
       }
       .footer {
       @apply px-6 py-4;
diff --git a/lib/basket_web/components/core_components.ex b/lib/basket_web/components/core_components.ex
index e4fd822..4c2d3b2 100644
--- a/lib/basket_web/components/core_components.ex
+++ b/lib/basket_web/components/core_components.ex
@@ -114,7 +114,7 @@ defmodule BasketWeb.CoreComponents do
     <div
       :if={msg = render_slot(@inner_block) || Phoenix.Flash.get(@flash, @kind)}
       id={@id}
-      phx-click={JS.push("lv:clear-flash", value: %{key: @kind}) |> hide("##{@id}")}
+      phx-click={JS.push("lv:clear-flash", value: %{key: @kind}) |> hide("#{@id}")}
       role="alert"
       class={[
         "fixed top-2 right-2 mr-2 w-80 sm:w-96 z-50 rounded-lg p-3 ring-1",
@@ -148,7 +148,7 @@ defmodule BasketWeb.CoreComponents do
 
   def flash_group(assigns) do
     ~H"""
-    <div id={@id}>
+    <div id={@id} class="flex ">
       <.flash kind={:info} title="Success!" flash={@flash} />
       <.flash kind={:error} title="Error!" flash={@flash} />
       <.flash
diff --git a/lib/basket_web/components/dark_mode_toggle.ex b/lib/basket_web/components/dark_mode_toggle.ex
new file mode 100644
index 0000000..be58ff0
--- /dev/null
+++ b/lib/basket_web/components/dark_mode_toggle.ex
@@ -0,0 +1,28 @@
+defmodule BasketWeb.Components.DarkModeToggle do
+  @moduledoc """
+  A sample component generated by `mix surface.init`.
+  """
+  use Surface.Component
+
+  import BasketWeb.CoreComponents
+
+  @doc """
+  The max width.
+
+  sm: `max-w-sm`, md: `max-w-md`, lg: `max-w-lg`
+  """
+  prop max_width, :string, values: ["sm", "md", "lg"]
+
+  def render(assigns) do
+    ~F"""
+    <div class="justify-center">
+      <input type="checkbox" name="light-switch" class="light-switch sr-only" />
+      <label class="relative cursor-pointer p-2" for="light-switch">
+        <.icon name="hero-sun-solid" class="dark:hidden w-8 h-8" />
+        <.icon name="hero-moon-solid" class="hidden dark:block w-8 h-8" />
+        <span class="sr-only">Switch between light and dark mode</span>
+      </label>
+    </div>
+    """
+  end
+end
diff --git a/lib/basket_web/components/layouts/app.html.heex b/lib/basket_web/components/layouts/app.html.heex
index e23bfc8..4d9c2e5 100644
--- a/lib/basket_web/components/layouts/app.html.heex
+++ b/lib/basket_web/components/layouts/app.html.heex
@@ -4,7 +4,7 @@
       <a href="/">
         <img src={~p"/images/logo.svg"} width="36" />
       </a>
-      <p class="bg-brand/5 text-brand rounded-full px-2 font-medium leading-6">
+      <p class="bg-brand/5 text-primary rounded-full px-2 font-medium leading-6">
         v<%= Application.spec(:phoenix, :vsn) %>
       </p>
     </div>
diff --git a/lib/basket_web/components/nav_row.ex b/lib/basket_web/components/nav_row.ex
new file mode 100644
index 0000000..62ce5be
--- /dev/null
+++ b/lib/basket_web/components/nav_row.ex
@@ -0,0 +1,17 @@
+defmodule BasketWeb.Components.NavRow do
+  @moduledoc """
+  The header for the home page.
+  """
+  alias BasketWeb.Components.DarkModeToggle
+
+  use Surface.Component
+
+  def render(assigns) do
+    ~F"""
+      <div class="flex flex-row gap-4 items-center justify-end">
+        <DarkModeToggle />
+        <.link href="/session" method="delete">Sign out</.link>
+      </div>
+    """
+  end
+end
diff --git a/lib/basket_web/controllers/page_html/home.html.heex b/lib/basket_web/controllers/page_html/home.html.heex
index e9fc48d..ad1250e 100644
--- a/lib/basket_web/controllers/page_html/home.html.heex
+++ b/lib/basket_web/controllers/page_html/home.html.heex
@@ -46,7 +46,7 @@
         fill="#FD4F00"
       />
     </svg>
-    <h1 class="text-brand mt-10 flex items-center text-sm font-semibold leading-6">
+    <h1 class="text-primary mt-10 flex items-center text-sm font-semibold leading-6">
       Phoenix Framework
       <small class="bg-brand/5 text-[0.8125rem] ml-3 rounded-full px-2 font-medium leading-6">
         v<%= Application.spec(:phoenix, :vsn) %>
diff --git a/lib/basket_web/controllers/pow_invitation/invitation_html/edit.html.heex b/lib/basket_web/controllers/pow_invitation/invitation_html/edit.html.heex
index d296a9c..0e1c24b 100644
--- a/lib/basket_web/controllers/pow_invitation/invitation_html/edit.html.heex
+++ b/lib/basket_web/controllers/pow_invitation/invitation_html/edit.html.heex
@@ -5,7 +5,7 @@
       Already have an account?
       <.link
         navigate={Pow.Phoenix.Routes.path_for(@conn, Pow.Phoenix.SessionController, :new)}
-        class="font-semibold text-brand hover:underline"
+        class="font-semibold text-primary hover:underline"
       >
         Sign in
       </.link>
diff --git a/lib/basket_web/controllers/pow_reset_password/reset_password_html/edit.html.heex b/lib/basket_web/controllers/pow_reset_password/reset_password_html/edit.html.heex
index 657d458..3f5533c 100644
--- a/lib/basket_web/controllers/pow_reset_password/reset_password_html/edit.html.heex
+++ b/lib/basket_web/controllers/pow_reset_password/reset_password_html/edit.html.heex
@@ -5,7 +5,7 @@
       Know your password?
       <.link
         navigate={Pow.Phoenix.Routes.path_for(@conn, Pow.Phoenix.SessionController, :new)}
-        class="font-semibold text-brand hover:underline"
+        class="font-semibold text-primary hover:underline"
       >
         Sign in
       </.link>
diff --git a/lib/basket_web/controllers/pow_reset_password/reset_password_html/new.html.heex b/lib/basket_web/controllers/pow_reset_password/reset_password_html/new.html.heex
index 460d71e..9e90c64 100644
--- a/lib/basket_web/controllers/pow_reset_password/reset_password_html/new.html.heex
+++ b/lib/basket_web/controllers/pow_reset_password/reset_password_html/new.html.heex
@@ -5,7 +5,7 @@
       Know your password?
       <.link
         navigate={Pow.Phoenix.Routes.path_for(@conn, Pow.Phoenix.SessionController, :new)}
-        class="font-semibold text-brand hover:underline"
+        class="font-semibold text-primary hover:underline"
       >
         Sign in
       </.link>
diff --git a/lib/basket_web/live/overview.ex b/lib/basket_web/live/overview.ex
index 02e9f37..8cdee68 100644
--- a/lib/basket_web/live/overview.ex
+++ b/lib/basket_web/live/overview.ex
@@ -5,6 +5,7 @@ defmodule BasketWeb.Overview do
 
   require Logger
 
+  alias BasketWeb.Components.NavRow
   alias Basket.Alpaca.Websocket.{Client, Message}
   alias BasketWeb.Components.SearchInput
 
@@ -13,7 +14,6 @@ defmodule BasketWeb.Overview do
   def mount(_, _, socket) do
     BasketWeb.Endpoint.subscribe(Message.bars_topic())
 
-    IO.inspect("SOCKASH: #{inspect(socket)}")
     socket = assign(socket, tickers: [])
     socket = assign(socket, basket: [])
 
@@ -23,8 +23,6 @@ defmodule BasketWeb.Overview do
   end
 
   def handle_event("ticker-search", %{"selected-ticker" => _query}, socket) do
-    IO.inspect(socket, limit: :infinity)
-
     if length(socket.assigns.tickers) > 0 do
       {:noreply, socket}
     else
@@ -84,55 +82,10 @@ defmodule BasketWeb.Overview do
      )}
   end
 
-  # def handle_event("ticker-update", message, socket) do
-  #   IO.inspect("GOT IT CLIENT: #{inspect(message)}")
-  #   {:noreply, socket}
-  # end
-
-  # Test Message : "MESSAGEEEE: [{\"T\":\"b\",\"S\":\"AAPL\",\"o\":182.675,\"h\":182.73,\"l\":182.665,\"c\":182.73,\"v\":2802,\"t\":\"2023-11-08T20:25:00Z\",\"n\":36,\"vw\":182.694461}]"
-  bars = %{
-    "T" => "b",
-    "S" => "AAPL",
-    "o" => 82.675,
-    "h" => 182.73,
-    "l" => 182.665,
-    "c" => 182.73,
-    "v" => 2802,
-    "t" => "2023-11-08T20:25:00Z",
-    "n" => 36,
-    "vw" => 182.694461
-  }
-
-  socket = %{
-    assigns: %{
-      __changed__: %{
-        __context__: true
-      },
-      __context__: %{},
-      flash: %{},
-      live_action: nil,
-      basket: [
-        %{
-          "S" => {"AAPL", ""},
-          "c" => {182.89, ""},
-          "h" => {182.99, ""},
-          "l" => {182.89, ""},
-          "n" => {412, ""},
-          "o" => {182.935, ""},
-          "t" => {"2023-11-08T20:59:00Z", ""},
-          "v" => {43514, ""},
-          "vw" => {182.956702, ""}
-        }
-      ]
-    }
-  }
-
-  # BasketWeb.Overview.handle_info(%Phoenix.Socket.Broadcast{topic: "bars", event: "ticker-update", payload: bars}, socket)
   def handle_info(
         %Phoenix.Socket.Broadcast{topic: "bars", event: "ticker-update", payload: bars},
         socket
       ) do
-    IO.inspect("HANDLE_INFO: #{inspect(bars)}")
     # Get the old ticker data
     old_ticker = Enum.find(socket.assigns.basket, fn t -> elem(t["S"], 0) == bars["S"] end)
 
@@ -141,16 +94,10 @@ defmodule BasketWeb.Overview do
         if k in ["S", "T", "t", "n"] do
           {k, {v, ""}}
         else
-          IO.inspect("K IS: #{k}")
-          IO.inspect("DIFFDIR: #{diff_direction(old_ticker[k], bars[k])}")
           {k, {v, diff_direction(old_ticker[k], bars[k])}}
         end
       end
 
-    IO.inspect(
-      "HANDLE_INFO: #{inspect(socket.assigns.basket ++ [Map.merge(bars_with_changes, %{"S" => bars["S"]})])}"
-    )
-
     new_basket =
       Enum.map(socket.assigns.basket, fn row ->
         if elem(row["S"], 0) == bars["S"],
@@ -158,8 +105,6 @@ defmodule BasketWeb.Overview do
           else: row
       end)
 
-    IO.inspect("NB: #{inspect(new_basket)}")
-
     {:noreply,
      assign(
        socket,
@@ -171,6 +116,7 @@ defmodule BasketWeb.Overview do
   def render(assigns) do
     ~F"""
     <div class="flex-col p-8">
+      <NavRow />
       <div class="w-1/4" >
         <.live_component module={SearchInput} id="stock-search-input" tickers={@tickers} />
       </div>
diff --git a/mix.exs b/mix.exs
index 8e91e0d..3f973b5 100644
--- a/mix.exs
+++ b/mix.exs
@@ -56,7 +56,7 @@ defmodule Basket.MixProject do
       {:floki, ">= 0.30.0", only: :test},
       {:phoenix_live_dashboard, "~> 0.8.2"},
       {:esbuild, "~> 0.7", runtime: Mix.env() == :dev},
-      {:tailwind, "~> 0.2.0", runtime: Mix.env() == :dev},
+      {:tailwind, "~> 0.2.1", runtime: Mix.env() == :dev},
       {:swoosh, "~> 1.3"},
       {:finch, "~> 0.13"},
       {:telemetry_metrics, "~> 0.6"},

From 57e16ca8a5afc7f2db95a08f8becde984a66b2d1 Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Fri, 10 Nov 2023 19:43:18 -0500
Subject: [PATCH 18/31] formatting

---
 lib/basket_web/components/core_components.ex  | 4 +++-
 lib/basket_web/components/dark_mode_toggle.ex | 2 +-
 lib/basket_web/components/nav_row.ex          | 8 ++++----
 lib/basket_web/live/overview.ex               | 2 +-
 4 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/lib/basket_web/components/core_components.ex b/lib/basket_web/components/core_components.ex
index 4c2d3b2..3290314 100644
--- a/lib/basket_web/components/core_components.ex
+++ b/lib/basket_web/components/core_components.ex
@@ -479,7 +479,9 @@ defmodule BasketWeb.CoreComponents do
       <table class="w-[40rem] mt-11 sm:w-full">
         <thead class="text-sm text-left leading-6 text-zinc-500">
           <tr>
-            <th :for={col <- @col} class="p-0 pb-4 pr-6 text-center font-normal"><%= col[:label] %></th>
+            <th :for={col <- @col} class="p-0 pb-4 pr-6 text-center font-normal">
+              <%= col[:label] %>
+            </th>
             <th :if={@action != []} class="relative p-0 pb-4">
               <span class="sr-only"><%= gettext("Actions") %></span>
             </th>
diff --git a/lib/basket_web/components/dark_mode_toggle.ex b/lib/basket_web/components/dark_mode_toggle.ex
index be58ff0..66de552 100644
--- a/lib/basket_web/components/dark_mode_toggle.ex
+++ b/lib/basket_web/components/dark_mode_toggle.ex
@@ -16,7 +16,7 @@ defmodule BasketWeb.Components.DarkModeToggle do
   def render(assigns) do
     ~F"""
     <div class="justify-center">
-      <input type="checkbox" name="light-switch" class="light-switch sr-only" />
+      <input type="checkbox" name="light-switch" class="light-switch sr-only">
       <label class="relative cursor-pointer p-2" for="light-switch">
         <.icon name="hero-sun-solid" class="dark:hidden w-8 h-8" />
         <.icon name="hero-moon-solid" class="hidden dark:block w-8 h-8" />
diff --git a/lib/basket_web/components/nav_row.ex b/lib/basket_web/components/nav_row.ex
index 62ce5be..eee8470 100644
--- a/lib/basket_web/components/nav_row.ex
+++ b/lib/basket_web/components/nav_row.ex
@@ -8,10 +8,10 @@ defmodule BasketWeb.Components.NavRow do
 
   def render(assigns) do
     ~F"""
-      <div class="flex flex-row gap-4 items-center justify-end">
-        <DarkModeToggle />
-        <.link href="/session" method="delete">Sign out</.link>
-      </div>
+    <div class="flex flex-row gap-4 items-center justify-end">
+      <DarkModeToggle />
+      <.link href="/session" method="delete">Sign out</.link>
+    </div>
     """
   end
 end
diff --git a/lib/basket_web/live/overview.ex b/lib/basket_web/live/overview.ex
index 8cdee68..30a3db4 100644
--- a/lib/basket_web/live/overview.ex
+++ b/lib/basket_web/live/overview.ex
@@ -117,7 +117,7 @@ defmodule BasketWeb.Overview do
     ~F"""
     <div class="flex-col p-8">
       <NavRow />
-      <div class="w-1/4" >
+      <div class="w-1/4">
         <.live_component module={SearchInput} id="stock-search-input" tickers={@tickers} />
       </div>
       <.table id="ticker-list" rows={@basket}>

From 072ba5664ca1b1c29ddea70bb3e37697fc44c26d Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Fri, 10 Nov 2023 19:48:52 -0500
Subject: [PATCH 19/31] remove unused dark mode component param

---
 lib/basket_web/components/dark_mode_toggle.ex | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/lib/basket_web/components/dark_mode_toggle.ex b/lib/basket_web/components/dark_mode_toggle.ex
index 66de552..3b9db98 100644
--- a/lib/basket_web/components/dark_mode_toggle.ex
+++ b/lib/basket_web/components/dark_mode_toggle.ex
@@ -6,13 +6,6 @@ defmodule BasketWeb.Components.DarkModeToggle do
 
   import BasketWeb.CoreComponents
 
-  @doc """
-  The max width.
-
-  sm: `max-w-sm`, md: `max-w-md`, lg: `max-w-lg`
-  """
-  prop max_width, :string, values: ["sm", "md", "lg"]
-
   def render(assigns) do
     ~F"""
     <div class="justify-center">

From 7e98030e82dd12853fd4e48d30669a96d5204fde Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Fri, 10 Nov 2023 19:56:05 -0500
Subject: [PATCH 20/31] remove unused flex class

---
 lib/basket_web/components/core_components.ex | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/basket_web/components/core_components.ex b/lib/basket_web/components/core_components.ex
index 3290314..da23ce9 100644
--- a/lib/basket_web/components/core_components.ex
+++ b/lib/basket_web/components/core_components.ex
@@ -148,7 +148,7 @@ defmodule BasketWeb.CoreComponents do
 
   def flash_group(assigns) do
     ~H"""
-    <div id={@id} class="flex ">
+    <div id={@id}>
       <.flash kind={:info} title="Success!" flash={@flash} />
       <.flash kind={:error} title="Error!" flash={@flash} />
       <.flash

From 4f3fe803decbf1b2120f378556cbb1b72f1b8c94 Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Fri, 10 Nov 2023 20:23:11 -0500
Subject: [PATCH 21/31] search box placement

---
 lib/basket_web/components/core_components.ex | 37 ++++++++++++++++++++
 lib/basket_web/components/search_input.ex    | 14 +++-----
 2 files changed, 41 insertions(+), 10 deletions(-)

diff --git a/lib/basket_web/components/core_components.ex b/lib/basket_web/components/core_components.ex
index da23ce9..e4def31 100644
--- a/lib/basket_web/components/core_components.ex
+++ b/lib/basket_web/components/core_components.ex
@@ -177,6 +177,43 @@ defmodule BasketWeb.CoreComponents do
     """
   end
 
+
+  @doc """
+  Renders an inline form.
+
+  ## Examples
+
+      <.inline_form for={@form} phx-change="validate" phx-submit="save">
+        <.input field={@form[:email]} label="Email"/>
+        <.input field={@form[:username]} label="Username" />
+        <:actions>
+          <.button>Save</.button>
+        </:actions>
+      </.inline_form>
+  """
+  attr :for, :any, required: true, doc: "the datastructure for the form"
+  attr :as, :any, default: nil, doc: "the server side parameter to collect all input under"
+
+  attr :rest, :global,
+    include: ~w(autocomplete name rel action enctype method novalidate target multipart),
+    doc: "the arbitrary HTML attributes to apply to the form tag"
+
+  slot :inner_block, required: true
+  slot :actions, doc: "the slot for form actions, such as a submit button"
+
+  def inline_form(assigns) do
+    ~H"""
+    <.form :let={f} for={@for} as={@as} {@rest}>
+      <div class="flex bg-white">
+        <div :for={action <- @actions} class="mt-2 mr-4 flex items-center justify-between gap-6">
+          <%= render_slot(action, f) %>
+        </div>
+        <%= render_slot(@inner_block, f) %>
+      </div>
+    </.form>
+    """
+  end
+
   @doc """
   Renders a simple form.
 
diff --git a/lib/basket_web/components/search_input.ex b/lib/basket_web/components/search_input.ex
index 10ec865..25c02da 100644
--- a/lib/basket_web/components/search_input.ex
+++ b/lib/basket_web/components/search_input.ex
@@ -22,7 +22,7 @@ defmodule BasketWeb.Components.SearchInput do
   def render(assigns) do
     ~F"""
     <div class="flex-row">
-      <.simple_form for={@ticker_search_form} phx-change="ticker-search" phx-submit="ticker-add">
+      <.inline_form for={@ticker_search_form} phx-change="ticker-search" phx-submit="ticker-add">
         <.input
           name="selected-ticker"
           value=""
@@ -38,18 +38,12 @@ defmodule BasketWeb.Components.SearchInput do
           {/for}
         </datalist>
         <:actions>
-          <.button>
-            Add ticker
+          <.button class="whitespace-nowrap">
+            Add
           </.button>
         </:actions>
-      </.simple_form>
+      </.inline_form>
     </div>
     """
   end
 end
-
-# {text_input(:search_field, :query,
-#   autofocus: true,
-#   list: "tickers",
-#   "phx-debounce": "300"
-# )}

From 7179e8e9808dd13bf3fb798614aabc10ea922164 Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Fri, 10 Nov 2023 20:58:41 -0500
Subject: [PATCH 22/31] lint

---
 lib/basket_web/components/core_components.ex | 1 -
 1 file changed, 1 deletion(-)

diff --git a/lib/basket_web/components/core_components.ex b/lib/basket_web/components/core_components.ex
index e4def31..5f63885 100644
--- a/lib/basket_web/components/core_components.ex
+++ b/lib/basket_web/components/core_components.ex
@@ -177,7 +177,6 @@ defmodule BasketWeb.CoreComponents do
     """
   end
 
-
   @doc """
   Renders an inline form.
 

From 3ff07803c24c055e17943b81b1560133744c0d65 Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Fri, 10 Nov 2023 22:38:26 -0500
Subject: [PATCH 23/31] fix component render and attach darkmode hook to button

---
 assets/js/app.js                              |  9 ++++-----
 assets/js/darkMode.js                         |  1 +
 lib/basket_web/components/dark_mode_toggle.ex | 10 ++++++----
 lib/basket_web/components/nav_row.ex          |  2 +-
 4 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/assets/js/app.js b/assets/js/app.js
index 1f5bfa3..a1f0c1e 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -18,10 +18,11 @@
 // Include phoenix_html to handle method=PUT/DELETE in forms and buttons.
 import "phoenix_html"
 // Establish Phoenix Socket and LiveView configuration.
-import {Socket} from "phoenix"
-import {LiveSocket} from "phoenix_live_view"
+import { Socket } from "phoenix"
+import { LiveSocket } from "phoenix_live_view"
 import topbar from "../vendor/topbar"
 import Hooks from "./_hooks"
+import { toggleDarkMode } from "./darkMode"
 
 let csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content")
 let liveSocket = new LiveSocket("/live", Socket, {params: {_csrf_token: csrfToken}, hooks: Hooks})
@@ -31,7 +32,7 @@ topbar.config({barColors: {0: "#29d"}, shadowColor: "rgba(0, 0, 0, .3)"})
 window.addEventListener("phx:page-loading-start", _info => topbar.show(300))
 window.addEventListener("phx:page-loading-stop", _info => topbar.hide())
 
-window.addEventListener("toggle-darkmode", e => toggleDarkMode)
+window.addEventListener("toggle-darkmode", _e => toggleDarkMode())
 
 // connect if there are any LiveViews on the page
 liveSocket.connect()
@@ -41,5 +42,3 @@ liveSocket.connect()
 // >> liveSocket.enableLatencySim(1000)  // enabled for duration of browser session
 // >> liveSocket.disableLatencySim()
 window.liveSocket = liveSocket
-
-window.addEventListener("toggle-darkmode", e => toggleDarkMode)
diff --git a/assets/js/darkMode.js b/assets/js/darkMode.js
index 60ee630..3e071bb 100644
--- a/assets/js/darkMode.js
+++ b/assets/js/darkMode.js
@@ -11,6 +11,7 @@ function setMode() {
 }
 
 export function toggleDarkMode() {
+  console.log("TOGGLEDARKMODE")
   if (darkExpected()) localStorage.theme = 'light';
   else localStorage.theme = 'dark';
   setMode();
diff --git a/lib/basket_web/components/dark_mode_toggle.ex b/lib/basket_web/components/dark_mode_toggle.ex
index 3b9db98..5c5f89d 100644
--- a/lib/basket_web/components/dark_mode_toggle.ex
+++ b/lib/basket_web/components/dark_mode_toggle.ex
@@ -6,13 +6,15 @@ defmodule BasketWeb.Components.DarkModeToggle do
 
   import BasketWeb.CoreComponents
 
+  alias Phoenix.LiveView.JS
+
   def render(assigns) do
     ~F"""
-    <div class="justify-center">
-      <input type="checkbox" name="light-switch" class="light-switch sr-only">
+    <div class="justify-center" phx-click={JS.dispatch("toggle-darkmode")}>
+      <input type="checkbox"  name="light-switch" class="light-switch sr-only">
       <label class="relative cursor-pointer p-2" for="light-switch">
-        <.icon name="hero-sun-solid" class="dark:hidden w-8 h-8" />
-        <.icon name="hero-moon-solid" class="hidden dark:block w-8 h-8" />
+        <.icon name="hero-sun-solid" class="hidden dark:inline-block w-8 h-8 text-yellow-500" />
+        <.icon name="hero-moon-solid" class="dark:hidden w-8 h-8 text-blue-200"/>
         <span class="sr-only">Switch between light and dark mode</span>
       </label>
     </div>
diff --git a/lib/basket_web/components/nav_row.ex b/lib/basket_web/components/nav_row.ex
index eee8470..6bdfbc0 100644
--- a/lib/basket_web/components/nav_row.ex
+++ b/lib/basket_web/components/nav_row.ex
@@ -9,7 +9,7 @@ defmodule BasketWeb.Components.NavRow do
   def render(assigns) do
     ~F"""
     <div class="flex flex-row gap-4 items-center justify-end">
-      <DarkModeToggle />
+      <DarkModeToggle.render />
       <.link href="/session" method="delete">Sign out</.link>
     </div>
     """

From f0ffa8299f3fb21e5454ab245b2982e5f99aadca Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Fri, 10 Nov 2023 22:44:36 -0500
Subject: [PATCH 24/31] lint

---
 lib/basket_web/components/dark_mode_toggle.ex | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/basket_web/components/dark_mode_toggle.ex b/lib/basket_web/components/dark_mode_toggle.ex
index 5c5f89d..17c6c71 100644
--- a/lib/basket_web/components/dark_mode_toggle.ex
+++ b/lib/basket_web/components/dark_mode_toggle.ex
@@ -11,10 +11,10 @@ defmodule BasketWeb.Components.DarkModeToggle do
   def render(assigns) do
     ~F"""
     <div class="justify-center" phx-click={JS.dispatch("toggle-darkmode")}>
-      <input type="checkbox"  name="light-switch" class="light-switch sr-only">
+      <input type="checkbox" name="light-switch" class="light-switch sr-only">
       <label class="relative cursor-pointer p-2" for="light-switch">
         <.icon name="hero-sun-solid" class="hidden dark:inline-block w-8 h-8 text-yellow-500" />
-        <.icon name="hero-moon-solid" class="dark:hidden w-8 h-8 text-blue-200"/>
+        <.icon name="hero-moon-solid" class="dark:hidden w-8 h-8 text-blue-200" />
         <span class="sr-only">Switch between light and dark mode</span>
       </label>
     </div>

From 0fe80e96518fd9359ac9d1bc499e4d591884e835 Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Sat, 11 Nov 2023 09:10:25 -0500
Subject: [PATCH 25/31] credo suggestion changes

---
 lib/basket/alpaca/http/client.ex              |  8 ++--
 lib/basket/alpaca/ws/client.ex                | 23 ++++++-----
 lib/basket/alpaca/ws/message.ex               | 35 ++++++++--------
 .../components/layouts/app.html.heex          |  2 +-
 lib/basket_web/components/search_input.ex     |  6 ++-
 lib/basket_web/live/overview.ex               | 41 ++++++++++---------
 6 files changed, 64 insertions(+), 51 deletions(-)

diff --git a/lib/basket/alpaca/http/client.ex b/lib/basket/alpaca/http/client.ex
index a151485..40a31c7 100644
--- a/lib/basket/alpaca/http/client.ex
+++ b/lib/basket/alpaca/http/client.ex
@@ -1,4 +1,8 @@
 defmodule Basket.Alpaca.HttpClient do
+  @moduledoc """
+  HTTP client for Alpaca API.
+  """
+
   use HTTPoison.Base
 
   require Logger
@@ -24,7 +28,7 @@ defmodule Basket.Alpaca.HttpClient do
   end
 
   @spec list_assets() :: {:error, any()} | {:ok, list(map())}
-  def list_assets() do
+  def list_assets do
     case get("#{market_url()}#{@assets_resource}", [],
            params: %{status: "active", asset_class: "us_equity"}
          ) do
@@ -40,8 +44,6 @@ defmodule Basket.Alpaca.HttpClient do
     Jason.decode!(body)
   end
 
-  # TODO: separate
-
   defp data_url, do: Application.fetch_env!(:basket, :alpaca)[:data_http_url]
 
   defp market_url, do: Application.fetch_env!(:basket, :alpaca)[:market_http_url]
diff --git a/lib/basket/alpaca/ws/client.ex b/lib/basket/alpaca/ws/client.ex
index 38d6252..6d88cc8 100644
--- a/lib/basket/alpaca/ws/client.ex
+++ b/lib/basket/alpaca/ws/client.ex
@@ -1,11 +1,16 @@
 defmodule Basket.Alpaca.Websocket.Client do
+  @moduledoc """
+  Instantiates an Alpaca websocket connection and processes the incoming messages.
+  Currently only handles "bars" messages.
+  """
+
   use WebSockex
   require Logger
 
   alias Basket.Alpaca.Websocket.Message
 
-  @auth_success "[{\"T\":\"success\",\"msg\":\"authenticated\"}]"
-  @connection_success "[{\"T\":\"success\",\"msg\":\"connected\"}]"
+  @auth_success ~s([{\"T\":\"success\",\"msg\":\"authenticated\"}])
+  @connection_success ~s([{\"T\":\"success\",\"msg\":\"connected\"}])
 
   @spec start_link(bitstring()) :: {:error, any()} | {:ok, pid()}
   def start_link(state) do
@@ -45,14 +50,12 @@ defmodule Basket.Alpaca.Websocket.Client do
   end
 
   def handle_frame({_tpe, msg}, state) do
-    IO.inspect("MESSAGEEEE: #{msg}")
-
     case Jason.decode(msg) do
       {:ok, message} ->
         Message.process(message)
 
-      {:error, reason} ->
-        Logger.error("Error decoding message.", reason: reason)
+      {:error, error} ->
+        Logger.error("Error decoding message: #{inspect(error)}")
     end
 
     {:ok, state}
@@ -63,10 +66,10 @@ defmodule Basket.Alpaca.Websocket.Client do
     case Message.market_data_subscription(tickers) do
       {:ok, message} ->
         WebSockex.send_frame(client_pid(), {:text, message})
-        Logger.info("Subscription message sent.", message: inspect(message))
+        Logger.debug("Subscription message sent: #{inspect(message)}")
 
       {:error, error} ->
-        Logger.error("Error sending subscription message.", error: error)
+        Logger.error("Error sending subscription message: #{inspect(error)}")
     end
   end
 
@@ -77,10 +80,10 @@ defmodule Basket.Alpaca.Websocket.Client do
         Logger.info("Sending subscription removal message: #{inspect(message)}")
 
         WebSockex.send_frame(client_pid(), {:text, message})
-        Logger.info("Subscription removal message sent.", message: inspect(message))
+        Logger.info("Subscription removal message sent: #{inspect(message)}")
 
       {:error, error} ->
-        Logger.error("Error sending subscription removal message.", error: error)
+        Logger.error("Error sending subscription removal message: #{inspect(error)}")
     end
   end
 
diff --git a/lib/basket/alpaca/ws/message.ex b/lib/basket/alpaca/ws/message.ex
index 065e15a..76bb2a0 100644
--- a/lib/basket/alpaca/ws/message.ex
+++ b/lib/basket/alpaca/ws/message.ex
@@ -1,4 +1,7 @@
 defmodule Basket.Alpaca.Websocket.Message do
+  @moduledoc """
+  Handles messages from anS Alpaca websocket connection.
+  """
   require Logger
 
   @bars_topic "bars"
@@ -11,9 +14,7 @@ defmodule Basket.Alpaca.Websocket.Message do
 
   @spec process(bitstring()) :: :ok
   def process(messages) do
-    IO.inspect("MESSAGES: #{inspect(messages)}")
-
-    Enum.map(messages, fn message ->
+    Enum.each(messages, fn message ->
       case Map.get(message, "T") do
         "b" ->
           handle_bars(message)
@@ -25,13 +26,13 @@ defmodule Basket.Alpaca.Websocket.Message do
           handle_bar_updates(message)
 
         "error" ->
-          Logger.error("Error message from Alpaca websocket connection.", message: message)
+          Logger.error("Error message from Alpaca websocket connection: #{message}")
 
         "subscription" ->
-          Logger.info("Subscription message from Alpaca websocket connection.", message: message)
+          Logger.info("Subscription message from Alpaca websocket connection: #{message}")
 
         _ ->
-          Logger.info("Unhandled websocket message", message: message)
+          Logger.info("Unhandled websocket message: #{message}")
       end
     end)
 
@@ -54,10 +55,10 @@ defmodule Basket.Alpaca.Websocket.Message do
       {:ok, encoded_message} ->
         {:ok, encoded_message}
 
-      {:error, reason} ->
-        Logger.error("Error encoding market subscription message", reason: reason)
+      {:error, error} ->
+        Logger.error("Error encoding market subscription message: #{error}")
 
-        {:error, reason}
+        {:error, error}
     end
   end
 
@@ -77,10 +78,10 @@ defmodule Basket.Alpaca.Websocket.Message do
       {:ok, encoded_message} ->
         {:ok, encoded_message}
 
-      {:error, reason} ->
-        Logger.error("Error encoding market subscription message", reason: reason)
+      {:error, error} ->
+        Logger.error("Error encoding market subscription message: #{error}")
 
-        {:error, reason}
+        {:error, error}
     end
   end
 
@@ -103,15 +104,15 @@ defmodule Basket.Alpaca.Websocket.Message do
            "t" => _timestamp
          } = message
        ) do
-    Logger.info("Bars message received", message: message)
+    Logger.info("Bars message received")
     BasketWeb.Endpoint.broadcast_from(self(), @bars_topic, "ticker-update", message)
   end
 
-  defp handle_daily_bars(message) do
-    Logger.info("Daily bars message received", message: message)
+  defp handle_daily_bars(_message) do
+    Logger.info("Daily bars message received.")
   end
 
-  defp handle_bar_updates(message) do
-    Logger.info("Bar updates message received", message: message)
+  defp handle_bar_updates(_message) do
+    Logger.info("Bar updates message received")
   end
 end
diff --git a/lib/basket_web/components/layouts/app.html.heex b/lib/basket_web/components/layouts/app.html.heex
index 4d9c2e5..552eec1 100644
--- a/lib/basket_web/components/layouts/app.html.heex
+++ b/lib/basket_web/components/layouts/app.html.heex
@@ -24,7 +24,7 @@
     </div>
   </div>
 </header>
-<main class="px-4 py-20 sm:px-6 lg:px-8">
+<main class="px-4 py-20 sm:px-6 lg:px-8 ">
   <div class="mx-auto max-w-2xl">
     <.flash_group flash={@flash} />
     <%= @inner_content %>
diff --git a/lib/basket_web/components/search_input.ex b/lib/basket_web/components/search_input.ex
index 25c02da..ac37a83 100644
--- a/lib/basket_web/components/search_input.ex
+++ b/lib/basket_web/components/search_input.ex
@@ -1,4 +1,9 @@
 defmodule BasketWeb.Components.SearchInput do
+  @moduledoc """
+  Allows the user to search for and add a ticker to the table. Will make an HTTP call
+  if the ticker list is not populated, otherwise it will pull the list from the cache.
+  """
+
   use Surface.LiveComponent
 
   import BasketWeb.CoreComponents
@@ -11,7 +16,6 @@ defmodule BasketWeb.Components.SearchInput do
   prop ticker_search_form, :string, default: ""
 
   def mount(socket) do
-    # TODO: make ticker call async
     form = to_form(%{"ticker_search_field" => ""})
     socket = assign(socket, :ticker_search_form, form)
     socket = assign(socket, :tickers, [])
diff --git a/lib/basket_web/live/overview.ex b/lib/basket_web/live/overview.ex
index 30a3db4..b751af2 100644
--- a/lib/basket_web/live/overview.ex
+++ b/lib/basket_web/live/overview.ex
@@ -1,4 +1,7 @@
 defmodule BasketWeb.Overview do
+  @moduledoc """
+  Home page shows a list of assets and updates them in realtime via websockets.
+  """
   use Surface.LiveView
 
   import BasketWeb.CoreComponents
@@ -7,6 +10,7 @@ defmodule BasketWeb.Overview do
 
   alias BasketWeb.Components.NavRow
   alias Basket.Alpaca.Websocket.{Client, Message}
+  alias Basket.Alpaca.HttpClient
   alias BasketWeb.Components.SearchInput
 
   prop tickers, :list, default: []
@@ -18,30 +22,13 @@ defmodule BasketWeb.Overview do
     socket = assign(socket, basket: [])
 
     {:ok, socket}
-    # |> assign(:org, AsyncResult.loading())
-    # |> start_async(:fetch_tickers, fn -> fetch_org!(id) end)}
   end
 
   def handle_event("ticker-search", %{"selected-ticker" => _query}, socket) do
     if length(socket.assigns.tickers) > 0 do
       {:noreply, socket}
     else
-      {_status, tickers} =
-        Cachex.fetch(:assets, "all", fn _key ->
-          case Basket.Alpaca.HttpClient.list_assets() do
-            {:ok, result} ->
-              tickers =
-                Enum.map(result, fn asset ->
-                  asset["symbol"]
-                end)
-
-              {:commit, tickers}
-
-            {:error, error} ->
-              Logger.error("Could not fetch tickers", error: error.reason)
-              {:ignore, []}
-          end
-        end)
+      {_status, tickers} = Cachex.fetch(:assets, "all", fn _key -> load_tickers() end)
 
       {:reply, %{}, assign(socket, :tickers, tickers)}
     end
@@ -51,7 +38,7 @@ defmodule BasketWeb.Overview do
     :ok = Client.subscribe_to_market_data(%{bars: [ticker], quotes: [], trades: []})
 
     socket =
-      case Basket.Alpaca.HttpClient.latest_quote(ticker) do
+      case HttpClient.latest_quote(ticker) do
         {:ok, response} ->
           %{"bars" => %{^ticker => bars}} = response
 
@@ -146,4 +133,20 @@ defmodule BasketWeb.Overview do
       true -> "same"
     end
   end
+
+  defp load_tickers do
+    case HttpClient.list_assets() do
+      {:ok, result} ->
+        tickers =
+          Enum.map(result, fn asset ->
+            asset["symbol"]
+          end)
+
+        {:commit, tickers}
+
+      {:error, error} ->
+        Logger.error("Could not fetch tickers", error: error.reason)
+        {:ignore, []}
+    end
+  end
 end

From 68e6b46f808df87ea739eb835b3c0c23fb4f4cd8 Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Sat, 11 Nov 2023 09:38:41 -0500
Subject: [PATCH 26/31] change inspect to logger error

---
 lib/basket_web/components/core_components.ex | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/basket_web/components/core_components.ex b/lib/basket_web/components/core_components.ex
index 5f63885..7a288b9 100644
--- a/lib/basket_web/components/core_components.ex
+++ b/lib/basket_web/components/core_components.ex
@@ -730,7 +730,7 @@ defmodule BasketWeb.CoreComponents do
         _ -> ""
       end
     else
-      IO.inspect("TODO:NOTAMAP OR NIL KEY: #{inspect(row)}")
+      Logger.error("Should be a map: #{row}")
     end
   end
 end

From edebe59a3f5ca6f4c6830f66dc4ca5751c3e4fd4 Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Sat, 11 Nov 2023 09:45:19 -0500
Subject: [PATCH 27/31] remove unneeded map check

---
 lib/basket_web/components/core_components.ex | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/lib/basket_web/components/core_components.ex b/lib/basket_web/components/core_components.ex
index 7a288b9..033b8af 100644
--- a/lib/basket_web/components/core_components.ex
+++ b/lib/basket_web/components/core_components.ex
@@ -721,16 +721,12 @@ defmodule BasketWeb.CoreComponents do
   def diff_color(col, row) do
     key = Map.get(col, :key)
 
-    if is_map(row) && key do
-      field = row[key]
+    field = row[key]
 
-      case elem(field, 1) do
-        "up" -> "bg-emerald-300 text-emerald-900"
-        "down" -> "bg-rose-300 text-rose-900"
-        _ -> ""
-      end
-    else
-      Logger.error("Should be a map: #{row}")
+    case elem(field, 1) do
+      "up" -> "bg-emerald-300 text-emerald-900"
+      "down" -> "bg-rose-300 text-rose-900"
+      _ -> ""
     end
   end
 end

From 48b7353a9e8f08db23939e6fd6b356798fbd373e Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Sat, 11 Nov 2023 09:49:39 -0500
Subject: [PATCH 28/31] fix import order

---
 lib/basket_web/live/overview.ex | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/lib/basket_web/live/overview.ex b/lib/basket_web/live/overview.ex
index b751af2..879717d 100644
--- a/lib/basket_web/live/overview.ex
+++ b/lib/basket_web/live/overview.ex
@@ -8,10 +8,9 @@ defmodule BasketWeb.Overview do
 
   require Logger
 
-  alias BasketWeb.Components.NavRow
-  alias Basket.Alpaca.Websocket.{Client, Message}
   alias Basket.Alpaca.HttpClient
-  alias BasketWeb.Components.SearchInput
+  alias Basket.Alpaca.Websocket.{Client, Message}
+  alias BasketWeb.Components.{NavRow, SearchInput}
 
   prop tickers, :list, default: []
 

From 9dccb25f77b986844ccf100e1e52951f19ac7c9b Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Sat, 11 Nov 2023 10:16:10 -0500
Subject: [PATCH 29/31] fix remaining metadata logger issues

---
 lib/basket_web/live/overview.ex | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/lib/basket_web/live/overview.ex b/lib/basket_web/live/overview.ex
index 879717d..9b993c7 100644
--- a/lib/basket_web/live/overview.ex
+++ b/lib/basket_web/live/overview.ex
@@ -50,7 +50,7 @@ defmodule BasketWeb.Overview do
           )
 
         {:error, error} ->
-          Logger.error("Could not subscribe to ticker", reason: error.reason)
+          Logger.error("Could not subscribe to ticker: #{error}")
           socket
       end
 
@@ -144,7 +144,8 @@ defmodule BasketWeb.Overview do
         {:commit, tickers}
 
       {:error, error} ->
-        Logger.error("Could not fetch tickers", error: error.reason)
+        Logger.error("Could not fetch tickers: #{error}")
+
         {:ignore, []}
     end
   end

From e7ea9b393fecb8725b73e7278fcf762e1d225db8 Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Sat, 11 Nov 2023 11:46:49 -0500
Subject: [PATCH 30/31] fix capitalization bug

---
 lib/basket/alpaca/ws/client.ex | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/basket/alpaca/ws/client.ex b/lib/basket/alpaca/ws/client.ex
index 6d88cc8..3aa3e75 100644
--- a/lib/basket/alpaca/ws/client.ex
+++ b/lib/basket/alpaca/ws/client.ex
@@ -19,7 +19,7 @@ defmodule Basket.Alpaca.Websocket.Client do
     WebSockex.start_link(iex_feed(), __MODULE__, state, extra_headers: auth_headers())
   end
 
-  @spec handle_connect(WebsockEx.Conn.t(), bitstring()) :: {:ok, bitstring()}
+  @spec handle_connect(Websockex.Conn.t(), bitstring()) :: {:ok, bitstring()}
   def handle_connect(_conn, state) do
     Logger.info("Alpaca websocket connected.")
     {:ok, state}

From f519029c05a3eb8ad435e3d2959463ae2277a515 Mon Sep 17 00:00:00 2001
From: daveminer <wtrispsn@gmail.com>
Date: Sat, 11 Nov 2023 12:41:48 -0500
Subject: [PATCH 31/31] fix cap error again

---
 lib/basket/alpaca/ws/client.ex | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/basket/alpaca/ws/client.ex b/lib/basket/alpaca/ws/client.ex
index 3aa3e75..3a840b3 100644
--- a/lib/basket/alpaca/ws/client.ex
+++ b/lib/basket/alpaca/ws/client.ex
@@ -19,7 +19,7 @@ defmodule Basket.Alpaca.Websocket.Client do
     WebSockex.start_link(iex_feed(), __MODULE__, state, extra_headers: auth_headers())
   end
 
-  @spec handle_connect(Websockex.Conn.t(), bitstring()) :: {:ok, bitstring()}
+  @spec handle_connect(WebSockex.Conn.t(), bitstring()) :: {:ok, bitstring()}
   def handle_connect(_conn, state) do
     Logger.info("Alpaca websocket connected.")
     {:ok, state}