neurodynamic

neurodynamic

How to access the previous item in a LiveView stream?

Is there a way when rendering items in LiveView streams to access the previous item in the stream?

To make this concrete, I’m rendering a chat history as a stream and would like to show date dividers when the date changes.

For example, chat history might look like this:

me: a message from two days ago
-----Sept 24-----
me: a message from yesterday
them: a reply from yesterday
-----Sept 25-----
me: a message from today

so I need to be able to compare the date info of each message with the one right before it. Is this possible with streams?

Most Liked

mayel

mayel

You’d probably do that in the function that prepares the data before sending it to the stream. Something like this (untested code):

{songs, last_song_date} = Enum.map_reduce(songs, assigns[:last_song_date], fn

  %{date: this_date} = x, last_song_date when this_date==last_song_date -> 
    {Map.put(x, :date, nil), last_song_date} 

  x, _ -> 
    {x, x.date} 

  end)

socket
|> assign(:last_song_date, last_song_date)
|> stream(:songs, songs)
codeanpeace

codeanpeace

I’ve found it nice to keep streams conceptually simple and “pure”. So when the UI requires collections to be broken up into sections, I’d break a stream up into multiple streams. In your case, you could group the messages by date when you pull the messages from the database and then create a stream for each individual day’s messages. For reference, the TodoTrek repo shows how to stream todos grouped into lists.

https://github.com/chrismccord/todo_trek/blob/4d7357428993ce46625e1d39cb0fda9c0a832fc6/lib/todo_trek_web/live/todo_list_component.ex#L113-L120

While this encapsulation may add some complexity and overhead upfront, I’ve found it easier to reason about and extend down the line. For example, it would be fairly straightforward to implement a feature allowing users to delete all messages sent on a specific date by clicking a delete button in the date divider.

me: a message from two days ago
-----Sept 24----- [x] => delete all messages sent on 11/24
me: a message from yesterday
them: a reply from yesterday
-----Sept 25----- [x] => delete all messages on 11/25
me: a message from today

Where Next?

Popular in Questions Top

mgjohns61585
Could someone help me? I’m making my first elixir program, number guessing game. I can’t figure out how to convert the user’s guess from ...
New
lessless
I believe there are people here who are dealing with CSV files import on the daily basis, and since Excel is a really popular tool there ...
New
stefanchrobot
What’s the safe way to decode a JSON string into a struct? I want to avoid calling String.to_atom. Jason.decode can give me a map with st...
New
minhajuddin
I have seen a lot of code which picks the first element from a list using Enum.at(0) instead of List.first. Is there a reason why people ...
New
vrod
I am using the Starship cross-shell prompt – it seems pretty nice, but I get some errors: [WARN] - (starship::utils): Executing command ...
New
vac
Hi, I’m quite new in Elixir and I’m trying to format a string to a PEM format. I have the certificate value like MIIDBTCCAe2...... and I...
New
aalberti333
As the title describes, I’m trying to run Enum.map() over a list of key/value pairs, where the value is a map. My data looks like this: ...
New
bsollish-terakeet
Credo is smart enough to check for (something like) this: assert length(the_list) == 0 with this response: Checking if an enum is empt...
New
jay1
Why is it that the mnesia database isn’t the most preferred database for use in Elixir/Phoenix?
New
baxterw3b
Hi guys, i’m new in the Elixir world, and i have to say, that i love it! i’m having some problem to understand anonymous functions with ...
New

Other popular topics Top

sorentwo
Hello! tl;dr Announcing Oban, an Ecto based job processing library with a focus on reliability and historical observability. After spen...
985 42920 311
New
Harrisonl
We have an ECS cluster with 4 services, where each task joins a single cluster, via discovery ECS discovery service. Currently when I de...
New
Darmani72
If I have a post route which an argument: post /my_post_route/:my_param1, MyController.my_post_handler How would get the post params ...
New
danschultzer
None of the current solutions worked well for me, so I went ahead and built a user management system from scratch. This project took far...
548 29377 241
New
jerry
Good day to you all. I have been struggling to get a query involving like and ilike to work. Can anyone assist me on this, please? pro...
New
nobody
Hi! In PHP: $_SERVER[‘SERVER_ADDR’] - in Elixir? Searched the docs for ip address and the web, no good results. Thanks!
New
shijith.k
I am trying to start a new phoenix project with elixir 1.9, but mix phx.new does not work. It says that ** (Mix) The task "phx.new" could...
New
joaquinalcerro
Hi there, I am working with Ecto-Postgresql and I need to call all of the records from a specific table but the table has 40,000 records...
New
Brian
What is the proper way to load a module from a file in to IEX? In the python world, doing something like this pretty standard: from ....
New
WestKeys
Currently suffering from paralysis by [HTTP client] analysis. This is rather unusual in Elixirland as there tends to be consensus on the ...
New

We're in Beta

About us Mission Statement