Load configuration at runtime instead of build time

This will make it possible to self contained docker images which can
then be used in simple docker/kubernetes deployments.

Author: zacps

.env

@@ -1,52 +1,52 @@
 # Use .env.local to change these variables
 # DO NOT EDIT THIS FILE WITH SENSITIVE DATA
 
-MONGODB_URL=#your mongodb URL here
-MONGODB_DB_NAME=chat-ui
-MONGODB_DIRECT_CONNECTION=false
+VITE_MONGODB_URL=#your mongodb URL here
+VITE_MONGODB_DB_NAME=chat-ui
+VITE_MONGODB_DIRECT_CONNECTION=false
 
-COOKIE_NAME=hf-chat
-HF_TOKEN=#hf_<token> from from https://huggingface.co/settings/token
-HF_API_ROOT=https://api-inference.huggingface.co/models
-OPENAI_API_KEY=#your openai api key here
+VITE_COOKIE_NAME=hf-chat
+VITE_HF_TOKEN=#hf_<token> from from https://huggingface.co/settings/token
+VITE_HF_API_ROOT=https://api-inference.huggingface.co/models
+VITE_OPENAI_API_KEY=#your openai api key here
 
-HF_ACCESS_TOKEN=#LEGACY! Use HF_TOKEN instead
+VITE_HF_ACCESS_TOKEN=#LEGACY! Use HF_TOKEN instead
 
 # used to activate search with web functionality. disabled if none are defined. choose one of the following:
-YDC_API_KEY=#your docs.you.com api key here
-SERPER_API_KEY=#your serper.dev api key here
-SERPAPI_KEY=#your serpapi key here
-SERPSTACK_API_KEY=#your serpstack api key here
-USE_LOCAL_WEBSEARCH=#set to true to parse google results yourself, overrides other API keys
+VITE_YDC_API_KEY=#your docs.you.com api key here
+VITE_SERPER_API_KEY=#your serper.dev api key here
+VITE_SERPAPI_KEY=#your serpapi key here
+VITE_SERPSTACK_API_KEY=#your serpstack api key here
+VITE_USE_LOCAL_WEBSEARCH=#set to true to parse google results yourself, overrides other API keys
 
-WEBSEARCH_ALLOWLIST=`[]` # if it's defined, allow websites from only this list.
-WEBSEARCH_BLOCKLIST=`[]` # if it's defined, block websites from this list.
+VITE_WEBSEARCH_ALLOWLIST=`[]` # if it's defined, allow websites from only this list.
+VITE_WEBSEARCH_BLOCKLIST=`[]` # if it's defined, block websites from this list.
 
 # Parameters to enable open id login
