Persist chat on window refresh

[iamvishal345]

@manuelalferez
I would like to work on adding feature to store chat into browser's storage so that if user refreshes the page the chat will persist.
I am thinking to leverage indexed DB API for that. Also clear that chat when user closes the chat box or navigate to other page.

[manuelalferez]

Man, you can't have bad ideas 😄 . Sound great

[iamvishal345]

@manuelalferez In our current webpack config we need to add babel packages for using async await. So I think instead of changing current config we should migrate to use vite by merging #26 PR. We just need to figure out why the build is failing. Other changes I have tested locally and everything is working fine

[manuelalferez]

@iamvishal345 if #26 works in your machine I will merge and I will configure vercel to use Vite. In my machine it's not working.

[iamvishal345]

@manuelalferez It is working but first we need to know why the build is failing.

[manuelalferez]

It was falling cause I was using the CRA config, now with Vite config, everything works.

[manuelalferez]

Now I am trying to solve this conflicts:

[manuelalferez]

Solved.
#26 is now merged.

[iamvishal345]

Solved. #26 is now merged.

Some recent changes are lost due to this merge.
I will raise a PR to add those changes again.

[iamvishal345]

@manuelalferez
I have merged the changes to master.
All the existing changes are working now.

[manuelalferez]

Thanks @iamvishal345

[iamvishal345]

@manuelalferez
I am facing one issue in this task.
When a user join admin post the message like "Welcome to the room" So if user keeps refreshing this message added again and again to the storage.
So What I am trying to do is to retrieve the last saved message from indexedDb but I am not able to find any solution for this So
please help me in how to retrieve the last saved message or any alternative approach.

[manuelalferez]

Hi @iamvishal345, could you create a pull request with what you have until now?

[manuelalferez]

The little that I have found, and perhaps this solution you have already tested is:

1. Using IDBIndex.count() and IDBIndex.get()

let count = myIndex.count();
let lastRecord = IDBIndex.get(count)

2. Using IDBIndex.getAll()

var getAllKeysRequest = IDBIndex.getAll(query, count);

Let me know if I didn't understand the problem well.

[iamvishal345]

Let me try this approach

[gitwikc]

This issue is addressed in PR #43 so this issue can be closed when it's merged