12456085251

Committed 22 Dec 2024 04:59PM UTC coverage: 94.408% (+0.04%) from 94.37%

Build # 12456085251

Build Type

push

github

Committed by

lazToum

Commit Message

migration

Run Details

2382 of 2644 branches covered (90.09%)

Branch coverage included in aggregate %.

12809 of 13473 new or added lines in 287 files covered. (95.07%)

16 existing lines in 11 files now uncovered.

13724 of 14416 relevant lines covered (95.2%)

434.59 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

91.95

/src/waldiez/components/flow/modals/userInputModal/hooks/useUserInputModal.ts

import { useEffect } from "react";

import { UserInputModalProps } from "@waldiez/components/flow/modals/userInputModal/types";

export const useUserInputModal = (props: UserInputModalProps) => {
    const { flowId, isOpen, onUserInput, inputPrompt } = props;
    useEffect(() => {
        if (isOpen && inputPrompt.previousMessages.length > 0) {
            const messagesRoot = document.querySelector(`.console-messages[data-flow-id="${flowId}"]`);
            if (messagesRoot) {
                const console = messagesRoot.querySelectorAll(".console-message");
                if (console && console.length > 0) {
                    const lastMessage = console[console.length - 1];
                    if (lastMessage) {
                        lastMessage.scrollIntoView();
                    }
                }
            }
        }
        onOpenModalChange();
    }, [isOpen]);
    const onKeyDown = (event: KeyboardEvent) => {
        if (isOpen) {
            if (event.key === "Escape") {
                onCancel();
            }
            if (event.key === "Enter") {
                onSubmit();
            }
        }
    };
    const onOpenModalChange = () => {
        const userInputElement = document.getElementById(
            `rf-${flowId}-user-input-modal-input`,
        ) as HTMLInputElement | null;
        if (isOpen) {
            if (userInputElement) {
                userInputElement.focus();
                userInputElement.addEventListener("keydown", onKeyDown);
            }
        } else {
            if (userInputElement) {
                userInputElement.removeEventListener("keydown", onKeyDown);
            }
        }
    };
    const onClose = () => {
        const userInputElement = document.getElementById(
            `rf-${flowId}-user-input-modal-input`,
        ) as HTMLInputElement | null;
        if (userInputElement) {
            userInputElement.removeEventListener("keydown", onKeyDown);
            const userInput = userInputElement.value;
            if (userInput) {
                onUserInput(userInput);
            } else {
                onUserInput("");
            }
        }
    };

    const onCancel = () => {
        onUserInput("");
    };

    const onSubmit = () => {
        const userInput = (document.getElementById(`rf-${flowId}-user-input-modal-input`) as HTMLInputElement)
            ?.value;
        if (userInput) {
            onUserInput(userInput);
        } else {
            onUserInput("");
        }
    };
    return {
        onClose,
        onCancel,
        onSubmit,
    };
};

1	import { useEffect } from "react";	1✔
2
3	import { UserInputModalProps } from "@waldiez/components/flow/modals/userInputModal/types";
4
5	export const useUserInputModal = (props: UserInputModalProps) => {	1✔
6	const { flowId, isOpen, onUserInput, inputPrompt } = props;	26✔
7	useEffect(() => {	26✔
8	if (isOpen && inputPrompt.previousMessages.length > 0) {	6✔
9	const messagesRoot = document.querySelector(`.console-messages[data-flow-id="${flowId}"]`);	6✔
10	if (messagesRoot) {	6✔
11	const console = messagesRoot.querySelectorAll(".console-message");	6✔
12	if (console && console.length > 0) {	6✔
13	const lastMessage = console[console.length - 1];	6✔
14	if (lastMessage) {	6✔
15	lastMessage.scrollIntoView();	6✔
16	}	6✔
17	}	6✔
18	}	6✔
19	}	6✔
20	onOpenModalChange();	6✔
21	}, [isOpen]);	26✔
22	const onKeyDown = (event: KeyboardEvent) => {	26✔
23	if (isOpen) {	2✔
24	if (event.key === "Escape") {	2✔
25	onCancel();	1✔
26	}	1✔
27	if (event.key === "Enter") {	2✔
28	onSubmit();	1✔
29	}	1✔
30	}	2✔
31	};	2✔
32	const onOpenModalChange = () => {	26✔
33	const userInputElement = document.getElementById(	6✔
34	`rf-${flowId}-user-input-modal-input`,	6✔
35	) as HTMLInputElement \| null;	6✔
36	if (isOpen) {	6✔
37	if (userInputElement) {	6✔
38	userInputElement.focus();	6✔
39	userInputElement.addEventListener("keydown", onKeyDown);	6✔
40	}	6✔
41	} else {	6!
NEW 42	if (userInputElement) {	×
NEW 43	userInputElement.removeEventListener("keydown", onKeyDown);	×
NEW 44	}	×
NEW 45	}	×
46	};	6✔
47	const onClose = () => {	26✔
48	const userInputElement = document.getElementById(	1✔
49	`rf-${flowId}-user-input-modal-input`,	1✔
50	) as HTMLInputElement \| null;	1✔
51	if (userInputElement) {	1✔
52	userInputElement.removeEventListener("keydown", onKeyDown);	1✔
53	const userInput = userInputElement.value;	1✔
54	if (userInput) {	1!
NEW 55	onUserInput(userInput);	×
56	} else {	1✔
57	onUserInput("");	1✔
58	}	1✔
59	}	1✔
60	};	1✔
61
62	const onCancel = () => {	26✔
63	onUserInput("");	2✔
64	};	2✔
65
66	const onSubmit = () => {	26✔
67	const userInput = (document.getElementById(`rf-${flowId}-user-input-modal-input`) as HTMLInputElement)	2✔
68	?.value;	2✔
69	if (userInput) {	2✔
70	onUserInput(userInput);	1✔
71	} else {	1✔
72	onUserInput("");	1✔
73	}	1✔
74	};	2✔
75	return {	26✔
76	onClose,	26✔
77	onCancel,	26✔
78	onSubmit,	26✔
79	};	26✔
80	};	26✔

waldiez / react / 12456085251

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous