Files
Momento/memento-note/hooks/use-auto-tagging.ts
Antigravity b825bdb8b2
Some checks failed
CI / Deploy production (on server) (push) Has been cancelled
CI / Lint, Unit Tests & Build (push) Has been cancelled
fix: boucle infinie Maximum update depth dans useAutoTagging + toolbar
- use-auto-tagging: onQuotaExceeded via ref stable → n'invalide plus
  useCallback analyzeContent à chaque render parent
- note-editor-context: filteredSuggestions et existingLabelsLower
  stabilisés avec useMemo (était recalculé sans memo → nouvelle ref
  à chaque render → état useMemo state se réexécutait → boucle)
- deepseek.ts: generateTags via generateText (pas generateObject)
  pour éviter response_format:json_schema non supporté

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
2026-05-29 13:40:59 +00:00

123 lines
3.8 KiB
TypeScript

import { useLanguage } from '@/lib/i18n'
import { useAiConsent } from '@/components/legal/ai-consent-provider'
import { useState, useEffect, useRef, useCallback } from 'react';
import { useDebounce } from './use-debounce';
import { TagSuggestion } from '@/lib/ai/types';
interface UseAutoTaggingProps {
content: string;
notebookId?: string | null;
enabled?: boolean;
onQuotaExceeded?: () => void;
}
export function useAutoTagging({ content, notebookId, enabled = true, onQuotaExceeded }: UseAutoTaggingProps) {
const { language } = useLanguage();
const { hasAiConsent, requestAiConsent } = useAiConsent();
const [suggestions, setSuggestions] = useState<TagSuggestion[]>([]);
const [isAnalyzing, setIsAnalyzing] = useState(false);
const [error, setError] = useState<string | null>(null);
// Debounce content by 1.5s
const debouncedContent = useDebounce(content, 1500);
// Track previous notebookId to detect when note is moved to a notebook
const previousNotebookId = useRef<string | null | undefined>(notebookId);
// AbortController for cancelling in-flight requests
const abortRef = useRef<AbortController | null>(null);
// Stable ref for onQuotaExceeded — avoids re-creating analyzeContent on every render
const onQuotaExceededRef = useRef(onQuotaExceeded);
onQuotaExceededRef.current = onQuotaExceeded;
const analyzeContent = useCallback(async (contentToAnalyze: string, currentNotebookId?: string | null, currentLanguage?: string) => {
if (!contentToAnalyze || contentToAnalyze.length < 10) {
setSuggestions([]);
return;
}
if (!hasAiConsent) {
const consented = await requestAiConsent();
if (!consented) {
setSuggestions([]);
return;
}
}
// Cancel previous request
abortRef.current?.abort();
const controller = new AbortController();
abortRef.current = controller;
setIsAnalyzing(true);
setError(null);
try {
const response = await fetch('/api/ai/tags', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
content: contentToAnalyze,
notebookId: currentNotebookId || undefined,
language: currentLanguage || document.documentElement.lang || 'en',
}),
signal: controller.signal,
});
if (controller.signal.aborted) return;
if (!response.ok) {
if (response.status === 402) {
onQuotaExceededRef.current?.();
}
throw new Error('Error during analysis');
}
const data = await response.json();
setSuggestions(data.tags || []);
} catch (err: any) {
if (err.name === 'AbortError') return;
setError('Failed to generate suggestions');
} finally {
if (!controller.signal.aborted) {
setIsAnalyzing(false);
}
}
}, [hasAiConsent, requestAiConsent]); // onQuotaExceeded via ref — stable
// Trigger on content change
useEffect(() => {
if (!enabled) {
setSuggestions([]);
return;
}
analyzeContent(debouncedContent, notebookId, language);
}, [debouncedContent, enabled, notebookId, language, analyzeContent]);
// Trigger when notebookId changes from null/undefined to a value
useEffect(() => {
if (!enabled) return;
const prev = previousNotebookId.current;
previousNotebookId.current = notebookId;
const wasMovedToNotebook = (prev === null || prev === undefined) && notebookId;
if (wasMovedToNotebook && content && content.length >= 10) {
analyzeContent(content, notebookId, language);
}
}, [notebookId, content, enabled, language, analyzeContent]);
// Cleanup on unmount
useEffect(() => {
return () => { abortRef.current?.abort(); };
}, []);
return {
suggestions,
isAnalyzing,
error,
clearSuggestions: () => setSuggestions([]),
};
}