Packages
phoenix_live_view
1.1.19
1.2.7
1.2.6
1.2.5
1.2.4
1.2.3
1.2.2
1.2.1
1.2.0
1.2.0-rc.3
1.2.0-rc.2
1.2.0-rc.1
1.2.0-rc.0
1.1.32
1.1.31
1.1.30
1.1.29
1.1.28
1.1.27
1.1.26
1.1.25
1.1.24
1.1.23
1.1.22
1.1.21
1.1.20
1.1.19
1.1.18
1.1.17
1.1.16
1.1.15
1.1.14
1.1.13
1.1.12
1.1.11
1.1.10
1.1.9
1.1.8
1.1.7
1.1.6
retired
1.1.5
1.1.4
1.1.3
1.1.2
1.1.1
1.1.0
1.1.0-rc.4
1.1.0-rc.3
1.1.0-rc.2
1.1.0-rc.1
1.1.0-rc.0
1.0.18
1.0.17
1.0.16
1.0.15
1.0.14
1.0.13
1.0.12
1.0.11
1.0.10
1.0.9
1.0.8
retired
1.0.7
1.0.6
retired
1.0.5
1.0.4
1.0.3
1.0.2
1.0.1
1.0.0
1.0.0-rc.9
1.0.0-rc.8
1.0.0-rc.7
1.0.0-rc.6
1.0.0-rc.5
1.0.0-rc.4
1.0.0-rc.3
1.0.0-rc.2
1.0.0-rc.1
1.0.0-rc.0
0.20.17
0.20.16
0.20.15
0.20.14
0.20.13
0.20.12
0.20.11
0.20.10
0.20.9
0.20.8
0.20.7
0.20.6
0.20.5
0.20.4
0.20.3
0.20.2
0.20.1
0.20.0
0.19.5
0.19.4
0.19.3
0.19.2
0.19.1
0.19.0
0.18.18
0.18.17
0.18.16
0.18.15
0.18.14
0.18.13
0.18.12
0.18.11
0.18.10
0.18.9
0.18.8
0.18.7
0.18.6
0.18.5
0.18.4
0.18.3
0.18.2
0.18.1
0.18.0
0.17.14
0.17.13
0.17.12
0.17.11
0.17.10
0.17.9
0.17.8
0.17.7
0.17.6
0.17.5
0.17.4
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.7
0.15.6
0.15.5
0.15.4
0.15.3
0.15.2
0.15.1
0.15.0
0.14.8
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.13.3
0.13.2
0.13.1
0.13.0
0.12.1
0.12.0
0.11.1
0.11.0
0.10.0
0.9.0
0.8.1
0.8.0
0.7.1
0.7.0
0.6.0
0.6.0-dev
0.5.2
0.5.1
0.5.0
0.4.1
0.4.0
0.3.1
0.3.0
0.2.1
0.2.0
0.1.1
0.1.0
Rich, real-time user experiences with server-rendered HTML
Current section
Files
Jump to
Current section
Files
lib/phoenix_live_view/test/diff.ex
defmodule Phoenix.LiveViewTest.Diff do
@moduledoc false
alias Phoenix.LiveViewTest.DOM
@components :c
@static :s
@keyed :k
@keyed_count :kc
@stream_id :stream
@template :p
@phx_component "data-phx-component"
def merge_diff(rendered, diff) do
old = Map.get(rendered, @components, %{})
# must extract streams from diff before we pop components
streams = extract_streams(diff, [])
{new, diff} = Map.pop(diff, @components)
rendered = deep_merge_diff(rendered, diff)
# If we have any component, we need to get the components
# sent by the diff and remove any link between components
# statics. We cannot let those links reside in the diff
# as components can be removed at any time.
rendered =
cond do
new ->
{acc, _} =
Enum.reduce(new, {old, %{}}, fn {cid, cdiff}, {acc, cache} ->
{value, cache} = find_component(cid, cdiff, old, new, cache)
{Map.put(acc, cid, value), cache}
end)
Map.put(rendered, @components, acc)
old != %{} ->
Map.put(rendered, @components, old)
true ->
rendered
end
Map.put(rendered, :streams, streams)
end
defp find_component(cid, cdiff, old, new, cache) do
case cache do
%{^cid => cached} ->
{cached, cache}
%{} ->
{res, cache} =
case cdiff do
%{@static => cid} when is_integer(cid) and cid > 0 ->
{res, cache} = find_component(cid, new[cid], old, new, cache)
{deep_merge_diff(res, Map.delete(cdiff, @static)), cache}
%{@static => cid} when is_integer(cid) and cid < 0 ->
{deep_merge_diff(old[-cid], Map.delete(cdiff, @static)), cache}
%{} ->
{deep_merge_diff(Map.get(old, cid, %{}), cdiff), cache}
end
{res, Map.put(cache, cid, res)}
end
end
def drop_cids(rendered, cids) do
update_in(rendered[@components], &Map.drop(&1, cids))
end
defp deep_merge_diff(target, %{@template => template} = source),
do: deep_merge_diff(target, resolve_templates(Map.delete(source, @template), template))
defp deep_merge_diff(target, %{@keyed => source_keyed} = source) when is_map(target) do
target_keyed = target[@keyed]
merged_keyed =
case source_keyed[@keyed_count] do
0 ->
%{@keyed_count => 0}
count ->
for pos <- 0..(count - 1), into: %{@keyed_count => count} do
value =
case source_keyed[pos] do
nil -> target_keyed[pos]
value when is_number(value) -> target_keyed[value]
value when is_map(value) -> deep_merge_diff(target_keyed[pos], value)
[old_pos, value] -> deep_merge_diff(target_keyed[old_pos], value)
end
{pos, value}
end
end
merged = deep_merge_diff(Map.delete(target, @keyed), Map.delete(source, @keyed))
Map.put(merged, @keyed, merged_keyed)
end
defp deep_merge_diff(_target, %{@static => _} = source),
do: source
defp deep_merge_diff(%{} = target, %{} = source),
do: Map.merge(target, source, fn _, t, s -> deep_merge_diff(t, s) end)
defp deep_merge_diff(_target, source),
do: source
# we resolve any templates when merging, because subsequent patches can
# contain more templates that are not compatible with previous diffs
defp resolve_templates(%{@template => template} = rendered, nil) do
resolve_templates(Map.delete(rendered, @template), template)
end
defp resolve_templates(%{@static => static} = rendered, template) when is_integer(static) do
resolve_templates(Map.put(rendered, @static, Map.fetch!(template, static)), template)
end
defp resolve_templates(rendered, template) when is_map(rendered) and not is_struct(rendered) do
Map.new(rendered, fn {k, v} -> {k, resolve_templates(v, template)} end)
end
defp resolve_templates(other, _template), do: other
def extract_streams(%{} = source, streams) when not is_struct(source) do
Enum.reduce(source, streams, fn
{@stream_id, stream}, acc -> [stream | acc]
{_key, value}, acc -> extract_streams(value, acc)
end)
end
# streams can also be in the dynamic part of the diff
def extract_streams(source, streams) when is_list(source) do
Enum.reduce(source, streams, fn el, acc -> extract_streams(el, acc) end)
end
def extract_streams(_value, acc), do: acc
# Diff rendering
def render_diff(rendered) do
rendered
|> Phoenix.LiveView.Diff.to_iodata(&add_cid_attr/2)
|> IO.iodata_to_binary()
|> DOM.parse_fragment()
|> elem(1)
end
defp add_cid_attr(cid, [head | tail]) do
head_with_cid =
Regex.replace(
~r/^(\s*(?:<!--.*?-->\s*)*)<([^\s\/>]+)/,
IO.iodata_to_binary(head),
"\\0 #{@phx_component}=\"#{to_string(cid)}\"",
global: false
)
[head_with_cid | tail]
end
end