2021-03-04 05:56:28 +08:00
|
|
|
defmodule LivebookWeb.SessionLive.RuntimeComponent do
|
|
|
|
use LivebookWeb, :live_component
|
2021-02-11 19:42:17 +08:00
|
|
|
|
2021-03-04 05:56:28 +08:00
|
|
|
alias Livebook.{Session, Runtime}
|
2021-02-11 19:42:17 +08:00
|
|
|
|
|
|
|
@impl true
|
|
|
|
def mount(socket) do
|
2021-03-20 21:10:15 +08:00
|
|
|
{:ok, assign(socket, type: nil)}
|
|
|
|
end
|
|
|
|
|
|
|
|
@impl true
|
|
|
|
def update(assigns, socket) do
|
|
|
|
assigns =
|
|
|
|
if socket.assigns.type == nil do
|
|
|
|
type =
|
|
|
|
if assigns.runtime do
|
|
|
|
runtime_type(assigns.runtime)
|
|
|
|
else
|
|
|
|
"elixir_standalone"
|
|
|
|
end
|
|
|
|
|
|
|
|
Map.put(assigns, :type, type)
|
|
|
|
else
|
|
|
|
assigns
|
|
|
|
end
|
|
|
|
|
|
|
|
{:ok, assign(socket, assigns)}
|
2021-02-11 19:42:17 +08:00
|
|
|
end
|
|
|
|
|
|
|
|
@impl true
|
|
|
|
def render(assigns) do
|
|
|
|
~L"""
|
2021-04-28 20:28:28 +08:00
|
|
|
<div class="p-6 pb-4 max-w-4xl flex flex-col space-y-3">
|
2021-04-22 05:02:09 +08:00
|
|
|
<h3 class="text-2xl font-semibold text-gray-800">
|
|
|
|
Runtime
|
|
|
|
</h3>
|
|
|
|
<div class="w-full flex-col space-y-5">
|
|
|
|
<p class="text-gray-700">
|
|
|
|
The code is evaluated in a separate Elixir runtime (node),
|
|
|
|
which you can configure yourself here.
|
|
|
|
</p>
|
|
|
|
<div class="flex items-center justify-between border border-gray-200 rounded-lg p-4">
|
|
|
|
<%= if @runtime do %>
|
|
|
|
<div class="flex flex-col space-y-1">
|
|
|
|
<span class="text-xs text-gray-500">
|
|
|
|
Type
|
|
|
|
</span>
|
|
|
|
<span class="text-gray-800 text-sm font-semibold">
|
|
|
|
<%= runtime_type_label(@runtime) %>
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
<div class="flex flex-col space-y-1">
|
|
|
|
<span class="text-xs text-gray-500">
|
|
|
|
Node name
|
|
|
|
</span>
|
|
|
|
<span class="text-gray-800 text-sm font-semibold">
|
|
|
|
<%= @runtime.node %>
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
<button class="button button-outlined-red"
|
|
|
|
type="button"
|
|
|
|
phx-click="disconnect"
|
|
|
|
phx-target="<%= @myself %>">
|
|
|
|
Disconnect
|
|
|
|
</button>
|
|
|
|
<% else %>
|
|
|
|
<p class="text-sm text-gray-700">
|
|
|
|
No connected node
|
|
|
|
</p>
|
|
|
|
<% end %>
|
|
|
|
</div>
|
|
|
|
<div class="flex space-x-4">
|
|
|
|
<%= content_tag :button, "Elixir standalone",
|
|
|
|
class: "choice-button #{if(@type == "elixir_standalone", do: "active")}",
|
|
|
|
phx_click: "set_runtime_type",
|
|
|
|
phx_value_type: "elixir_standalone",
|
|
|
|
phx_target: @myself %>
|
|
|
|
<%= content_tag :button, "Mix standalone",
|
|
|
|
class: "choice-button #{if(@type == "mix_standalone", do: "active")}",
|
|
|
|
phx_click: "set_runtime_type",
|
|
|
|
phx_value_type: "mix_standalone",
|
|
|
|
phx_target: @myself %>
|
|
|
|
<%= content_tag :button, "Attached node",
|
|
|
|
class: "choice-button #{if(@type == "attached", do: "active")}",
|
|
|
|
phx_click: "set_runtime_type",
|
|
|
|
phx_value_type: "attached",
|
|
|
|
phx_target: @myself %>
|
2021-05-10 20:37:38 +08:00
|
|
|
<%= content_tag :button, "Embedded",
|
|
|
|
class: "choice-button #{if(@type == "embedded", do: "active")}",
|
|
|
|
phx_click: "set_runtime_type",
|
|
|
|
phx_value_type: "embedded",
|
|
|
|
phx_target: @myself %>
|
2021-04-22 05:02:09 +08:00
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<%= if @type == "elixir_standalone" do %>
|
|
|
|
<%= live_render @socket, LivebookWeb.SessionLive.ElixirStandaloneLive,
|
|
|
|
id: :elixir_standalone_runtime,
|
|
|
|
session: %{"session_id" => @session_id, "current_runtime" => @runtime} %>
|
|
|
|
<% end %>
|
|
|
|
<%= if @type == "mix_standalone" do %>
|
|
|
|
<%= live_render @socket, LivebookWeb.SessionLive.MixStandaloneLive,
|
|
|
|
id: :mix_standalone_runtime,
|
|
|
|
session: %{"session_id" => @session_id, "current_runtime" => @runtime} %>
|
|
|
|
<% end %>
|
|
|
|
<%= if @type == "attached" do %>
|
|
|
|
<%= live_render @socket, LivebookWeb.SessionLive.AttachedLive,
|
|
|
|
id: :attached_runtime,
|
|
|
|
session: %{"session_id" => @session_id, "current_runtime" => @runtime} %>
|
|
|
|
<% end %>
|
2021-05-10 20:37:38 +08:00
|
|
|
<%= if @type == "embedded" do %>
|
|
|
|
<%= live_render @socket, LivebookWeb.SessionLive.EmbeddedLive,
|
|
|
|
id: :embedded_runtime,
|
|
|
|
session: %{"session_id" => @session_id, "current_runtime" => @runtime} %>
|
|
|
|
<% end %>
|
2021-04-22 05:02:09 +08:00
|
|
|
</div>
|
2021-02-11 19:42:17 +08:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
"""
|
|
|
|
end
|
|
|
|
|
2021-02-27 03:53:29 +08:00
|
|
|
defp runtime_type_label(%Runtime.ElixirStandalone{}), do: "Elixir standalone"
|
|
|
|
defp runtime_type_label(%Runtime.MixStandalone{}), do: "Mix standalone"
|
2021-02-11 19:42:17 +08:00
|
|
|
defp runtime_type_label(%Runtime.Attached{}), do: "Attached"
|
2021-05-10 20:37:38 +08:00
|
|
|
defp runtime_type_label(%Runtime.Embedded{}), do: "Embedded"
|
2021-02-11 19:42:17 +08:00
|
|
|
|
2021-03-20 21:10:15 +08:00
|
|
|
defp runtime_type(%Runtime.ElixirStandalone{}), do: "elixir_standalone"
|
|
|
|
defp runtime_type(%Runtime.MixStandalone{}), do: "mix_standalone"
|
|
|
|
defp runtime_type(%Runtime.Attached{}), do: "attached"
|
2021-05-10 20:37:38 +08:00
|
|
|
defp runtime_type(%Runtime.Embedded{}), do: "embedded"
|
2021-03-20 21:10:15 +08:00
|
|
|
|
2021-02-11 19:42:17 +08:00
|
|
|
@impl true
|
2021-02-27 03:53:29 +08:00
|
|
|
def handle_event("set_runtime_type", %{"type" => type}, socket) do
|
|
|
|
{:noreply, assign(socket, type: type)}
|
|
|
|
end
|
|
|
|
|
2021-02-11 19:42:17 +08:00
|
|
|
def handle_event("disconnect", _params, socket) do
|
|
|
|
Session.disconnect_runtime(socket.assigns.session_id)
|
|
|
|
|
|
|
|
{:noreply, socket}
|
|
|
|
end
|
|
|
|
end
|