Add firstMessage script property

README.md

@@ -103,6 +103,8 @@ REQUIRED data attributes:
 
 - `data-show-thoughts` — Allow users to see the AI's thought process, if applicable, in responses. If set to "false", users will only see a static "Thinking" indication without the explict thought content. If "true" the user will see the full thought content as well as the real response. Defaults to "false".
 
+- `data-first-message` — Allow the users to send a first message automatically on every startup.
+
 - `data-support-email` — Shows a support email that the user can used to draft an email via the "three dot" menu in the top right. Option will not appear if it is not set.
 
 ### `<iframe>` tag HTML embed

src/components/ChatWindow/ChatContainer/index.jsx

@@ -11,7 +11,7 @@ export default function ChatContainer({
   knownHistory = [],
 }) {
   const [message, setMessage] = useState("");
-  const [loadingResponse, setLoadingResponse] = useState(false);
+  const [loadingResponse, setLoadingResponse] = useState(settings.firstMessage ? true : false);
   const [chatHistory, setChatHistory] = useState(knownHistory);
 
   // Resync history if the ref to known history changes

src/hooks/chat/useChatHistory.js

@@ -13,6 +13,19 @@ export default function useChatHistory(settings = null, sessionId = null) {
           settings,
           sessionId
         );
+
+        if (settings.firstMessage && formattedMessages.length === 0) {
+          formattedMessages.push({ content: settings.firstMessage, role: "user", sentAt: Math.floor(Date.now() / 1000) });
+          formattedMessages.push({
+            content: "",
+            role: "assistant",
+            pending: true,
+            userMessage: settings.firstMessage,
+            animate: true,
+            sentAt: Math.floor(Date.now() / 1000),
+          });
+        }
+
         setMessages(formattedMessages);
         setLoading(false);
       } catch (error) {

src/hooks/useScriptAttributes.js

@@ -33,6 +33,7 @@ const DEFAULT_SETTINGS = {
   supportEmail: null, // string of email for contact
   username: null, // The display or readable name set on a script
   defaultMessages: [], // list of strings for default messages.
+  firstMessage: null,
 };
 
 export default function useGetScriptAttributes() {