-OPENID_CONFIG=`{
+VITE_OPENID_CONFIG=`{
   "PROVIDER_URL": "",
   "CLIENT_ID": "",
   "CLIENT_SECRET": "",
   "SCOPES": ""
 }`
 
 # /!\ legacy openid settings, prefer the config above
-OPENID_CLIENT_ID=
-OPENID_CLIENT_SECRET=
-OPENID_SCOPES="openid profile" # Add "email" for some providers like Google that do not provide preferred_username
-OPENID_PROVIDER_URL=https://huggingface.co # for Google, use https://accounts.google.com
-OPENID_TOLERANCE=
-OPENID_RESOURCE=
+VITE_OPENID_CLIENT_ID=
+VITE_OPENID_CLIENT_SECRET=
+VITE_OPENID_SCOPES="openid profile" # Add "email" for some providers like Google that do not provide preferred_username
+VITE_OPENID_PROVIDER_URL=https://huggingface.co # for Google, use https://accounts.google.com
+VITE_OPENID_TOLERANCE=
+VITE_OPENID_RESOURCE=
 
 # Parameters to enable a global mTLS context for client fetch requests
-USE_CLIENT_CERTIFICATE=false
-CERT_PATH=#
-KEY_PATH=#
-CA_PATH=#
-CLIENT_KEY_PASSWORD=#
-REJECT_UNAUTHORIZED=true
-
-TEXT_EMBEDDING_MODELS = `[
+VITE_USE_CLIENT_CERTIFICATE=false
+VITE_CERT_PATH=#
+VITE_KEY_PATH=#
+VITE_CA_PATH=#
+VITE_CLIENT_KEY_PASSWORD=#
+VITE_REJECT_UNAUTHORIZED=true
+
+VITE_TEXT_EMBEDDING_MODELS = `[
   {
     "name": "Xenova/gte-small",
     "displayName": "Xenova/gte-small",
@@ -59,7 +59,7 @@ TEXT_EMBEDDING_MODELS = `[
 ]`
 
 # 'name', 'userMessageToken', 'assistantMessageToken' are required
-MODELS=`[
+VITE_MODELS=`[
     {
       "name": "mistralai/Mistral-7B-Instruct-v0.1",
       "displayName": "mistralai/Mistral-7B-Instruct-v0.1",
@@ -91,8 +91,8 @@ MODELS=`[
     }
 ]`
 
-OLD_MODELS=`[]`# any removed models, `{ name: string, displayName?: string, id?: string }`
-TASK_MODEL= # name of the model used for tasks such as summarizing title, creating query, etc.
+VITE_OLD_MODELS=`[]`# any removed models, `{ name: string, displayName?: string, id?: string }`
+VITE_TASK_MODEL= # name of the model used for tasks such as summarizing title, creating query, etc.
 
 PUBLIC_ORIGIN=#https://huggingface.co
 PUBLIC_SHARE_PREFIX=#https://hf.co/chat
@@ -106,33 +106,33 @@ PUBLIC_ANNOUNCEMENT_BANNERS=`[
   }
 ]`
 
-PARQUET_EXPORT_DATASET=
-PARQUET_EXPORT_HF_TOKEN=
-PARQUET_EXPORT_SECRET=
+VITE_PARQUET_EXPORT_DATASET=
+VITE_PARQUET_EXPORT_HF_TOKEN=
+VITE_PARQUET_EXPORT_SECRET=
 
-RATE_LIMIT= # requests per minute
-MESSAGES_BEFORE_LOGIN=# how many messages a user can send in a conversation before having to login. set to 0 to force login right away
+VITE_RATE_LIMIT= # requests per minute
+VITE_MESSAGES_BEFORE_LOGIN=# how many messages a user can send in a conversation before having to login. set to 0 to force login right away
 
-APP_BASE="" # base path of the app, e.g. /chat, left blank as default
+VITE_APP_BASE="" # base path of the app, e.g. /chat, left blank as default
 PUBLIC_APP_NAME=ChatUI # name used as title throughout the app
 PUBLIC_APP_ASSETS=chatui # used to find logos & favicons in static/$PUBLIC_APP_ASSETS
 PUBLIC_APP_COLOR=blue # can be any of tailwind colors: https://tailwindcss.com/docs/customizing-colors#default-color-palette
 PUBLIC_APP_DESCRIPTION=# description used throughout the app (if not set, a default one will be used)
 PUBLIC_APP_DATA_SHARING=#set to 1 to enable options & text regarding data sharing
 PUBLIC_APP_DISCLAIMER=#set to 1 to show a disclaimer on login page
 PUBLIC_APP_DISCLAIMER_MESSAGE="Disclaimer: AI is an area of active research with known problems such as biased generation and misinformation. Do not use this application for high-stakes decisions or advice."
-LLM_SUMMERIZATION=true
+VITE_LLM_SUMMERIZATION=true
 
-EXPOSE_API=true
+VITE_EXPOSE_API=true
 # PUBLIC_APP_NAME=HuggingChat
 # PUBLIC_APP_ASSETS=huggingchat
 # PUBLIC_APP_COLOR=yellow
 # PUBLIC_APP_DESCRIPTION="Making the community's best AI chat models available to everyone."
 # PUBLIC_APP_DATA_SHARING=1
 # PUBLIC_APP_DISCLAIMER=1
 
-ENABLE_ASSISTANTS=false #set to true to enable assistants feature
+VITE_ENABLE_ASSISTANTS=false #set to true to enable assistants feature
 
-ALTERNATIVE_REDIRECT_URLS=`[]` #valide alternative redirect URL for OAuth
+VITE_ALTERNATIVE_REDIRECT_URLS=`[]` #valide alternative redirect URL for OAuth
 
-WEBHOOK_URL_REPORT_ASSISTANT=#provide webhook url to get notified when an assistant gets reported
+VITE_WEBHOOK_URL_REPORT_ASSISTANT=#provide webhook url to get notified when an assistant gets reported

.env.ci

@@ -1 +1 @@
-MONGODB_URL=mongodb://localhost:27017/
+VITE_MONGODB_URL=mongodb://localhost:27017/

.env.template

@@ -1,6 +1,6 @@
 # template used in production for HuggingChat.
 
-MODELS=`[
+VITE_MODELS=`[
     {
     "name" : "mistralai/Mixtral-8x7B-Instruct-v0.1",
     "description" : "The latest MoE model from Mistral AI! 8x7B and outperforms Llama 2 70B in most benchmarks.",
@@ -207,7 +207,7 @@ MODELS=`[
   }
 ]`
 
-OLD_MODELS=`[
+VITE_OLD_MODELS=`[
   {"name":"bigcode/starcoder"},
   {"name":"OpenAssistant/oasst-sft-6-llama-30b-xor"},
   {"name":"HuggingFaceH4/zephyr-7b-alpha"},
@@ -217,9 +217,9 @@ OLD_MODELS=`[
   {"name": "codellama/CodeLlama-34b-Instruct-hf"}
 ]`
 
-TASK_MODEL='mistralai/Mistral-7B-Instruct-v0.1'
+VITE_TASK_MODEL='mistralai/Mistral-7B-Instruct-v0.1'
 
-APP_BASE="/chat"
+VITE_APP_BASE="/chat"
 PUBLIC_ORIGIN=https://huggingface.co
 PUBLIC_SHARE_PREFIX=https://hf.co/chat
 PUBLIC_ANNOUNCEMENT_BANNERS=`[]`
@@ -232,8 +232,8 @@ PUBLIC_APP_DISCLAIMER_MESSAGE="Disclaimer: AI is an area of active research with
 PUBLIC_APP_DATA_SHARING=1
 PUBLIC_APP_DISCLAIMER=1
 
-RATE_LIMIT=16
-MESSAGES_BEFORE_LOGIN=5# how many messages a user can send in a conversation before having to login. set to 0 to force login right away
+VITE_RATE_LIMIT=16
+VITE_MESSAGES_BEFORE_LOGIN=5# how many messages a user can send in a conversation before having to login. set to 0 to force login right away
 
 PUBLIC_GOOGLE_ANALYTICS_ID=G-8Q63TH4CSL
 PUBLIC_PLAUSIBLE_SCRIPT_URL="/js/script.js"
@@ -242,9 +242,9 @@ PUBLIC_PLAUSIBLE_SCRIPT_URL="/js/script.js"
 # ADDRESS_HEADER=X-Forwarded-For
 # XFF_DEPTH=2
 
-ENABLE_ASSISTANTS=true
-EXPOSE_API=true
+VITE_ENABLE_ASSISTANTS=true
+VITE_EXPOSE_API=true
 
-ALTERNATIVE_REDIRECT_URLS=`[
+VITE_ALTERNATIVE_REDIRECT_URLS=`[
   huggingchat://login/callback
 ]`

Dockerfile

@@ -18,15 +18,16 @@ RUN --mount=type=cache,target=/app/.npm \
 
 COPY --link --chown=1000 . .
 
-RUN --mount=type=secret,id=DOTENV_LOCAL,dst=.env.local \
-    npm run build
+RUN npm run build
 
 FROM node:20-slim
 
-RUN npm install -g pm2
+WORKDIR /app
+
+RUN npm install -g pm2 dotenv-cli
 
 COPY --from=builder-production /app/node_modules /app/node_modules
 COPY --link --chown=1000 package.json /app/package.json
 COPY --from=builder /app/build /app/build
 
-CMD pm2 start /app/build/index.js -i $CPU_CORES --no-daemon
+CMD dotenv -e .env -c -- pm2 start /app/build/index.js -i $CPU_CORES --no-daemon