Customization: add ability to add arbitrary js/css

[da411d]

Yeah, I've seen many requests about this, but hear me out.

First, for context, I'm hosting Chatwoot in docker, alongside another services for my project - ghost, authelia etc etc.

When I was customizing Ghost, it has just textarea in settings for adding custom code in head and foot of webpage. Too complicated to implement.

What I saw it Authelia is very straightforward solution and very simple.

• put js/css files in some special directory.
• web server sees them (on startup or in realtime)
• web server injects them

for instance, what if mount volume to directory /custom
in that directory we could put files like dashboard.js/dashboard.css; helpcenter.js/helpcenter.css etc etc.

Personally for me, I wanna customize helpcenter, I really hate page header not matching my project's one.

I believe, this feature is pretty simple to implement.

Meow 🫶

[da411d]

Dudes I did it!

[da411d]

I've just mount file over /app/views/public/api/v1/portals/_footer.html.erb
hehehehehheheheheeeee

[da411d]

Just two magic rows added to docker-compose

volumes:
  ...
  - './override/_header.html.erb:/app/app/views/public/api/v1/portals/_header.html.erb'
  - './override/_footer.html.erb:/app/app/views/public/api/v1/portals/_footer.html.erb'
  - './override/helpcenter.css:/app/public/vite/helpcenter.css'