Build/Refactor: lint pre-commit hook and reformat repo to spec (#314)

* build/refactor: move lint/prettier packages to project root, install husky, add pre-commit hook

* refactor: reformat files

* build: put full eslintrc back with all rules

client/src/components/Input/NewConversationMenu/EndpointItem.jsx

@@ -12,8 +12,8 @@ const alternateName = {
   azureOpenAI: 'Azure OpenAI',
   bingAI: 'Bing',
   chatGPTBrowser: 'ChatGPT',
-  google: 'PaLM',
-}
+  google: 'PaLM'
+};
 
 export default function ModelItem({ endpoint, value, onSelect }) {
   const [setTokenDialogOpen, setSetTokenDialogOpen] = useState(false);
@@ -42,7 +42,7 @@ export default function ModelItem({ endpoint, value, onSelect }) {
         {isUserProvided ? (
           <button
             className="invisible m-0 mr-1 flex-initial rounded-md p-0 text-xs font-medium text-gray-400 hover:text-gray-700 group-hover:visible dark:font-normal dark:text-gray-400 dark:hover:text-gray-200"
-            onClick={e => {
+            onClick={(e) => {
               e.preventDefault();
               setSetTokenDialogOpen(true);
             }}

client/src/components/Input/NewConversationMenu/EndpointItems.jsx

@@ -5,12 +5,7 @@ export default function EndpointItems({ endpoints, onSelect }) {
   return (
     <>
       {endpoints.map(endpoint => (
-        <EndpointItem
-          key={endpoint}
-          value={endpoint}
-          onSelect={onSelect}
-          endpoint={endpoint}
-        />
+        <EndpointItem key={endpoint} value={endpoint} onSelect={onSelect} endpoint={endpoint} />
       ))}
     </>
   );

client/src/components/Input/NewConversationMenu/FileUpload.jsx

@@ -2,16 +2,23 @@ import { useState } from 'react';
 import { FileUp } from 'lucide-react';
 import { cn } from '~/utils/';
 
-const FileUpload = ({ onFileSelected, successText = null, invalidText = null, validator = null, text = null, id = '1' }) => {
+const FileUpload = ({
+  onFileSelected,
+  successText = null,
+  invalidText = null,
+  validator = null,
+  text = null,
+  id = '1'
+}) => {
   const [statusColor, setStatusColor] = useState('text-gray-600');
   const [status, setStatus] = useState(null);
 
-  const handleFileChange = event => {
+  const handleFileChange = (event) => {
     const file = event.target.files[0];
     if (!file) return;
 
     const reader = new FileReader();
-    reader.onload = e => {
+    reader.onload = (e) => {
       const jsonData = JSON.parse(e.target.result);
       if (validator && !validator(jsonData)) {
         setStatus('invalid');
@@ -23,7 +30,7 @@ const FileUpload = ({ onFileSelected, successText = null, invalidText = null, va
         setStatus('success');
         setStatusColor('text-green-500 dark:text-green-500');
       }
-      
+
       onFileSelected(jsonData);
     };
     reader.readAsText(file);
@@ -38,7 +45,9 @@ const FileUpload = ({ onFileSelected, successText = null, invalidText = null, va
       )}
     >
       <FileUp className="mr-1 flex w-[22px] items-center stroke-1" />
-      <span className="flex text-xs ">{!status ? text || 'Import' : (status === 'success' ? successText : invalidText)}</span>
+      <span className="flex text-xs ">
+        {!status ? text || 'Import' : status === 'success' ? successText : invalidText}
+      </span>
       <input
         id={`file-upload-${id}`}
         value=""

client/src/components/Input/NewConversationMenu/PresetItem.jsx

@@ -4,7 +4,13 @@ import EditIcon from '../../svg/EditIcon.jsx';
 import TrashIcon from '../../svg/TrashIcon.jsx';
 import getIcon from '~/utils/getIcon';
 
-export default function PresetItem({ preset = {}, value, onSelect, onChangePreset, onDeletePreset }) {
+export default function PresetItem({
+  preset = {},
+  value,
+  onSelect,
+  onChangePreset,
+  onDeletePreset
+}) {
   const { endpoint } = preset;
 
   const icon = getIcon({
@@ -53,7 +59,7 @@ export default function PresetItem({ preset = {}, value, onSelect, onChangePrese
       <div className="flex w-4 flex-1" />
       <button
         className="invisible m-0 mr-1 rounded-md p-2 text-gray-400 hover:text-gray-700 group-hover:visible dark:text-gray-400 dark:hover:text-gray-200        "
-        onClick={e => {
+        onClick={(e) => {
           e.preventDefault();
           onChangePreset(preset);
         }}
@@ -62,7 +68,7 @@ export default function PresetItem({ preset = {}, value, onSelect, onChangePrese
       </button>
       <button
         className="invisible m-0 rounded-md text-gray-400 hover:text-gray-700 group-hover:visible dark:text-gray-400 dark:hover:text-gray-200        "
-        onClick={e => {
+        onClick={(e) => {
           e.preventDefault();
           onDeletePreset(preset);
         }}

client/src/components/Input/NewConversationMenu/index.jsx

@@ -39,21 +39,21 @@ export default function NewConversationMenu() {
   const deletePresetsMutation = useDeletePresetMutation();
   const createPresetMutation = useCreatePresetMutation();
 
-  const importPreset = jsonData => {
+  const importPreset = (jsonData) => {
     createPresetMutation.mutate(
       { ...jsonData },
       {
-        onSuccess: data => {
+        onSuccess: (data) => {
           setPresets(data);
         },
-        onError: error => {
+        onError: (error) => {
           console.error('Error uploading the preset:', error);
         }
       }
     );
   };
 
-  const onFileSelected = jsonData => {
+  const onFileSelected = (jsonData) => {
     const jsonPreset = { ...cleanupPreset({ preset: jsonData, endpointsConfig }), presetId: null };
     importPreset(jsonPreset);
   };
@@ -80,7 +80,7 @@ export default function NewConversationMenu() {
   }, [conversation]);
 
   // set the current model
-  const onSelectEndpoint = newEndpoint => {
+  const onSelectEndpoint = (newEndpoint) => {
     setMenuOpen(false);
 
     if (!newEndpoint) return;
@@ -90,7 +90,7 @@ export default function NewConversationMenu() {
   };
 
   // set the current model
-  const onSelectPreset = newPreset => {
+  const onSelectPreset = (newPreset) => {
     setMenuOpen(false);
     if (!newPreset) return;
     else {
@@ -98,7 +98,7 @@ export default function NewConversationMenu() {
     }
   };
 
-  const onChangePreset = preset => {
+  const onChangePreset = (preset) => {
     setPresetModelVisible(true);
     setPreset(preset);
   };
@@ -107,7 +107,7 @@ export default function NewConversationMenu() {
     deletePresetsMutation.mutate({ arg: {} });
   };
 
-  const onDeletePreset = preset => {
+  const onDeletePreset = (preset) => {
     deletePresetsMutation.mutate({ arg: preset });
   };
 
@@ -121,10 +121,7 @@ export default function NewConversationMenu() {
 
   return (
     <Dialog>
-      <DropdownMenu
-        open={menuOpen}
-        onOpenChange={setMenuOpen}
-      >
+      <DropdownMenu open={menuOpen} onOpenChange={setMenuOpen}>
         <DropdownMenuTrigger asChild>
           <Button
             variant="outline"
@@ -148,22 +145,18 @@ export default function NewConversationMenu() {
             className="overflow-y-auto"
           >
             {availableEndpoints.length ? (
-              <EndpointItems
-                endpoints={availableEndpoints}
-                onSelect={onSelectEndpoint}
-              />
+              <EndpointItems endpoints={availableEndpoints} onSelect={onSelectEndpoint} />
             ) : (
-              <DropdownMenuLabel className="dark:text-gray-300">No endpoint available.</DropdownMenuLabel>
+              <DropdownMenuLabel className="dark:text-gray-300">
+                No endpoint available.
+              </DropdownMenuLabel>
             )}
           </DropdownMenuRadioGroup>
 
           <div className="mt-6 w-full" />
 
           <DropdownMenuLabel className="flex items-center dark:text-gray-300">
-            <span
-              className="cursor-pointer"
-              onClick={() => setShowPresets(prev => !prev)}
-            >
+            <span className="cursor-pointer" onClick={() => setShowPresets(prev => !prev)}>
               {showPresets ? 'Hide ' : 'Show '} Presets
             </span>
             <div className="flex-1" />