10227677157

Committed 03 Aug 2024 11:34AM UTC coverage: 93.618% (-0.1%) from 93.715%

Build # 10227677157

Build Type

Pull #223

github

Committed by

nevendyulgerov

Commit Message

chore(apps/web): Update comment

Pull Request Pull Request #223: #220 Upgrade mantine packages

Run Details

1136 of 1356 branches covered (83.78%)

Branch coverage included in aggregate %.

18 of 18 new or added lines in 4 files covered. (100.0%)

11 existing lines in 2 files now uncovered.

12389 of 13091 relevant lines covered (94.64%)

40.49 hits per line

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

90.91

/apps/web/src/components/specification/form/fields/HumanReadableABI.tsx

import { CodeHighlight } from "@mantine/code-highlight";
import { Accordion, Stack, Textarea, Title } from "@mantine/core";
import { createFormActions, useForm } from "@mantine/form";
import { isNotNil } from "ramda";
import { isBlank, isFunction } from "ramda-adjunct";
import { FC, ReactNode, useEffect } from "react";
import { Abi, parseAbi } from "viem";
import LabelWithTooltip from "../../../labelWithTooltip";
import { prepareSignatures, stringifyContent } from "../../utils";

const placeholder = `function balanceOf(address owner) view returns (uint256) \nevent Transfer(address indexed from, address indexed to, uint256 amount)`;
interface Props {
    abi?: Abi;
    onAbiChange: (abi: Abi) => void;
    error?: string | ReactNode;
}

const abiTipMessage =
    "Define the signature without wrapping it on quotes nor adding comma at the end to separate. Just hit enter and keep defining your signatures";

interface FormValues {
    humanABIEntry: string;
}

interface FormTransformedValues {
    generatedAbi?: Abi;
    readableList?: string[];
}

type FormTransform = (v: FormValues) => FormTransformedValues;

export const humanReadableABIFormActions = createFormActions<FormValues>(
    "human-readable-abi-form",
);

