defmodule LiveSvelte do use Phoenix.Component import Phoenix.HTML import LiveSvelte.LiveJson alias LiveSvelte.Slots alias LiveSvelte.SSR attr( :props, :map, default: %{}, doc: "Props to pass to the Svelte component", examples: [%{foo: "bar"}, %{foo: "bar", baz: 1}, %{list: [], baz: 1, qux: %{a: 1, b: 2}}] ) attr( :name, :string, required: true, doc: "Name of the Svelte component", examples: ["YourComponent", "directory/Example"] ) attr( :class, :string, default: nil, doc: "Class to apply to the Svelte component", examples: ["my-class", "my-class another-class"] ) attr( :ssr, :boolean, default: true, doc: "Whether to render the component on the server", examples: [true, false] ) attr( :live_json_props, :map, default: %{}, doc: "LiveJson props to pass to the Svelte component", examples: [ %{my_big_data_set: %{some_data: 1}} ] ) slot(:inner_block, doc: "Inner block of the Svelte component") @doc """ Renders a Svelte component on the server. """ def svelte(assigns) do init = Map.get(assigns, :__changed__) == nil slots = assigns |> Slots.rendered_slot_map() |> Slots.js_process() ssr_code = if init and Map.get(assigns, :ssr) do try do props = Map.merge( Map.get(assigns, :props, %{}), Map.get(assigns, :live_json_props, %{}) ) SSR.render(assigns.name, props, slots) rescue SSR.NodeNotConfigured -> nil end end assigns = assigns |> assign(:init, init) |> assign(:slots, slots) |> assign(:ssr_render, ssr_code) ~H""" <.live_json live_json_props={@live_json_props}>