From 160b32af1b720ca4e57c9bad10138d68892c7c72 Mon Sep 17 00:00:00 2001
From: Chris Nelson <superchrisnelson@gmail.com>
Date: Thu, 29 Jun 2023 12:39:39 -0400
Subject: [PATCH 1/9] WIP adding launch-comments

---
 lib/launch_cart/comment_sites.ex              | 104 +++
 lib/launch_cart/comment_sites/comment_site.ex |  22 +
 lib/launch_cart_web.ex                        |   1 +
 .../components/core_components.ex             | 689 ++++++++++++++++++
 .../live/comment_site_live/form_component.ex  |  64 ++
 .../form_component.html.heex                  |  28 +
 .../live/comment_site_live/index.ex           |  48 ++
 .../live/comment_site_live/index.html.heex    |  40 +
 .../live/comment_site_live/show.ex            |  21 +
 .../live/comment_site_live/show.html.heex     |   1 +
 lib/launch_cart_web/router.ex                 |   7 +
 .../20230628211511_create_comment_sites.exs   |  15 +
 test/launch_cart/comment_sites_test.exs       |  61 ++
 .../live/comment_site_live_test.exs           | 120 +++
 .../fixtures/comment_sites_fixtures.ex        |  21 +
 15 files changed, 1242 insertions(+)
 create mode 100644 lib/launch_cart/comment_sites.ex
 create mode 100644 lib/launch_cart/comment_sites/comment_site.ex
 create mode 100644 lib/launch_cart_web/components/core_components.ex
 create mode 100644 lib/launch_cart_web/live/comment_site_live/form_component.ex
 create mode 100644 lib/launch_cart_web/live/comment_site_live/form_component.html.heex
 create mode 100644 lib/launch_cart_web/live/comment_site_live/index.ex
 create mode 100644 lib/launch_cart_web/live/comment_site_live/index.html.heex
 create mode 100644 lib/launch_cart_web/live/comment_site_live/show.ex
 create mode 100644 lib/launch_cart_web/live/comment_site_live/show.html.heex
 create mode 100644 priv/repo/migrations/20230628211511_create_comment_sites.exs
 create mode 100644 test/launch_cart/comment_sites_test.exs
 create mode 100644 test/launch_cart_web/live/comment_site_live_test.exs
 create mode 100644 test/support/fixtures/comment_sites_fixtures.ex

diff --git a/lib/launch_cart/comment_sites.ex b/lib/launch_cart/comment_sites.ex
new file mode 100644
index 0000000..3546f84
--- /dev/null
+++ b/lib/launch_cart/comment_sites.ex
@@ -0,0 +1,104 @@
+defmodule LaunchCart.CommentSites do
+  @moduledoc """
+  The CommentSites context.
+  """
+
+  import Ecto.Query, warn: false
+  alias LaunchCart.Repo
+
+  alias LaunchCart.CommentSites.CommentSite
+
+  @doc """
+  Returns the list of comment_sites.
+
+  ## Examples
+
+      iex> list_comment_sites()
+      [%CommentSite{}, ...]
+
+  """
+  def list_comment_sites do
+    Repo.all(CommentSite)
+  end
+
+  @doc """
+  Gets a single comment_site.
+
+  Raises `Ecto.NoResultsError` if the Comment site does not exist.
+
+  ## Examples
+
+      iex> get_comment_site!(123)
+      %CommentSite{}
+
+      iex> get_comment_site!(456)
+      ** (Ecto.NoResultsError)
+
+  """
+  def get_comment_site!(id), do: Repo.get!(CommentSite, id)
+
+  @doc """
+  Creates a comment_site.
+
+  ## Examples
+
+      iex> create_comment_site(%{field: value})
+      {:ok, %CommentSite{}}
+
+      iex> create_comment_site(%{field: bad_value})
+      {:error, %Ecto.Changeset{}}
+
+  """
+  def create_comment_site(attrs \\ %{}) do
+    %CommentSite{}
+    |> CommentSite.changeset(attrs)
+    |> Repo.insert()
+  end
+
+  @doc """
+  Updates a comment_site.
+
+  ## Examples
+
+      iex> update_comment_site(comment_site, %{field: new_value})
+      {:ok, %CommentSite{}}
+
+      iex> update_comment_site(comment_site, %{field: bad_value})
+      {:error, %Ecto.Changeset{}}
+
+  """
+  def update_comment_site(%CommentSite{} = comment_site, attrs) do
+    comment_site
+    |> CommentSite.changeset(attrs)
+    |> Repo.update()
+  end
+
+  @doc """
+  Deletes a comment_site.
+
+  ## Examples
+
+      iex> delete_comment_site(comment_site)
+      {:ok, %CommentSite{}}
+
+      iex> delete_comment_site(comment_site)
+      {:error, %Ecto.Changeset{}}
+
+  """
+  def delete_comment_site(%CommentSite{} = comment_site) do
+    Repo.delete(comment_site)
+  end
+
+  @doc """
+  Returns an `%Ecto.Changeset{}` for tracking comment_site changes.
+
+  ## Examples
+
+      iex> change_comment_site(comment_site)
+      %Ecto.Changeset{data: %CommentSite{}}
+
+  """
+  def change_comment_site(%CommentSite{} = comment_site, attrs \\ %{}) do
+    CommentSite.changeset(comment_site, attrs)
+  end
+end
diff --git a/lib/launch_cart/comment_sites/comment_site.ex b/lib/launch_cart/comment_sites/comment_site.ex
new file mode 100644
index 0000000..763fa7a
--- /dev/null
+++ b/lib/launch_cart/comment_sites/comment_site.ex
@@ -0,0 +1,22 @@
+defmodule LaunchCart.CommentSites.CommentSite do
+  use Ecto.Schema
+  import Ecto.Changeset
+  alias LaunchCart.Accounts.User
+
+  @primary_key {:id, :binary_id, autogenerate: true}
+  @foreign_key_type :binary_id
+  schema "comment_sites" do
+    field :name, :string
+    field :url, :string
+    belongs_to :user, User
+
+    timestamps()
+  end
+
+  @doc false
+  def changeset(comment_site, attrs) do
+    comment_site
+    |> cast(attrs, [:name, :url])
+    |> validate_required([:name, :url])
+  end
+end
diff --git a/lib/launch_cart_web.ex b/lib/launch_cart_web.ex
index 9bbbfa8..cc53ded 100644
--- a/lib/launch_cart_web.ex
+++ b/lib/launch_cart_web.ex
@@ -62,6 +62,7 @@ defmodule LaunchCartWeb do
   def component do
     quote do
       use Phoenix.Component
+      import LaunchCartWeb.CoreComponents
 
       unquote(view_helpers())
     end
