[Question]: Displaying images created by services in the docker network

[dividor]

What is your question?

When running a docker-compose environment, is there way for a plugin to call a docker service to get an image and have that displayed in chat, even if the image isn't accessible outside of the docker network?

More Details

We have Librechat running using docker-compose, where there is a service that can return images. Most plugins simply return an accessible URL of the image on a different port, but when we deploy to Azure multicontainer webapps, we only have access to ports 443 where Librachat is already running. So when the service passes back a URL like http://localhost:8888/my_image.png, it isn't displayed in Librechat because port 8888 is closed. The image service can host an image inside the docker network, eg http://image_srvice//my_image.png, which Librechat could access, but it would then need to be displayed by Librechat as an image on port 443 to the outside world.

Is there another way to process plugin images perhaps?

Thanks!

What is the main subject of your question?

UI

Screenshots

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

[dividor]

I see that Librechat is able to receive image files from assistants, and that we have this bind mount in the suggested dockerfile ...

- ./images:/app/client/public/images

So if running a plugin in a container which mounts this directory, I could have the plugin save its image there too.

If this is a reasonable approach, my question would please be: What details should the plugin - eg URL or file location - so that Librechat displays the image?

Thanks!

[dividor]

I got this to work doing the following ...

1. I saved a copy of nginx.conf locally
2. I edited it to add a directory to serve images ...

    location /files/ {
            root /app/client/public/images;
    }

3. Then in the docker compose file I mounted both this file and a shared volume to the images location for the Librechat api ...

      - type: bind
        source: ./ui/recipes_assistant_chat/nginx.conf
        target: /app/client/nginx.conf
      - shared-data:/app/client/public/images

4. I also mounted the shared-data to my container running the plugin and ensured any images are saved there

The above means plugin-generated images are available via Librechat nginx's url, which means it works nicely in Azure.

Not sure if it's the most elegant way, happy to try better approaches.