@copilotkit/react-core 0.11.0 → 0.14.0

package/dist/hooks/use-copilot-chat.mjs

@@ -1,5 +1,9 @@
-export { defaultSystemMessage, useCopilotChat } from '../chunk-ATMIAPXE.mjs';
-import '../chunk-X3CGMLW5.mjs';
+export { defaultSystemMessage, useCopilotChat } from '../chunk-FVU5RFVX.mjs';
+import '../chunk-JD7BAH7U.mjs';
+import '../chunk-ZIFCJ774.mjs';
+import '../chunk-C4KF43WB.mjs';
+import '../chunk-HZDMKMAV.mjs';
+import '../chunk-YULKJPY3.mjs';
 import '../chunk-MRXNTQOX.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=use-copilot-chat.mjs.map

package/dist/hooks/use-flat-category-store.mjs

@@ -1,4 +1,4 @@
-export { use_flat_category_store_default as default } from '../chunk-63ILXW5V.mjs';
+export { use_flat_category_store_default as default } from '../chunk-YULKJPY3.mjs';
 import '../chunk-MRXNTQOX.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=use-flat-category-store.mjs.map

package/dist/hooks/use-make-copilot-actionable.mjs

@@ -1,5 +1,5 @@
-export { useMakeCopilotActionable } from '../chunk-PRQLPFIA.mjs';
-import '../chunk-X3CGMLW5.mjs';
+export { useMakeCopilotActionable } from '../chunk-XFSUVTIQ.mjs';
+import '../chunk-HZDMKMAV.mjs';
 import '../chunk-MRXNTQOX.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=use-make-copilot-actionable.mjs.map

package/dist/hooks/use-make-copilot-document-readable.d.ts

@@ -1,11 +1,11 @@
 import { DocumentPointer } from '../types/document-pointer.js';
 
 /**
- * Adds the given information to the Copilot context to make it readable by Copilot.
- * @param information - The information to be added to the Copilot context.
- * @param parentId - The ID of the parent context, if any.
- * @param categories - An array of categories to control which context are visible where. Particularly useful with CopilotTextarea (see `useMakeAutosuggestionFunction`)
- * @returns The ID of the added context.
+ * Makes a document readable by Copilot.
+ * @param document The document to make readable.
+ * @param categories The categories to associate with the document.
+ * @param dependencies The dependencies to use for the effect.
+ * @returns The id of the document.
  */
 declare function useMakeCopilotDocumentReadable(document: DocumentPointer, categories?: string[], dependencies?: any[]): string | undefined;
 

package/dist/hooks/use-make-copilot-document-readable.mjs

@@ -1,5 +1,5 @@
-export { useMakeCopilotDocumentReadable } from '../chunk-IMNFO2OZ.mjs';
-import '../chunk-X3CGMLW5.mjs';
+export { useMakeCopilotDocumentReadable } from '../chunk-UBLDQLZM.mjs';
+import '../chunk-HZDMKMAV.mjs';
 import '../chunk-MRXNTQOX.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=use-make-copilot-document-readable.mjs.map

package/dist/hooks/use-make-copilot-readable.mjs

@@ -1,5 +1,5 @@
-export { useMakeCopilotReadable } from '../chunk-TNU2L6FJ.mjs';
-import '../chunk-X3CGMLW5.mjs';
+export { useMakeCopilotReadable } from '../chunk-RW25IF4S.mjs';
+import '../chunk-HZDMKMAV.mjs';
 import '../chunk-MRXNTQOX.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=use-make-copilot-readable.mjs.map

package/dist/hooks/use-tree.mjs

