fix: findLast is not available for all browsers (WIP) (#211)

Co-authored-by: Adam Howard <[email protected]>

apps/nextjs/src/components/AppComponents/Chat/chat-quick-buttons.tsx

@@ -1,5 +1,7 @@
 import { useCallback } from "react";
 
+import { findLast } from "remeda";
+
 import { useLessonChat } from "@/components/ContextProviders/ChatProvider";
 import { Icon } from "@/components/Icon";
 import { useLessonPlanTracking } from "@/lib/analytics/lessonPlanTrackingContext";
@@ -61,7 +63,7 @@ const QuickActionButtons = ({ isEmptyScreen }: QuickActionButtonsProps) => {
   const handleRegenerate = useCallback(() => {
     trackEvent("chat:regenerate", { id: id });
     const lastUserMessage =
-      messages.findLast((m) => m.role === "user")?.content || "";
+      findLast(messages, (m) => m.role === "user")?.content || "";
     lessonPlanTracking.onClickRetry(lastUserMessage);
     queueUserAction("regenerate");
   }, [queueUserAction, lessonPlanTracking, messages, trackEvent, id]);

apps/nextjs/src/lib/hooks/use-enter-submit.tsx

@@ -1,23 +1,27 @@
-import { useRef, type RefObject } from 'react'
+import { useRef, type RefObject } from "react";
 
 export function useEnterSubmit(): {
-  formRef: RefObject<HTMLFormElement>
-  onKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void
+  formRef: RefObject<HTMLFormElement>;
+  onKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
 } {
-  const formRef = useRef<HTMLFormElement>(null)
+  const formRef = useRef<HTMLFormElement>(null);
 
   const handleKeyDown = (
-    event: React.KeyboardEvent<HTMLTextAreaElement>
+    event: React.KeyboardEvent<HTMLTextAreaElement>,
   ): void => {
     if (
-      event.key === 'Enter' &&
+      event.key === "Enter" &&
       !event.shiftKey &&
       !event.nativeEvent.isComposing
     ) {
-      formRef.current?.requestSubmit()
-      event.preventDefault()
+      try {
+        formRef.current?.requestSubmit();
+      } catch (error) {
+        console.error("Failed to submit form:", error);
+      }
+      event.preventDefault();
     }
-  }
+  };
 
-  return { formRef, onKeyDown: handleKeyDown }
+  return { formRef, onKeyDown: handleKeyDown };
 }

packages/aila/src/helpers/chat/getLastAssistantMessage.ts

@@ -1,4 +1,5 @@
 import type { Message as AiMessage } from "ai";
+import { findLast } from "remeda";
 
 import type { Message as AilaMessage } from "../../core/chat/types";
 
@@ -12,9 +13,10 @@ interface AssistantMessage extends AilaMessage {
 export function getLastAssistantMessage(
   messages: AiMessage[],
 ): AssistantMessage | undefined {
-  const lastAssistantMessage = messages.findLast(
+  const lastAssistantMessage = findLast(
+    messages,
     (m): m is AssistantMessage => m.role === "assistant",
-  );
+  ) as AssistantMessage | undefined;
 
   return lastAssistantMessage;
 }