export const HumanReadableABI: FC<Props> = ({ onAbiChange, error }) => {
    const form = useForm<FormValues, FormTransform>({
        name: "human-readable-abi-form",
        validateInputOnBlur: true,
        initialValues: {
            humanABIEntry: "",
        },
        validate: {
            humanABIEntry: (value) => {
                if (isBlank(value))
                    return "The ABI signature definition is required!";
                const items = prepareSignatures(value);

                try {
                    parseAbi(items);
                } catch (error: any) {
                    return error.message;
                }
                return null;
            },
        },
        transformValues: (values) => {
            if (isBlank(values.humanABIEntry)) return {};

            const readableList = prepareSignatures(values.humanABIEntry);
            let generatedAbi;
            try {
                generatedAbi = parseAbi(readableList);
            } catch (error: any) {}

            return {
                generatedAbi,
                readableList,
            };
        },
    });

    const { generatedAbi, readableList } = form.getTransformedValues();
    const key = JSON.stringify(readableList);
    const displayAccordion = isNotNil(generatedAbi) || isNotNil(readableList);

    useEffect(() => {
        if (isFunction(onAbiChange)) onAbiChange(generatedAbi ?? []);
        // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [onAbiChange, key]);

    return (
        <Stack>
            <Textarea
                data-testid="human-readable-abi-input"
                resize="vertical"
                label={
                    <LabelWithTooltip
                        label="ABI"
                        tooltipLabel={abiTipMessage}
                    />
                }
                description="Define signatures in Human readable format"
                placeholder={placeholder}
                rows={5}
                {...form.getInputProps("humanABIEntry")}
                error={error || form.errors.humanABIEntry}
            />

            {displayAccordion && (
                <Accordion variant="contained" chevronPosition="right" py="sm">
                    <Accordion.Item
                        data-testid="abi-signatures-item"
                        key="abi-signatures-item"
                        value="abi-signatures-item"
                    >
                        <Accordion.Control>
                            <Title order={4}>ABI Signatures</Title>
                        </Accordion.Control>

                        <Accordion.Panel>
                            <CodeHighlight
                                withCopyButton={false}
                                language="solidity"
                                code={stringifyContent(readableList ?? [])}
                            />
                        </Accordion.Panel>
                    </Accordion.Item>

                    <Accordion.Item
                        data-testid="json-abi-generated-item"
                        key="abi-generated-json-item"
                        value="abi-generated-json-item"
                    >
                        <Accordion.Control>
                            <Title order={4}>JSON ABI Generated</Title>
                        </Accordion.Control>

                        <Accordion.Panel>
                            <CodeHighlight
                                withCopyButton={false}
                                language="JSON"
                                code={stringifyContent(generatedAbi ?? [])}
                            />
                        </Accordion.Panel>
                    </Accordion.Item>
                </Accordion>
            )}
        </Stack>
    );
};

1	import { CodeHighlight } from "@mantine/code-highlight";	1✔
2	import { Accordion, Stack, Textarea, Title } from "@mantine/core";	1✔
3	import { createFormActions, useForm } from "@mantine/form";	1✔
4	import { isNotNil } from "ramda";	1✔
5	import { isBlank, isFunction } from "ramda-adjunct";	1✔
6	import { FC, ReactNode, useEffect } from "react";	1✔
7	import { Abi, parseAbi } from "viem";	1✔
8	import LabelWithTooltip from "../../../labelWithTooltip";	1✔
9	import { prepareSignatures, stringifyContent } from "../../utils";	1✔
10		1✔
11	const placeholder = `function balanceOf(address owner) view returns (uint256) \nevent Transfer(address indexed from, address indexed to, uint256 amount)`;	1✔
12	interface Props {	1✔
13	abi?: Abi;	1✔
14	onAbiChange: (abi: Abi) => void;	1✔
15	error?: string \| ReactNode;	1✔
16	}	1✔
17		1✔
18	const abiTipMessage =	1✔
19	"Define the signature without wrapping it on quotes nor adding comma at the end to separate. Just hit enter and keep defining your signatures";	1✔
20		1✔
21	interface FormValues {	1✔
22	humanABIEntry: string;	1✔
23	}	1✔
24		1✔
25	interface FormTransformedValues {	1✔
26	generatedAbi?: Abi;	1✔
27	readableList?: string[];	1✔
28	}	1✔
29		1✔
30	type FormTransform = (v: FormValues) => FormTransformedValues;	1✔
31		1✔
32	export const humanReadableABIFormActions = createFormActions<FormValues>(	1✔
33	"human-readable-abi-form",	1✔
34	);	1✔
35		1✔
36	export const HumanReadableABI: FC<Props> = ({ onAbiChange, error }) => {	1✔
37	const form = useForm<FormValues, FormTransform>({	95✔
38	name: "human-readable-abi-form",	95✔
39	validateInputOnBlur: true,	95✔
40	initialValues: {	95✔
41	humanABIEntry: "",	95✔
42	},	95✔
43	validate: {	95✔
44	humanABIEntry: (value) => {	95✔
UNCOV 45	if (isBlank(value))	×
UNCOV 46	return "The ABI signature definition is required!";	×
UNCOV 47	const items = prepareSignatures(value);	×
UNCOV 48		×
UNCOV 49	try {	×
UNCOV 50	parseAbi(items);	×
UNCOV 51	} catch (error: any) {	×
52	return error.message;	×
53	}	×
UNCOV 54	return null;	×
UNCOV 55	},	×
56	},	95✔
57	transformValues: (values) => {	95✔
58	if (isBlank(values.humanABIEntry)) return {};	95✔
59		20✔
60	const readableList = prepareSignatures(values.humanABIEntry);	20✔
61	let generatedAbi;	20✔
62	try {	20✔
63	generatedAbi = parseAbi(readableList);	20✔
64	} catch (error: any) {}	95!
65		20✔
66	return {	20✔
67	generatedAbi,	20✔
68	readableList,	20✔
69	};	20✔
70	},	95✔
71	});	95✔
72		95✔
73	const { generatedAbi, readableList } = form.getTransformedValues();	95✔
74	const key = JSON.stringify(readableList);	95✔
75	const displayAccordion = isNotNil(generatedAbi) \|\| isNotNil(readableList);	95✔
76		95✔
77	useEffect(() => {	95✔
78	if (isFunction(onAbiChange)) onAbiChange(generatedAbi ?? []);	30✔
79	// eslint-disable-next-line react-hooks/exhaustive-deps	30✔
80	}, [onAbiChange, key]);	95✔
81		95✔
82	return (	95✔
83	<Stack>	95✔
84	<Textarea	95✔
85	data-testid="human-readable-abi-input"	95✔
86	resize="vertical"	95✔
87	label={	95✔
88	<LabelWithTooltip	95✔
89	label="ABI"	95✔
90	tooltipLabel={abiTipMessage}	95✔
91	/>	95✔
92	}	95✔
93	description="Define signatures in Human readable format"	95✔
94	placeholder={placeholder}	95✔
95	rows={5}	95✔
96	{...form.getInputProps("humanABIEntry")}	95✔
97	error={error \|\| form.errors.humanABIEntry}	95✔
98	/>	95✔
99		95✔
100	{displayAccordion && (	95✔
101	<Accordion variant="contained" chevronPosition="right" py="sm">	20✔
102	<Accordion.Item	20✔
103	data-testid="abi-signatures-item"	20✔
104	key="abi-signatures-item"	20✔
105	value="abi-signatures-item"	20✔
106	>	20✔
107	<Accordion.Control>	20✔
108	<Title order={4}>ABI Signatures</Title>	20✔
109	</Accordion.Control>	20✔
110		20✔
111	<Accordion.Panel>	20✔
112	<CodeHighlight	20✔
113	withCopyButton={false}	20✔
114	language="solidity"	20✔
115	code={stringifyContent(readableList ?? [])}	20!
116	/>	20✔
117	</Accordion.Panel>	20✔
118	</Accordion.Item>	20✔
119		20✔
120	<Accordion.Item	20✔
121	data-testid="json-abi-generated-item"	20✔
122	key="abi-generated-json-item"	20✔
123	value="abi-generated-json-item"	20✔
124	>	20✔
125	<Accordion.Control>	20✔
126	<Title order={4}>JSON ABI Generated</Title>	20✔
127	</Accordion.Control>	20✔
128		20✔
129	<Accordion.Panel>	20✔
130	<CodeHighlight	20✔
131	withCopyButton={false}	20✔
132	language="JSON"	20✔
133	code={stringifyContent(generatedAbi ?? [])}	20!
134	/>	20✔
135	</Accordion.Panel>	20✔
136	</Accordion.Item>	20✔
137	</Accordion>	20✔
138	)}	95✔
139	</Stack>	95✔
140	);	95✔
141	};	95✔

cartesi / rollups-explorer / 10227677157

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