Function ShareXFormFields

settings.tsx:552–711

(props: { store: { sharexConfig?: string; }; update: () => void; })

}

function ShareXFormFields(props: { store: { sharexConfig?: string; }; update: () => void; }) {
    const { store, update } = props;
    const config = readShareXConfigObject(store.sharexConfig);

    const setField = (key: string, value: string) => {
        const next = readShareXConfigObject(store.sharexConfig);
        if (value.trim() === "") delete next[key];
        else next[key] = value;
        store.sharexConfig = JSON.stringify(next, null, 2);
        update();
    };

    const method = String(config.RequestMethod || "POST");
    const body = String(config.Body || "MultipartFormData");
    const isMultipart = body === "MultipartFormData" || body === "FormData";

    const [headersText, setHeadersText] = React.useState(() => {
        const headers = config.Headers;
        return headers && typeof headers === "object" && Object.keys(headers).length
            ? JSON.stringify(headers, null, 2)
            : "";
    });
    const [headersInvalid, setHeadersInvalid] = React.useState(false);

    const [argsText, setArgsText] = React.useState(() => {
        const args = config.Arguments;
        return args && typeof args === "object" && Object.keys(args).length
            ? JSON.stringify(args, null, 2)
            : "";
    });
    const [argsInvalid, setArgsInvalid] = React.useState(false);

    const applyHeaders = (text: string) => {
        setHeadersText(text);
        const next = readShareXConfigObject(store.sharexConfig);

        if (text.trim() === "") {
            delete next.Headers;
            store.sharexConfig = JSON.stringify(next, null, 2);
            setHeadersInvalid(false);
            update();
            return;
        }

        try {
            const parsed = JSON.parse(text);
            if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) throw new Error("not an object");
            next.Headers = parsed;
            store.sharexConfig = JSON.stringify(next, null, 2);
            setHeadersInvalid(false);
            update();
        } catch {
            setHeadersInvalid(true);
        }
    };

    const applyArgs = (text: string) => {
        setArgsText(text);