chore: normalize line endings to LF

refactor: AutosizeTextareaApi -> chatTextareaApi

Author: characharm

examples/server/public/index.html.gz

@@ -6,11 +6,7 @@ import { classNames, cleanCurrentUrl, throttle } from '../utils/misc';
 import CanvasPyInterpreter from './CanvasPyInterpreter';
 import StorageUtils from '../utils/storage';
 import { useVSCodeContext } from '../utils/llama-vscode';
-import {
-  useChatTextarea,
-  AutosizeTextareaApi,
-} from './useChatTextarea.ts';
-
+import { useChatTextarea, chatTextareaApi } from './useChatTextarea.ts';
 
 /**
  * A message display is a message node with additional information for rendering.
@@ -95,7 +91,6 @@ const scrollToBottom = throttle(
 );
 
 export default function ChatScreen() {
-
   const {
     viewingChat,
     sendMessage,
@@ -106,9 +101,7 @@ export default function ChatScreen() {
     replaceMessageAndGenerate,
   } = useAppContext();
 
-  const textarea: AutosizeTextareaApi = useChatTextarea(
-    prefilledMsg.content()
-  );
+  const textarea: chatTextareaApi = useChatTextarea(prefilledMsg.content());
 
   const { extraContext, clearExtraContext } = useVSCodeContext(textarea);
   // TODO: improve this when we have "upload file" feature
@@ -267,7 +260,7 @@ export default function ChatScreen() {
             onInput={textarea.onInput} // Hook's input handler (will only resize height on lg+ screens)
             onKeyDown={(e) => {
               if (e.nativeEvent.isComposing || e.keyCode === 229) return;
-			        if (e.key === 'Enter' && !e.shiftKey) {
+              if (e.key === 'Enter' && !e.shiftKey) {
                 e.preventDefault();
                 sendNewMessage();
               }

examples/server/webui/src/components/ChatScreen.tsx

@@ -32,7 +32,7 @@ const adjustTextareaHeight = (textarea: HTMLTextAreaElement | null) => {
 };
 
 // Interface describing the API returned by the hook
-export interface AutosizeTextareaApi {
+export interface chatTextareaApi {
   value: () => string;
   setValue: (value: string) => void;
   focus: () => void;
@@ -43,7 +43,7 @@ export interface AutosizeTextareaApi {
 // This is a workaround to prevent the textarea from re-rendering when the inner content changes
 // See https://github.com/ggml-org/llama.cpp/pull/12299
 // combined now with auto-sizing logic.
-export function useChatTextarea(initValue: string): AutosizeTextareaApi {
+export function useChatTextarea(initValue: string): chatTextareaApi {
   const [savedInitValue, setSavedInitValue] = useState<string>(initValue);
   const textareaRef = useRef<HTMLTextAreaElement>(null);
 
@@ -63,10 +63,13 @@ export function useChatTextarea(initValue: string): AutosizeTextareaApi {
     }
   }, [textareaRef, savedInitValue]); // Depend on ref and savedInitValue
 
-  const handleInput = useCallback((event: React.FormEvent<HTMLTextAreaElement>) => {
-    // Call adjustTextareaHeight on every input - it will decide whether to act
-    adjustTextareaHeight(event.currentTarget);
-  }, []);
+  const handleInput = useCallback(
+    (event: React.FormEvent<HTMLTextAreaElement>) => {
+      // Call adjustTextareaHeight on every input - it will decide whether to act
+      adjustTextareaHeight(event.currentTarget);
+    },
+    []
+  );
 
   return {
     // Method to get the current value directly from the textarea
@@ -75,12 +78,12 @@ export function useChatTextarea(initValue: string): AutosizeTextareaApi {
     },
     // Method to programmatically set the value and trigger height adjustment
     setValue: (value: string) => {
-        const textarea = textareaRef.current;
-        if (textarea) {
-            textarea.value = value;
-            // Call adjustTextareaHeight - it will check screen size internally
-            setTimeout(() => adjustTextareaHeight(textarea), 0);
-        }
+      const textarea = textareaRef.current;
+      if (textarea) {
+        textarea.value = value;
+        // Call adjustTextareaHeight - it will check screen size internally
+        setTimeout(() => adjustTextareaHeight(textarea), 0);
+      }
     },
     focus: () => {
       if (textareaRef.current) {
@@ -90,4 +93,4 @@ export function useChatTextarea(initValue: string): AutosizeTextareaApi {
     ref: textareaRef,
     onInput: handleInput,
   };
-}
+}

examples/server/webui/src/components/useChatTextarea.ts

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 import { MessageExtraContext } from './types';
-import { AutosizeTextareaApi  } from '../components/useChatTextarea.ts';
+import { chatTextareaApi } from '../components/useChatTextarea.ts';
 
 // Extra context when using llama.cpp WebUI from llama-vscode, inside an iframe
 // Ref: https://github.com/ggml-org/llama.cpp/pull/11940
@@ -15,7 +15,7 @@ interface SetTextEvData {
  * window.postMessage({ command: 'setText', text: 'Spot the syntax error', context: 'def test()\n  return 123' }, '*');
  */
 
-export const useVSCodeContext = (textarea: AutosizeTextareaApi ) => {
+export const useVSCodeContext = (textarea: chatTextareaApi) => {
   const [extraContext, setExtraContext] = useState<MessageExtraContext | null>(
     null
   );