Packages

livebook

0.8.1
0.19.8 0.19.7 0.19.6 0.19.5 0.19.4 0.19.3 0.19.2 0.19.1 0.19.0 0.18.6 0.18.5 0.18.4 0.18.3 0.18.2 0.18.1 0.18.0 0.17.3 0.17.2 0.17.1 0.17.0 0.16.4 0.16.3 0.16.2 0.16.1 0.16.0 0.15.5 0.15.4 0.15.3 0.15.2 0.15.1 0.15.0 0.14.7 0.14.6 0.14.5 0.14.4 0.14.3 0.14.2 0.14.1 0.14.0 0.14.0-rc.1 0.14.0-rc.0 0.13.3 0.13.2 0.13.1 0.13.0 0.12.1 0.12.0 0.11.4 0.11.3 0.11.2 0.11.1 0.11.0 0.10.0 0.9.3 0.9.2 0.9.1 0.9.0 0.8.2 0.8.1 0.8.0 0.7.2 0.7.1 0.7.0 0.6.3 0.6.2 0.6.1 0.6.0 0.5.2 0.5.1 0.5.0 0.4.1 0.4.0 0.3.2 0.3.1 0.3.0 0.2.3 0.2.2 0.2.1 0.2.0 0.1.2 0.1.1 0.1.0

Automate code & data workflows with interactive notebooks

Security advisory: This version has known vulnerabilities. View advisories
HexDocs

Current section

Files

Jump to
Readme
82 Versions
16 Dependencies
3 Dependants
1 Advisory
Files
Activity
livebook lib livebook_web live session_live cell_editor_component.ex
Raw

lib/livebook_web/live/session_live/cell_editor_component.ex 

defmodule LivebookWeb.SessionLive.CellEditorComponent do

  use LivebookWeb, :live_component



  @impl true

  def mount(socket) do

    {:ok, assign(socket, initialized: false)}

  end



  @impl true

  def update(assigns, socket) do

    socket =

      socket

      |> assign(assigns)

      |> assign_new(:intellisense, fn -> false end)

      |> assign_new(:read_only, fn -> false end)

      |> assign_new(:rounded, fn -> :both end)



    socket =

      if not connected?(socket) or socket.assigns.initialized do

        socket

      else

        socket

        |> push_event(

          "cell_editor_init:#{socket.assigns.cell_id}:#{socket.assigns.tag}",

          %{

            source_view: socket.assigns.source_view,

            language: socket.assigns.language,

            intellisense: socket.assigns.intellisense,

            read_only: socket.assigns.read_only

          }

        )

        |> assign(initialized: true)

      end



    {:ok, socket}

  end



  @impl true

  def render(assigns) do

    ~H"""

    <div

      id={"cell-editor-#{@id}"}

      phx-update="ignore"

      phx-hook="CellEditor"

      data-cell-id={@cell_id}

      data-tag={@tag}

    >

      <div class={"py-3 #{rounded_class(@rounded)} bg-editor"} data-el-editor-container>

        <div class="px-8" data-el-skeleton>

          <.content_skeleton bg_class="bg-gray-500" empty={empty?(@source_view)} />

        </div>

      </div>

    </div>

    """

  end



  defp empty?(%{source: ""} = _source_view), do: true

  defp empty?(_source_view), do: false



  defp rounded_class(:both), do: "rounded-lg"

  defp rounded_class(:top), do: "rounded-t-lg"

  defp rounded_class(:bottom), do: "rounded-b-lg"

end