import { ref } from 'vue' import { useToast } from './useToast' import { useApi } from './useApi' import { buildConstructeurRequestPayload, uniqueConstructeurIds } from '~/shared/constructeurUtils' import { useConstructeurs } from './useConstructeurs' const composants = ref([]) const loading = ref(false) export function useComposants () { const { showSuccess, showError, showInfo } = useToast() const { get, post, patch, delete: del } = useApi() const { ensureConstructeurs } = useConstructeurs() const withResolvedConstructeurs = async (composant) => { if (!composant || typeof composant !== 'object') { return composant } const ids = uniqueConstructeurIds( composant.constructeurIds, composant.constructeurs, composant.constructeur, ) const hasConstructeurs = Array.isArray(composant.constructeurs) && composant.constructeurs.length > 0 if (ids.length && !hasConstructeurs) { const resolved = await ensureConstructeurs(ids) if (resolved.length) { composant.constructeurs = resolved composant.constructeurIds = ids } } return composant } const loadComposants = async () => { loading.value = true try { const result = await get('/composants') if (result.success) { const items = Array.isArray(result.data) ? result.data : [] const enrichedItems = await Promise.all(items.map((item) => withResolvedConstructeurs(item))) composants.value = enrichedItems showInfo(`Chargement de ${composants.value.length} composant(s) réussi`) } } catch (error) { console.error('Erreur lors du chargement des composants:', error) } finally { loading.value = false } } const createComposant = async (composantData) => { loading.value = true try { const result = await post('/composants', buildConstructeurRequestPayload(composantData)) if (result.success) { const enriched = await withResolvedConstructeurs(result.data) composants.value.push(enriched) const displayName = result.data?.name || composantData?.definition?.name || composantData?.name || 'Composant' showSuccess(`Composant "${displayName}" créé avec succès`) } return result } catch (error) { console.error('Erreur lors de la création du composant:', error) return { success: false, error: error.message } } finally { loading.value = false } } const updateComposantData = async (id, composantData) => { loading.value = true try { const result = await patch(`/composants/${id}`, buildConstructeurRequestPayload(composantData)) if (result.success) { const updated = await withResolvedConstructeurs(result.data) const index = composants.value.findIndex(comp => comp.id === id) if (index !== -1) { composants.value[index] = updated } showSuccess(`Composant "${updated?.name || composantData.name || ''}" mis à jour avec succès`) } return result } catch (error) { console.error('Erreur lors de la mise à jour du composant:', error) return { success: false, error: error.message } } finally { loading.value = false } } const deleteComposant = async (id) => { loading.value = true try { const result = await del(`/composants/${id}`) if (result.success) { const deletedComposant = composants.value.find(comp => comp.id === id) composants.value = composants.value.filter(comp => comp.id !== id) showSuccess(`Composant "${deletedComposant?.name || 'inconnu'}" supprimé avec succès`) } return result } catch (error) { console.error('Erreur lors de la suppression du composant:', error) return { success: false, error: error.message } } finally { loading.value = false } } const getComposants = () => composants.value const isLoading = () => loading.value return { composants, loading, loadComposants, createComposant, updateComposant: updateComposantData, deleteComposant, getComposants, isLoading } }