frontend/hooks/useVisualBuilder.js

"use client";

import {useState} from "react";
import builder from "../services/builder/client";

export default function useVisualBuilder(){

const [loading,setLoading]=useState(false);

async function run(fn,...args){
setLoading(true);
try{
return await fn(...args);
}
finally{
setLoading(false);
}
}

return{
loading,
load:(...a)=>run(builder.load,...a),
save:(...a)=>run(builder.save,...a),
generate:(...a)=>run(builder.generate,...a),
exportProject:(...a)=>run(builder.export,...a)
};

}