@@ -1,4 +1,4 @@
-export { use_tree_default as default } from '../chunk-3BOHSSKR.mjs';
+export { use_tree_default as default } from '../chunk-C4KF43WB.mjs';
 import '../chunk-MRXNTQOX.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=use-tree.mjs.map

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { CopilotProvider } from './components/copilot-provider.js';
+export { CopilotProvider, defaultCopilotContextCategories } from './components/copilot-provider.js';
 export { CopilotApiConfig, CopilotContext, CopilotContextParams, copilotApiConfigExtrapolator } from './context/copilot-context.js';
 export { UseCopilotChatOptions, UseCopilotChatReturn, useCopilotChat } from './hooks/use-copilot-chat.js';
 export { useMakeCopilotActionable } from './hooks/use-make-copilot-actionable.js';

package/dist/index.mjs

@@ -1,15 +1,15 @@
 import './chunk-EFZPSZWO.mjs';
-import './chunk-JD7BAH7U.mjs';
-export { CopilotProvider } from './chunk-3EE3HCUI.mjs';
-import './chunk-3BOHSSKR.mjs';
 import './chunk-YPSGKPDA.mjs';
 import './chunk-QACD2U6P.mjs';
-export { useMakeCopilotActionable } from './chunk-PRQLPFIA.mjs';
-export { useMakeCopilotDocumentReadable } from './chunk-IMNFO2OZ.mjs';
-export { useMakeCopilotReadable } from './chunk-TNU2L6FJ.mjs';
-export { useCopilotChat } from './chunk-ATMIAPXE.mjs';
-export { CopilotContext, copilotApiConfigExtrapolator } from './chunk-X3CGMLW5.mjs';
-import './chunk-63ILXW5V.mjs';
+export { useMakeCopilotActionable } from './chunk-XFSUVTIQ.mjs';
+export { useMakeCopilotDocumentReadable } from './chunk-UBLDQLZM.mjs';
+export { useMakeCopilotReadable } from './chunk-RW25IF4S.mjs';
+export { useCopilotChat } from './chunk-FVU5RFVX.mjs';
+import './chunk-JD7BAH7U.mjs';
+export { CopilotProvider, defaultCopilotContextCategories } from './chunk-ZIFCJ774.mjs';
+import './chunk-C4KF43WB.mjs';
+export { CopilotContext, copilotApiConfigExtrapolator } from './chunk-HZDMKMAV.mjs';
+import './chunk-YULKJPY3.mjs';
 import './chunk-MRXNTQOX.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.11.0",
+  "version": "0.14.0",
   "sideEffects": false,
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/components/copilot-provider.tsx

