chat-widget: submit on keydown

Author: vickeykumar

src/resources/chat-widget/src/index.ts

@@ -37,6 +37,7 @@ export type WidgetConfig = {
   api_key: string;
   firebaseconfig: any;
   dbpath: string;
+  submitOnKeydown: boolean;
 };
 
 
@@ -81,6 +82,7 @@ const config: WidgetConfig = {
   api_key: "",
   firebaseconfig: {},
   dbpath: "xyz",
+  submitOnKeydown: false,
   ...(window as any).ChatWidget?.config,
 };
 
@@ -284,6 +286,18 @@ function open(e: Event) {
     .getElementById("chat-widget__form")!
     .addEventListener("submit", submit);
 
+  if (config.submitOnKeydown) {
+    document
+      .getElementById("chat-widget__input")!
+      .addEventListener("keydown", (e: KeyboardEvent)=> {
+        if (e.which === 13 && !e.shiftKey) {
+          e.preventDefault();
+          const submitBtn = document.getElementById("chat-widget__submit") as HTMLButtonElement;;
+          submitBtn.click();
+        }
+      });
+  }
+
   const peerchatSwitchElem = document.getElementById("peerchat-switch") as HTMLInputElement;
   if (peerchatSwitchElem) {
     peerchatSwitchElem.checked = peerchatmode;

src/resources/index.html

@@ -699,6 +699,7 @@ <h3 class="section__title">Share/Collaborate</h3>
         window.ChatWidget.config.dbpath=getExampleRef();
         if (!ismob()) {
           window.ChatWidget.config.openOnLoad = true;
+          window.ChatWidget.config.submitOnKeydown = true;
         }
         window.insertcodesnippet = (encodedcode) => {
           const code = atob(encodedcode);