@mvriu5/payload-ai 1.4.0 → 1.6.0

package/dist/components/generate-field/richText.js

@@ -0,0 +1,30 @@
+export const createGeneratedRichTextValue = (value)=>{
+    const paragraphs = value.split(/\n\s*\n/).map((paragraph)=>paragraph.replace(/\s*\n\s*/g, " ").trim()).filter(Boolean);
+    return {
+        root: {
+            children: paragraphs.map((text)=>({
+                    children: [
+                        {
+                            detail: 0,
+                            format: 0,
+                            mode: "normal",
+                            style: "",
+                            text,
+                            type: "text",
+                            version: 1
+                        }
+                    ],
+                    direction: "ltr",
+                    format: "",
+                    indent: 0,
+                    type: "paragraph",
+                    version: 1
+                })),
+            direction: "ltr",
+            format: "",
+            indent: 0,
+            type: "root",
+            version: 1
+        }
+    };
+};

package/dist/components/translate-document/TranslateDocumentButton.d.ts

@@ -0,0 +1,2 @@
+declare const TranslateDocumentButton: () => import("react").JSX.Element | null;
+export default TranslateDocumentButton;

package/dist/components/translate-document/TranslateDocumentButton.js

@@ -0,0 +1,111 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, useConfig, useDocumentForm, useDocumentInfo, useLocale } from "@payloadcms/ui";
+import { formatAdminURL } from "payload/shared";
+import { useEffect, useState } from "react";
+import styles from "./TranslateDocumentButton.module.css";
+const TranslateDocumentButton = ()=>{
+    const configContext = useConfig();
+    const documentForm = useDocumentForm();
+    const documentInfo = useDocumentInfo();
+    const locale = useLocale();
+    const [available, setAvailable] = useState(false);
+    const [error, setError] = useState("");
+    const [isChecking, setIsChecking] = useState(true);
+    const [isTranslating, setIsTranslating] = useState(false);
+    const scope = documentInfo.collectionSlug ? {
+        slug: documentInfo.collectionSlug,
+        type: "collection"
+    } : documentInfo.globalSlug ? {
+        slug: documentInfo.globalSlug,
+        type: "global"
+    } : null;
+    const apiRoute = configContext?.config?.routes?.api;
+    const request = async (action)=>{
+        if (!apiRoute || !scope) return null;
+        const response = await fetch(formatAdminURL({
+            apiRoute,
+            path: "/ai-translate-document"
+        }), {
+            body: JSON.stringify({
+                action,
+                id: documentInfo.id,
+                locale: locale.code,
+                scope
+            }),
+            headers: {
+                "Content-Type": "application/json"
+            },
+            method: "POST"
+        });
+        const result = await response.json().catch(()=>null);
+        if (!response.ok || !result) throw new Error(result?.error || "Could not translate this locale.");
+        return result;
+    };
+    useEffect(()=>{
+        let active = true;
+        setAvailable(false);
+        setError("");
+        setIsChecking(true);
+        void request("status").then((result)=>{
+            if (active) setAvailable(Boolean(result?.available));
+        }).catch(()=>{
+            if (active) setAvailable(false);
+        }).finally(()=>{
+            if (active) setIsChecking(false);
+        });
+        return ()=>{
+            active = false;
+        };
+    }, [
+        apiRoute,
+        documentInfo.id,
+        locale.code,
+        scope?.slug,
+        scope?.type
+    ]);
+    const translate = async ()=>{
+        if (isTranslating) return;
+        setError("");
+        setIsTranslating(true);
+        try {
+            const result = await request("translate");
+            for (const entry of result?.values || []){
+                documentForm.dispatchFields({
+                    ...entry.fieldType === "richText" ? {
+                        initialValue: entry.value
+                    } : {},
+                    path: entry.path,
+                    type: "UPDATE",
+                    value: entry.value
+                });
+            }
+            documentForm.setModified(true);
+            setAvailable(false);
+        } catch (translationError) {
+            setError(translationError instanceof Error ? translationError.message : "Could not translate this locale.");
+        } finally{
+            setIsTranslating(false);
+        }
+    };
+    if (isChecking || !available) return null;
+    return /*#__PURE__*/ _jsxs("div", {
+        className: styles.wrapper,
+        children: [
+            error && /*#__PURE__*/ _jsx("span", {
+                className: styles.error,
+                role: "alert",
+                children: error
+            }),
+            /*#__PURE__*/ _jsx(Button, {
+                buttonStyle: "subtle",
+                disabled: isTranslating,
+                margin: false,
+                onClick: ()=>void translate(),
+                size: "medium",
+                children: isTranslating ? "Translating..." : "Translate"
+            })
+        ]
+    });
+};
+export default TranslateDocumentButton;

package/dist/components/translate-document/TranslateDocumentButton.module.css

@@ -0,0 +1,11 @@
+.wrapper {
+    align-items: center;
+    display: flex;
+    gap: 8px;
+}
+
+.error {
+    color: var(--theme-error-500);
+    font-size: 12px;
+    max-width: 240px;
+}

package/dist/exports/client.d.ts

@@ -1,6 +1,10 @@
 import Dashboard from "../components/dashboard/Dashboard.js";
 import APIKeyField from "../components/APIKeyField.js";
 import AIInput from "../components/ai-input/AIInput.js";
+import GenerateField from "../components/generate-field/GenerateField.js";
+import TranslateDocumentButton from "../components/translate-document/TranslateDocumentButton.js";
 export { Dashboard };
 export { APIKeyField as AIApiKeyField };
 export { AIInput };
+export { GenerateField };
+export { TranslateDocumentButton };

package/dist/exports/client.js

@@ -1,6 +1,10 @@
 import Dashboard from "../components/dashboard/Dashboard.js";
 import APIKeyField from "../components/APIKeyField.js";
 import AIInput from "../components/ai-input/AIInput.js";
+import GenerateField from "../components/generate-field/GenerateField.js";
+import TranslateDocumentButton from "../components/translate-document/TranslateDocumentButton.js";
 export { Dashboard };
 export { APIKeyField as AIApiKeyField };
 export { AIInput };
+export { GenerateField };
+export { TranslateDocumentButton };

package/dist/handlers/chatHandler.d.ts

@@ -39,6 +39,7 @@ type ChatOptions = {
     maxOutputTokens?: number;
     maxTokenUsage?: ResolvedMaxTokenUsageOptions;
     models?: AIModelConfig;
+    promptCaching?: boolean;
     providers?: ResolvedAIProviderConfig[];
 };
 export declare const createChatHandler: (options?: ChatOptions) => PayloadHandler;