@@ -19,9 +19,7 @@ export function CopilotProvider({
   body?: Record<string, any>;
   children: ReactNode;
 }): JSX.Element {
-  const [entryPoints, setEntryPoints] = useState<
-    Record<string, AnnotatedFunction<any[]>>
-  >({});
+  const [entryPoints, setEntryPoints] = useState<Record<string, AnnotatedFunction<any[]>>>({});
 
   const { addElement, removeElement, printTree } = useTree();
   const {
@@ -30,17 +28,14 @@ export function CopilotProvider({
     allElements: allDocuments,
   } = useFlatCategoryStore<DocumentPointer>();
 
-  const setEntryPoint = useCallback(
-    (id: string, entryPoint: AnnotatedFunction<any[]>) => {
-      setEntryPoints((prevPoints) => {
-        return {
-          ...prevPoints,
-          [id]: entryPoint,
-        };
-      });
-    },
-    []
-  );
+  const setEntryPoint = useCallback((id: string, entryPoint: AnnotatedFunction<any[]>) => {
+    setEntryPoints((prevPoints) => {
+      return {
+        ...prevPoints,
+        [id]: entryPoint,
+      };
+    });
+  }, []);
 
   const removeEntryPoint = useCallback((id: string) => {
     setEntryPoints((prevPoints) => {
@@ -51,12 +46,10 @@ export function CopilotProvider({
   }, []);
 
   const getContextString = useCallback(
-    (documents: DocumentPointer[], categories: string[] = ["global"]) => {
+    (documents: DocumentPointer[], categories: string[]) => {
       const documentsString = documents
         .map((document) => {
-          return `${document.name} (${
-            document.sourceApplication
-          }):\n${document.getContents()}`;
+          return `${document.name} (${document.sourceApplication}):\n${document.getContents()}`;
         })
         .join("\n\n");
 
@@ -64,21 +57,25 @@ export function CopilotProvider({
 
       return `${documentsString}\n\n${nonDocumentStrings}`;
     },
-    [printTree]
+    [printTree],
   );
 
   const addContext = useCallback(
-    (context: string, parentId?: string, categories: string[] = ["global"]) => {
+    (
+      context: string,
+      parentId?: string,
+      categories: string[] = defaultCopilotContextCategories,
+    ) => {
       return addElement(context, categories, parentId);
     },
-    [addElement]
+    [addElement],
   );
 
   const removeContext = useCallback(
     (id: string) => {
       removeElement(id);
     },
-    [removeElement]
+    [removeElement],
   );
 
   const getChatCompletionFunctionDescriptions = useCallback(() => {
@@ -90,24 +87,24 @@ export function CopilotProvider({
   }, [entryPoints]);
 
   const getDocumentsContext = useCallback(
-    (categories: string[] = ["global"]) => {
+    (categories: string[]) => {
       return allDocuments(categories);
     },
-    [allDocuments]
+    [allDocuments],
   );
 
   const addDocumentContext = useCallback(
-    (documentPointer: DocumentPointer, categories: string[] = ["global"]) => {
+    (documentPointer: DocumentPointer, categories: string[] = defaultCopilotContextCategories) => {
       return addDocument(documentPointer, categories);
     },
-    [addDocument]
+    [addDocument],
   );
 
   const removeDocumentContext = useCallback(
     (documentId: string) => {
       removeDocument(documentId);
     },
-    [removeDocument]
+    [removeDocument],
   );
 
   return (
@@ -136,20 +133,18 @@ export function CopilotProvider({
   );
 }
 
+export const defaultCopilotContextCategories = ["global"];
+
 function entryPointsToFunctionCallHandler(
-  entryPoints: AnnotatedFunction<any[]>[]
+  entryPoints: AnnotatedFunction<any[]>[],
 ): FunctionCallHandler {
   return async (chatMessages, functionCall) => {
-    let entrypointsByFunctionName: Record<
-      string,
-      AnnotatedFunction<any[]>
-    > = {};
+    let entrypointsByFunctionName: Record<string, AnnotatedFunction<any[]>> = {};
     for (let entryPoint of entryPoints) {
       entrypointsByFunctionName[entryPoint.name] = entryPoint;
     }
 
-    const entryPointFunction =
-      entrypointsByFunctionName[functionCall.name || ""];
+    const entryPointFunction = entrypointsByFunctionName[functionCall.name || ""];
     if (entryPointFunction) {
       let parsedFunctionCallArguments: Record<string, any>[] = [];
       if (functionCall.arguments) {
@@ -159,9 +154,7 @@ function entryPointsToFunctionCallHandler(
       const paramsInCorrectOrder: any[] = [];
       for (let arg of entryPointFunction.argumentAnnotations) {
         paramsInCorrectOrder.push(
-          parsedFunctionCallArguments[
-            arg.name as keyof typeof parsedFunctionCallArguments
-          ]
+          parsedFunctionCallArguments[arg.name as keyof typeof parsedFunctionCallArguments],
         );
       }
 
@@ -189,13 +182,13 @@ function entryPointsToFunctionCallHandler(
 }
 
 function entryPointsToChatCompletionFunctions(
-  entryPoints: AnnotatedFunction<any[]>[]
+  entryPoints: AnnotatedFunction<any[]>[],
 ): ChatCompletionCreateParams.Function[] {
   return entryPoints.map(annotatedFunctionToChatCompletionFunction);
 }
 
 function annotatedFunctionToChatCompletionFunction(
-  annotatedFunction: AnnotatedFunction<any[]>
+  annotatedFunction: AnnotatedFunction<any[]>,
 ): ChatCompletionCreateParams.Function {
   // Create the parameters object based on the argumentAnnotations
   let parameters: { [key: string]: any } = {};

package/src/components/index.ts

@@ -1 +1 @@
-export { CopilotProvider } from "./copilot-provider";
+export { CopilotProvider, defaultCopilotContextCategories } from "./copilot-provider";

package/src/context/copilot-context.tsx

@@ -58,23 +58,13 @@ export interface CopilotContextParams {
   getFunctionCallHandler: () => FunctionCallHandler;
 
   // text context
-  getContextString: (
-    documents: DocumentPointer[],
-    categories?: string[]
-  ) => string;
-  addContext: (
-    context: string,
-    parentId?: string,
-    categories?: string[]
-  ) => TreeNodeId;
+  getContextString: (documents: DocumentPointer[], categories: string[]) => string;
+  addContext: (context: string, parentId?: string, categories?: string[]) => TreeNodeId;
   removeContext: (id: TreeNodeId) => void;
 
   // document context
-  getDocumentsContext: (categories?: string[]) => DocumentPointer[];
-  addDocumentContext: (
-    documentPointer: DocumentPointer,
-    categories?: string[]
-  ) => TreeNodeId;
+  getDocumentsContext: (categories: string[]) => DocumentPointer[];
+  addDocumentContext: (documentPointer: DocumentPointer, categories?: string[]) => TreeNodeId;
   removeDocumentContext: (documentId: string) => void;
 
   // api endpoints
@@ -88,18 +78,19 @@ const emptyCopilotContext: CopilotContextParams = {
   getChatCompletionFunctionDescriptions: () => returnAndThrowInDebug([]),
   getFunctionCallHandler: () => returnAndThrowInDebug(async () => {}),
 
-  getContextString: (documents: DocumentPointer[]) => returnAndThrowInDebug(""),
+  getContextString: (documents: DocumentPointer[], categories: string[]) =>
+    returnAndThrowInDebug(""),
   addContext: () => "",
   removeContext: () => {},
 
-  getDocumentsContext: () => returnAndThrowInDebug([]),
+  getDocumentsContext: (categories: string[]) => returnAndThrowInDebug([]),
   addDocumentContext: () => returnAndThrowInDebug(""),
   removeDocumentContext: () => {},
 
   copilotApiConfig: new (class implements CopilotApiConfig {
     get chatApiEndpoint(): string {
       throw new Error(
-        "Remember to wrap your app in a `<CopilotProvider> {...} </CopilotProvider>` !!!"
+        "Remember to wrap your app in a `<CopilotProvider> {...} </CopilotProvider>` !!!",
       );
     }
     get headers(): Record<string, string> {
@@ -111,12 +102,11 @@ const emptyCopilotContext: CopilotContextParams = {
   })(),
 };
 
-export const CopilotContext =
-  React.createContext<CopilotContextParams>(emptyCopilotContext);
+export const CopilotContext = React.createContext<CopilotContextParams>(emptyCopilotContext);
 
 function returnAndThrowInDebug<T>(value: T): T {
   throw new Error(
-    "Remember to wrap your app in a `<CopilotProvider> {...} </CopilotProvider>` !!!"
+    "Remember to wrap your app in a `<CopilotProvider> {...} </CopilotProvider>` !!!",
   );
   return value;
 }

package/src/hooks/use-copilot-chat.ts

@@ -7,6 +7,7 @@ import {
 import { useChat } from "ai/react";
 import { ChatRequestOptions, CreateMessage, Message } from "ai";
 import { UseChatOptions } from "ai";
+import { defaultCopilotContextCategories } from "../components";
 
 export interface UseCopilotChatOptions extends UseChatOptions {
   makeSystemMessage?: (contextString: string) => string;
@@ -16,11 +17,9 @@ export interface UseCopilotChatReturn {
   visibleMessages: Message[];
   append: (
     message: Message | CreateMessage,
-    chatRequestOptions?: ChatRequestOptions
-  ) => Promise<string | null | undefined>;
-  reload: (
-    chatRequestOptions?: ChatRequestOptions
+    chatRequestOptions?: ChatRequestOptions,
   ) => Promise<string | null | undefined>;
+  reload: (chatRequestOptions?: ChatRequestOptions) => Promise<string | null | undefined>;
   stop: () => void;
   isLoading: boolean;
   input: string;
@@ -40,7 +39,7 @@ export function useCopilotChat({
 
   const systemMessage: Message = useMemo(() => {
     const systemMessageMaker = makeSystemMessage || defaultSystemMessage;
-    const contextString = getContextString([]);
+    const contextString = getContextString([], defaultCopilotContextCategories); // TODO: make the context categories configurable
 
     return {
       id: "system",
@@ -49,32 +48,29 @@ export function useCopilotChat({
     };
   }, [getContextString, makeSystemMessage]);
 
-  const initialMessagesWithContext = [systemMessage].concat(
-    options.initialMessages || []
-  );
+  const initialMessagesWithContext = [systemMessage].concat(options.initialMessages || []);
 
   const functionDescriptions = useMemo(() => {
     return getChatCompletionFunctionDescriptions();
   }, [getChatCompletionFunctionDescriptions]);
 
-  const { messages, append, reload, stop, isLoading, input, setInput } =
-    useChat({
-      ...options,
-      api: copilotApiConfigExtrapolator(copilotApiConfig).chatApiEndpoint,
+  const { messages, append, reload, stop, isLoading, input, setInput } = useChat({
+    ...options,
+    api: copilotApiConfigExtrapolator(copilotApiConfig).chatApiEndpoint,
+    id: options.id,
+    initialMessages: initialMessagesWithContext,
+    experimental_onFunctionCall: getFunctionCallHandler(),
+    headers: { ...copilotApiConfig.headers, ...options.headers },
+    body: {
       id: options.id,
-      initialMessages: initialMessagesWithContext,
-      experimental_onFunctionCall: getFunctionCallHandler(),
-      headers: { ...copilotApiConfig.headers, ...options.headers },
-      body: {
-        id: options.id,
-        functions: functionDescriptions,
-        ...copilotApiConfig.body,
-        ...options.body,
-      },
-    });
+      functions: functionDescriptions,
+      ...copilotApiConfig.body,
+      ...options.body,
+    },
+  });
 
   const visibleMessages = messages.filter(
-    (message) => message.role === "user" || message.role === "assistant"
+    (message) => message.role === "user" || message.role === "assistant",
   );
 
   return {

package/src/hooks/use-flat-category-store.ts

@@ -17,28 +17,19 @@ interface FlatCategoryStoreElement<T> {
 
 const useFlatCategoryStore = <T>(): UseFlatCategoryStoreReturn<T> => {
   const [elements, dispatch] = useReducer<
-    React.Reducer<
-      Map<FlatCategoryStoreId, FlatCategoryStoreElement<T>>,
-      Action<T>
-    >
-  >(
-    flatCategoryStoreReducer,
-    new Map<FlatCategoryStoreId, FlatCategoryStoreElement<T>>()
-  );
+    React.Reducer<Map<FlatCategoryStoreId, FlatCategoryStoreElement<T>>, Action<T>>
+  >(flatCategoryStoreReducer, new Map<FlatCategoryStoreId, FlatCategoryStoreElement<T>>());
 
-  const addElement = useCallback(
-    (value: T, categories: string[]): FlatCategoryStoreId => {
-      const newId = nanoid();
-      dispatch({
-        type: "ADD_ELEMENT",
-        value,
-        id: newId,
-        categories,
-      });
-      return newId;
-    },
-    []
-  );
+  const addElement = useCallback((value: T, categories: string[]): FlatCategoryStoreId => {
+    const newId = nanoid();
+    dispatch({
+      type: "ADD_ELEMENT",
+      value,
+      id: newId,
+      categories,
+    });
+    return newId;
+  }, []);
 
   const removeElement = useCallback((id: FlatCategoryStoreId): void => {
     dispatch({ type: "REMOVE_ELEMENT", id });
@@ -55,7 +46,7 @@ const useFlatCategoryStore = <T>(): UseFlatCategoryStoreReturn<T> => {
       });
       return result;
     },
-    [elements]
+    [elements],
   );
 
   return { addElement, removeElement, allElements };
@@ -76,7 +67,7 @@ type Action<T> =
 // Reducer
 function flatCategoryStoreReducer<T>(
   state: Map<FlatCategoryStoreId, FlatCategoryStoreElement<T>>,
-  action: Action<T>
+  action: Action<T>,
 ): Map<FlatCategoryStoreId, FlatCategoryStoreElement<T>> {
   switch (action.type) {
     case "ADD_ELEMENT": {
@@ -101,8 +92,7 @@ function flatCategoryStoreReducer<T>(
 }
 
 function setsHaveIntersection<T>(setA: Set<T>, setB: Set<T>): boolean {
-  const [smallerSet, largerSet] =
-    setA.size <= setB.size ? [setA, setB] : [setB, setA];
+  const [smallerSet, largerSet] = setA.size <= setB.size ? [setA, setB] : [setB, setA];
 
   for (let item of smallerSet) {
     if (largerSet.has(item)) {

package/src/hooks/use-make-copilot-actionable.ts

@@ -7,7 +7,7 @@ import { nanoid } from "nanoid";
 
 export function useMakeCopilotActionable<ActionInput extends any[]>(
   annotatedFunction: AnnotatedFunction<ActionInput>,
-  dependencies: any[]
+  dependencies: any[],
 ) {
   const idRef = useRef(nanoid()); // generate a unique id
   const { setEntryPoint, removeEntryPoint } = useContext(CopilotContext);
@@ -19,14 +19,11 @@ export function useMakeCopilotActionable<ActionInput extends any[]>(
       argumentAnnotations: annotatedFunction.argumentAnnotations,
       implementation: annotatedFunction.implementation,
     }),
-    dependencies
+    dependencies,
   );
 
   useEffect(() => {
-    setEntryPoint(
-      idRef.current,
-      memoizedAnnotatedFunction as AnnotatedFunction<any[]>
-    );
+    setEntryPoint(idRef.current, memoizedAnnotatedFunction as AnnotatedFunction<any[]>);
 
     return () => {
       removeEntryPoint(idRef.current);

package/src/hooks/use-make-copilot-document-readable.ts

@@ -5,19 +5,18 @@ import { CopilotContext } from "../context/copilot-context";
 import { DocumentPointer } from "../types";
 
 /**
- * Adds the given information to the Copilot context to make it readable by Copilot.
- * @param information - The information to be added to the Copilot context.
- * @param parentId - The ID of the parent context, if any.
- * @param categories - An array of categories to control which context are visible where. Particularly useful with CopilotTextarea (see `useMakeAutosuggestionFunction`)
- * @returns The ID of the added context.
+ * Makes a document readable by Copilot.
+ * @param document The document to make readable.
+ * @param categories The categories to associate with the document.
+ * @param dependencies The dependencies to use for the effect.
+ * @returns The id of the document.
  */
 export function useMakeCopilotDocumentReadable(
   document: DocumentPointer,
   categories?: string[],
-  dependencies: any[] = []
+  dependencies: any[] = [],
 ): string | undefined {
-  const { addDocumentContext, removeDocumentContext } =
-    useContext(CopilotContext);
+  const { addDocumentContext, removeDocumentContext } = useContext(CopilotContext);
   const idRef = useRef<string>();
 
   useEffect(() => {
@@ -27,7 +26,7 @@ export function useMakeCopilotDocumentReadable(
     return () => {
       removeDocumentContext(id);
     };
-  }, [categories, addDocumentContext, removeDocumentContext, ...dependencies]);
+  }, [addDocumentContext, removeDocumentContext, ...dependencies]);
 
   return idRef.current;
 }

package/src/hooks/use-make-copilot-readable.ts

@@ -13,7 +13,7 @@ import { CopilotContext } from "../context/copilot-context";
 export function useMakeCopilotReadable(
   information: string,
   parentId?: string,
-  categories?: string[]
+  categories?: string[],
 ): string | undefined {
   const { addContext, removeContext } = useContext(CopilotContext);
   const idRef = useRef<string>();

package/src/hooks/use-tree.ts

@@ -15,11 +15,7 @@ export type Tree = TreeNode[];
 
 export interface UseTreeReturn {
   tree: Tree;
-  addElement: (
-    value: string,
-    categories: string[],
-    parentId?: TreeNodeId
-  ) => TreeNodeId;
+  addElement: (value: string, categories: string[], parentId?: TreeNodeId) => TreeNodeId;
   printTree: (categories: string[]) => string;
   removeElement: (id: TreeNodeId) => void;
 }
@@ -47,11 +43,7 @@ const removeNode = (nodes: Tree, id: TreeNodeId): Tree => {
   }, []);
 };
 
-const addNode = (
-  nodes: Tree,
-  newNode: TreeNode,
-  parentId?: TreeNodeId
-): Tree => {
+const addNode = (nodes: Tree, newNode: TreeNode, parentId?: TreeNodeId): Tree => {
   if (!parentId) {
     return [...nodes, newNode];
   }
@@ -65,10 +57,7 @@ const addNode = (
   });
 };
 
-const treeIndentationRepresentation = (
-  index: number,
-  indentLevel: number
-): string => {
+const treeIndentationRepresentation = (index: number, indentLevel: number): string => {
   if (indentLevel === 0) {
     return (index + 1).toString();
   } else if (indentLevel === 1) {
@@ -105,12 +94,9 @@ const printNode = (node: TreeNode, prefix = "", indentLevel = 0): string => {
     (child, index) =>
       (output += printNode(
         child,
-        `${childPrePrefix}${treeIndentationRepresentation(
-          index,
-          indentLevel + 1
-        )}. `,
-        indentLevel + 1
-      ))
+        `${childPrePrefix}${treeIndentationRepresentation(index, indentLevel + 1)}. `,
+        indentLevel + 1,
+      )),
   );
   return output;
 };
@@ -168,7 +154,7 @@ const useTree = (): UseTreeReturn => {
       });
       return newNodeId; // Return the new ID
     },
-    []
+    [],
   );
 
   const removeElement = useCallback((id: TreeNodeId): void => {
@@ -191,14 +177,11 @@ const useTree = (): UseTreeReturn => {
           output += "\n";
         }
 
-        output += printNode(
-          node,
-          `${treeIndentationRepresentation(index, 0)}. `
-        );
+        output += printNode(node, `${treeIndentationRepresentation(index, 0)}. `);
       });
       return output;
     },
-    [tree]
+    [tree],
   );
 
   return { tree, addElement, printTree, removeElement };
@@ -207,8 +190,7 @@ const useTree = (): UseTreeReturn => {
 export default useTree;
 
 function setsHaveIntersection<T>(setA: Set<T>, setB: Set<T>): boolean {
-  const [smallerSet, largerSet] =
-    setA.size <= setB.size ? [setA, setB] : [setB, setA];
+  const [smallerSet, largerSet] = setA.size <= setB.size ? [setA, setB] : [setB, setA];
 
   for (let item of smallerSet) {
     if (largerSet.has(item)) {