PUBLIC_URL doesnt seem to work for Open On Demand Interactive app

[connorourke]

I am trying to get LibreChat up and running as an interactive app in Open On Demand.

It looks as if it allows the setting of a base url with the PUBLIC_URL env variable, but when i try to open the app once launched i get a load of errors:

Uncaught SyntaxError: Unexpected token '<'Understand this error
manifest.webmanifest:1 Manifest: Line: 1, column: 1, Syntax error.Understand this error
manifest.webmanifest:1 Manifest: Line: 1, column: 1, Syntax error.Understand this error

and:

62131/assets/sandpack.7gj6AvrN.js:1 Failed to load module script: Expected a JavaScript-or-Wasm module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.Understand this error
62131/assets/index.CgmRTWTs.js:1 Failed to load module script: Expected a JavaScript-or-Wasm module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.

When i have a look in the .js files in the developer tools they all seem to be the index.html file, likewise the manifest.webmanifest file.

I use PUBLIC_URL to set a prefix and it looks to work as in e.g. the client/dist/index.html file i see things like:

    <link rel="stylesheet" crossorigin href="/node/ruby052.cluster.local/26159/assets/math-katex.C3UxPAW7.css">
    <link rel="stylesheet" crossorigin href="/node/ruby052.cluster.local/26159/assets/index.thlr3GaP.css">

where /node/ruby052.cluster.local/26159/ is the prefix I have provided.

I am using apptainer and the start-up script looks something like:

apptainer exec --writable --cleanenv \
  --pwd /opt/librechat \
  --bind /home/ondemand/dev/librechat/mongodb_data:/data/mongodb \
  --bind /home/ondemand/dev/librechat/uploads:/app/uploads \
  --bind /home/ondemand/dev/librechat/logs:/data/logs \
  --bind /home/ondemand/dev/librechat/librechat_logs/api_logs:/opt/librechat/api/logs \
  --bind /home/ndemand/dev/librechat/librechat_logs/logs:/opt/librechat/logs \
  --bind /home/ondemand/dev/librechat/public:/opt/librechat/client/dist \
  $SANDBOX_DIR \
  bash -c "
    echo here
    export PUBLIC_URL=$public_url
    export BASE_URL=$base_url
    export PORT=${port:-3000} 
    export HOST=$HOST
    echo 'about to build'
    echo 'Built'
    ls /opt/librechat/client
    ls /opt/librechat/client/dist
    mongod --dbpath /data/mongodb --bind_ip 127.0.0.1 --port 27017 --fork --logpath /data/logs/mongod.log && cd /opt/librechat && \
    npm ci
    npm install --no-audit
    PUBLIC_URL=$public_url npm run frontend &&
    npm cache clean --force &&
    npm run backend
  "

Can anyone see why this wouldnt work?

Also is there a way to inject the PUBLIC_URL without having to rebuild the frontend - the prefix and port are only set when the job is launched, and will vary, so having to wait for the build to happen everytime is far from ideal.

Thanks!