refactor: Rename interface to PascalCase

Author: characharm

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

@@ -6,7 +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, chatTextareaApi } from './useChatTextarea.ts';
+import { useChatTextarea, ChatTextareaApi } from './useChatTextarea.ts';
 
 /**
  * A message display is a message node with additional information for rendering.
@@ -101,7 +101,7 @@ export default function ChatScreen() {
     replaceMessageAndGenerate,
   } = useAppContext();
 
-  const textarea: chatTextareaApi = useChatTextarea(prefilledMsg.content());
+  const textarea: ChatTextareaApi = useChatTextarea(prefilledMsg.content());
 
   const { extraContext, clearExtraContext } = useVSCodeContext(textarea);
   // TODO: improve this when we have "upload file" feature

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

@@ -32,7 +32,7 @@ const adjustTextareaHeight = (textarea: HTMLTextAreaElement | null) => {
 };
 
 // Interface describing the API returned by the hook
-export interface chatTextareaApi {
+export interface ChatTextareaApi {
   value: () => string;
   setValue: (value: string) => void;
   focus: () => void;
@@ -43,7 +43,7 @@ export interface chatTextareaApi {
 // 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): chatTextareaApi {
+export function useChatTextarea(initValue: string): ChatTextareaApi {
   const [savedInitValue, setSavedInitValue] = useState<string>(initValue);
   const textareaRef = useRef<HTMLTextAreaElement>(null);
 

examples/server/webui/src/utils/llama-vscode.ts

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 import { MessageExtraContext } from './types';
-import { chatTextareaApi } 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: chatTextareaApi) => {
+export const useVSCodeContext = (textarea: ChatTextareaApi) => {
   const [extraContext, setExtraContext] = useState<MessageExtraContext | null>(
     null
   );