frontend/hooks/useExtensions.js

"use client";

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

export default function useExtensions(){

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

async function exec(fn,...args){
setLoading(true);
try{
const {data}=await fn(...args);
return data;
}finally{
setLoading(false);
}
}

return{
loading,
list:(...a)=>exec(extensions.list,...a),
installed:(...a)=>exec(extensions.installed,...a),
install:(...a)=>exec(extensions.install,...a),
uninstall:(...a)=>exec(extensions.uninstall,...a),
enable:(...a)=>exec(extensions.enable,...a),
disable:(...a)=>exec(extensions.disable,...a),
update:(...a)=>exec(extensions.update,...a),
marketplace:(...a)=>exec(extensions.marketplace,...a)
};

}