ParseJson.ts

Go to the documentation of this file.

export interface FormField {
    type: 'text' | 'dropdown' | 'input' | 'textarea';
    name: string;
    path: string;
    value?: string;
    placeholder?: string;
    defaultValue?: string;
    options?: string[];
}
 
export const parseJsonToForm = (json: Record<string, any>): FormField[] => {
    const fields: FormField[] = [];
 
    const traverse = (obj: Record<string, any>, currentPath: string) => {
        Object.entries(obj).forEach(([key, value]) => {
            if (key.startsWith("ignore:")) return;
 
            const cleanName = key.replace(/^(drop:|input:|textarea:)/, "");
            const newPath = currentPath ? `${currentPath}.${cleanName}` : cleanName;
 
            const newNameFormat = (name: string, path: string) => {
                if (path.includes("verification")) {
                    const parts = path.split(".");
                    const index = parts.indexOf("verification");
                    if (index !== -1 && index + 1 < parts.length) {
                        return parts[index + 1];
                    }
                }
                return name;
            };
 
            const newName = newNameFormat(cleanName, newPath);
 
            if (typeof value === "object" && !Array.isArray(value)) {
                traverse(value, newPath);
 
            } else if (key.startsWith("drop:") && Array.isArray(value)) {
                let defaultValue = "";
                let selectedValue = "";
                const options: string[] = [];
 
                value.forEach(option => {
                    if (typeof option === "string") {
                        if (option.startsWith("default:")) {
                            defaultValue = option.replace("default:", "");
                            options.push(option.replace("default:", ""));
                        } else if (option.startsWith("selected:")) {
                            selectedValue = option.replace("selected:", "");
                            options.push(option.replace("selected:", ""));
                        } else if (option.startsWith("opt:")) {
                            options.push(option.replace("opt:", ""));
                        }
                    }
                });
 
                fields.push({
                    type: "dropdown",
                    name: newName,
                    path: newPath,
                    options,
                    defaultValue: selectedValue || defaultValue,
                });
 
            } else if (key.startsWith("input:")) {
                fields.push({
                    type: "input",
                    name: cleanName,
                    path: newPath,
                    defaultValue: typeof value === "string" ? value : "",
                    value: "",
                    placeholder: typeof value === "string" ? value : ""
                });
            } else if (key.startsWith("textarea:")) {
                fields.push({
                    type: "textarea",
                    name: cleanName,
                    path: newPath,
                    defaultValue: typeof value === "string" ? value : "",
                    value: "",
                    placeholder: typeof value === "string" ? value : ""
                });
            }
        });
    };
 
    traverse(json, "");
    return fields;
};
 
export const injectFormValuesIntoJson = (json: Record<string, any>, fields: FormField[]) => {
    const updatedJson = { ...json };
 
    fields.forEach((field: any) => {
        const pathParts = field.path.split(".");
        let current = updatedJson;
 
        for (let i = 0; i < pathParts.length - 1; i++) {
            if (!current[pathParts[i]]) {
                current[pathParts[i]] = {};
            }
            current = current[pathParts[i]];
        }
 
        const finalKey = pathParts[pathParts.length - 1];
        const originalKey = Object.keys(current).find(k => k.endsWith(finalKey));
 
        if (!originalKey) return;
 
        if (field.type === "dropdown") {
            const newOptions = current[originalKey]
                .map((option: any) => option.startsWith("selected:") ? option.replace("selected:", "opt:") : option)
                .map((option: any) => option === `opt:${field.defaultValue}` ? `selected:${field.defaultValue}` : option);
 
            current[originalKey] = newOptions;
        } else {
            if (field.value) {
                current[originalKey] = field.value;
            } else {
                current[originalKey] = field.defaultValue;
            }
        }
    });
 
    return updatedJson;
};