strapi-content-embeddings 0.1.5 → 0.1.7

package/dist/_chunks/{index-B3j0IFUi.mjs → index-CIpGvEcJ.mjs}

@@ -1,11 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useRef, useEffect, useState } from "react";
-import { Box, Typography, Loader, Flex, Button, Modal, Field, TextInput } from "@strapi/design-system";
+import { useRef, useEffect, useState, useCallback } from "react";
+import { Box, Typography, Loader, Button, Modal, Field, TextInput } from "@strapi/design-system";
 import { useNavigate } from "react-router-dom";
 import styled, { createGlobalStyle } from "styled-components";
 import qs from "qs";
 import { useFetchClient, useNotification, unstable_useContentManagerContext } from "@strapi/strapi/admin";
-import { Eye, Pencil, Plus } from "@strapi/icons";
+import { Eye, Plus } from "@strapi/icons";
 import { MDXEditor, headingsPlugin, listsPlugin, quotePlugin, thematicBreakPlugin, linkPlugin, linkDialogPlugin, markdownShortcutPlugin, toolbarPlugin, UndoRedo, Separator, BlockTypeSelect, BoldItalicUnderlineToggles, CreateLink, ListsToggle } from "@mdxeditor/editor";
 const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
   const v = glob[path];
@@ -428,14 +428,13 @@ const StyledTypography = styled(Typography)`
 `;
 const CHUNK_SIZE = 4e3;
 function EmbeddingsModal() {
-  const { post, get, put } = useFetchClient();
+  const { post, get } = useFetchClient();
   const { toggleNotification } = useNotification();
   const navigate = useNavigate();
   const context = unstable_useContentManagerContext();
   const { form, id, slug, collectionType } = context;
   const modifiedValues = form?.values || {};
   const [isVisible, setIsVisible] = useState(false);
-  const [isUpdateMode, setIsUpdateMode] = useState(false);
   const [title, setTitle] = useState("");
   const [content, setContent] = useState("");
   const [fieldName, setFieldName] = useState("");
@@ -451,18 +450,16 @@ function EmbeddingsModal() {
       try {
         const query = qs.stringify({
           filters: {
-            $and: [
-              { collectionType: { $eq: slug } },
-              { metadata: { $containsi: id } }
-            ]
+            metadata: { $containsi: id }
           }
         });
         const response = await get(`/${PLUGIN_ID}/embeddings/find?${query}`);
-        if (response.data?.data?.length > 0) {
+        const embeddings = response.data?.data || response.data || [];
+        if (Array.isArray(embeddings) && embeddings.length > 0) {
           setExistingEmbedding({
-            documentId: response.data.data[0].documentId,
-            title: response.data.data[0].title,
-            content: response.data.data[0].content
+            documentId: embeddings[0].documentId,
+            title: embeddings[0].title,
+            content: embeddings[0].content
           });
         }
       } catch (error) {
@@ -473,16 +470,15 @@ function EmbeddingsModal() {
     }
     checkExistingEmbedding();
   }, [id, slug, get]);
-  useEffect(() => {
-    if (!modifiedValues) return;
+  const extractContentFromForm = useCallback(() => {
+    if (!modifiedValues) return "";
     const textFieldNames = ["content", "description", "body", "text", "richtext", "markdown"];
-    for (const fieldName2 of textFieldNames) {
-      const value = modifiedValues[fieldName2];
+    for (const name of textFieldNames) {
+      const value = modifiedValues[name];
       if (value) {
-        setFieldName(fieldName2);
         if (typeof value === "string" && value.trim()) {
-          setContent(value);
-          break;
+          setFieldName(name);
+          return value;
         } else if (Array.isArray(value)) {
           const text = value.map((block) => {
             if (block.children) {
@@ -491,13 +487,20 @@ function EmbeddingsModal() {
             return "";
           }).join("\n\n");
           if (text.trim()) {
-            setContent(text);
-            break;
+            setFieldName(name);
+            return text;
           }
         }
       }
     }
+    return "";
   }, [modifiedValues]);
+  useEffect(() => {
+    const formContent = extractContentFromForm();
+    if (formContent) {
+      setContent(formContent);
+    }
+  }, [extractContentFromForm]);
   const contentLength = content.length;
   const willChunk = contentLength > CHUNK_SIZE;
   const estimatedChunks = willChunk ? Math.ceil(contentLength / (CHUNK_SIZE - 200)) : 1;
@@ -513,16 +516,12 @@ function EmbeddingsModal() {
   }
   const isValid = title.trim() && content.trim();
   function handleOpenCreate() {
-    setIsUpdateMode(false);
     setTitle("");
-    setIsVisible(true);
-  }
-  function handleOpenUpdate() {
-    if (existingEmbedding) {
-      setIsUpdateMode(true);
-      setTitle(existingEmbedding.title);
-      setIsVisible(true);
+    const formContent = extractContentFromForm();
+    if (formContent) {
+      setContent(formContent);
     }
+    setIsVisible(true);
   }
   async function handleSubmit(e) {
     e.preventDefault();
@@ -542,50 +541,38 @@ function EmbeddingsModal() {
     }
     setIsLoading(true);
     try {
-      if (isUpdateMode && existingEmbedding) {
-        const result = await put(`/${PLUGIN_ID}/embeddings/update-embedding/${existingEmbedding.documentId}`, {
-          data: {
-            title: title.trim(),
-            content: content.trim(),
-            metadata: generateMetadata()
-          }
-        });
-        setExistingEmbedding({
-          documentId: result.data.documentId,
-          title: result.data.title,
-          content: result.data.content
-        });
-        setIsVisible(false);
-        toggleNotification({
-          type: "success",
-          message: "Embedding updated successfully"
-        });
-      } else {
-        const result = await post(`/${PLUGIN_ID}/embeddings/create-embedding`, {
-          data: {
-            title: title.trim(),
-            content: content.trim(),
-            collectionType: slug || collectionType,
-            fieldName,
-            metadata: generateMetadata()
-          }
-        });
+      const contentToEmbed = content.trim();
+      const shouldChunk = contentToEmbed.length > CHUNK_SIZE;
+      const chunks = shouldChunk ? Math.ceil(contentToEmbed.length / CHUNK_SIZE) : 1;
+      if (shouldChunk) {
+        console.log(`Creating chunked embedding: ${contentToEmbed.length} chars (~${chunks} parts)`);
+      }
+      const result = await post(`/${PLUGIN_ID}/embeddings/create-embedding`, {
+        data: {
+          title: title.trim(),
+          content: contentToEmbed,
+          collectionType: slug || collectionType,
+          fieldName,
+          metadata: generateMetadata(),
+          autoChunk: shouldChunk
+        }
+      });
+      const responseData = result?.data || result;
+      if (responseData?.documentId) {
         setExistingEmbedding({
-          documentId: result.data.documentId,
-          title: result.data.title,
-          content: result.data.content
-        });
-        setIsVisible(false);
-        toggleNotification({
-          type: "success",
-          message: "Embedding created successfully"
+          documentId: responseData.documentId,
+          title: responseData.title,
+          content: responseData.content
         });
       }
+      setIsVisible(false);
+      const message = shouldChunk ? `Embedding created and chunked into ${chunks} parts` : "Embedding created successfully";
+      toggleNotification({ type: "success", message });
     } catch (error) {
-      console.error("Failed to save embedding:", error);
+      console.error("Failed to create embedding:", error);
       toggleNotification({
         type: "danger",
-        message: error.message || "Failed to save embedding"
+        message: error.message || "Failed to create embedding"
       });
     } finally {
       setIsLoading(false);
@@ -602,17 +589,9 @@ function EmbeddingsModal() {
   if (isCheckingExisting) {
     return /* @__PURE__ */ jsx(Box, { paddingTop: 2, children: /* @__PURE__ */ jsx(Loader, { small: true, children: "Checking embeddings..." }) });
   }
-  let submitButtonText;
-  if (isUpdateMode) {
-    submitButtonText = isLoading ? "Updating..." : "Update Embedding";
-  } else {
-    submitButtonText = isLoading ? "Creating..." : "Create Embedding";
-  }
+  const submitButtonText = isLoading ? "Creating..." : "Create Embedding";
   return /* @__PURE__ */ jsxs(Box, { paddingTop: 2, children: [
-    existingEmbedding ? /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
-      /* @__PURE__ */ jsx(Button, { onClick: handleViewEmbedding, startIcon: /* @__PURE__ */ jsx(Eye, {}), fullWidth: true, children: "View Embedding" }),
-      /* @__PURE__ */ jsx(Button, { onClick: handleOpenUpdate, startIcon: /* @__PURE__ */ jsx(Pencil, {}), variant: "secondary", fullWidth: true, children: "Update Embedding" })
-    ] }) : /* @__PURE__ */ jsx(
+    existingEmbedding ? /* @__PURE__ */ jsx(Button, { onClick: handleViewEmbedding, startIcon: /* @__PURE__ */ jsx(Eye, {}), fullWidth: true, children: "View Embedding" }) : /* @__PURE__ */ jsx(
       Button,
       {
         onClick: handleOpenCreate,
@@ -624,7 +603,7 @@ function EmbeddingsModal() {
     ),
     !isSaved && !existingEmbedding && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { display: "block", marginTop: "0.5rem" }, children: "Save content first to create embedding" }),
     /* @__PURE__ */ jsx(Modal.Root, { open: isVisible, onOpenChange: setIsVisible, children: /* @__PURE__ */ jsxs(Modal.Content, { children: [
-      /* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Title, { children: isUpdateMode ? "Update Embedding" : "Create Embedding from Content" }) }),
+      /* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Title, { children: "Create Embedding from Content" }) }),
       /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs(Box, { children: [
         /* @__PURE__ */ jsxs(StyledTypography, { variant: "omega", textColor: "neutral600", children: [
           "Content: ",
@@ -650,10 +629,7 @@ function EmbeddingsModal() {
         /* @__PURE__ */ jsxs(Box, { marginBottom: 4, children: [
           /* @__PURE__ */ jsxs(Field.Root, { children: [
             /* @__PURE__ */ jsx(Field.Label, { children: "Content" }),
-            /* @__PURE__ */ jsxs(Field.Hint, { children: [
-              fieldName ? `From field: ${fieldName}` : "Enter content manually",
-              isUpdateMode && " - Changes will regenerate the embedding vector"
-            ] })
+            /* @__PURE__ */ jsx(Field.Hint, { children: fieldName ? `From field: ${fieldName}` : "Enter content manually" })
           ] }),
           /* @__PURE__ */ jsx(
             MarkdownEditor,
@@ -693,7 +669,7 @@ const index = {
         defaultMessage: PLUGIN_ID
       },
       Component: async () => {
-        const { App } = await import("./App-j180lztd.mjs");
+        const { App } = await import("./App-C5NFY1UT.mjs");
         return App;
       }
     });
@@ -736,4 +712,3 @@ export {
   RobotIcon as R,
   index as i
 };
-//# sourceMappingURL=index-B3j0IFUi.mjs.map

package/dist/_chunks/{index-jf6vikTZ.js → index-CVCA8dDp.js}

@@ -432,14 +432,13 @@ const StyledTypography = styled__default.default(designSystem.Typography)`
 `;
 const CHUNK_SIZE = 4e3;
 function EmbeddingsModal() {
-  const { post, get, put } = admin.useFetchClient();
+  const { post, get } = admin.useFetchClient();
   const { toggleNotification } = admin.useNotification();
   const navigate = reactRouterDom.useNavigate();
   const context = admin.unstable_useContentManagerContext();
   const { form, id, slug, collectionType } = context;
   const modifiedValues = form?.values || {};
   const [isVisible, setIsVisible] = react.useState(false);
-  const [isUpdateMode, setIsUpdateMode] = react.useState(false);
   const [title, setTitle] = react.useState("");
   const [content, setContent] = react.useState("");
   const [fieldName, setFieldName] = react.useState("");
@@ -455,18 +454,16 @@ function EmbeddingsModal() {
       try {
         const query = qs__default.default.stringify({
           filters: {
-            $and: [
-              { collectionType: { $eq: slug } },
-              { metadata: { $containsi: id } }
-            ]
+            metadata: { $containsi: id }
           }
         });
         const response = await get(`/${PLUGIN_ID}/embeddings/find?${query}`);
-        if (response.data?.data?.length > 0) {
+        const embeddings = response.data?.data || response.data || [];
+        if (Array.isArray(embeddings) && embeddings.length > 0) {
           setExistingEmbedding({
-            documentId: response.data.data[0].documentId,
-            title: response.data.data[0].title,
-            content: response.data.data[0].content
+            documentId: embeddings[0].documentId,
+            title: embeddings[0].title,
+            content: embeddings[0].content
           });
         }
       } catch (error) {
@@ -477,16 +474,15 @@ function EmbeddingsModal() {
     }
     checkExistingEmbedding();
   }, [id, slug, get]);
-  react.useEffect(() => {
-    if (!modifiedValues) return;
+  const extractContentFromForm = react.useCallback(() => {
+    if (!modifiedValues) return "";
     const textFieldNames = ["content", "description", "body", "text", "richtext", "markdown"];
-    for (const fieldName2 of textFieldNames) {
-      const value = modifiedValues[fieldName2];
+    for (const name of textFieldNames) {
+      const value = modifiedValues[name];
       if (value) {
-        setFieldName(fieldName2);
         if (typeof value === "string" && value.trim()) {
-          setContent(value);
-          break;
+          setFieldName(name);
+          return value;
         } else if (Array.isArray(value)) {
           const text = value.map((block) => {
             if (block.children) {
@@ -495,13 +491,20 @@ function EmbeddingsModal() {
             return "";
           }).join("\n\n");
           if (text.trim()) {
-            setContent(text);
-            break;
+            setFieldName(name);
+            return text;
           }
         }
       }
     }
+    return "";
   }, [modifiedValues]);
+  react.useEffect(() => {
+    const formContent = extractContentFromForm();
+    if (formContent) {
+      setContent(formContent);
+    }
+  }, [extractContentFromForm]);
   const contentLength = content.length;
   const willChunk = contentLength > CHUNK_SIZE;
   const estimatedChunks = willChunk ? Math.ceil(contentLength / (CHUNK_SIZE - 200)) : 1;
@@ -517,16 +520,12 @@ function EmbeddingsModal() {
   }
   const isValid = title.trim() && content.trim();
   function handleOpenCreate() {
-    setIsUpdateMode(false);
     setTitle("");
-    setIsVisible(true);
-  }
-  function handleOpenUpdate() {
-    if (existingEmbedding) {
-      setIsUpdateMode(true);
-      setTitle(existingEmbedding.title);
-      setIsVisible(true);
+    const formContent = extractContentFromForm();
+    if (formContent) {
+      setContent(formContent);
     }
+    setIsVisible(true);
   }
   async function handleSubmit(e) {
     e.preventDefault();
@@ -546,50 +545,38 @@ function EmbeddingsModal() {
     }
     setIsLoading(true);
     try {
-      if (isUpdateMode && existingEmbedding) {
-        const result = await put(`/${PLUGIN_ID}/embeddings/update-embedding/${existingEmbedding.documentId}`, {
-          data: {
-            title: title.trim(),
-            content: content.trim(),
-            metadata: generateMetadata()
-          }
-        });
-        setExistingEmbedding({
-          documentId: result.data.documentId,
-          title: result.data.title,
-          content: result.data.content
-        });
-        setIsVisible(false);
-        toggleNotification({
-          type: "success",
-          message: "Embedding updated successfully"
-        });
-      } else {
-        const result = await post(`/${PLUGIN_ID}/embeddings/create-embedding`, {
-          data: {
-            title: title.trim(),
-            content: content.trim(),
-            collectionType: slug || collectionType,
-            fieldName,
-            metadata: generateMetadata()
-          }
-        });
+      const contentToEmbed = content.trim();
+      const shouldChunk = contentToEmbed.length > CHUNK_SIZE;
+      const chunks = shouldChunk ? Math.ceil(contentToEmbed.length / CHUNK_SIZE) : 1;
+      if (shouldChunk) {
+        console.log(`Creating chunked embedding: ${contentToEmbed.length} chars (~${chunks} parts)`);
+      }
+      const result = await post(`/${PLUGIN_ID}/embeddings/create-embedding`, {
+        data: {
+          title: title.trim(),
+          content: contentToEmbed,
+          collectionType: slug || collectionType,
+          fieldName,
+          metadata: generateMetadata(),
+          autoChunk: shouldChunk
+        }
+      });
+      const responseData = result?.data || result;
+      if (responseData?.documentId) {
         setExistingEmbedding({
-          documentId: result.data.documentId,
-          title: result.data.title,
-          content: result.data.content
-        });
-        setIsVisible(false);
-        toggleNotification({
-          type: "success",
-          message: "Embedding created successfully"
+          documentId: responseData.documentId,
+          title: responseData.title,
+          content: responseData.content
         });
       }
+      setIsVisible(false);
+      const message = shouldChunk ? `Embedding created and chunked into ${chunks} parts` : "Embedding created successfully";
+      toggleNotification({ type: "success", message });
     } catch (error) {
-      console.error("Failed to save embedding:", error);
+      console.error("Failed to create embedding:", error);
       toggleNotification({
         type: "danger",
-        message: error.message || "Failed to save embedding"
+        message: error.message || "Failed to create embedding"
       });
     } finally {
       setIsLoading(false);
@@ -606,17 +593,9 @@ function EmbeddingsModal() {
   if (isCheckingExisting) {
     return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { small: true, children: "Checking embeddings..." }) });
   }
-  let submitButtonText;
-  if (isUpdateMode) {
-    submitButtonText = isLoading ? "Updating..." : "Update Embedding";
-  } else {
-    submitButtonText = isLoading ? "Creating..." : "Create Embedding";
-  }
+  const submitButtonText = isLoading ? "Creating..." : "Create Embedding";
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingTop: 2, children: [
-    existingEmbedding ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleViewEmbedding, startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Eye, {}), fullWidth: true, children: "View Embedding" }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleOpenUpdate, startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, {}), variant: "secondary", fullWidth: true, children: "Update Embedding" })
-    ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+    existingEmbedding ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleViewEmbedding, startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Eye, {}), fullWidth: true, children: "View Embedding" }) : /* @__PURE__ */ jsxRuntime.jsx(
       designSystem.Button,
       {
         onClick: handleOpenCreate,
@@ -628,7 +607,7 @@ function EmbeddingsModal() {
     ),
     !isSaved && !existingEmbedding && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { display: "block", marginTop: "0.5rem" }, children: "Save content first to create embedding" }),
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Root, { open: isVisible, onOpenChange: setIsVisible, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Content, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Title, { children: isUpdateMode ? "Update Embedding" : "Create Embedding from Content" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Title, { children: "Create Embedding from Content" }) }),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Body, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(StyledTypography, { variant: "omega", textColor: "neutral600", children: [
           "Content: ",
@@ -654,10 +633,7 @@ function EmbeddingsModal() {
         /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { marginBottom: 4, children: [
           /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Content" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Hint, { children: [
-              fieldName ? `From field: ${fieldName}` : "Enter content manually",
-              isUpdateMode && " - Changes will regenerate the embedding vector"
-            ] })
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, { children: fieldName ? `From field: ${fieldName}` : "Enter content manually" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
             MarkdownEditor,
@@ -697,7 +673,7 @@ const index = {
         defaultMessage: PLUGIN_ID
       },
       Component: async () => {
-        const { App } = await Promise.resolve().then(() => require("./App-Rq72tIgS.js"));
+        const { App } = await Promise.resolve().then(() => require("./App-CA5bQnKQ.js"));
         return App;
       }
     });
@@ -738,4 +714,3 @@ exports.MarkdownEditor = MarkdownEditor;
 exports.PLUGIN_ID = PLUGIN_ID;
 exports.RobotIcon = RobotIcon;
 exports.index = index;
-//# sourceMappingURL=index-jf6vikTZ.js.map

package/dist/admin/index.js

@@ -1,5 +1,4 @@
 "use strict";
-const index = require("../_chunks/index-jf6vikTZ.js");
+const index = require("../_chunks/index-CVCA8dDp.js");
 require("react/jsx-runtime");
 module.exports = index.index;
-//# sourceMappingURL=index.js.map

package/dist/admin/index.mjs

@@ -1,6 +1,5 @@
-import { i } from "../_chunks/index-B3j0IFUi.mjs";
+import { i } from "../_chunks/index-CIpGvEcJ.mjs";
 import "react/jsx-runtime";
 export {
   i as default
 };
-//# sourceMappingURL=index.mjs.map

package/dist/admin/src/components/custom/EmbeddingsTable.d.ts

@@ -8,5 +8,5 @@ interface Embedding {
 interface EmbeddingsTableProps {
     data: Embedding[];
 }
-export declare function EmbeddingsTable({ data }: EmbeddingsTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmbeddingsTable({ data }: Readonly<EmbeddingsTableProps>): import("react/jsx-runtime").JSX.Element;
 export {};