@consilioweb/payload-seo-analyzer 1.8.1 → 1.9.0

package/dist/client.js

@@ -1052,6 +1052,8 @@ var fr = {
   },
   seoView: {
     loadingAudit: "Chargement de l'audit SEO...",
+    buildingAudit: "G\xE9n\xE9ration de l'audit SEO en cours\u2026 (calcul\xE9 en arri\xE8re-plan pour ne pas surcharger le serveur, cela peut prendre un moment sur un gros site)",
+    buildTimeout: "La g\xE9n\xE9ration de l'audit prend plus de temps que pr\xE9vu. R\xE9essayez dans quelques instants.",
     errorSaving: "Erreur lors de la sauvegarde",
     auditTitle: "Audit SEO",
     pagesAnalyzed: "pages analys\xE9es",
@@ -1494,7 +1496,19 @@ var fr = {
     generateMeta: "G\xE9n\xE9rer les meta",
     metaTitle: "Meta Title",
     metaDescription: "Meta Description",
-    emptyValue: "(vide)"
+    emptyValue: "(vide)",
+    optimizeWithAi: "Optimiser avec l'IA",
+    optimizeIntro: "L'IA analyse la page et propose des meta optimis\xE9es (titre, description, mot-cl\xE9). V\xE9rifiez puis appliquez.",
+    optimizeRunning: "Analyse en cours\u2026",
+    applyAll: "Appliquer",
+    applied: "Appliqu\xE9",
+    whyChanges: "Pourquoi ces changements",
+    labelCurrent: "Actuel",
+    labelSuggested: "Sugg\xE9r\xE9",
+    labelFocusKeyword: "Mot-cl\xE9 cible",
+    heuristicNote: "Suggestions heuristiques (cl\xE9 API Claude non configur\xE9e).",
+    applySaveHint: "Champs remplis \u2014 pensez \xE0 enregistrer le document.",
+    noMetaChange: "Aucun changement propos\xE9."
   },
   scoreHistory: {
     loading: "Chargement de l'historique...",
@@ -1630,6 +1644,8 @@ var en = {
   },
   seoView: {
     loadingAudit: "Loading SEO audit...",
+    buildingAudit: "Building the SEO audit\u2026 (computed in the background to avoid overloading the server \u2014 this can take a moment on a large site)",
+    buildTimeout: "The audit is taking longer than expected. Please try again in a moment.",
     errorSaving: "Error during save",
     auditTitle: "SEO Audit",
     pagesAnalyzed: "pages analyzed",
@@ -2072,7 +2088,19 @@ var en = {
     generateMeta: "Generate meta",
     metaTitle: "Meta Title",
     metaDescription: "Meta Description",
-    emptyValue: "(empty)"
+    emptyValue: "(empty)",
+    optimizeWithAi: "Optimize with AI",
+    optimizeIntro: "AI analyzes the page and proposes optimized meta tags (title, description, keyword). Review, then apply.",
+    optimizeRunning: "Analyzing\u2026",
+    applyAll: "Apply",
+    applied: "Applied",
+    whyChanges: "Why these changes",
+    labelCurrent: "Current",
+    labelSuggested: "Suggested",
+    labelFocusKeyword: "Focus keyword",
+    heuristicNote: "Heuristic suggestions (Claude API key not configured).",
+    applySaveHint: "Fields filled \u2014 remember to save the document.",
+    noMetaChange: "No changes proposed."
   },
   scoreHistory: {
     loading: "Loading history...",
@@ -6478,9 +6506,11 @@ var C2 = {
   white: "#fff",
   green: "#22c55e",
   red: "#ef4444",
+  bg: "#fafafa",
   textPrimary: "var(--theme-text, #1a1a1a)",
   textSecondary: "var(--theme-elevation-600, #6b7280)",
   border: "var(--theme-border-color, #000)",
+  inputBg: "var(--theme-input-bg, #fff)",
   surfaceBg: "var(--theme-elevation-0, #fff)",
   surface50: "var(--theme-elevation-50, #f9fafb)"
 };
@@ -6980,10 +7010,48 @@ function useInternalLinkSuggestions(documentId, collection, textContent) {
   }, [textContent, documentId, collection]);
   return { suggestions, loading };
 }
+function AiDiffRow({
+  label,
+  current,
+  suggested,
+  labelCurrent,
+  labelSuggested,
+  emptyValue,
+  C: colors
+}) {
+  return /* @__PURE__ */ jsxs("div", { style: { marginBottom: 10 }, children: [
+    /* @__PURE__ */ jsx("div", { style: { fontSize: 10, fontWeight: 700, color: colors.textSecondary, textTransform: "uppercase", marginBottom: 4 }, children: label }),
+    /* @__PURE__ */ jsxs("div", { style: { fontSize: 11, color: colors.textSecondary, marginBottom: 3 }, children: [
+      /* @__PURE__ */ jsxs("span", { style: { fontWeight: 700 }, children: [
+        labelCurrent,
+        ": "
+      ] }),
+      /* @__PURE__ */ jsx("span", { style: { textDecoration: current ? "line-through" : "none", opacity: 0.7 }, children: current || emptyValue })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          padding: "6px 10px",
+          borderRadius: 6,
+          border: `1px solid var(--theme-elevation-200, #e5e7eb)`,
+          backgroundColor: colors.surface50,
+          fontSize: 12,
+          color: colors.textPrimary,
+          lineHeight: 1.5
+        },
+        children: [
+          /* @__PURE__ */ jsx("span", { style: { fontSize: 10, fontWeight: 700, color: colors.green, textTransform: "uppercase", marginRight: 6 }, children: labelSuggested }),
+          suggested || emptyValue
+        ]
+      }
+    )
+  ] });
+}
 var SeoAnalyzer = () => {
   const locale = useSeoLocale();
   const t = getDashboardT(locale);
-  const [formFields] = useAllFormFields();
+  const [formFields, dispatchFields] = useAllFormFields();
   const initialScoreRef = useRef(null);
   const [suggestionsOpen, setSuggestionsOpen] = useState(true);
   const [cannibalizationExpanded, setCannibalizationExpanded] = useState(false);
@@ -6992,6 +7060,10 @@ var SeoAnalyzer = () => {
   const [aiGenerating, setAiGenerating] = useState(false);
   const [aiResult, setAiResult] = useState(null);
   const [aiCopied, setAiCopied] = useState(null);
+  const [aiOptimizing, setAiOptimizing] = useState(false);
+  const [aiOptimizeResult, setAiOptimizeResult] = useState(null);
+  const [aiOptimizeApplied, setAiOptimizeApplied] = useState(false);
+  const [aiOptimizeError, setAiOptimizeError] = useState(false);
   const getFieldValue = useCallback(
     (path) => {
       if (!formFields) return void 0;
@@ -7719,6 +7791,145 @@ var SeoAnalyzer = () => {
         }
       )
     ] }),
+    /* @__PURE__ */ jsxs("div", { style: { marginBottom: 12 }, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          disabled: aiOptimizing || !documentId,
+          title: !documentId ? t.seoAnalyzer.applySaveHint : void 0,
+          onClick: async () => {
+            setAiOptimizing(true);
+            setAiOptimizeResult(null);
+            setAiOptimizeApplied(false);
+            setAiOptimizeError(false);
+            try {
+              const res = await fetch("/api/seo-plugin/ai-optimize", {
+                method: "POST",
+                credentials: "include",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ collection: currentCollection, id: documentId })
+              });
+              if (res.ok) {
+                setAiOptimizeResult(await res.json());
+              } else {
+                setAiOptimizeError(true);
+              }
+            } catch {
+              setAiOptimizeError(true);
+            }
+            setAiOptimizing(false);
+          },
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: 6,
+            width: "100%",
+            padding: "10px 14px",
+            borderRadius: 8,
+            border: `2px solid ${C2.border}`,
+            backgroundColor: "#7c3aed",
+            color: "#fff",
+            fontWeight: 800,
+            fontSize: 12,
+            cursor: aiOptimizing || !documentId ? "not-allowed" : "pointer",
+            opacity: aiOptimizing || !documentId ? 0.6 : 1,
+            textTransform: "uppercase",
+            letterSpacing: "0.04em",
+            justifyContent: "center",
+            boxShadow: "2px 2px 0 0 var(--theme-border-color, rgba(0,0,0,1))"
+          },
+          children: aiOptimizing ? t.seoAnalyzer.optimizeRunning : `\u2728 ${t.seoAnalyzer.optimizeWithAi}`
+        }
+      ),
+      aiOptimizeError && /* @__PURE__ */ jsx("div", { style: { marginTop: 8, padding: "8px 12px", borderRadius: 6, fontSize: 11, color: C2.white, backgroundColor: C2.red }, children: t.common.loadingError }),
+      aiOptimizeResult && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            marginTop: 8,
+            padding: "12px 14px",
+            borderRadius: 8,
+            border: `2px solid ${C2.border}`,
+            backgroundColor: C2.surfaceBg
+          },
+          children: [
+            aiOptimizeResult.method === "heuristic" && /* @__PURE__ */ jsx("div", { style: { fontSize: 10, color: C2.textSecondary, marginBottom: 8, fontStyle: "italic" }, children: t.seoAnalyzer.heuristicNote }),
+            /* @__PURE__ */ jsx(
+              AiDiffRow,
+              {
+                label: t.seoAnalyzer.metaTitle,
+                current: aiOptimizeResult.current.metaTitle,
+                suggested: aiOptimizeResult.suggestions.metaTitle,
+                labelCurrent: t.seoAnalyzer.labelCurrent,
+                labelSuggested: t.seoAnalyzer.labelSuggested,
+                emptyValue: t.seoAnalyzer.emptyValue,
+                C: C2
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              AiDiffRow,
+              {
+                label: t.seoAnalyzer.metaDescription,
+                current: aiOptimizeResult.current.metaDescription,
+                suggested: aiOptimizeResult.suggestions.metaDescription,
+                labelCurrent: t.seoAnalyzer.labelCurrent,
+                labelSuggested: t.seoAnalyzer.labelSuggested,
+                emptyValue: t.seoAnalyzer.emptyValue,
+                C: C2
+              }
+            ),
+            aiOptimizeResult.suggestions.focusKeyword && aiOptimizeResult.suggestions.focusKeyword !== aiOptimizeResult.current.focusKeyword && /* @__PURE__ */ jsx(
+              AiDiffRow,
+              {
+                label: t.seoAnalyzer.labelFocusKeyword,
+                current: aiOptimizeResult.current.focusKeyword,
+                suggested: aiOptimizeResult.suggestions.focusKeyword,
+                labelCurrent: t.seoAnalyzer.labelCurrent,
+                labelSuggested: t.seoAnalyzer.labelSuggested,
+                emptyValue: t.seoAnalyzer.emptyValue,
+                C: C2
+              }
+            ),
+            aiOptimizeResult.suggestions.rationale.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: 4, marginBottom: 10 }, children: [
+              /* @__PURE__ */ jsx("div", { style: { fontSize: 10, fontWeight: 700, color: C2.textSecondary, textTransform: "uppercase", marginBottom: 4 }, children: t.seoAnalyzer.whyChanges }),
+              /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: 16, fontSize: 11, color: C2.textPrimary, lineHeight: 1.5 }, children: aiOptimizeResult.suggestions.rationale.map((r, i) => /* @__PURE__ */ jsx("li", { children: r }, i)) })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled: aiOptimizeApplied,
+                onClick: () => {
+                  const sug = aiOptimizeResult.suggestions;
+                  if (sug.metaTitle) dispatchFields({ type: "UPDATE", path: "meta.title", value: sug.metaTitle });
+                  if (sug.metaDescription) dispatchFields({ type: "UPDATE", path: "meta.description", value: sug.metaDescription });
+                  if (sug.focusKeyword && sug.focusKeyword !== aiOptimizeResult.current.focusKeyword) {
+                    dispatchFields({ type: "UPDATE", path: "focusKeyword", value: sug.focusKeyword });
+                  }
+                  setAiOptimizeApplied(true);
+                },
+                style: {
+                  width: "100%",
+                  padding: "9px 14px",
+                  borderRadius: 6,
+                  border: `2px solid ${C2.border}`,
+                  backgroundColor: aiOptimizeApplied ? C2.green : C2.cyan,
+                  color: aiOptimizeApplied ? C2.white : C2.black,
+                  fontWeight: 800,
+                  fontSize: 11,
+                  textTransform: "uppercase",
+                  letterSpacing: "0.04em",
+                  cursor: aiOptimizeApplied ? "default" : "pointer"
+                },
+                children: aiOptimizeApplied ? `\u2713 ${t.seoAnalyzer.applied}` : t.seoAnalyzer.applyAll
+              }
+            ),
+            aiOptimizeApplied && /* @__PURE__ */ jsx("div", { style: { marginTop: 6, fontSize: 10, color: C2.textSecondary, textAlign: "center" }, children: t.seoAnalyzer.applySaveHint })
+          ]
+        }
+      )
+    ] }),
     suggestions.length > 0 && /* @__PURE__ */ jsxs(
       "div",
       {
@@ -9058,6 +9269,7 @@ function SeoView() {
   const [items, setItems] = useState([]);
   const [stats, setStats] = useState(null);
   const [loading, setLoading] = useState(true);
+  const [building, setBuilding] = useState(false);
   const [error, setError] = useState(null);
   const [filter, setFilter] = useState("all");
   const [scoreFilter, setScoreFilter] = useState("all");
@@ -9074,9 +9286,22 @@ function SeoView() {
   const fetchAudit = useCallback(async (forceRefresh = false) => {
     setLoading(true);
     setError(null);
+    setBuilding(false);
     try {
-      const url = forceRefresh ? "/api/seo-plugin/audit?nocache=1" : "/api/seo-plugin/audit";
-      const res = await fetch(url, { credentials: "include", cache: "no-store" });
+      const base = "/api/seo-plugin/audit";
+      let res = await fetch(forceRefresh ? `${base}?nocache=1` : base, {
+        credentials: "include",
+        cache: "no-store"
+      });
+      let attempts = 0;
+      const MAX_POLLS = 90;
+      while (res.status === 202 && attempts < MAX_POLLS) {
+        setBuilding(true);
+        await new Promise((r) => setTimeout(r, 3e3));
+        res = await fetch(base, { credentials: "include", cache: "no-store" });
+        attempts++;
+      }
+      if (res.status === 202) throw new Error(t.seoView.buildTimeout);
       if (!res.ok) throw new Error(`HTTP ${res.status}`);
       const data = await res.json();
       setItems(data.results || []);
@@ -9084,6 +9309,7 @@ function SeoView() {
     } catch (e) {
       setError(e instanceof Error ? e.message : t.common.loadingError);
     }
+    setBuilding(false);
     setLoading(false);
   }, [t]);
   useEffect(() => {
@@ -9525,7 +9751,7 @@ function SeoView() {
           fontSize: 14,
           fontFamily: "var(--font-body, system-ui)"
         },
-        children: t.seoView.loadingAudit
+        children: building ? t.seoView.buildingAudit : t.seoView.loadingAudit
       }
     );
   }