diff --git a/lib/launch_cart_web/components/core_components.ex b/lib/launch_cart_web/components/core_components.ex
new file mode 100644
index 0000000..e8d239c
--- /dev/null
+++ b/lib/launch_cart_web/components/core_components.ex
@@ -0,0 +1,689 @@
+defmodule LaunchCartWeb.CoreComponents do
+  @moduledoc """
+  Provides core UI components.
+
+  The components in this module use Tailwind CSS, a utility-first CSS framework.
+  See the [Tailwind CSS documentation](https://tailwindcss.com) to learn how to
+  customize the generated components in this module.
+
+  Icons are provided by [heroicons](https://heroicons.com). See `icon/1` for usage.
+  """
+  use Phoenix.Component
+
+  alias Phoenix.LiveView.JS
+  import LaunchCartWeb.Gettext
+
+  @doc """
+  Renders a modal.
+
+  ## Examples
+
+      <.modal id="confirm-modal">
+        Are you sure?
+        <:confirm>OK</:confirm>
+        <:cancel>Cancel</:cancel>
+      </.modal>
+
+  JS commands may be passed to the `:on_cancel` and `on_confirm` attributes
+  for the caller to react to each button press, for example:
+
+      <.modal id="confirm" on_confirm={JS.push("delete")} on_cancel={JS.navigate(~p"/posts")}>
+        Are you sure you?
+        <:confirm>OK</:confirm>
+        <:cancel>Cancel</:cancel>
+      </.modal>
+  """
+  attr :id, :string, required: true
+  attr :show, :boolean, default: false
+  attr :on_cancel, JS, default: %JS{}
+  attr :on_confirm, JS, default: %JS{}
+
+  slot :inner_block, required: true
+  slot :title
+  slot :subtitle
+  slot :confirm
+  slot :cancel
+
+  def modal(assigns) do
+    ~H"""
+    <div
+      id={@id}
+      phx-mounted={@show && show_modal(@id)}
+      phx-remove={hide_modal(@id)}
+      class="relative z-50 hidden"
+    >
+      <div id={"#{@id}-bg"} class="fixed inset-0 bg-zinc-50/90 transition-opacity" aria-hidden="true" />
+      <div
+        class="fixed inset-0 overflow-y-auto"
+        aria-labelledby={"#{@id}-title"}
+        aria-describedby={"#{@id}-description"}
+        role="dialog"
+        aria-modal="true"
+        tabindex="0"
+      >
+        <div class="flex min-h-full items-center justify-center">
+          <div class="w-full max-w-3xl p-4 sm:p-6 lg:py-8">
+            <.focus_wrap
+              id={"#{@id}-container"}
+              phx-mounted={@show && show_modal(@id)}
+              phx-window-keydown={hide_modal(@on_cancel, @id)}
+              phx-key="escape"
+              phx-click-away={hide_modal(@on_cancel, @id)}
+              class="hidden relative rounded-2xl bg-white p-14 shadow-lg shadow-zinc-700/10 ring-1 ring-zinc-700/10 transition"
+            >
+              <div class="absolute top-6 right-5">
+                <button
+                  phx-click={hide_modal(@on_cancel, @id)}
+                  type="button"
+                  class="-m-3 flex-none p-3 opacity-20 hover:opacity-40"
+                  aria-label={gettext("close")}
+                >
+                  <.icon name="hero-x-mark-solid" class="w-5 h-5" />
+                </button>
+              </div>
+              <div id={"#{@id}-content"}>
+                <header :if={@title != []}>
+                  <h1 id={"#{@id}-title"} class="text-lg font-semibold leading-8 text-zinc-800">
+                    <%= render_slot(@title) %>
+                  </h1>
+                  <p
+                    :if={@subtitle != []}
+                    id={"#{@id}-description"}
+                    class="mt-2 text-sm leading-6 text-zinc-600"
+                  >
+                    <%= render_slot(@subtitle) %>
+                  </p>
+                </header>
+                <%= render_slot(@inner_block) %>
+                <div :if={@confirm != [] or @cancel != []} class="ml-6 mb-4 flex items-center gap-5">
+                  <.button
+                    :for={confirm <- @confirm}
+                    id={"#{@id}-confirm"}
+                    phx-click={@on_confirm}
+                    phx-disable-with
+                    class="py-2 px-3"
+                  >
+                    <%= render_slot(confirm) %>
+                  </.button>
+                  <.link
+                    :for={cancel <- @cancel}
+                    phx-click={hide_modal(@on_cancel, @id)}
+                    class="text-sm font-semibold leading-6 text-zinc-900 hover:text-zinc-700"
+                  >
+                    <%= render_slot(cancel) %>
+                  </.link>
+                </div>
+              </div>
+            </.focus_wrap>
+          </div>
+        </div>
+      </div>
+    </div>
+    """
+  end
+
+  @doc """
+  Renders flash notices.
+
+  ## Examples
+
+      <.flash kind={:info} flash={@flash} />
+      <.flash kind={:info} phx-mounted={show("#flash")}>Welcome Back!</.flash>
+  """
+  attr :id, :string, default: "flash", doc: "the optional id of flash container"
+  attr :flash, :map, default: %{}, doc: "the map of flash messages to display"
+  attr :title, :string, default: nil
+  attr :kind, :atom, values: [:info, :error], doc: "used for styling and flash lookup"
+  attr :autoshow, :boolean, default: true, doc: "whether to auto show the flash on mount"
+  attr :close, :boolean, default: true, doc: "whether the flash can be closed"
+  attr :rest, :global, doc: "the arbitrary HTML attributes to add to the flash container"
+
+  slot :inner_block, doc: "the optional inner block that renders the flash message"
+
+  def flash(assigns) do
+    ~H"""
+    <div
+      :if={msg = render_slot(@inner_block) || Phoenix.Flash.get(@flash, @kind)}
+      id={@id}
+      phx-mounted={@autoshow && show("##{@id}")}
+      phx-click={JS.push("lv:clear-flash", value: %{key: @kind}) |> hide("##{@id}")}
+      role="alert"
+      class={[
+        "fixed hidden top-2 right-2 w-80 sm:w-96 z-50 rounded-lg p-3 shadow-md shadow-zinc-900/5 ring-1",
+        @kind == :info && "bg-emerald-50 text-emerald-800 ring-emerald-500 fill-cyan-900",
+        @kind == :error && "bg-rose-50 p-3 text-rose-900 shadow-md ring-rose-500 fill-rose-900"
+      ]}
+      {@rest}
+    >
+      <p :if={@title} class="flex items-center gap-1.5 text-[0.8125rem] font-semibold leading-6">
+        <.icon :if={@kind == :info} name="hero-information-circle-mini" class="w-4 h-4" />
+        <.icon :if={@kind == :error} name="hero-exclamation-circle-mini" class="w-4 h-4" />
+        <%= @title %>
+      </p>
+      <p class="mt-2 text-[0.8125rem] leading-5"><%= msg %></p>
+      <button
+        :if={@close}
+        type="button"
+        class="group absolute top-2 right-1 p-2"
+        aria-label={gettext("close")}
+      >
+        <.icon name="hero-x-mark-solid" class="w-5 h-5 opacity-40 group-hover:opacity-70" />
+      </button>
+    </div>
+    """
+  end
+
+  @doc """
+  Shows the flash group with standard titles and content.
+
+  ## Examples
+
+      <.flash_group flash={@flash} />
+  """
+  attr :flash, :map, required: true, doc: "the map of flash messages"
+
+  def flash_group(assigns) do
+    ~H"""
+    <.flash kind={:info} title="Success!" flash={@flash} />
+    <.flash kind={:error} title="Error!" flash={@flash} />
+    <.flash
+      id="disconnected"
+      kind={:error}
+      title="We can't find the internet"
+      close={false}
+      autoshow={false}
+      phx-disconnected={show("#disconnected")}
+      phx-connected={hide("#disconnected")}
+    >
+      Attempting to reconnect <.icon name="hero-arrow-path" class="ml-1 w-3 h-3 animate-spin" />
+    </.flash>
+    """
+  end
+
+  @doc """
+  Renders a simple form.
+
+  ## Examples
+
+      <.simple_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>
+      </.simple_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),
+    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 simple_form(assigns) do
+    ~H"""
+    <.form :let={f} for={@for} as={@as} {@rest}>
+      <div class="space-y-8 bg-white mt-10">
+        <%= render_slot(@inner_block, f) %>
+        <div :for={action <- @actions} class="mt-2 flex items-center justify-between gap-6">
+          <%= render_slot(action, f) %>
+        </div>
+      </div>
+    </.form>
+    """
+  end
+
+  @doc """
+  Renders a button.
+
+  ## Examples
+
+      <.button>Send!</.button>
+      <.button phx-click="go" class="ml-2">Send!</.button>
+  """
+  attr :type, :string, default: nil
+  attr :class, :string, default: nil
+  attr :rest, :global, include: ~w(disabled form name value)
+
+  slot :inner_block, required: true
+
+  def button(assigns) do
+    ~H"""
+    <button
+      type={@type}
+      class={[
+        "phx-submit-loading:opacity-75 rounded-lg bg-zinc-900 hover:bg-zinc-700 py-2 px-3",
+        "text-sm font-semibold leading-6 text-white active:text-white/80",
+        @class
+      ]}
+      {@rest}
+    >
+      <%= render_slot(@inner_block) %>
+    </button>
+    """
+  end
+
+  @doc """
+  Renders an input with label and error messages.
+
+  A `%Phoenix.HTML.Form{}` and field name may be passed to the input
+  to build input names and error messages, or all the attributes and
+  errors may be passed explicitly.
+
+  ## Examples
+
+      <.input field={@form[:email]} type="email" />
+      <.input name="my-input" errors={["oh no!"]} />
+  """
+  attr :id, :any, default: nil
+  attr :name, :any
+  attr :label, :string, default: nil
+  attr :value, :any
+
+  attr :type, :string,
+    default: "text",
+    values: ~w(checkbox color date datetime-local email file hidden month number password
+               range radio search select tel text textarea time url week)
+
+  attr :field, Phoenix.HTML.FormField,
+    doc: "a form field struct retrieved from the form, for example: @form[:email]"
+
+  attr :errors, :list, default: []
+  attr :checked, :boolean, doc: "the checked flag for checkbox inputs"
+  attr :prompt, :string, default: nil, doc: "the prompt for select inputs"
+  attr :options, :list, doc: "the options to pass to Phoenix.HTML.Form.options_for_select/2"
+  attr :multiple, :boolean, default: false, doc: "the multiple flag for select inputs"
+  attr :rest, :global, include: ~w(autocomplete cols disabled form max maxlength min minlength
+                                   pattern placeholder readonly required rows size step)
+  slot :inner_block
+
+  def input(%{field: %Phoenix.HTML.FormField{} = field} = assigns) do
+    assigns
+    |> assign(field: nil, id: assigns.id || field.id)
+    |> assign(:errors, Enum.map(field.errors, &translate_error(&1)))
+    |> assign_new(:name, fn -> if assigns.multiple, do: field.name <> "[]", else: field.name end)
+    |> assign_new(:value, fn -> field.value end)
+    |> input()
+  end
+
+  def input(%{type: "checkbox", value: value} = assigns) do
+    assigns =
+      assign_new(assigns, :checked, fn -> Phoenix.HTML.Form.normalize_value("checkbox", value) end)
+
+    ~H"""
+    <div phx-feedback-for={@name}>
+      <label class="flex items-center gap-4 text-sm leading-6 text-zinc-600">
+        <input type="hidden" name={@name} value="false" />
+        <input
+          type="checkbox"
+          id={@id || @name}
+          name={@name}
+          value="true"
+          checked={@checked}
+          class="rounded border-zinc-300 text-zinc-900 focus:ring-zinc-900"
+          {@rest}
+        />
+        <%= @label %>
+      </label>
+      <.error :for={msg <- @errors}><%= msg %></.error>
+    </div>
+    """
+  end
+
+  def input(%{type: "select"} = assigns) do
+    ~H"""
+    <div phx-feedback-for={@name}>
+      <.label for={@id}><%= @label %></.label>
+      <select
+        id={@id}
+        name={@name}
+        class="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-zinc-500 focus:border-zinc-500 sm:text-sm"
+        multiple={@multiple}
+        {@rest}
+      >
+        <option :if={@prompt} value=""><%= @prompt %></option>
+        <%= Phoenix.HTML.Form.options_for_select(@options, @value) %>
+      </select>
+      <.error :for={msg <- @errors}><%= msg %></.error>
+    </div>
+    """
+  end
+
+  def input(%{type: "textarea"} = assigns) do
+    ~H"""
+    <div phx-feedback-for={@name}>
+      <.label for={@id}><%= @label %></.label>
+      <textarea
+        id={@id || @name}
+        name={@name}
+        class={[
+          "mt-2 block min-h-[6rem] w-full rounded-lg border-zinc-300 py-[7px] px-[11px]",
+          "text-zinc-900 focus:border-zinc-400 focus:outline-none focus:ring-4 focus:ring-zinc-800/5 sm:text-sm sm:leading-6",
+          "phx-no-feedback:border-zinc-300 phx-no-feedback:focus:border-zinc-400 phx-no-feedback:focus:ring-zinc-800/5",
+          "border-zinc-300 focus:border-zinc-400 focus:ring-zinc-800/5",
+          @errors != [] && "border-rose-400 focus:border-rose-400 focus:ring-rose-400/10"
+        ]}
+        {@rest}
+      ><%= Phoenix.HTML.Form.normalize_value("textarea", @value) %></textarea>
+      <.error :for={msg <- @errors}><%= msg %></.error>
+    </div>
+    """
+  end
+
+  def input(assigns) do
+    ~H"""
+    <div phx-feedback-for={@name}>
+      <.label for={@id}><%= @label %></.label>
+      <input
+        type={@type}
+        name={@name}
+        id={@id || @name}
+        value={Phoenix.HTML.Form.normalize_value(@type, @value)}
+        class={[
+          "mt-2 block w-full rounded-lg border-zinc-300 py-[7px] px-[11px]",
+          "text-zinc-900 focus:outline-none focus:ring-4 sm:text-sm sm:leading-6",
+          "phx-no-feedback:border-zinc-300 phx-no-feedback:focus:border-zinc-400 phx-no-feedback:focus:ring-zinc-800/5",
+          "border-zinc-300 focus:border-zinc-400 focus:ring-zinc-800/5",
+          @errors != [] && "border-rose-400 focus:border-rose-400 focus:ring-rose-400/10"
+        ]}
+        {@rest}
+      />
+      <.error :for={msg <- @errors}><%= msg %></.error>
+    </div>
+    """
+  end
+
+  @doc """
+  Renders a label.
+  """
+  attr :for, :string, default: nil
+  slot :inner_block, required: true
+
+  def label(assigns) do
+    ~H"""
+    <label for={@for} class="block text-sm font-semibold leading-6 text-zinc-800">
+      <%= render_slot(@inner_block) %>
+    </label>
+    """
+  end
+
+  @doc """
+  Generates a generic error message.
+  """
+  slot :inner_block, required: true
+
+  def error(assigns) do
+    ~H"""
+    <p class="phx-no-feedback:hidden mt-3 flex gap-3 text-sm leading-6 text-rose-600">
+      <.icon name="hero-exclamation-circle-mini" class="mt-0.5 w-5 h-5 flex-none" />
+      <%= render_slot(@inner_block) %>
+    </p>
+    """
+  end
+
+  @doc """
+  Renders a header with title.
+  """
+  attr :class, :string, default: nil
+
+  slot :inner_block, required: true
+  slot :subtitle
+  slot :actions
+
+  def header(assigns) do
+    ~H"""
+    <header class={[@actions != [] && "flex items-center justify-between gap-6", @class]}>
+      <div>
+        <h1 class="text-lg font-semibold leading-8 text-zinc-800">
+          <%= render_slot(@inner_block) %>
+        </h1>
+        <p :if={@subtitle != []} class="mt-2 text-sm leading-6 text-zinc-600">
+          <%= render_slot(@subtitle) %>
+        </p>
+      </div>
+      <div class="flex-none"><%= render_slot(@actions) %></div>
+    </header>
+    """
+  end
+
+  @doc ~S"""
+  Renders a table with generic styling.
+
+  ## Examples
+
+      <.table id="users" rows={@users}>
+        <:col :let={user} label="id"><%= user.id %></:col>
+        <:col :let={user} label="username"><%= user.username %></:col>
+      </.table>
+  """
+  attr :id, :string, required: true
+  attr :rows, :list, required: true
+  attr :row_id, :any, default: nil, doc: "the function for generating the row id"
+  attr :row_click, :any, default: nil, doc: "the function for handling phx-click on each row"
+
+  attr :row_item, :any,
+    default: &Function.identity/1,
+    doc: "the function for mapping each row before calling the :col and :action slots"
+
+  slot :col, required: true do
+    attr :label, :string
+  end
+
+  slot :action, doc: "the slot for showing user actions in the last table column"
+
+  def table(assigns) do
+    assigns =
+      with %{rows: %Phoenix.LiveView.LiveStream{}} <- assigns do
+        assign(assigns, row_id: assigns.row_id || fn {id, _item} -> id end)
+      end
+
+    ~H"""
+    <div class="overflow-y-auto px-4 sm:overflow-visible sm:px-0">
+      <table class="mt-11 w-[40rem] sm:w-full">
+        <thead class="text-left text-[0.8125rem] leading-6 text-zinc-500">
+          <tr>
+            <th :for={col <- @col} class="p-0 pb-4 pr-6 font-normal"><%= col[:label] %></th>
+            <th class="relative p-0 pb-4"><span class="sr-only"><%= gettext("Actions") %></span></th>
+          </tr>
+        </thead>
+        <tbody
+          id={@id}
+          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"
+        >
+          <tr :for={row <- @rows} id={@row_id && @row_id.(row)} class="group hover:bg-zinc-50">
+            <td
+              :for={{col, i} <- Enum.with_index(@col)}
+              phx-click={@row_click && @row_click.(row)}
+              class={["relative p-0", @row_click && "hover:cursor-pointer"]}
+            >
+              <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" />
+                <span class={["relative", i == 0 && "font-semibold text-zinc-900"]}>
+                  <%= render_slot(col, @row_item.(row)) %>
+                </span>
+              </div>
+            </td>
+            <td :if={@action != []} class="relative p-0 w-14">
+              <div class="relative whitespace-nowrap py-4 text-right text-sm font-medium">
+                <span class="absolute -inset-y-px -right-4 left-0 group-hover:bg-zinc-50 sm:rounded-r-xl" />
+                <span
+                  :for={action <- @action}
+                  class="relative ml-4 font-semibold leading-6 text-zinc-900 hover:text-zinc-700"
+                >
+                  <%= render_slot(action, @row_item.(row)) %>
+                </span>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    """
+  end
+
+  @doc """
+  Renders a data list.
+
+  ## Examples
+
+      <.list>
+        <:item title="Title"><%= @post.title %></:item>
+        <:item title="Views"><%= @post.views %></:item>
+      </.list>
+  """
+  slot :item, required: true do
+    attr :title, :string, required: true
+  end
+
+  def list(assigns) do
+    ~H"""
+    <div class="mt-14">
+      <dl class="-my-4 divide-y divide-zinc-100">
+        <div :for={item <- @item} class="flex gap-4 py-4 sm:gap-8">
+          <dt class="w-1/4 flex-none text-[0.8125rem] leading-6 text-zinc-500"><%= item.title %></dt>
+          <dd class="text-sm leading-6 text-zinc-700"><%= render_slot(item) %></dd>
+        </div>
+      </dl>
+    </div>
+    """
+  end
+
+  @doc """
+  Renders a back navigation link.
+
+  ## Examples
+
+      <.back navigate={~p"/posts"}>Back to posts</.back>
+  """
+  attr :navigate, :any, required: true
+  slot :inner_block, required: true
+
+  def back(assigns) do
+    ~H"""
+    <div class="mt-16">
+      <.link
+        navigate={@navigate}
+        class="text-sm font-semibold leading-6 text-zinc-900 hover:text-zinc-700"
+      >
+        <.icon name="hero-arrow-left-solid" class="w-3 h-3" />
+        <%= render_slot(@inner_block) %>
+      </.link>
+    </div>
+    """
+  end
+
+  @doc """
+  Renders a [Hero Icon](https://heroicons.com).
+
+  Hero icons come in three styles – outline, solid, and mini.
+  By default, the outline style is used, but solid an mini may
+  be applied by using the `-solid` and `-mini` suffix.
+
+  You can customize the size and colors of the icons by setting
+  width, height, and background color classes.
+
+  Icons are extracted from your `priv/hero_icons` directory and bundled
+  within your compiled app.css by the plugin in your `assets/tailwind.config.js`.
+
+  ## Examples
+
+      <.icon name="hero-cake" />
+      <.icon name="hero-cake-solid" />
+      <.icon name="hero-cake-mini" />
+      <.icon name="hero-bolt" class="bg-blue-500 w-10 h-10" />
+  """
+  attr :name, :string, required: true
+  attr :class, :string, default: nil
+
+  def icon(%{name: "hero-" <> _} = assigns) do
+    ~H"""
+    <span class={[@name, @class]} />
+    """
+  end
+
+  ## JS Commands
+
+  def show(js \\ %JS{}, selector) do
+    JS.show(js,
+      to: selector,
+      transition:
+        {"transition-all transform ease-out duration-300",
+         "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
+         "opacity-100 translate-y-0 sm:scale-100"}
+    )
+  end
+
+  def hide(js \\ %JS{}, selector) do
+    JS.hide(js,
+      to: selector,
+      time: 200,
+      transition:
+        {"transition-all transform ease-in duration-200",
+         "opacity-100 translate-y-0 sm:scale-100",
+         "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"}
+    )
+  end
+
+  def show_modal(js \\ %JS{}, id) when is_binary(id) do
+    js
+    |> JS.show(to: "##{id}")
+    |> JS.show(
+      to: "##{id}-bg",
+      transition: {"transition-all transform ease-out duration-300", "opacity-0", "opacity-100"}
+    )
+    |> show("##{id}-container")
+    |> JS.add_class("overflow-hidden", to: "body")
+    |> JS.focus_first(to: "##{id}-content")
+  end
+
+  def hide_modal(js \\ %JS{}, id) do
+    js
+    |> JS.hide(
+      to: "##{id}-bg",
+      transition: {"transition-all transform ease-in duration-200", "opacity-100", "opacity-0"}
+    )
+    |> hide("##{id}-container")
+    |> JS.hide(to: "##{id}", transition: {"block", "block", "hidden"})
+    |> JS.remove_class("overflow-hidden", to: "body")
+    |> JS.pop_focus()
+  end
+
+  @doc """
+  Translates an error message using gettext.
+  """
+  def translate_error({msg, opts}) do
+    # When using gettext, we typically pass the strings we want
+    # to translate as a static argument:
+    #
+    #     # Translate "is invalid" in the "errors" domain
+    #     dgettext("errors", "is invalid")
+    #
+    #     # Translate the number of files with plural rules
+    #     dngettext("errors", "1 file", "%{count} files", count)
+    #
+    # Because the error messages we show in our forms and APIs
+    # are defined inside Ecto, we need to translate them dynamically.
+    # This requires us to call the Gettext module passing our gettext
+    # backend as first argument.
+    #
+    # Note we use the "errors" domain, which means translations
+    # should be written to the errors.po file. The :count option is
+    # set by Ecto and indicates we should also apply plural rules.
+    if count = opts[:count] do
+      Gettext.dngettext(LaunchCartWeb.Gettext, "errors", msg, msg, count, opts)
+    else
+      Gettext.dgettext(LaunchCartWeb.Gettext, "errors", msg, opts)
+    end
+  end
+
+  @doc """
+  Translates the errors for a field from a keyword list of errors.
+  """
+  def translate_errors(errors, field) when is_list(errors) do
+    for {^field, {msg, opts}} <- errors, do: translate_error({msg, opts})
+  end
+end
diff --git a/lib/launch_cart_web/live/comment_site_live/form_component.ex b/lib/launch_cart_web/live/comment_site_live/form_component.ex
new file mode 100644
index 0000000..73a9e05
--- /dev/null
+++ b/lib/launch_cart_web/live/comment_site_live/form_component.ex
@@ -0,0 +1,64 @@
+defmodule LaunchCartWeb.CommentSiteLive.FormComponent do
+  use LaunchCartWeb, :live_component
+
+  alias LaunchCart.CommentSites
+
+
+  @impl true
+  def update(%{comment_site: comment_site} = assigns, socket) do
+    changeset = CommentSites.change_comment_site(comment_site)
+
+    {:ok,
+     socket
+     |> assign(assigns)
+     |> assign(:changeset, changeset)}
+  end
+
+  @impl true
+  def handle_event("validate", %{"comment_site" => comment_site_params}, socket) do
+    changeset =
+      socket.assigns.comment_site
+      |> CommentSites.change_comment_site(comment_site_params)
+      |> Map.put(:action, :validate)
+
+    {:noreply, assign(socket, :changeset, changeset)}
+  end
+
+  def handle_event("save", %{"comment_site" => comment_site_params}, socket) do
+    save_comment_site(socket, socket.assigns.action, comment_site_params)
+  end
+
+  defp save_comment_site(socket, :edit, comment_site_params) do
+    case CommentSites.update_comment_site(socket.assigns.comment_site, comment_site_params) do
+      {:ok, comment_site} ->
+
+        {:noreply,
+         socket
+         |> put_flash(:info, "Comment site updated successfully")
+         |> push_redirect(to: socket.assigns.return_to)}
+
+      {:error, %Ecto.Changeset{} = changeset} ->
+        {:noreply, assign(socket, :changeset, changeset)}
+    end
+  end
+
+  defp save_comment_site(socket, :new, comment_site_params) do
+    case CommentSites.create_comment_site(comment_site_params) do
+      {:ok, comment_site} ->
+
+        {:noreply,
+         socket
+         |> put_flash(:info, "Comment site created successfully")
+         |> push_redirect(to: socket.assigns.return_to)}
+
+      {:error, %Ecto.Changeset{} = changeset} ->
+        {:noreply, assign(socket, :changeset, changeset)}
+    end
+  end
+
+  defp assign_form(socket, %Ecto.Changeset{} = changeset) do
+    assign(socket, :form, to_form(changeset))
+  end
+
+  defp notify_parent(msg), do: send(self(), {__MODULE__, msg})
+end
diff --git a/lib/launch_cart_web/live/comment_site_live/form_component.html.heex b/lib/launch_cart_web/live/comment_site_live/form_component.html.heex
new file mode 100644
index 0000000..52a208f
--- /dev/null
+++ b/lib/launch_cart_web/live/comment_site_live/form_component.html.heex
@@ -0,0 +1,28 @@
+<div>
+  <h2><%= @title %></h2>
+
+  <.form
+    let={f}
+    for={@changeset}
+    id="store-form"
+    phx-target={@myself}
+    phx-change="validate"
+    phx-submit="save">
+
+    <div class="input-group">
+      <%= label f, :name %>
+      <%= error_tag f, :name %>
+      <%= text_input f, :name %>
+    </div>
+
+    <div class="input-group">
+      <%= label f, :url %>
+      <%= error_tag f, :url %>
+      <%= text_input f, :url %>
+    </div>
+    
+    <div class="form__actions">
+      <%= submit "Save", phx_disable_with: "Saving..." %>
+    </div>
+  </.form>
+</div>
diff --git a/lib/launch_cart_web/live/comment_site_live/index.ex b/lib/launch_cart_web/live/comment_site_live/index.ex
new file mode 100644
index 0000000..2d5d244
--- /dev/null
+++ b/lib/launch_cart_web/live/comment_site_live/index.ex
@@ -0,0 +1,48 @@
+defmodule LaunchCartWeb.CommentSiteLive.Index do
+  use LaunchCartWeb, :live_view
+
+  alias LaunchCart.CommentSites
+  alias LaunchCart.CommentSites.CommentSite
+
+
+  @impl true
+  def mount(_params, _session, socket) do
+    {:ok, assign(socket, :comment_sites, CommentSites.list_comment_sites())}
+  end
+
+  @impl true
+  def handle_params(params, _url, socket) do
+    {:noreply, apply_action(socket, socket.assigns.live_action, params)}
+  end
+
+  defp apply_action(socket, :edit, %{"id" => id}) do
+    socket
+    |> assign(:page_title, "Edit Comment site")
+    |> assign(:comment_site, CommentSites.get_comment_site!(id))
+  end
+
+  defp apply_action(socket, :new, _params) do
+    socket
+    |> assign(:page_title, "New Comment site")
+    |> assign(:comment_site, %CommentSite{})
+  end
+
+  defp apply_action(socket, :index, _params) do
+    socket
+    |> assign(:page_title, "Listing Comment sites")
+    |> assign(:comment_site, nil)
+  end
+
+  @impl true
+  def handle_info({LaunchCartWeb.CommentSiteLive.FormComponent, {:saved, comment_site}}, socket) do
+    {:noreply, stream_insert(socket, :comment_sites, comment_site)}
+  end
+
+  @impl true
+  def handle_event("delete", %{"id" => id}, socket) do
+    comment_site = CommentSites.get_comment_site!(id)
+    {:ok, _} = CommentSites.delete_comment_site(comment_site)
+
+    {:noreply, stream_delete(socket, :comment_sites, comment_site)}
+  end
+end
diff --git a/lib/launch_cart_web/live/comment_site_live/index.html.heex b/lib/launch_cart_web/live/comment_site_live/index.html.heex
new file mode 100644
index 0000000..b991e09
--- /dev/null
+++ b/lib/launch_cart_web/live/comment_site_live/index.html.heex
@@ -0,0 +1,40 @@
+<h1>Listing Comment Sites</h1>
+
+<%= if @live_action in [:new, :edit] do %>
+  <.modal return_to={Routes.comment_site_index_path(@socket, :index)}>
+    <.live_component
+      module={LaunchCartWeb.CommentSiteLive.FormComponent}
+      id={@comment_site.id || :new}
+      user_id={@current_user.id}
+      title={@page_title}
+      action={@live_action}
+      comment_site={@comment_site}
+      return_to={Routes.comment_site_index_path(@socket, :index)}
+    />
+  </.modal>
+<% end %>
+
+<table>
+  <thead>
+    <tr>
+      <th>Name</th>
+
+      <th></th>
+    </tr>
+  </thead>
+  <tbody id="comment_sites">
+    <%= for comment_site <- @comment_sites do %>
+      <tr id={"comment_site-#{comment_site.id}"}>
+        <td><%= comment_site.name %></td>
+
+        <td>
+          <span><%= live_redirect "Show", to: Routes.comment_site_show_path(@socket, :show, comment_site) %></span>
+          <span><%= live_patch "Edit", to: Routes.comment_site_index_path(@socket, :edit, comment_site) %></span>
+          <span><%= link "Delete", to: "#", phx_click: "delete", phx_value_id: comment_site.id, data: [confirm: "Are you sure?"] %></span>
+        </td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>
+
+<span><%= live_patch "New Form", to: Routes.comment_site_index_path(@socket, :new) %></span>
diff --git a/lib/launch_cart_web/live/comment_site_live/show.ex b/lib/launch_cart_web/live/comment_site_live/show.ex
new file mode 100644
index 0000000..3702ec9
--- /dev/null
+++ b/lib/launch_cart_web/live/comment_site_live/show.ex
@@ -0,0 +1,21 @@
+defmodule LaunchCartWeb.CommentSiteLive.Show do
+  use LaunchCartWeb, :live_view
+
+  alias LaunchCart.CommentSites
+
+  @impl true
+  def mount(_params, _session, socket) do
+    {:ok, socket}
+  end
+
+  @impl true
+  def handle_params(%{"id" => id}, _, socket) do
+    {:noreply,
+     socket
+     |> assign(:page_title, page_title(socket.assigns.live_action))
+     |> assign(:comment_site, CommentSites.get_comment_site!(id))}
+  end
+
+  defp page_title(:show), do: "Show Comment site"
+  defp page_title(:edit), do: "Edit Comment site"
+end
diff --git a/lib/launch_cart_web/live/comment_site_live/show.html.heex b/lib/launch_cart_web/live/comment_site_live/show.html.heex
new file mode 100644
index 0000000..27d116b
--- /dev/null
+++ b/lib/launch_cart_web/live/comment_site_live/show.html.heex
@@ -0,0 +1 @@
+<h1>Stuff goes here</h1>
\ No newline at end of file
diff --git a/lib/launch_cart_web/router.ex b/lib/launch_cart_web/router.ex
index ec71921..773d503 100644
--- a/lib/launch_cart_web/router.ex
+++ b/lib/launch_cart_web/router.ex
@@ -117,6 +117,13 @@ defmodule LaunchCartWeb.Router do
 
       live "/web_hooks/:id", WebHookLive.Show, :show
       live "/web_hooks/:id/show/edit", WebHookLive.Show, :edit
+
+      live "/comment_sites", CommentSiteLive.Index, :index
+      live "/comment_sites/new", CommentSiteLive.Index, :new
+      live "/comment_sites/:id/edit", CommentSiteLive.Index, :edit
+
+      live "/comment_sites/:id", CommentSiteLive.Show, :show
+      live "/comment_sites/:id/show/edit", CommentSiteLive.Show, :edit
     end
   end
 
diff --git a/priv/repo/migrations/20230628211511_create_comment_sites.exs b/priv/repo/migrations/20230628211511_create_comment_sites.exs
new file mode 100644
index 0000000..727ecb8
--- /dev/null
+++ b/priv/repo/migrations/20230628211511_create_comment_sites.exs
@@ -0,0 +1,15 @@
+defmodule LaunchCart.Repo.Migrations.CreateCommentSites do
+  use Ecto.Migration
+
+  def change do
+    create table(:comment_sites, primary_key: false) do
+      add :id, :binary_id, primary_key: true
+      add :name, :string
+      add :url, :string
+      add :user_id, references(:users, on_delete: :nothing, type: :uuid)
+
+      timestamps()
+    end
+    create index(:comment_sites, [:user_id])
+  end
+end
diff --git a/test/launch_cart/comment_sites_test.exs b/test/launch_cart/comment_sites_test.exs
new file mode 100644
index 0000000..d08d0cc
--- /dev/null
+++ b/test/launch_cart/comment_sites_test.exs
@@ -0,0 +1,61 @@
+defmodule LaunchCart.CommentSitesTest do
+  use LaunchCart.DataCase
+
+  alias LaunchCart.CommentSites
+
+  describe "comment_sites" do
+    alias LaunchCart.CommentSites.CommentSite
+
+    import LaunchCart.CommentSitesFixtures
+
+    @invalid_attrs %{name: nil, url: nil}
+
+    test "list_comment_sites/0 returns all comment_sites" do
+      comment_site = comment_site_fixture()
+      assert CommentSites.list_comment_sites() == [comment_site]
+    end
+
+    test "get_comment_site!/1 returns the comment_site with given id" do
+      comment_site = comment_site_fixture()
+      assert CommentSites.get_comment_site!(comment_site.id) == comment_site
+    end
+
+    test "create_comment_site/1 with valid data creates a comment_site" do
+      valid_attrs = %{name: "some name", url: "some url"}
+
+      assert {:ok, %CommentSite{} = comment_site} = CommentSites.create_comment_site(valid_attrs)
+      assert comment_site.name == "some name"
+      assert comment_site.url == "some url"
+    end
+
+    test "create_comment_site/1 with invalid data returns error changeset" do
+      assert {:error, %Ecto.Changeset{}} = CommentSites.create_comment_site(@invalid_attrs)
+    end
+
+    test "update_comment_site/2 with valid data updates the comment_site" do
+      comment_site = comment_site_fixture()
+      update_attrs = %{name: "some updated name", url: "some updated url"}
+
+      assert {:ok, %CommentSite{} = comment_site} = CommentSites.update_comment_site(comment_site, update_attrs)
+      assert comment_site.name == "some updated name"
+      assert comment_site.url == "some updated url"
+    end
+
+    test "update_comment_site/2 with invalid data returns error changeset" do
+      comment_site = comment_site_fixture()
+      assert {:error, %Ecto.Changeset{}} = CommentSites.update_comment_site(comment_site, @invalid_attrs)
+      assert comment_site == CommentSites.get_comment_site!(comment_site.id)
+    end
+
+    test "delete_comment_site/1 deletes the comment_site" do
+      comment_site = comment_site_fixture()
+      assert {:ok, %CommentSite{}} = CommentSites.delete_comment_site(comment_site)
+      assert_raise Ecto.NoResultsError, fn -> CommentSites.get_comment_site!(comment_site.id) end
+    end
+
+    test "change_comment_site/1 returns a comment_site changeset" do
+      comment_site = comment_site_fixture()
+      assert %Ecto.Changeset{} = CommentSites.change_comment_site(comment_site)
+    end
+  end
+end
diff --git a/test/launch_cart_web/live/comment_site_live_test.exs b/test/launch_cart_web/live/comment_site_live_test.exs
new file mode 100644
index 0000000..d7ce27b
--- /dev/null
+++ b/test/launch_cart_web/live/comment_site_live_test.exs
@@ -0,0 +1,120 @@
+defmodule LaunchCartWeb.CommentSiteLiveTest do
+  use LaunchCartWeb.ConnCase
+
+  import Phoenix.LiveViewTest
+  import LaunchCart.CommentSitesFixtures
+  import LaunchCart.Factory
+
+  @create_attrs %{name: "some name", url: "some url"}
+  @update_attrs %{name: "some updated name", url: "some updated url"}
+  @invalid_attrs %{name: nil, url: nil}
+
+  setup(%{conn: conn}) do
+    user = insert(:user)
+    conn = log_in_user(conn, user)
+    %{user: user, conn: conn}
+  end
+
+  defp create_comment_site(_) do
+    comment_site = comment_site_fixture()
+    %{comment_site: comment_site}
+  end
+
+  describe "Index" do
+    setup [:create_comment_site]
+
+    test "lists all comment_sites", %{conn: conn, comment_site: comment_site} do
+      {:ok, _index_live, html} = live(conn, Routes.comment_site_index_path(conn, :index))
+
+      assert html =~ "Listing Comment sites"
+      assert html =~ comment_site.name
+    end
+
+  #   test "saves new comment_site", %{conn: conn} do
+  #     {:ok, index_live, _html} = live(conn, Routes.comment_site_index_path(conn, :index))
+
+  #     assert index_live |> element("a", "New Comment site") |> render_click() =~
+  #              "New Comment site"
+
+  #     assert_patch(index_live, ~p"/comment_sites/new")
+
+  #     assert index_live
+  #            |> form("#comment_site-form", comment_site: @invalid_attrs)
+  #            |> render_change() =~ "can&#39;t be blank"
+
+  #     assert index_live
+  #            |> form("#comment_site-form", comment_site: @create_attrs)
+  #            |> render_submit()
+
+  #     assert_patch(index_live, ~p"/comment_sites")
+
+  #     html = render(index_live)
+  #     assert html =~ "Comment site created successfully"
+  #     assert html =~ "some name"
+  #   end
+
+  #   test "updates comment_site in listing", %{conn: conn, comment_site: comment_site} do
+  #     {:ok, index_live, _html} = live(conn, ~p"/comment_sites")
+
+  #     assert index_live |> element("#comment_sites-#{comment_site.id} a", "Edit") |> render_click() =~
+  #              "Edit Comment site"
+
+  #     assert_patch(index_live, ~p"/comment_sites/#{comment_site}/edit")
+
+  #     assert index_live
+  #            |> form("#comment_site-form", comment_site: @invalid_attrs)
+  #            |> render_change() =~ "can&#39;t be blank"
+
+  #     assert index_live
+  #            |> form("#comment_site-form", comment_site: @update_attrs)
+  #            |> render_submit()
+
+  #     assert_patch(index_live, ~p"/comment_sites")
+
+  #     html = render(index_live)
+  #     assert html =~ "Comment site updated successfully"
+  #     assert html =~ "some updated name"
+  #   end
+
+  #   test "deletes comment_site in listing", %{conn: conn, comment_site: comment_site} do
+  #     {:ok, index_live, _html} = live(conn, ~p"/comment_sites")
+
+  #     assert index_live |> element("#comment_sites-#{comment_site.id} a", "Delete") |> render_click()
+  #     refute has_element?(index_live, "#comment_sites-#{comment_site.id}")
+  #   end
+  end
+
+  # describe "Show" do
+  #   setup [:create_comment_site]
+
+  #   test "displays comment_site", %{conn: conn, comment_site: comment_site} do
+  #     {:ok, _show_live, html} = live(conn, ~p"/comment_sites/#{comment_site}")
+
+  #     assert html =~ "Show Comment site"
+  #     assert html =~ comment_site.name
+  #   end
+
+  #   test "updates comment_site within modal", %{conn: conn, comment_site: comment_site} do
+  #     {:ok, show_live, _html} = live(conn, ~p"/comment_sites/#{comment_site}")
+
+  #     assert show_live |> element("a", "Edit") |> render_click() =~
+  #              "Edit Comment site"
+
+  #     assert_patch(show_live, ~p"/comment_sites/#{comment_site}/show/edit")
+
+  #     assert show_live
+  #            |> form("#comment_site-form", comment_site: @invalid_attrs)
+  #            |> render_change() =~ "can&#39;t be blank"
+
+  #     assert show_live
+  #            |> form("#comment_site-form", comment_site: @update_attrs)
+  #            |> render_submit()
+
+  #     assert_patch(show_live, ~p"/comment_sites/#{comment_site}")
+
+  #     html = render(show_live)
+  #     assert html =~ "Comment site updated successfully"
+  #     assert html =~ "some updated name"
+  #   end
+  # end
+end
diff --git a/test/support/fixtures/comment_sites_fixtures.ex b/test/support/fixtures/comment_sites_fixtures.ex
new file mode 100644
index 0000000..c7cdc28
--- /dev/null
+++ b/test/support/fixtures/comment_sites_fixtures.ex
@@ -0,0 +1,21 @@
+defmodule LaunchCart.CommentSitesFixtures do
+  @moduledoc """
+  This module defines test helpers for creating
+  entities via the `LaunchCart.CommentSites` context.
+  """
+
+  @doc """
+  Generate a comment_site.
+  """
+  def comment_site_fixture(attrs \\ %{}) do
+    {:ok, comment_site} =
+      attrs
+      |> Enum.into(%{
+        name: "some name",
+        url: "some url"
+      })
+      |> LaunchCart.CommentSites.create_comment_site()
+
+    comment_site
+  end
+end

From b39f60ea20682c1600e1b69b4b1b657a96e83181 Mon Sep 17 00:00:00 2001
From: Chris Nelson <superchrisnelson@gmail.com>
Date: Thu, 29 Jun 2023 15:50:49 -0400
Subject: [PATCH 2/9] moar launch comments

---
 lib/factory.ex                                |   9 ++
 lib/launch_cart/comment_sites.ex              |   5 +
 lib/launch_cart/comment_sites/comment_site.ex |   2 +-
 .../live/comment_site_live/form_component.ex  |   4 +-
 .../form_component.html.heex                  |   2 +-
 .../live/comment_site_live/index.ex           |   4 +-
 .../live/comment_site_live/index.html.heex    |   2 +-
 test/launch_cart/comment_sites_test.exs       |  26 +++--
 .../live/comment_site_live_test.exs           | 101 +++++++++++-------
 9 files changed, 99 insertions(+), 56 deletions(-)

diff --git a/lib/factory.ex b/lib/factory.ex
index 0a3c06c..a0f554a 100644
--- a/lib/factory.ex
+++ b/lib/factory.ex
@@ -10,6 +10,7 @@ defmodule LaunchCart.Factory do
   alias LaunchCart.Carts.Cart
   alias LaunchCart.Carts.CartItem
   alias LaunchCart.StripeAccounts.StripeAccount
+  alias LaunchCart.CommentSites.CommentSite
   alias LaunchCart.Forms.{Form, FormResponse, FormEmail}
   alias LaunchCart.WebHooks.WebHook
 
@@ -83,4 +84,12 @@ defmodule LaunchCart.Factory do
       subject: Lorem.words(2..4)
     }
   end
+
+  def comment_site_factory() do
+    %CommentSite{
+      user: build(:user),
+      name: "My Comment Site",
+      url: "https://launchscout.com"
+    }
+  end
 end
diff --git a/lib/launch_cart/comment_sites.ex b/lib/launch_cart/comment_sites.ex
index 3546f84..590e1bf 100644
--- a/lib/launch_cart/comment_sites.ex
+++ b/lib/launch_cart/comment_sites.ex
@@ -7,6 +7,7 @@ defmodule LaunchCart.CommentSites do
   alias LaunchCart.Repo
 
   alias LaunchCart.CommentSites.CommentSite
+  alias LaunchCart.Accounts.User
 
   @doc """
   Returns the list of comment_sites.
@@ -21,6 +22,10 @@ defmodule LaunchCart.CommentSites do
     Repo.all(CommentSite)
   end
 
+  def list_comment_sites(%User{id: user_id}) do
+    Repo.all(from comment_site in CommentSite, where: comment_site.user_id == ^user_id)
+  end
+
   @doc """
   Gets a single comment_site.
 
diff --git a/lib/launch_cart/comment_sites/comment_site.ex b/lib/launch_cart/comment_sites/comment_site.ex
index 763fa7a..c1c902c 100644
--- a/lib/launch_cart/comment_sites/comment_site.ex
+++ b/lib/launch_cart/comment_sites/comment_site.ex
@@ -16,7 +16,7 @@ defmodule LaunchCart.CommentSites.CommentSite do
   @doc false
   def changeset(comment_site, attrs) do
     comment_site
-    |> cast(attrs, [:name, :url])
+    |> cast(attrs, [:name, :url, :user_id])
     |> validate_required([:name, :url])
   end
 end
diff --git a/lib/launch_cart_web/live/comment_site_live/form_component.ex b/lib/launch_cart_web/live/comment_site_live/form_component.ex
index 73a9e05..843c03d 100644
--- a/lib/launch_cart_web/live/comment_site_live/form_component.ex
+++ b/lib/launch_cart_web/live/comment_site_live/form_component.ex
@@ -42,8 +42,8 @@ defmodule LaunchCartWeb.CommentSiteLive.FormComponent do
     end
   end
 
-  defp save_comment_site(socket, :new, comment_site_params) do
-    case CommentSites.create_comment_site(comment_site_params) do
+  defp save_comment_site(%{assigns: %{user_id: user_id}} = socket, :new, comment_site_params) do
+    case CommentSites.create_comment_site(comment_site_params |> Map.put("user_id", user_id)) do
       {:ok, comment_site} ->
 
         {:noreply,
diff --git a/lib/launch_cart_web/live/comment_site_live/form_component.html.heex b/lib/launch_cart_web/live/comment_site_live/form_component.html.heex
index 52a208f..1b2ab2b 100644
--- a/lib/launch_cart_web/live/comment_site_live/form_component.html.heex
+++ b/lib/launch_cart_web/live/comment_site_live/form_component.html.heex
@@ -4,7 +4,7 @@
   <.form
     let={f}
     for={@changeset}
-    id="store-form"
+    id="comment_site-form"
     phx-target={@myself}
     phx-change="validate"
     phx-submit="save">
diff --git a/lib/launch_cart_web/live/comment_site_live/index.ex b/lib/launch_cart_web/live/comment_site_live/index.ex
index 2d5d244..9086aa9 100644
--- a/lib/launch_cart_web/live/comment_site_live/index.ex
+++ b/lib/launch_cart_web/live/comment_site_live/index.ex
@@ -6,8 +6,8 @@ defmodule LaunchCartWeb.CommentSiteLive.Index do
 
 
   @impl true
-  def mount(_params, _session, socket) do
-    {:ok, assign(socket, :comment_sites, CommentSites.list_comment_sites())}
+  def mount(_params, _session, %{assigns: %{current_user: user}} = socket) do
+    {:ok, assign(socket, :comment_sites, CommentSites.list_comment_sites(user))}
   end
 
   @impl true
diff --git a/lib/launch_cart_web/live/comment_site_live/index.html.heex b/lib/launch_cart_web/live/comment_site_live/index.html.heex
index b991e09..439ab52 100644
--- a/lib/launch_cart_web/live/comment_site_live/index.html.heex
+++ b/lib/launch_cart_web/live/comment_site_live/index.html.heex
@@ -37,4 +37,4 @@
   </tbody>
 </table>
 
-<span><%= live_patch "New Form", to: Routes.comment_site_index_path(@socket, :new) %></span>
+<span><%= live_patch "New Comment Site", to: Routes.comment_site_index_path(@socket, :new) %></span>
diff --git a/test/launch_cart/comment_sites_test.exs b/test/launch_cart/comment_sites_test.exs
index d08d0cc..db0ce31 100644
--- a/test/launch_cart/comment_sites_test.exs
+++ b/test/launch_cart/comment_sites_test.exs
@@ -6,18 +6,25 @@ defmodule LaunchCart.CommentSitesTest do
   describe "comment_sites" do
     alias LaunchCart.CommentSites.CommentSite
 
-    import LaunchCart.CommentSitesFixtures
+    import LaunchCart.Factory
 
     @invalid_attrs %{name: nil, url: nil}
 
     test "list_comment_sites/0 returns all comment_sites" do
-      comment_site = comment_site_fixture()
-      assert CommentSites.list_comment_sites() == [comment_site]
+      comment_site = insert(:comment_site)
+      assert CommentSites.list_comment_sites() |> Enum.map(& &1.id) == [comment_site.id]
+    end
+
+    test "list_comment_sites/1 returns comments for user" do
+      user = insert(:user)
+      comment_site = insert(:comment_site, user: user)
+      other_comment_site = insert(:comment_site)
+      assert CommentSites.list_comment_sites(user) |> Enum.map(& &1.id) == [comment_site.id]
     end
 
     test "get_comment_site!/1 returns the comment_site with given id" do
-      comment_site = comment_site_fixture()
-      assert CommentSites.get_comment_site!(comment_site.id) == comment_site
+      comment_site = insert(:comment_site)
+      assert CommentSites.get_comment_site!(comment_site.id)
     end
 
     test "create_comment_site/1 with valid data creates a comment_site" do
@@ -33,7 +40,7 @@ defmodule LaunchCart.CommentSitesTest do
     end
 
     test "update_comment_site/2 with valid data updates the comment_site" do
-      comment_site = comment_site_fixture()
+      comment_site = insert(:comment_site)
       update_attrs = %{name: "some updated name", url: "some updated url"}
 
       assert {:ok, %CommentSite{} = comment_site} = CommentSites.update_comment_site(comment_site, update_attrs)
@@ -42,19 +49,18 @@ defmodule LaunchCart.CommentSitesTest do
     end
 
     test "update_comment_site/2 with invalid data returns error changeset" do
-      comment_site = comment_site_fixture()
+      comment_site = insert(:comment_site)
       assert {:error, %Ecto.Changeset{}} = CommentSites.update_comment_site(comment_site, @invalid_attrs)
-      assert comment_site == CommentSites.get_comment_site!(comment_site.id)
     end
 
     test "delete_comment_site/1 deletes the comment_site" do
-      comment_site = comment_site_fixture()
+      comment_site = insert(:comment_site)
       assert {:ok, %CommentSite{}} = CommentSites.delete_comment_site(comment_site)
       assert_raise Ecto.NoResultsError, fn -> CommentSites.get_comment_site!(comment_site.id) end
     end
 
     test "change_comment_site/1 returns a comment_site changeset" do
-      comment_site = comment_site_fixture()
+      comment_site = insert(:comment_site)
       assert %Ecto.Changeset{} = CommentSites.change_comment_site(comment_site)
     end
   end
diff --git a/test/launch_cart_web/live/comment_site_live_test.exs b/test/launch_cart_web/live/comment_site_live_test.exs
index d7ce27b..a5300f0 100644
--- a/test/launch_cart_web/live/comment_site_live_test.exs
+++ b/test/launch_cart_web/live/comment_site_live_test.exs
@@ -15,8 +15,8 @@ defmodule LaunchCartWeb.CommentSiteLiveTest do
     %{user: user, conn: conn}
   end
 
-  defp create_comment_site(_) do
-    comment_site = comment_site_fixture()
+  defp create_comment_site(%{user: user}) do
+    comment_site = insert(:comment_site, user: user)
     %{comment_site: comment_site}
   end
 
@@ -24,64 +24,87 @@ defmodule LaunchCartWeb.CommentSiteLiveTest do
     setup [:create_comment_site]
 
     test "lists all comment_sites", %{conn: conn, comment_site: comment_site} do
+      other_comment_site = insert(:comment_site, name: "Other comment_site")
       {:ok, _index_live, html} = live(conn, Routes.comment_site_index_path(conn, :index))
 
       assert html =~ "Listing Comment sites"
       assert html =~ comment_site.name
+      refute html =~ other_comment_site.name
     end
 
-  #   test "saves new comment_site", %{conn: conn} do
-  #     {:ok, index_live, _html} = live(conn, Routes.comment_site_index_path(conn, :index))
+    # test "saves new form", %{conn: conn} do
+    #   {:ok, index_live, _html} = live(conn, Routes.comment_site_index_path(conn, :index))
 
-  #     assert index_live |> element("a", "New Comment site") |> render_click() =~
-  #              "New Comment site"
+    #   assert index_live |> element("a", "New Form") |> render_click() =~
+    #            "New Form"
 
-  #     assert_patch(index_live, ~p"/comment_sites/new")
+    #   assert_patch(index_live, Routes.form_index_path(conn, :new))
 
-  #     assert index_live
-  #            |> form("#comment_site-form", comment_site: @invalid_attrs)
-  #            |> render_change() =~ "can&#39;t be blank"
+    #   assert index_live
+    #          |> form("#form-form", form: @invalid_attrs)
+    #          |> render_change() =~ "can&#39;t be blank"
 
-  #     assert index_live
-  #            |> form("#comment_site-form", comment_site: @create_attrs)
-  #            |> render_submit()
+    #   {:ok, _, html} =
+    #     index_live
+    #     |> form("#form-form", form: @create_attrs)
+    #     |> render_submit()
+    #     |> follow_redirect(conn, Routes.form_index_path(conn, :index))
 
-  #     assert_patch(index_live, ~p"/comment_sites")
+    #   assert html =~ "Form created successfully"
+    #   assert html =~ "some name"
+    # end
 
-  #     html = render(index_live)
-  #     assert html =~ "Comment site created successfully"
-  #     assert html =~ "some name"
-  #   end
+    test "saves new comment_site", %{conn: conn} do
+      {:ok, index_live, _html} = live(conn, Routes.comment_site_index_path(conn, :index))
 
-  #   test "updates comment_site in listing", %{conn: conn, comment_site: comment_site} do
-  #     {:ok, index_live, _html} = live(conn, ~p"/comment_sites")
+      assert index_live |> element("a", "New Comment Site") |> render_click() =~
+               "New Comment site"
 
-  #     assert index_live |> element("#comment_sites-#{comment_site.id} a", "Edit") |> render_click() =~
-  #              "Edit Comment site"
+      assert_patch(index_live, Routes.comment_site_index_path(conn, :new))
 
-  #     assert_patch(index_live, ~p"/comment_sites/#{comment_site}/edit")
+      assert index_live
+             |> form("#comment_site-form", comment_site: @invalid_attrs)
+             |> render_change() =~ "can&#39;t be blank"
 
-  #     assert index_live
-  #            |> form("#comment_site-form", comment_site: @invalid_attrs)
-  #            |> render_change() =~ "can&#39;t be blank"
+      {:ok, _, html} =
+        index_live
+        |> form("#comment_site-form", comment_site: @create_attrs)
+        |> render_submit()
+        |> follow_redirect(conn, Routes.comment_site_index_path(conn, :index))
 
-  #     assert index_live
-  #            |> form("#comment_site-form", comment_site: @update_attrs)
-  #            |> render_submit()
+      assert html =~ "Comment site created successfully"
+      assert html =~ "some name"
+    end
 
-  #     assert_patch(index_live, ~p"/comment_sites")
+    #   test "updates comment_site in listing", %{conn: conn, comment_site: comment_site} do
+    #     {:ok, index_live, _html} = live(conn, ~p"/comment_sites")
 
-  #     html = render(index_live)
-  #     assert html =~ "Comment site updated successfully"
-  #     assert html =~ "some updated name"
-  #   end
+    #     assert index_live |> element("#comment_sites-#{comment_site.id} a", "Edit") |> render_click() =~
+    #              "Edit Comment site"
 
-  #   test "deletes comment_site in listing", %{conn: conn, comment_site: comment_site} do
-  #     {:ok, index_live, _html} = live(conn, ~p"/comment_sites")
+    #     assert_patch(index_live, ~p"/comment_sites/#{comment_site}/edit")
 
-  #     assert index_live |> element("#comment_sites-#{comment_site.id} a", "Delete") |> render_click()
-  #     refute has_element?(index_live, "#comment_sites-#{comment_site.id}")
-  #   end
+    #     assert index_live
+    #            |> form("#comment_site-form", comment_site: @invalid_attrs)
+    #            |> render_change() =~ "can&#39;t be blank"
+
+    #     assert index_live
+    #            |> form("#comment_site-form", comment_site: @update_attrs)
+    #            |> render_submit()
+
+    #     assert_patch(index_live, ~p"/comment_sites")
+
+    #     html = render(index_live)
+    #     assert html =~ "Comment site updated successfully"
+    #     assert html =~ "some updated name"
+    #   end
+
+    #   test "deletes comment_site in listing", %{conn: conn, comment_site: comment_site} do
+    #     {:ok, index_live, _html} = live(conn, ~p"/comment_sites")
+
+    #     assert index_live |> element("#comment_sites-#{comment_site.id} a", "Delete") |> render_click()
+    #     refute has_element?(index_live, "#comment_sites-#{comment_site.id}")
+    #   end
   end
 
   # describe "Show" do

From 9eeb002df715d976b9d3f9d256bda6ca2051d6b9 Mon Sep 17 00:00:00 2001
From: Chris Nelson <superchrisnelson@gmail.com>
Date: Thu, 29 Jun 2023 19:12:43 -0400
Subject: [PATCH 3/9] added launch comments

---
 assets/js/app.js                              |   1 +
 assets/js/index.js                            |   3 +-
 assets/js/launch-cart.ts                      |   5 +-
 assets/js/launch-comments.ts                  | 105 ++++++++++++++++++
 config/test.exs                               |   8 +-
 lib/factory.ex                                |   9 ++
 lib/launch_cart/comment_sites.ex              |   2 +-
 lib/launch_cart/comment_sites/comment_site.ex |   2 +
 lib/launch_cart/comments.ex                   | 104 +++++++++++++++++
 lib/launch_cart/comments/comment.ex           |  26 +++++
 .../channels/comments_channel.ex              |  36 ++++++
 lib/launch_cart_web/channels/user_socket.ex   |   2 +
 .../controllers/page_controller.ex            |   5 +
 lib/launch_cart_web/router.ex                 |   1 +
 .../page/fake_comment_site.html.heex          |   6 +
 .../20230629200319_create_comments.exs        |  17 +++
 test/launch_cart/comments_test.exs            |  62 +++++++++++
 .../features/launch_comments_test.exs         |  29 +++++
 test/support/fixtures/comments_fixtures.ex    |  22 ++++
 19 files changed, 438 insertions(+), 7 deletions(-)
 create mode 100644 assets/js/launch-comments.ts
 create mode 100644 lib/launch_cart/comments.ex
 create mode 100644 lib/launch_cart/comments/comment.ex
 create mode 100644 lib/launch_cart_web/channels/comments_channel.ex
 create mode 100644 lib/launch_cart_web/templates/page/fake_comment_site.html.heex
 create mode 100644 priv/repo/migrations/20230629200319_create_comments.exs
 create mode 100644 test/launch_cart/comments_test.exs
 create mode 100644 test/launch_cart_web/features/launch_comments_test.exs
 create mode 100644 test/support/fixtures/comments_fixtures.ex

diff --git a/assets/js/app.js b/assets/js/app.js
index 39ac82a..5ed3fe0 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -57,6 +57,7 @@ window.liveSocket = liveSocket
 import './launch-cart-additem';
 import './launch-cart';
 import './launch-form';
+import './launch-comments';
 import './web-hooks';
 import './form-emails';
 import './launch-recaptcha';
\ No newline at end of file
diff --git a/assets/js/index.js b/assets/js/index.js
index 8c42e9e..a71863b 100644
--- a/assets/js/index.js
+++ b/assets/js/index.js
@@ -2,5 +2,6 @@ import { LaunchCartElement } from "./launch-cart";
 import { LaunchCartAddItemElement } from "./launch-cart-additem";
 import { LaunchFormElement } from "./launch-form";
 import { LaunchRecaptchaElement } from "./launch-recaptcha";
+import { LaunchCommentsElement } from "./launch-comments";
 
-export {LaunchCartAddItemElement, LaunchCartElement, LaunchFormElement, LaunchRecaptchaElement};
\ No newline at end of file
+export {LaunchCartAddItemElement, LaunchCartElement, LaunchFormElement, LaunchRecaptchaElement, LaunchCommentsElement};
\ No newline at end of file
diff --git a/assets/js/launch-cart.ts b/assets/js/launch-cart.ts
index c0ca93e..9e97953 100644
--- a/assets/js/launch-cart.ts
+++ b/assets/js/launch-cart.ts
@@ -34,7 +34,7 @@ const formatPrice = (price) => {
   },
   events: {
     send: ['checkout', 'remove_cart_item', 'increase_quantity', 'decrease_quantity'],
-    receive: ['checkout_redirect', 'cart_created', 'checkout_complete']
+    receive: ['checkout_redirect', 'livestate-error', 'cart_created', 'checkout_complete']
   }
 })
 export class LaunchCartElement extends LitElement {
@@ -90,6 +90,9 @@ export class LaunchCartElement extends LitElement {
       console.log('cart created')
       window.localStorage.setItem('cart_id', e.detail.cart_id);
     });
+    this.addEventListener('livestate-error', (e: CustomEvent<{ error: string }>) => {
+      console.error(e);
+    });
   }
 
   itemCount() {
diff --git a/assets/js/launch-comments.ts b/assets/js/launch-comments.ts
new file mode 100644
index 0000000..d7711d9
--- /dev/null
+++ b/assets/js/launch-comments.ts
@@ -0,0 +1,105 @@
+import { html, LitElement, css } from 'lit'
+import { customElement, property, query, state } from 'lit/decorators.js'
+import { liveState, liveStateConfig } from 'phx-live-state';
+
+type Comment = {
+  author: string;
+  inserted_at: Date;
+  comment: string;
+}
+
+@customElement('launch-comments')
+@liveState({
+  properties: ['comments'],
+  provide: {
+    scope: window,
+    name: 'launchCommentsState'
+  },
+  events: {
+    send: ['add_comment'],
+    receive: ['comment_added']
+  }
+})
+export class LaunchCommentsElement extends LitElement {
+
+  @property()
+  @liveStateConfig('url')
+  url: string = '';
+
+  @state()
+  comments: Array<Comment> = [];
+
+  @property({ attribute: 'site-id' })
+  siteId: string = '';
+
+  @liveStateConfig('topic')
+  get topic() { return `launch_comments:${this.siteId}`; }
+
+  @query('input[name="author"]')
+  author: HTMLInputElement | undefined;
+
+  @query('textarea[name="comment"]')
+  comment: HTMLTextAreaElement | undefined;
+
+  dateTimeFormatter = new Intl.DateTimeFormat('default');
+
+  addComment(e: Event) {
+    this.dispatchEvent(new CustomEvent('add_comment', {
+      detail: {
+        author: this.author?.value,
+        comment: this.comment?.value,
+        url: window.location.href
+      }
+    }));
+    e.preventDefault();
+  }
+
+  constructor() {
+    super();
+    this.addEventListener("comment_added", (e) => {
+      console.log(e);
+      this.clearNewComment();
+    });
+  }
+
+  clearNewComment() {
+    this.author!.value = '';
+    this.comment!.value = '';
+  }
+
+  formatDateTime(dateTime) {
+    const createdAt = new Date()
+    createdAt.setTime(Date.parse(dateTime))
+    return this.dateTimeFormatter.format(createdAt);
+  }
+
+  render() {
+    return html`
+      <div part="previous-comments">
+        ${this.comments?.map(comment => html`
+        <div part="comment">
+          <div part="comment-text">${comment.comment}</div>
+          <div part="byline">
+            <span part="comment-author">${comment.author}</span> on <span
+              part="comment-created-at">${this.formatDateTime(comment.inserted_at)}</span>
+          </div>
+        </div>
+        `)}
+      </div>
+      <div part="new-comment">
+        <form part="form" @submit=${this.addComment}>
+          <div part="comment-field-author">
+            <label part="author-label" for="author">Author</label>
+            <input part="author-input" id="author" name="author" required>
+          </div>
+          <div part="comment-field-text">
+            <label part="comment-label" for="comment">Comment</label>
+            <textarea part="comment-input" id="comment" name="comment" required></textarea>
+          </div>
+          <button part="add-comment-button">Add Comment</button>
+        </form>
+      </div>
+    `;
+  }
+
+}
\ No newline at end of file
diff --git a/config/test.exs b/config/test.exs
index 1b8ea08..6b39520 100644
--- a/config/test.exs
+++ b/config/test.exs
@@ -46,7 +46,7 @@ config :launch_cart, :sandbox, Ecto.Adapters.SQL.Sandbox
 
 config :wallaby,
   otp_app: :launch_cart,
-  base_url: "http://localhost:4002"
-  # chromedriver: [
-  #   headless: false
-  # ]
+  base_url: "http://localhost:4002",
+  chromedriver: [
+    headless: false
+  ]
diff --git a/lib/factory.ex b/lib/factory.ex
index a0f554a..95fa181 100644
--- a/lib/factory.ex
+++ b/lib/factory.ex
@@ -11,6 +11,7 @@ defmodule LaunchCart.Factory do
   alias LaunchCart.Carts.CartItem
   alias LaunchCart.StripeAccounts.StripeAccount
   alias LaunchCart.CommentSites.CommentSite
+  alias LaunchCart.Comments.Comment
   alias LaunchCart.Forms.{Form, FormResponse, FormEmail}
   alias LaunchCart.WebHooks.WebHook
 
@@ -92,4 +93,12 @@ defmodule LaunchCart.Factory do
       url: "https://launchscout.com"
     }
   end
+
+  def comment_factory() do
+    %Comment{
+      comment_site: build(:comment_site),
+      author: "Bob",
+      comment: "I think therefore I am"
+    }
+  end
 end
diff --git a/lib/launch_cart/comment_sites.ex b/lib/launch_cart/comment_sites.ex
index 590e1bf..58bfb93 100644
--- a/lib/launch_cart/comment_sites.ex
+++ b/lib/launch_cart/comment_sites.ex
@@ -40,7 +40,7 @@ defmodule LaunchCart.CommentSites do
       ** (Ecto.NoResultsError)
 
   """
-  def get_comment_site!(id), do: Repo.get!(CommentSite, id)
+  def get_comment_site!(id), do: Repo.get!(CommentSite, id) |> Repo.preload([:comments])
 
   @doc """
   Creates a comment_site.
diff --git a/lib/launch_cart/comment_sites/comment_site.ex b/lib/launch_cart/comment_sites/comment_site.ex
index c1c902c..eb0a685 100644
--- a/lib/launch_cart/comment_sites/comment_site.ex
+++ b/lib/launch_cart/comment_sites/comment_site.ex
@@ -2,6 +2,7 @@ defmodule LaunchCart.CommentSites.CommentSite do
   use Ecto.Schema
   import Ecto.Changeset
   alias LaunchCart.Accounts.User
+  alias LaunchCart.Comments.Comment
 
   @primary_key {:id, :binary_id, autogenerate: true}
   @foreign_key_type :binary_id
@@ -9,6 +10,7 @@ defmodule LaunchCart.CommentSites.CommentSite do
     field :name, :string
     field :url, :string
     belongs_to :user, User
+    has_many :comments, Comment
 
     timestamps()
   end
diff --git a/lib/launch_cart/comments.ex b/lib/launch_cart/comments.ex
new file mode 100644
index 0000000..6714d4d
--- /dev/null
+++ b/lib/launch_cart/comments.ex
@@ -0,0 +1,104 @@
+defmodule LaunchCart.Comments do
+  @moduledoc """
+  The Comments context.
+  """
+
+  import Ecto.Query, warn: false
+  alias LaunchCart.Repo
+
+  alias LaunchCart.Comments.Comment
+
+  @doc """
+  Returns the list of comments.
+
+  ## Examples
+
+      iex> list_comments()
+      [%Comment{}, ...]
+
+  """
+  def list_comments do
+    Repo.all(Comment)
+  end
+
+  @doc """
+  Gets a single comment.
+
+  Raises `Ecto.NoResultsError` if the Comment does not exist.
+
+  ## Examples
+
+      iex> get_comment!(123)
+      %Comment{}
+
+      iex> get_comment!(456)
+      ** (Ecto.NoResultsError)
+
+  """
+  def get_comment!(id), do: Repo.get!(Comment, id)
+
+  @doc """
+  Creates a comment.
+
+  ## Examples
+
+      iex> create_comment(%{field: value})
+      {:ok, %Comment{}}
+
+      iex> create_comment(%{field: bad_value})
+      {:error, %Ecto.Changeset{}}
+
+  """
+  def create_comment(attrs \\ %{}) do
+    %Comment{}
+    |> Comment.changeset(attrs)
+    |> Repo.insert()
+  end
+
+  @doc """
+  Updates a comment.
+
+  ## Examples
+
+      iex> update_comment(comment, %{field: new_value})
+      {:ok, %Comment{}}
+
+      iex> update_comment(comment, %{field: bad_value})
+      {:error, %Ecto.Changeset{}}
+
+  """
+  def update_comment(%Comment{} = comment, attrs) do
+    comment
+    |> Comment.changeset(attrs)
+    |> Repo.update()
+  end
+
+  @doc """
+  Deletes a comment.
+
+  ## Examples
+
+      iex> delete_comment(comment)
+      {:ok, %Comment{}}
+
+      iex> delete_comment(comment)
+      {:error, %Ecto.Changeset{}}
+
+  """
+  def delete_comment(%Comment{} = comment) do
+    Repo.delete(comment)
+  end
+
+  @doc """
+  Returns an `%Ecto.Changeset{}` for tracking comment changes.
+
+  ## Examples
+
+      iex> change_comment(comment)
+      %Ecto.Changeset{data: %Comment{}}
+
+  """
+  def change_comment(%Comment{} = comment, attrs \\ %{}) do
+    Comment.changeset(comment, attrs)
+  end
+end
diff --git a/lib/launch_cart/comments/comment.ex b/lib/launch_cart/comments/comment.ex
new file mode 100644
index 0000000..9576a99
--- /dev/null
+++ b/lib/launch_cart/comments/comment.ex
@@ -0,0 +1,26 @@
+defmodule LaunchCart.Comments.Comment do
+  use Ecto.Schema
+  import Ecto.Changeset
+
+  @derive {Jason.Encoder, except: [:__meta__, :comment_site]}
+
+  alias LaunchCart.CommentSites.CommentSite
+
+  @primary_key {:id, :binary_id, autogenerate: true}
+  @foreign_key_type :binary_id
+  schema "comments" do
+    field :author, :string
+    field :comment, :string
+    field :url, :string
+    belongs_to :comment_site, CommentSite
+
+    timestamps()
+  end
+
+  @doc false
+  def changeset(comment, attrs) do
+    comment
+    |> cast(attrs, [:author, :comment, :url, :comment_site_id])
+    |> validate_required([:author, :comment, :url])
+  end
+end
diff --git a/lib/launch_cart_web/channels/comments_channel.ex b/lib/launch_cart_web/channels/comments_channel.ex
new file mode 100644
index 0000000..ccfa8a7
--- /dev/null
+++ b/lib/launch_cart_web/channels/comments_channel.ex
@@ -0,0 +1,36 @@
+defmodule LaunchCartWeb.CommentsChannel do
+  use LiveState.Channel, web_module: LaunchCartWeb
+
+  alias LaunchCart.Comments
+  alias LaunchCart.CommentSites
+  alias LaunchCart.CommentSites.CommentSite
+  alias LiveState.Event
+
+  @impl true
+  def state_key, do: :state
+
+  @impl true
+  @spec init(any, any, any) :: {:ok, %{comments: any}}
+  def init("launch_comments:" <> comment_site_id, _params, _socket) do
+    Phoenix.PubSub.subscribe(LaunchCart.PubSub, "comments:#{comment_site_id}")
+    case CommentSites.get_comment_site!(comment_site_id) do
+      nil -> {:error, "Comment site not found"}
+      %CommentSite{comments: comments} ->
+        {:ok, %{comments: comments}}
+    end
+  end
+
+  @impl true
+  def handle_event("add_comment", comment_params, %{comments: comments} = state) do
+    case Comments.create_comment(comment_params) do
+      {:ok, comment} ->
+        new_state = Map.put(state, :comments, comments ++ [comment])
+        {:reply, [%Event{name: "comment_added", detail: comment}], new_state}
+    end
+  end
+
+  @impl true
+  def handle_message({:comment_created, comment}, state) do
+    {:noreply, state |> Map.put(:comments, Comments.list_comments(comment.comment_site_id))}
+  end
+end
diff --git a/lib/launch_cart_web/channels/user_socket.ex b/lib/launch_cart_web/channels/user_socket.ex
index 9397be8..37633fd 100644
--- a/lib/launch_cart_web/channels/user_socket.ex
+++ b/lib/launch_cart_web/channels/user_socket.ex
@@ -12,6 +12,8 @@ defmodule LaunchCartWeb.UserSocket do
 
   channel "launch_form:*", LaunchCartWeb.LaunchFormChannel
 
+  channel "launch_comments:*", LaunchCartWeb.CommentsChannel
+
   # Socket params are passed from the client and can
   # be used to verify and authenticate a user. After
   # verification, you can put default assigns into
diff --git a/lib/launch_cart_web/controllers/page_controller.ex b/lib/launch_cart_web/controllers/page_controller.ex
index 2b937b9..4e82406 100644
--- a/lib/launch_cart_web/controllers/page_controller.ex
+++ b/lib/launch_cart_web/controllers/page_controller.ex
@@ -28,6 +28,11 @@ defmodule LaunchCartWeb.PageController do
     render(conn, "fake_form.html", url: url, form_id: form_id)
   end
 
+  def fake_comment_site(conn, %{"comment_site_id" => comment_site_id}) do
+    url = "#{String.replace(Endpoint.url(), "http:", "ws:")}/socket"
+    render(conn, "fake_comment_site.html", url: url, comment_site_id: comment_site_id)
+  end
+
   def fake_form_recaptcha(conn, %{"form_id" => form_id}) do
     url = "#{String.replace(Endpoint.url(), "http:", "ws:")}/socket"
     render(conn, "fake_form_recaptcha.html", url: url, form_id: form_id)
diff --git a/lib/launch_cart_web/router.ex b/lib/launch_cart_web/router.ex
index 773d503..a3b13b3 100644
--- a/lib/launch_cart_web/router.ex
+++ b/lib/launch_cart_web/router.ex
@@ -22,6 +22,7 @@ defmodule LaunchCartWeb.Router do
 
     get "/fake_stores/:store_id", PageController, :fake_store
     get "/fake_form/:form_id", PageController, :fake_form
+    get "/fake_comment_site/:comment_site_id", PageController, :fake_comment_site
     get "/fake_form_recaptcha/:form_id", PageController, :fake_form_recaptcha
     get "/", PageController, :index
     get "/api_docs", PageController, :api_docs
diff --git a/lib/launch_cart_web/templates/page/fake_comment_site.html.heex b/lib/launch_cart_web/templates/page/fake_comment_site.html.heex
new file mode 100644
index 0000000..8c9a730
--- /dev/null
+++ b/lib/launch_cart_web/templates/page/fake_comment_site.html.heex
@@ -0,0 +1,6 @@
+<h1>Here's a page</h1>
+
+Here are some comments:
+
+<launch-comments url={@url} site-id={@comment_site_id} />
+
diff --git a/priv/repo/migrations/20230629200319_create_comments.exs b/priv/repo/migrations/20230629200319_create_comments.exs
new file mode 100644
index 0000000..53aef92
--- /dev/null
+++ b/priv/repo/migrations/20230629200319_create_comments.exs
@@ -0,0 +1,17 @@
+defmodule LaunchCart.Repo.Migrations.CreateComments do
+  use Ecto.Migration
+
+  def change do
+    create table(:comments, primary_key: false) do
+      add :id, :binary_id, primary_key: true
+      add :author, :string
+      add :comment, :text
+      add :url, :string
+      add :comment_site_id, references(:comment_sites, on_delete: :nothing, type: :uuid)
+
+      timestamps()
+    end
+
+    create index(:comments, [:comment_site_id])
+  end
+end
diff --git a/test/launch_cart/comments_test.exs b/test/launch_cart/comments_test.exs
new file mode 100644
index 0000000..7d76bac
--- /dev/null
+++ b/test/launch_cart/comments_test.exs
@@ -0,0 +1,62 @@
+defmodule LaunchCart.CommentsTest do
+  use LaunchCart.DataCase
+
+  alias LaunchCart.Comments
+
+  describe "comments" do
+    alias LaunchCart.Comments.Comment
+
+    import LaunchCart.Factory
+
+    @invalid_attrs %{author: nil, comment: nil, url: nil}
+
+    test "list_comments/1 returns all comments for site" do
+      comment = insert(:comment)
+      assert Comments.list_comments() |> Enum.map(& &1.id) == [comment.id]
+    end
+
+    test "get_comment!/1 returns the comment with given id" do
+      comment = insert(:comment)
+      assert Comments.get_comment!(comment.id)
+    end
+
+    test "create_comment/1 with valid data creates a comment" do
+      valid_attrs = %{author: "some author", comment: "some comment", url: "some url"}
+
+      assert {:ok, %Comment{} = comment} = Comments.create_comment(valid_attrs)
+      assert comment.author == "some author"
+      assert comment.comment == "some comment"
+      assert comment.url == "some url"
+    end
+
+    test "create_comment/1 with invalid data returns error changeset" do
+      assert {:error, %Ecto.Changeset{}} = Comments.create_comment(@invalid_attrs)
+    end
+
+    test "update_comment/2 with valid data updates the comment" do
+      comment = insert(:comment)
+      update_attrs = %{author: "some updated author", comment: "some updated comment", url: "some updated url"}
+
+      assert {:ok, %Comment{} = comment} = Comments.update_comment(comment, update_attrs)
+      assert comment.author == "some updated author"
+      assert comment.comment == "some updated comment"
+      assert comment.url == "some updated url"
+    end
+
+    test "update_comment/2 with invalid data returns error changeset" do
+      comment = insert(:comment)
+      assert {:error, %Ecto.Changeset{}} = Comments.update_comment(comment, @invalid_attrs)
+    end
+
+    test "delete_comment/1 deletes the comment" do
+      comment = insert(:comment)
+      assert {:ok, %Comment{}} = Comments.delete_comment(comment)
+      assert_raise Ecto.NoResultsError, fn -> Comments.get_comment!(comment.id) end
+    end
+
+    test "change_comment/1 returns a comment changeset" do
+      comment = insert(:comment)
+      assert %Ecto.Changeset{} = Comments.change_comment(comment)
+    end
+  end
+end
diff --git a/test/launch_cart_web/features/launch_comments_test.exs b/test/launch_cart_web/features/launch_comments_test.exs
new file mode 100644
index 0000000..697128b
--- /dev/null
+++ b/test/launch_cart_web/features/launch_comments_test.exs
@@ -0,0 +1,29 @@
+defmodule LaunchCartWeb.Features.LaunchCommentsTest do
+  use ExUnit.Case, async: false
+  use Wallaby.Feature
+
+  alias LaunchCart.Repo
+  alias LaunchCart.CommentSites
+
+  import Wallaby.Query
+  import LaunchCart.Factory
+
+  setup do
+    comment_site = insert(:comment_site)
+    {:ok, %{comment_site: comment_site}}
+  end
+
+  feature "adds a comment", %{session: session, comment_site: comment_site} do
+    session
+    |> visit("/fake_comment_site/#{comment_site.id}")
+    |> find(css("launch-comments"))
+    |> shadow_root()
+    |> fill_in(css("#author"), with: "Bob")
+    |> fill_in(css("#comment"), with: "Has sumpin to say")
+    |> click(css("button"))
+    |> assert_has(css("div[part='comment-text']", text: "Has sumpin to say"))
+
+    assert %{comments: [%{comment: "Has sumpin to say", author: "Bob"}]} =
+             CommentSites.get_comment_site!(comment_site.id) |> Repo.preload(:comments)
+  end
+end
diff --git a/test/support/fixtures/comments_fixtures.ex b/test/support/fixtures/comments_fixtures.ex
new file mode 100644
index 0000000..afbaa0b
--- /dev/null
+++ b/test/support/fixtures/comments_fixtures.ex
@@ -0,0 +1,22 @@
+defmodule LaunchCart.CommentsFixtures do
+  @moduledoc """
+  This module defines test helpers for creating
+  entities via the `LaunchCart.Comments` context.
+  """
+
+  @doc """
+  Generate a comment.
+  """
+  def comment_fixture(attrs \\ %{}) do
+    {:ok, comment} =
+      attrs
+      |> Enum.into(%{
+        author: "some author",
+        comment: "some comment",
+        url: "some url"
+      })
+      |> LaunchCart.Comments.create_comment()
+
+    comment
+  end
+end

From 3e7783731010cd753c831871ffb68d37dc652d6a Mon Sep 17 00:00:00 2001
From: Chris Nelson <superchrisnelson@gmail.com>
Date: Mon, 25 Sep 2023 17:35:58 -0400
Subject: [PATCH 4/9] send site id

---
 assets/js/launch-comments.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/assets/js/launch-comments.ts b/assets/js/launch-comments.ts
index d7711d9..ff56756 100644
--- a/assets/js/launch-comments.ts
+++ b/assets/js/launch-comments.ts
@@ -48,7 +48,8 @@ export class LaunchCommentsElement extends LitElement {
       detail: {
         author: this.author?.value,
         comment: this.comment?.value,
-        url: window.location.href
+        url: window.location.href,
+        comment_site_id: this.siteId
       }
     }));
     e.preventDefault();

From 1906f0355474a44394559735ec588df70697026e Mon Sep 17 00:00:00 2001
From: Chris Nelson <superchrisnelson@gmail.com>
Date: Mon, 25 Sep 2023 17:36:13 -0400
Subject: [PATCH 5/9] oops

---
 config/test.exs | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/config/test.exs b/config/test.exs
index 6b39520..1b8ea08 100644
--- a/config/test.exs
+++ b/config/test.exs
@@ -46,7 +46,7 @@ config :launch_cart, :sandbox, Ecto.Adapters.SQL.Sandbox
 
 config :wallaby,
   otp_app: :launch_cart,
-  base_url: "http://localhost:4002",
-  chromedriver: [
-    headless: false
-  ]
+  base_url: "http://localhost:4002"
+  # chromedriver: [
+  #   headless: false
+  # ]

From 027e37edb75b19c132b143ff6bd6e7837515a9f9 Mon Sep 17 00:00:00 2001
From: Chris Nelson <superchrisnelson@gmail.com>
Date: Mon, 25 Sep 2023 17:57:31 -0400
Subject: [PATCH 6/9] comments appear as they are added

---
 lib/launch_cart/comments.ex                   | 20 +++++++++++++++++--
 test/launch_cart/comments_test.exs            |  2 +-
 .../features/launch_comments_test.exs         | 19 ++++++++++++++++++
 3 files changed, 38 insertions(+), 3 deletions(-)

diff --git a/lib/launch_cart/comments.ex b/lib/launch_cart/comments.ex
index 6714d4d..85ca11b 100644
--- a/lib/launch_cart/comments.ex
+++ b/lib/launch_cart/comments.ex
@@ -17,8 +17,9 @@ defmodule LaunchCart.Comments do
       [%Comment{}, ...]
 
   """
-  def list_comments do
-    Repo.all(Comment)
+  def list_comments(site_id) do
+    from(c in Comment, where: c.comment_site_id == ^site_id, order_by: {:desc, c.inserted_at})
+    |> Repo.all()
   end
 
   @doc """
@@ -53,6 +54,21 @@ defmodule LaunchCart.Comments do
     %Comment{}
     |> Comment.changeset(attrs)
     |> Repo.insert()
+    |> case do
+      {:ok, comment} ->
+        Phoenix.PubSub.broadcast(
+          LaunchCart.PubSub,
+          "comments:#{comment.comment_site_id}",
+          {:comment_created, comment}
+        )
+
+        # what do here?
+        # comment |> CommentEmail.comment_added() |> Mailer.deliver() |> IO.inspect()
+        {:ok, comment}
+
+      {:error, changeset} ->
+        {:error, changeset}
+    end
   end
 
   @doc """
diff --git a/test/launch_cart/comments_test.exs b/test/launch_cart/comments_test.exs
index 7d76bac..026b0f2 100644
--- a/test/launch_cart/comments_test.exs
+++ b/test/launch_cart/comments_test.exs
@@ -12,7 +12,7 @@ defmodule LaunchCart.CommentsTest do
 
     test "list_comments/1 returns all comments for site" do
       comment = insert(:comment)
-      assert Comments.list_comments() |> Enum.map(& &1.id) == [comment.id]
+      assert Comments.list_comments(comment.comment_site_id) |> Enum.map(& &1.id) == [comment.id]
     end
 
     test "get_comment!/1 returns the comment with given id" do
diff --git a/test/launch_cart_web/features/launch_comments_test.exs b/test/launch_cart_web/features/launch_comments_test.exs
index 697128b..1951167 100644
--- a/test/launch_cart_web/features/launch_comments_test.exs
+++ b/test/launch_cart_web/features/launch_comments_test.exs
@@ -4,6 +4,7 @@ defmodule LaunchCartWeb.Features.LaunchCommentsTest do
 
   alias LaunchCart.Repo
   alias LaunchCart.CommentSites
+  alias LaunchCart.Comments
 
   import Wallaby.Query
   import LaunchCart.Factory
@@ -26,4 +27,22 @@ defmodule LaunchCartWeb.Features.LaunchCommentsTest do
     assert %{comments: [%{comment: "Has sumpin to say", author: "Bob"}]} =
              CommentSites.get_comment_site!(comment_site.id) |> Repo.preload(:comments)
   end
+
+  feature "sees new comments as they are created", %{session: session, comment_site: comment_site} do
+    session = session
+    |> visit("/fake_comment_site/#{comment_site.id}")
+
+    {:ok, _comment} =
+      Comments.create_comment(%{
+        comment_site_id: comment_site.id,
+        url: "http://foo.bar",
+        author: "Yo Mamma",
+        comment: "is so great that you are lucky to have her."
+      })
+
+    session
+    |> find(css("launch-comments"))
+    |> shadow_root()
+    |> assert_has(css("div[part='comment-text']", text: "is so great"))
+  end
 end

From 7cfbae792c97a92fdb19dff60681833a7d1d2480 Mon Sep 17 00:00:00 2001
From: Chris Nelson <superchrisnelson@gmail.com>
Date: Mon, 25 Sep 2023 18:07:34 -0400
Subject: [PATCH 7/9] send email as before

---
 lib/launch_cart/comments.ex                     |  7 ++++---
 lib/launch_cart/comments/comment_email.ex       | 17 +++++++++++++++++
 .../channels/comments_channel.ex                |  3 +++
 3 files changed, 24 insertions(+), 3 deletions(-)
 create mode 100644 lib/launch_cart/comments/comment_email.ex

diff --git a/lib/launch_cart/comments.ex b/lib/launch_cart/comments.ex
index 85ca11b..8ff523b 100644
--- a/lib/launch_cart/comments.ex
+++ b/lib/launch_cart/comments.ex
@@ -6,7 +6,9 @@ defmodule LaunchCart.Comments do
   import Ecto.Query, warn: false
   alias LaunchCart.Repo
 
-  alias LaunchCart.Comments.Comment
+  alias LaunchCart.Comments.{Comment, CommentEmail}
+
+  alias LaunchCart.Mailer
 
   @doc """
   Returns the list of comments.
@@ -62,8 +64,7 @@ defmodule LaunchCart.Comments do
           {:comment_created, comment}
         )
 
-        # what do here?
-        # comment |> CommentEmail.comment_added() |> Mailer.deliver() |> IO.inspect()
+        comment |> CommentEmail.comment_added() |> Mailer.deliver() |> IO.inspect()
         {:ok, comment}
 
       {:error, changeset} ->
diff --git a/lib/launch_cart/comments/comment_email.ex b/lib/launch_cart/comments/comment_email.ex
new file mode 100644
index 0000000..d82af9e
--- /dev/null
+++ b/lib/launch_cart/comments/comment_email.ex
@@ -0,0 +1,17 @@
+defmodule LaunchCart.Comments.CommentEmail do
+  import Swoosh.Email
+
+  alias LaunchCart.Comments.Comment
+
+  def comment_added(%Comment{url: url, comment: comment, author: author}) do
+    new()
+    |> to({"LiveState Comments", "blog-comments@gaslight.co"})
+    |> from({"Comment Sender", "chris+mailgun@gaslight.co"})
+    |> subject("New Comment added")
+    |> text_body """
+    A new comment by #{author} was added for #{url}
+
+    Comment: #{comment}
+    """
+  end
+end
diff --git a/lib/launch_cart_web/channels/comments_channel.ex b/lib/launch_cart_web/channels/comments_channel.ex
index ccfa8a7..319a9a3 100644
--- a/lib/launch_cart_web/channels/comments_channel.ex
+++ b/lib/launch_cart_web/channels/comments_channel.ex
@@ -33,4 +33,7 @@ defmodule LaunchCartWeb.CommentsChannel do
   def handle_message({:comment_created, comment}, state) do
     {:noreply, state |> Map.put(:comments, Comments.list_comments(comment.comment_site_id))}
   end
+
+  @impl true
+  def handle_message(_message, state), do: {:noreply, state}
 end

From 4ff7fe358048aca9bfce022b8e27f268e64e1dd0 Mon Sep 17 00:00:00 2001
From: Chris Nelson <superchrisnelson@gmail.com>
Date: Mon, 25 Sep 2023 18:35:02 -0400
Subject: [PATCH 8/9] serve up the js locally too

---
 lib/launch_cart_web/endpoint.ex | 2 ++
 mix.exs                         | 1 +
 2 files changed, 3 insertions(+)

diff --git a/lib/launch_cart_web/endpoint.ex b/lib/launch_cart_web/endpoint.ex
index 1636d51..e90e965 100644
--- a/lib/launch_cart_web/endpoint.ex
+++ b/lib/launch_cart_web/endpoint.ex
@@ -5,6 +5,8 @@ defmodule LaunchCartWeb.Endpoint do
     plug Phoenix.Ecto.SQL.Sandbox, sandbox: sandbox
   end
 
+  plug CORSPlug
+
   # The session will be stored in the cookie and signed,
   # this means its contents can be read but not tampered with.
   # Set :encryption_salt if you would also like to encrypt it.
diff --git a/mix.exs b/mix.exs
index a3f5d77..51ef5ca 100644
--- a/mix.exs
+++ b/mix.exs
@@ -62,6 +62,7 @@ defmodule LaunchCart.MixProject do
       {:telemetry_poller, "~> 1.0"},
       {:httpoison, ">= 0.0.0"},
       {:live_elements, ">= 0.0.0"},
+      {:cors_plug, ">= 0.0.0"},
       {:wallaby, "~> 0.30.2",
        git: "https://github.com/launchscout/wallaby.git",
        branch: "shadow-dom",

From 3aa7831f5a5d1317d7ad42de8ef70dc5bfdd7725 Mon Sep 17 00:00:00 2001
From: Chris Nelson <superchrisnelson@gmail.com>
Date: Mon, 25 Sep 2023 18:35:39 -0400
Subject: [PATCH 9/9] bump npm

---
 assets/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/package.json b/assets/package.json
index 8e5bbc0..8467c00 100644
--- a/assets/package.json
+++ b/assets/package.json
@@ -1,7 +1,7 @@
 {
   "name": "launch-elements",
   "description": "A set of custom elements to add an interactive functionality to your website",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "main": "dist/index.js",
   "author": {
     "email": "chris@launchscout.com",