@mvriu5/payload-ai 0.5.10 → 1.1.1

package/dist/components/MentionPopover.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styles from "./MentionPopover.module.css";
 const suggestionGroups = [
     {
@@ -57,28 +58,38 @@ export const MentionPopover = ({ containerRef, onSelect, style, suggestions })=>
         event.preventDefault();
         onSelect(suggestion);
     };
-    return /*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ _jsx("div", {
         className: styles.popover,
         ref: containerRef,
-        style: style
-    }, suggestionGroups.map((group)=>{
-        const groupSuggestions = suggestions.filter((s)=>s.type === group.type);
-        if (groupSuggestions.length === 0) return null;
-        return /*#__PURE__*/ React.createElement("div", {
-            className: styles.group,
-            key: group.type
-        }, /*#__PURE__*/ React.createElement("div", {
-            className: styles.groupLabel
-        }, group.label), groupSuggestions.map((suggestion)=>/*#__PURE__*/ React.createElement("button", {
-                className: styles.option,
-                key: `${suggestion.type}-${suggestion.slug}-${suggestion.parent || ""}-${suggestion.collection || ""}-${suggestion.id || ""}`,
-                onMouseDown: (e)=>onMouseDown(e, suggestion),
-                onKeyDown: (e)=>onKeyDown(e, suggestion),
-                type: "button"
-            }, /*#__PURE__*/ React.createElement("span", {
-                className: styles.slug
-            }, getSuggestionTitle(suggestion)), /*#__PURE__*/ React.createElement("span", {
-                className: styles.label
-            }, getSuggestionLabel(suggestion)))));
-    }));
+        style: style,
+        children: suggestionGroups.map((group)=>{
+            const groupSuggestions = suggestions.filter((s)=>s.type === group.type);
+            if (groupSuggestions.length === 0) return null;
+            return /*#__PURE__*/ _jsxs("div", {
+                className: styles.group,
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: styles.groupLabel,
+                        children: group.label
+                    }),
+                    groupSuggestions.map((suggestion)=>/*#__PURE__*/ _jsxs("button", {
+                            className: styles.option,
+                            onMouseDown: (e)=>onMouseDown(e, suggestion),
+                            onKeyDown: (e)=>onKeyDown(e, suggestion),
+                            type: "button",
+                            children: [
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: styles.slug,
+                                    children: getSuggestionTitle(suggestion)
+                                }),
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: styles.label,
+                                    children: getSuggestionLabel(suggestion)
+                                })
+                            ]
+                        }, `${suggestion.type}-${suggestion.slug}-${suggestion.parent || ""}-${suggestion.collection || ""}-${suggestion.id || ""}`))
+                ]
+            }, group.type);
+        })
+    });
 };

package/dist/handlers/chatHandler.js

@@ -7,6 +7,87 @@ import { containsSensitiveData } from "../ai/sensitiveData.js";
 import { isCollectionActionAllowed } from "../payload/collectionPermissions.js";
 import { buildPromptWithMentionContext, collectBlocks, describeCollectionLikeConfig, describeCollectionLikeSummary, getAllowedCollectionSlugs, getMentionContext } from "../payload/schemaContext.js";
 import { getOptionValue, getSafeProposalLabel, hasLocalizedData, hasValueAtPath, setValueAtPath } from "../payload/shared.js";
