frontend/hooks/useFiles.js

"use client";

import {useState} from "react";
import * as files from "../services/files/client";

export default function useFiles(){

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

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

return{
loading,
listFiles:(...a)=>execute(files.listFiles,...a),
readFile:(...a)=>execute(files.readFile,...a),
saveFile:(...a)=>execute(files.saveFile,...a),
createFile:(...a)=>execute(files.createFile,...a),
renameFile:(...a)=>execute(files.renameFile,...a),
deleteFile:(...a)=>execute(files.deleteFile,...a),
uploadFile:(...a)=>execute(files.uploadFile,...a),
downloadFile:(...a)=>execute(files.downloadFile,...a)
};

}