Feature customizable description (#507)

* Add PUBLIC_APP_DESCRIPTION to .env

* Add PUBLIC_APP_DESCRIPTION to .env.template

* Add PUBLIC_APP_DESCRIPTION example in README.md

* Make description customizable using PUBLIC_APP_DESCRIPTION

* Fix bad quote in the `.env` example

.env

@@ -85,6 +85,7 @@ MESSAGES_BEFORE_LOGIN=# how many messages a user can send in a conversation befo
 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
 LLM_SUMMERIZATION=true
@@ -92,5 +93,6 @@ LLM_SUMMERIZATION=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

.env.template

@@ -141,6 +141,7 @@ PUBLIC_ANNOUNCEMENT_BANNERS=`[
 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
 

README.md

@@ -104,6 +104,7 @@ You can use a few environment variables to customize the look and feel of chat-u
 PUBLIC_APP_NAME=ChatUI
 PUBLIC_APP_ASSETS=chatui
 PUBLIC_APP_COLOR=blue
+PUBLIC_APP_DESCRIPTION="Making the community's best AI chat models available to everyone."
 PUBLIC_APP_DATA_SHARING=
 PUBLIC_APP_DISCLAIMER=
 ```

src/lib/components/chat/ChatIntroduction.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { PUBLIC_APP_NAME, PUBLIC_VERSION } from "$env/static/public";
 	import { PUBLIC_ANNOUNCEMENT_BANNERS } from "$env/static/public";
+	import { PUBLIC_APP_DESCRIPTION } from "$env/static/public";
 	import Logo from "$lib/components/icons/Logo.svelte";
 	import { createEventDispatcher } from "svelte";
 	import IconChevron from "$lib/components/icons/IconChevron.svelte";
@@ -40,7 +41,8 @@
 				</div>
 			</div>
 			<p class="text-base text-gray-600 dark:text-gray-400">
-				Making the community's best AI chat models available to everyone.
+				{PUBLIC_APP_DESCRIPTION ||
+					"Making the community's best AI chat models available to everyone."}
 			</p>
 		</div>
 	</div>