Add chat-ui and chat-ui-db docker images

[nsarrazin]

The goal is to end up with a docker image that we can build in CI, that will not contain any secrets. Then users will be able to just docker run chat-ui:latest and mount their .env.local either as a bind volume or as an env variable.

To-do

• Add an image with mongo included
• Add a github action for building & publishing the docker image
  Update the readme with steps to run chat-ui using docker only (I will do this in a later PR once i'm sure everything works)

Testing locally

Building the image

(this step won't be needed in the future, as we will build the image in our CI pipeline)

Building the image without db ( chat-ui):

docker build -t chat-ui  -f ./Dockerfile.local .

Building the image with db (chat-ui-db):

docker build -t chat-ui-db --build-arg="INCLUDE_DB=true" -f ./Dockerfile.local .

The chat-ui-db image will override any MONGODB_URL set and will use the included DB instead.

Running the image

Simplest possible run, DB included & default config:

docker run -p 3000:3000 chat-ui-db

Custom config

You can specify a DOTENV_LOCAL by passing an env variable at docker run time:

DOTENV_LOCAL=$(<.env.local)  docker run --rm -e DOTENV_LOCAL -p 3000:3000 chat-ui

Or you can use a bind volume pointing to .env.local directly

docker run --rm --mount type=bind,source="$(pwd)/.env.local",target=/app/.env.local -p 3000:3000 chat-ui

[gary149]

⚠️ this PR moves the config stuff to a subfolder config so you might need to move all your .env* to config/.env*

I think we can revert this and keep it as today.

[gary149]

Question, isn't it better to have a single container for each process (and use with Docker compose)?

[nsarrazin]

Question, isn't it better to have a single container for each process (and use with Docker compose)?

That's why if USE_LOCAL_DB is not set to true when running, it uses the db address specified in the .env.local and doesn't start a mongo instance

That way you can use another container if you want or a remote DB

I replaced this setup with two images, one chat-ui and one chat-ui-db see comments below

[nsarrazin]

⚠️ this PR moves the config stuff to a subfolder config so you might need to move all your .env* to config/.env*

I think we can revert this and keep it as today.

8751c6b changes it back!

[nsarrazin]

I've updated the dockerfile and associated workflow in 6a85c2d so that we now build two separate images.

chat-ui without a db (672MB) and chat-ui-db with mongoDB built-in (1310MB), that way if you want to deploy chat-ui without a db you can use a smaller image.

[nsarrazin]

cc @XciD I think we talked at some point about making an image that wouldn't need the .env.local for building. This PR moves the npm build step to the entrypoint script so the .env.local is now provided at run time.

[nsarrazin]

Merging this now, it doesn't change anything in code or docs, it just adds extra stuff. I want to see if it builds and deploys correctly to ghcr.

Once it works I'll update the docs.