Elixir Chat Service

[joshleecreates]

Changes

Fix #1511.
Creates an elixir-based chat service (Draft)

TODO

• Update frontend to join channels based on the username
• Create an "Admin" frontend page to join user chats
• Add a proper UI for chat messages
• Add an ecto/postgres integration for persisting chats from the genserver
• Add a custom macro to simplify telemetry generation in channels
• Move to main docker-compose
• Fix span representation for message producers/consumers
• Ensure ecto spans are generated
• Move UI out of phoenix and remove phoenix page controller

Merge Requirements

For new features contributions please make sure you have completed the following
essential items:

• CHANGELOG.md updated to document new feature additions
• Appropriate documentation updates in the docs
• Appropriate Helm chart updates in the helm-charts

Maintainers will not merge until the above have been completed. If you're unsure
which docs need to be changed ping the
@open-telemetry/demo-approvers.

[joshleecreates]

The backend for this is more or less ready, I just need to add Postgres. If anybody is interested in helping with the front-end or doing something with React or more fancy than what I have here, the help would be welcome

[github-actions]

This PR was marked stale due to lack of activity. It will be closed in 7 days.

[julianocosta89]

Hey @joshleecreates 👋🏽 , I've tried starting this up to see what I could collaborate, but got some bumps on the road.

1st the tailwind.config.js wasn't committed, I've copied the one from here https://github.com/dwyl/phoenix-chat-example/blob/8e09af3c5d85fcdc4b31cfd0b5fd230350ce38e1/assets/tailwind.config.js

Then, the Dockerfile wasn't building.
I've started troubleshooting a bit and saw that the rel/ folder is not committed as well.
Again I've copied it from https://github.com/dwyl/phoenix-chat-example/tree/8e09af3c5d85fcdc4b31cfd0b5fd230350ce38e1/rel

Then the app wasn't starting, so I've tried commenting out the runner container in the Dockerfile to check how the app was being build, and for some reason when I run the server script it simply kills the app, no logs, only Killed.

I may have copied wrong stuff over, would you be able to push the missing files?

Also, I've done some work to have the /chat mapped to envoy, plus added postgres and a couple of env vars to be able to run the chat with docker compose, should I just push to your PR?

[joshleecreates]

Hey @joshleecreates 👋🏽 , I've tried starting this up to see what I could collaborate, but got some bumps on the road.

1st the tailwind.config.js wasn't committed, I've copied the one from here https://github.com/dwyl/phoenix-chat-example/blob/8e09af3c5d85fcdc4b31cfd0b5fd230350ce38e1/assets/tailwind.config.js

Then, the Dockerfile wasn't building. I've started troubleshooting a bit and saw that the rel/ folder is not committed as well. Again I've copied it from https://github.com/dwyl/phoenix-chat-example/tree/8e09af3c5d85fcdc4b31cfd0b5fd230350ce38e1/rel

Then the app wasn't starting, so I've tried commenting out the runner container in the Dockerfile to check how the app was being build, and for some reason when I run the server script it simply kills the app, no logs, only Killed.

I may have copied wrong stuff over, would you be able to push the missing files?

Also, I've done some work to have the /chat mapped to envoy, plus added postgres and a couple of env vars to be able to run the chat with docker compose, should I just push to your PR?

Awesome, thank you for trying it out!

I'll upload the missing files. The tailwind stuff shouldn't be needed so I'll just remove those references. I'm not sure how I left out rel/ 🤪

My plan was to squash some commits / rebase before opening this, let me do that today before you add your commit if thats easier?

[julianocosta89]

sounds good!
regarding tailwind, I've just added it because the app asked for it.
I initially commented out the COPY /rel step in the Dockerfile, but the app asked to add it, so I uncommented and followed the suggestions on the logs.

It is tricky to me because I'm not an Elixir/Erlang dev, so it is just a trial and error debug all the way 😅

[joshleecreates]

@julianocosta89 this currently has no way to create the schema in postgres via Docker. You need to somehow run mix ecto.create and mix ecto.migrate against the dev database in the src/chatservice/docker-compose.yml. Later today I can add the Postgres docker service with migrations.

[joshleecreates]

(but feel free to add your commit in the meantime)

[julianocosta89]

@joshleecreates I've added /chat to Envoy.
Now we are able to access the chat via localhost:8080/chat.

I didn't manage to get any further than the username page, but I could already see a trace:

[joshleecreates]

I should have some time to work on this before the meeting in 15 days. I got stuck on envoy after the last update, could not see the phoenix homepage, but I'll have some time to dive back in.

[github-actions]

This PR was marked stale due to lack of activity. It will be closed in 7 days.

[github-actions]

This PR was marked stale due to lack of activity. It will be closed in 7 days.

[joshleecreates]

@julianocosta89 - I was finally able to verify your envoy changes, thank you!

After my latest push it includes good traces originating from the backend service. In the future it would be cool to trace all the way through to the browser clients on both sides, but I don't want to hold up this whole service for that.

The frontend is working but missing CSS. To join a specific channel instead of the channel for your username, just add a url parameter ?channel=OtherUser

I think this is mostly ready for review. It needs CSS and needs an iframe added somewhere inside the rest of the app.

[github-actions]

This PR was marked stale due to lack of activity. It will be closed in 7 days.

[julianocosta89]

Hey @joshleecreates sorry for taking that long to come back to you.
I've tried using it and I actually couldn't.

The chat page loaded fine, but when trying to connect to http://localhost:8080/chat?channel=juliano nothing happened.
I just got the login input again.

[joshleecreates]

@julianocosta89 the way the front end is set up right now you still need to "login" even when connecting to a specific channel. The login doesn't really do anything other than set the username and if the channel is not set using the url it creates a channel based on the username.

[julianocosta89]

That's what I'm not getting 😕

Here I have the url set to user1:

But whenever I click to login, the url is overwritten with ? only:

And if I try to open the user1 url again, it goes back to the login.

I'm never getting out of this page 😅

[joshleecreates]

Bizarre. Are you free to pair on this at all? It's behaving as if it can't connect to the backend. Probably a better front end would have some error messages 😅

[github-actions]

This PR was marked stale due to lack of activity. It will be closed in 7 days.