mirror of
https://github.com/livebook-dev/livebook.git
synced 2025-01-11 01:18:12 +08:00
275 lines
8.5 KiB
Elixir
275 lines
8.5 KiB
Elixir
defmodule LivebookWeb.SessionLive.SecretsComponent do
|
|
use LivebookWeb, :live_component
|
|
|
|
alias Livebook.Hubs
|
|
alias Livebook.Secrets
|
|
alias Livebook.Secrets.Secret
|
|
alias Livebook.Session
|
|
|
|
@impl true
|
|
def mount(socket) do
|
|
{:ok, assign(socket, title: title(socket))}
|
|
end
|
|
|
|
@impl true
|
|
def update(assigns, socket) do
|
|
socket = assign(socket, assigns)
|
|
|
|
secret_name = socket.assigns[:prefill_secret_name]
|
|
|
|
socket =
|
|
socket
|
|
|> assign_new(:changeset, fn ->
|
|
attrs = %{name: secret_name, value: nil, hub_id: "session", readonly: false}
|
|
Secrets.change_secret(%Secret{}, attrs)
|
|
end)
|
|
|> assign_new(:grant_access_secret, fn ->
|
|
Enum.find(
|
|
socket.assigns.saved_secrets,
|
|
&(&1.name == secret_name and secret_name not in Map.keys(socket.assigns.secrets))
|
|
)
|
|
end)
|
|
|
|
{:ok, socket}
|
|
end
|
|
|
|
@impl true
|
|
def render(assigns) do
|
|
~H"""
|
|
<div class="p-6 max-w-4xl flex flex-col space-y-5">
|
|
<h3 class="text-2xl font-semibold text-gray-800">
|
|
<%= @title %>
|
|
</h3>
|
|
<.grant_access_message
|
|
:if={@grant_access_secret}
|
|
secret={@grant_access_secret}
|
|
target={@myself}
|
|
hub={@hub}
|
|
/>
|
|
<div class="flex flex-columns gap-4">
|
|
<div :if={@select_secret_ref} class="basis-1/2 grow-0 pr-4 border-r">
|
|
<div class="flex flex-col space-y-4">
|
|
<p class="text-gray-800">
|
|
Choose a secret
|
|
</p>
|
|
<div class="flex flex-wrap">
|
|
<.secret_with_badge
|
|
:for={{secret_name, _} <- Enum.sort(@secrets)}
|
|
secret_name={secret_name}
|
|
secret_origin={:session}
|
|
stored="Session"
|
|
active={secret_name == @prefill_secret_name}
|
|
target={@myself}
|
|
/>
|
|
<.secret_with_badge
|
|
:for={secret <- @saved_secrets}
|
|
:if={!is_map_key(@secrets, secret.name) and @secrets[secret.name] != secret.value}
|
|
secret_name={secret.name}
|
|
stored={hub_label(@hub)}
|
|
active={false}
|
|
target={@myself}
|
|
/>
|
|
<div
|
|
:if={@secrets == %{} and @saved_secrets == []}
|
|
class="w-full text-center text-gray-400 border rounded-lg p-8"
|
|
>
|
|
<.remix_icon icon="folder-lock-line" class="align-middle text-2xl" />
|
|
<span class="mt-1 block text-sm text-gray-700">
|
|
Secrets not found. <br /> Add to see them here.
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<.form
|
|
:let={f}
|
|
for={@changeset}
|
|
phx-target={@myself}
|
|
phx-change="validate"
|
|
phx-submit="save"
|
|
autocomplete="off"
|
|
class="basis-1/2 grow"
|
|
>
|
|
<div class="flex flex-col space-y-4">
|
|
<p :if={@select_secret_ref} class="text-gray-700">
|
|
Add new secret
|
|
</p>
|
|
<.text_field
|
|
field={f[:name]}
|
|
label="Name (alphanumeric and underscore)"
|
|
autofocus={@prefill_secret_name == nil}
|
|
spellcheck="false"
|
|
autocomplete="off"
|
|
phx-debounce
|
|
class="uppercase"
|
|
/>
|
|
<.text_field
|
|
field={f[:value]}
|
|
label="Value"
|
|
autofocus={@prefill_secret_name != nil}
|
|
spellcheck="false"
|
|
autocomplete="off"
|
|
phx-debounce
|
|
/>
|
|
<.radio_field
|
|
field={f[:hub_id]}
|
|
label="Storage"
|
|
options={[
|
|
{"session", "only this session"},
|
|
{@hub.id, "in #{@hub.hub_emoji} #{@hub.hub_name}"}
|
|
]}
|
|
/>
|
|
<div class="flex space-x-2">
|
|
<button class="button-base button-blue" type="submit" disabled={not @changeset.valid?}>
|
|
<.remix_icon icon="add-line" class="align-middle" />
|
|
<span class="font-normal">Add</span>
|
|
</button>
|
|
<.link patch={@return_to} class="button-base button-outlined-gray">
|
|
Cancel
|
|
</.link>
|
|
</div>
|
|
</div>
|
|
</.form>
|
|
</div>
|
|
</div>
|
|
"""
|
|
end
|
|
|
|
defp secret_with_badge(assigns) do
|
|
assigns = assign_new(assigns, :secret_origin, fn -> nil end)
|
|
|
|
~H"""
|
|
<div
|
|
role="button"
|
|
class={[
|
|
"flex justify-between w-full font-mono text-sm p-2 border-b cursor-pointer",
|
|
if @active do
|
|
"bg-blue-100 text-blue-700"
|
|
else
|
|
"text-gray-700 hover:bg-gray-100"
|
|
end
|
|
]}
|
|
phx-value-name={@secret_name}
|
|
phx-value-origin={@secret_origin}
|
|
phx-target={@target}
|
|
phx-click="grant_access"
|
|
>
|
|
<%= @secret_name %>
|
|
<span class={[
|
|
"inline-flex items-center font-sans rounded-full px-2.5 py-0.5 text-xs font-medium bg-gray-100",
|
|
if @active do
|
|
"bg-indigo-100 text-blue-800"
|
|
else
|
|
"bg-gray-100 text-gray-800"
|
|
end
|
|
]}>
|
|
<svg
|
|
:if={@active}
|
|
class="-ml-0.5 mr-1.5 h-2 w-2 text-blue-400"
|
|
fill="currentColor"
|
|
viewBox="0 0 8 8"
|
|
>
|
|
<circle cx="4" cy="4" r="3" />
|
|
</svg>
|
|
<%= @stored %>
|
|
</span>
|
|
</div>
|
|
"""
|
|
end
|
|
|
|
defp grant_access_message(assigns) do
|
|
~H"""
|
|
<div>
|
|
<div class="mx-auto">
|
|
<div class="rounded-lg bg-blue-600 py-1 px-4 shadow-sm">
|
|
<div class="flex flex-wrap items-center justify-between">
|
|
<div class="flex w-0 flex-1 items-center">
|
|
<.remix_icon
|
|
icon="error-warning-fill"
|
|
class="align-middle text-2xl flex text-gray-100 rounded-lg py-2"
|
|
/>
|
|
<span class="ml-2 text-sm font-normal text-gray-100">
|
|
There is a secret named
|
|
<span class="font-semibold text-white"><%= @secret.name %></span>
|
|
in <%= hub_label(@hub) %>. Allow this session to access it?
|
|
</span>
|
|
</div>
|
|
<button
|
|
class="button-base button-gray"
|
|
phx-click="grant_access"
|
|
phx-value-name={@secret.name}
|
|
phx-value-hub_id={@secret.hub_id}
|
|
phx-target={@target}
|
|
>
|
|
Grant access
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
"""
|
|
end
|
|
|
|
@impl true
|
|
def handle_event("save", %{"secret" => attrs}, socket) do
|
|
with {:ok, secret} <- Secrets.update_secret(%Secret{}, attrs),
|
|
:ok <- set_secret(socket, secret) do
|
|
{:noreply,
|
|
socket
|
|
|> push_patch(to: socket.assigns.return_to)
|
|
|> push_secret_selected(secret.name)}
|
|
else
|
|
{:error, changeset} ->
|
|
{:noreply, assign(socket, changeset: changeset)}
|
|
end
|
|
end
|
|
|
|
def handle_event("validate", %{"secret" => attrs}, socket) do
|
|
changeset =
|
|
%Secret{}
|
|
|> Secrets.change_secret(attrs)
|
|
|> Map.put(:action, :validate)
|
|
|
|
{:noreply, assign(socket, changeset: changeset)}
|
|
end
|
|
|
|
def handle_event("grant_access", %{"name" => secret_name} = attrs, socket) do
|
|
cond do
|
|
attrs["origin"] == "session" and is_map_key(socket.assigns.secrets, secret_name) ->
|
|
Session.set_secret(socket.assigns.session.pid, %{
|
|
name: secret_name,
|
|
value: socket.assigns.secrets[secret_name]
|
|
})
|
|
|
|
secret = Enum.find(socket.assigns.saved_secrets, &(&1.name == secret_name)) ->
|
|
Session.set_secret(socket.assigns.session.pid, secret)
|
|
end
|
|
|
|
{:noreply,
|
|
socket
|
|
|> push_patch(to: socket.assigns.return_to)
|
|
|> push_secret_selected(secret_name)}
|
|
end
|
|
|
|
defp push_secret_selected(%{assigns: %{select_secret_ref: nil}} = socket, _), do: socket
|
|
|
|
defp push_secret_selected(%{assigns: %{select_secret_ref: ref}} = socket, secret_name) do
|
|
push_event(socket, "secret_selected", %{select_secret_ref: ref, secret_name: secret_name})
|
|
end
|
|
|
|
defp title(%{assigns: %{select_secret_ref: nil}}), do: "Add secret"
|
|
defp title(%{assigns: %{select_secret_options: %{"title" => title}}}), do: title
|
|
defp title(_), do: "Select secret"
|
|
|
|
defp set_secret(socket, %Secret{hub_id: "session"} = secret) do
|
|
Session.set_secret(socket.assigns.session.pid, secret)
|
|
end
|
|
|
|
defp set_secret(socket, %Secret{} = secret) do
|
|
with :ok <- Hubs.create_secret(socket.assigns.hub, secret) do
|
|
Session.set_secret(socket.assigns.session.pid, secret)
|
|
end
|
|
end
|
|
|
|
defp hub_label(hub), do: "#{hub.hub_emoji} #{hub.hub_name}"
|
|
end
|