+const e2eModeEnabled = ()=>process.env.PAYLOAD_AI_E2E_MODE === "true";
+const createSSEEventStream = (events)=>{
+    const encoder = new TextEncoder();
+    return new ReadableStream({
+        start (controller) {
+            for (const { data, event } of events){
+                controller.enqueue(encoder.encode(`event: ${event}\ndata: ${JSON.stringify(data)}\n\n`));
+            }
+            controller.close();
+        }
+    });
+};
+const createE2EChatResponse = ({ prompt, selectedLocales })=>{
+    const normalizedPrompt = prompt.toLowerCase();
+    const wantsCreatePost = normalizedPrompt.includes("post") && (normalizedPrompt.includes("create") || normalizedPrompt.includes("erstell"));
+    const mentionsMars = normalizedPrompt.includes("mars");
+    const multipleLocales = selectedLocales.length > 1;
+    const activeLocale = selectedLocales.at(-1);
+    const proposalLabel = multipleLocales ? normalizedPrompt.includes("locale review") ? "Create localized locale review draft post about Mars" : "Create localized draft post about Mars" : normalizedPrompt.includes("apply flow") ? "Create apply flow draft post about Mars" : normalizedPrompt.includes("proposal review") ? "Create proposal review draft post about Mars" : "Create draft post about Mars";
+    const proposal = wantsCreatePost && mentionsMars ? signAIActionProposal(multipleLocales ? {
+        action: "create",
+        collection: "posts",
+        label: proposalLabel,
+        localizedData: Object.fromEntries(selectedLocales.map((locale)=>[
+                locale,
+                {
+                    content: locale === "de" ? "Mars ist der vierte Planet von der Sonne." : "Mars is the fourth planet from the Sun.",
+                    excerpt: locale === "de" ? "Ein kurzer Entwurf ueber Mars." : "A short draft about Mars.",
+                    title: locale === "de" ? "Mars im Ueberblick" : "Mars Overview"
+                }
+            ])),
+        ...activeLocale ? {
+            locale: activeLocale
+        } : {}
+    } : {
+        action: "create",
+        collection: "posts",
+        data: {
+            content: "Mars is the fourth planet from the Sun.",
+            excerpt: "A short draft about Mars.",
+            status: "draft",
+            title: "Mars Overview"
+        },
+        label: proposalLabel,
+        ...activeLocale ? {
+            locale: activeLocale
+        } : {}
+    }) : null;
+    const responseText = proposal ? "Prepared one draft post proposal." : "No content change was proposed.";
+    return new Response(createSSEEventStream([
+        {
+            data: {
+                delta: responseText
+            },
+            event: "text"
+        },
+        {
+            data: {
+                proposals: proposal ? [
+                    proposal
+                ] : [],
+                usage: {
+                    inputTokens: 42,
+                    outputTokens: 27,
+                    totalTokens: 69
+                }
+            },
+            event: "proposals"
+        },
+        {
+            data: {},
+            event: "done"
+        }
+    ]), {
+        headers: {
+            "Cache-Control": "no-cache, no-transform",
+            Connection: "keep-alive",
+            "Content-Type": "text/event-stream; charset=utf-8"
+        }
+    });
+};
 const getRequiredFieldInfos = (fields, titleFieldName, path = "")=>{
     return fields.flatMap((field)=>{
         const fieldPath = field.name ? path ? `${path}.${field.name}` : field.name : path;
@@ -147,6 +228,14 @@ export const createChatHandler = (options = {})=>async (req)=>{
         }, {
             status: 400
         });
+        const selectedLocales = (body?.mentions?.filter((mention)=>mention.type === "locale" && mention.slug).map((mention)=>mention.slug) || []).filter((locale, index, array)=>array.indexOf(locale) === index);
+        const activeLocale = selectedLocales.at(-1);
+        if (e2eModeEnabled()) {
+            return createE2EChatResponse({
+                prompt,
+                selectedLocales
+            });
+        }
         const user = req.user;
         const requestedProvider = body?.provider || user.aiProvider || "openai";
         if (!isAIProvider(requestedProvider)) return Response.json({
@@ -229,8 +318,6 @@ export const createChatHandler = (options = {})=>async (req)=>{
                 mentions: body?.mentions,
                 req
             });
-            const selectedLocales = (body?.mentions?.filter((mention)=>mention.type === "locale" && mention.slug).map((mention)=>mention.slug) || []).filter((locale, index, array)=>array.indexOf(locale) === index);
-            const activeLocale = selectedLocales.at(-1);
             const mentionedCollectionSlugs = (body?.mentions?.flatMap((mention)=>{
                 if (mention.type === "collection" && mention.slug) return [
                     mention.slug

package/dist/index.js

@@ -143,7 +143,7 @@ const addAccountFields = ({ allowUserApiKeys, config })=>{
             type: "text",
             admin: {
                 components: {
-                    Field: "payload-ai-plugin/client#AIApiKeyField"
+                    Field: "@mvriu5/payload-ai/client#AIApiKeyField"
                 },
                 description: "Optional. If empty, the plugin uses the provider API key from environment variables."
             },
@@ -180,7 +180,7 @@ export const payloadAiPlugin = (pluginOptions)=>(config)=>{
         };
         if (!config.admin.components) config.admin.components = {};
         if (!config.admin.components.beforeDashboard) config.admin.components.beforeDashboard = [];
-        config.admin.components.beforeDashboard.push(`payload-ai-plugin/client#AIInput`);
+        config.admin.components.beforeDashboard.push(`@mvriu5/payload-ai/client#AIInput`);
         config.endpoints.push({
             handler: createChatHandler({
                 allowUserApiKeys,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mvriu5/payload-ai",
-    "version": "0.5.10",
+    "version": "1.1.1",
     "description": "AI assistant plugin for Payload CMS with provider selection, CMS mentions, and signed action proposals.",
     "keywords": [
         "payload",
@@ -45,7 +45,7 @@
         "build": "pnpm copyfiles && pnpm build:types && pnpm build:swc",
         "build:swc": "swc ./src -d ./dist --config-file .swcrc --strip-leading-paths",
         "build:types": "tsc --outDir dist --rootDir ./src",
-        "clean": "rimraf {dist,*.tsbuildinfo}",
+        "clean": "rimraf dist tsconfig.tsbuildinfo",
         "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
         "dev": "next dev dev --turbo",
         "dev:generate-importmap": "pnpm dev:payload generate:importmap",
@@ -55,9 +55,23 @@
         "generate:types": "pnpm dev:generate-types",
         "lint": "eslint",
         "lint:fix": "eslint ./src --fix",
-        "prepublishOnly": "pnpm clean && pnpm build"
+        "prepublishOnly": "pnpm clean && pnpm build",
+        "test": "vitest run tests/components tests/handlers tests/unit",
+        "test:all": "pnpm test && pnpm test:e2e",
+        "test:components": "vitest run tests/components",
+        "test:e2e": "playwright test",
+        "test:e2e:headed": "playwright test --headed",
+        "test:handlers": "vitest run tests/handlers",
+        "test:unit": "vitest run tests/unit",
+        "setup:hooks": "git config core.hooksPath .githooks"
     },
     "devDependencies": {
+        "@ai-sdk/anthropic": "^3.0.81",
+        "@ai-sdk/google": "^3.0.80",
+        "@ai-sdk/mistral": "^3.0.37",
+        "@ai-sdk/openai": "^3.0.67",
+        "@openrouter/ai-sdk-provider": "^2.9.1",
+        "@playwright/test": "^1.56.1",
         "@payloadcms/db-postgres": "3.84.1",
         "@payloadcms/next": "3.84.1",
         "@payloadcms/richtext-lexical": "3.84.1",
@@ -70,6 +84,7 @@
         "cross-env": "^7.0.3",
         "eslint": "^10.5.0",
         "graphql": "^16.8.1",
+        "jsdom": "^29.1.1",
         "knip": "^6.16.1",
         "next": "16.2.9",
         "payload": "3.84.1",
@@ -79,12 +94,33 @@
         "rimraf": "6.1.3",
         "sharp": "0.35.1",
         "typescript": "5.9.3",
-        "vite-tsconfig-paths": "6.1.1",
         "vitest": "4.1.9"
     },
     "peerDependencies": {
+        "@ai-sdk/anthropic": "^3.0.81",
+        "@ai-sdk/google": "^3.0.80",
+        "@ai-sdk/mistral": "^3.0.37",
+        "@ai-sdk/openai": "^3.0.67",
+        "@openrouter/ai-sdk-provider": "^2.9.1",
         "payload": "^3.84.1"
     },
+    "peerDependenciesMeta": {
+        "@ai-sdk/anthropic": {
+            "optional": true
+        },
+        "@ai-sdk/google": {
+            "optional": true
+        },
+        "@ai-sdk/mistral": {
+            "optional": true
+        },
+        "@ai-sdk/openai": {
+            "optional": true
+        },
+        "@openrouter/ai-sdk-provider": {
+            "optional": true
+        }
+    },
     "engines": {
         "node": "^18.20.2 || >=20.9.0",
         "pnpm": "^9 || ^10 || ^11"
@@ -111,11 +147,6 @@
         ]
     },
     "dependencies": {
-        "@ai-sdk/anthropic": "^3.0.81",
-        "@ai-sdk/google": "^3.0.80",
-        "@ai-sdk/mistral": "^3.0.37",
-        "@ai-sdk/openai": "^3.0.67",
-        "@openrouter/ai-sdk-provider": "^2.9.1",
         "ai": "^6.0.193",
         "zod": "^4.4.3"
     }