@platejs/ai 52.0.11 → 52.1.0

package/dist/react/index.d.ts

@@ -1,8 +1,8 @@
-import { c as AIMode, d as BaseAIPluginConfig, i as EditorPrompt, l as AIToolName } from "../index-CyVv31EV.js";
-import * as platejs5 from "platejs";
-import { Descendant, EditorNodesOptions, ExtendConfig, NodeEntry, OmitFirst, Path, PluginConfig, Range, RemoveNodesOptions, SlateEditor, TElement, TIdElement, TRange, TText } from "platejs";
+import { c as AIMode, d as BaseAIPluginConfig, i as EditorPrompt, l as AIToolName } from "../index-Dyi5V2wm.js";
+import * as platejs0 from "platejs";
+import { Descendant, EditorNodesOptions, ExtendConfig, NodeEntry, OmitFirst, Path, PluginConfig, Range, RemoveNodesOptions, SlateEditor, TElement, TIdElement, TRange, TTableElement, TText } from "platejs";
 import { DeserializeMdOptions, SerializeMdOptions } from "@platejs/markdown";
-import * as platejs_react1 from "platejs/react";
+import * as platejs_react0 from "platejs/react";
 import { OverrideEditor, PlateEditor, RenderNodeWrapperProps } from "platejs/react";
 import React from "react";
 import { ChatRequestOptions, UIMessage } from "ai";
@@ -11,15 +11,15 @@ import { TriggerComboboxPluginOptions } from "@platejs/combobox";
 
 //#region src/react/ai/AIPlugin.d.ts
 type AIPluginConfig = ExtendConfig<BaseAIPluginConfig>;
-declare const AIPlugin: platejs_react1.PlatePlugin<platejs5.PluginConfig<any, {}, {}, Record<any, {
-  insertNodes: (nodes: platejs5.Descendant[], args_1?: {
-    target?: platejs5.Path;
+declare const AIPlugin: platejs_react0.PlatePlugin<platejs0.PluginConfig<any, {}, {}, Record<any, {
+  insertNodes: (nodes: platejs0.Descendant[], args_1?: {
+    target?: platejs0.Path;
   } | undefined) => void;
   removeMarks: (args_0?: {
-    at?: platejs5.TLocation;
+    at?: platejs0.TLocation;
   } | undefined) => void;
   removeNodes: (args_0?: {
-    at?: platejs5.Path;
+    at?: platejs0.Path;
   } | undefined) => void;
   undo: () => void;
 }>, {}>>;
@@ -151,7 +151,7 @@ type AIChatPluginConfig = PluginConfig<'aiChat', {
     removeAnchor: (options?: EditorNodesOptions) => void;
   };
 }>;
-declare const AIChatPlugin: platejs_react1.PlatePlugin<PluginConfig<"aiChat", {
+declare const AIChatPlugin: platejs_react0.PlatePlugin<PluginConfig<"aiChat", {
   _blockChunks: string;
   _blockPath: Path | null;
   /** @private Using For streamInsertChunk */
@@ -227,7 +227,7 @@ declare const AIChatPlugin: platejs_react1.PlatePlugin<PluginConfig<"aiChat", {
   insertBelow: (sourceEditor: SlateEditor, args_1?: {
     format?: "all" | "none" | "single";
   } | undefined) => void;
-  removeAnchor: (options?: platejs5.RemoveNodesOptions | undefined) => void;
+  removeAnchor: (options?: platejs0.RemoveNodesOptions | undefined) => void;
   replaceSelection: (sourceEditor: SlateEditor, args_1?: {
     format?: "all" | "none" | "single";
   } | undefined) => void;
@@ -240,10 +240,12 @@ declare const withAIChat: OverrideEditor<AIChatPluginConfig>;
 /**
  * Register an editor in the AI chat plugin, and deserializes the content into
  * `editor.children` with block-level memoization.
+ *
+ * @returns Deserialized children to pass as `value` prop to PlateStatic
  */
 declare const useAIChatEditor: (editor: SlateEditor, content: string, {
   parser
-}?: DeserializeMdOptions) => void;
+}?: DeserializeMdOptions) => platejs0.Value;
 //#endregion
 //#region src/react/ai-chat/hooks/useChatChunk.d.ts
 declare const useChatChunk: ({
@@ -279,7 +281,7 @@ declare const useEditorChat: ({
 }: UseEditorChatOptions) => void;
 //#endregion
 //#region src/react/ai-chat/streaming/streamDeserializeInlineMd.d.ts
-declare const streamDeserializeInlineMd: (editor: PlateEditor, text: string, options?: DeserializeMdOptions) => platejs5.Descendant[];
+declare const streamDeserializeInlineMd: (editor: PlateEditor, text: string, options?: DeserializeMdOptions) => platejs0.Descendant[];
 //#endregion
 //#region src/react/ai-chat/streaming/streamDeserializeMd.d.ts
 declare const streamDeserializeMd: (editor: PlateEditor, data: string, options?: DeserializeMdOptions) => TElement[] | {
@@ -330,11 +332,31 @@ declare const acceptAISuggestions: (editor: PlateEditor) => void;
 //#endregion
 //#region src/react/ai-chat/utils/applyAISuggestions.d.ts
 declare const applyAISuggestions: (editor: SlateEditor, content: string) => void;
+declare const withTransient: (diffNodes: Descendant[]) => Descendant[];
+declare const withoutSuggestionAndComments: (nodes: Descendant[]) => Descendant[];
+//#endregion
+//#region src/react/ai-chat/utils/applyTableCellSuggestion.d.ts
+type TableCellUpdate = {
+  content: string;
+  id: string;
+};
+/**
+ * Apply AI-generated content to a table cell as diff suggestions. Finds the
+ * cell by ID, deserializes the markdown content, computes diff, and replaces
+ * the cell's children with suggestion-marked nodes.
+ */
+declare const applyTableCellSuggestion: (editor: SlateEditor, cellUpdate: TableCellUpdate) => void;
 //#endregion
 //#region src/react/ai-chat/utils/getLastAssistantMessage.d.ts
 declare function getLastAssistantMessage(editor: PlateEditor): ChatMessage | undefined;
 declare function useLastAssistantMessage(): ChatMessage | undefined;
 //#endregion
+//#region src/react/ai-chat/utils/nestedContainerUtils.d.ts
+/** Check if nodes is a single table with single cell */
+declare const isSingleCellTable: (nodes: Descendant[]) => nodes is [TTableElement];
+/** Extract td children from single-cell table */
+declare const getTableCellChildren: (table: TTableElement) => Descendant[];
+//#endregion
 //#region src/react/ai-chat/utils/rejectAISuggestions.d.ts
 declare const rejectAISuggestions: (editor: PlateEditor) => void;
 //#endregion
@@ -464,7 +486,7 @@ type CompletionState = {
   error?: Error | null;
   isLoading?: boolean;
 };
-declare const CopilotPlugin: platejs_react1.PlatePlugin<PluginConfig<"copilot", CompletionState & {
+declare const CopilotPlugin: platejs_react0.PlatePlugin<PluginConfig<"copilot", CompletionState & {
   /**
    * AI completion options. See:
    * {@link https://sdk.vercel.ai/docs/reference/ai-sdk-ui/use-completion#parameters | AI SDK UI useCompletion Parameters}
@@ -560,4 +582,4 @@ declare const withCopilot: OverrideEditor<CopilotPluginConfig>;
 //#region src/react/copilot/utils/withoutAbort.d.ts
 declare const withoutAbort: (editor: PlateEditor, fn: () => void) => void;
 //#endregion
-export { AIChatPlugin, AIChatPluginConfig, AIPlugin, AIPluginConfig, CallCompletionApiOptions, CompleteOptions, CopilotPlugin, CopilotPluginConfig, GetNextWord, SteamInsertChunkOptions, UseEditorChatOptions, acceptAIChat, acceptAISuggestions, acceptCopilot, acceptCopilotNextWord, aiCommentToRange, applyAISuggestions, callCompletionApi, createFormattedBlocks, escapeInput, findTextRangeInBlock, getChunkTrimmed, getCurrentBlockPath, getLastAssistantMessage, getListNode, getNextWord, insertBelowAIChat, insertBelowGenerate, isCompleteCodeBlock, isCompleteMath, isSameNode, nodesWithProps, rejectAISuggestions, removeAnchorAIChat, renderCopilotBelowNodes, replaceSelectionAIChat, resetAIChat, streamDeserializeInlineMd, streamDeserializeMd, streamInsertChunk, streamSerializeMd, submitAIChat, triggerCopilotSuggestion, useAIChatEditor, useChatChunk, useEditorChat, useLastAssistantMessage, withAIChat, withCopilot, withoutAbort };
+export { AIChatPlugin, AIChatPluginConfig, AIPlugin, AIPluginConfig, CallCompletionApiOptions, CompleteOptions, CopilotPlugin, CopilotPluginConfig, GetNextWord, SteamInsertChunkOptions, TableCellUpdate, UseEditorChatOptions, acceptAIChat, acceptAISuggestions, acceptCopilot, acceptCopilotNextWord, aiCommentToRange, applyAISuggestions, applyTableCellSuggestion, callCompletionApi, createFormattedBlocks, escapeInput, findTextRangeInBlock, getChunkTrimmed, getCurrentBlockPath, getLastAssistantMessage, getListNode, getNextWord, getTableCellChildren, insertBelowAIChat, insertBelowGenerate, isCompleteCodeBlock, isCompleteMath, isSameNode, isSingleCellTable, nodesWithProps, rejectAISuggestions, removeAnchorAIChat, renderCopilotBelowNodes, replaceSelectionAIChat, resetAIChat, streamDeserializeInlineMd, streamDeserializeMd, streamInsertChunk, streamSerializeMd, submitAIChat, triggerCopilotSuggestion, useAIChatEditor, useChatChunk, useEditorChat, useLastAssistantMessage, withAIChat, withCopilot, withTransient, withoutAbort, withoutSuggestionAndComments };

package/dist/react/index.js

@@ -3,11 +3,11 @@ import { ElementApi, KEYS, NodeApi, PathApi, RangeApi, TextApi, bindFirst, getPl
 import { SkipSuggestionDeletes, acceptSuggestion, diffToSuggestions, getSuggestionKey, getTransientSuggestionKey, rejectSuggestion } from "@platejs/suggestion";
 import { isSelecting } from "@platejs/selection";
 import { MarkdownPlugin, deserializeInlineMd, deserializeMd, serializeInlineMd, serializeMd } from "@platejs/markdown";
-import { createTPlatePlugin, getEditorPlugin, toPlatePlugin, useEditorPlugin, usePluginOption } from "platejs/react";
+import cloneDeep from "lodash/cloneDeep.js";
+import { createTPlatePlugin, getEditorPlugin as getEditorPlugin$1, toPlatePlugin, useEditorPlugin, usePluginOption } from "platejs/react";
 import { distance } from "fastest-levenshtein";
 import { BlockSelectionPlugin, removeBlockSelectionNodes } from "@platejs/selection/react";
 import { SuggestionPlugin } from "@platejs/suggestion/react";
-import cloneDeep from "lodash/cloneDeep.js";
 import { c } from "react-compiler-runtime";
 import React, { useEffect, useMemo, useRef } from "react";
 import debounce from "lodash/debounce.js";
@@ -171,7 +171,7 @@ const acceptAISuggestions = (editor) => {
 const acceptAIChat = (editor) => {
 	const mode = editor.getOption(AIChatPlugin, "mode");
 	if (mode === "insert") {
-		const { tf } = getEditorPlugin(editor, AIPlugin);
+		const { tf } = getEditorPlugin$1(editor, AIPlugin);
 		const api = editor.getApi({ key: KEYS.ai });
 		const lastAINodePath = api.aiChat.node({
 			at: [],
@@ -197,6 +197,26 @@ const acceptAIChat = (editor) => {
 	}
 };
 
+//#endregion
+//#region src/react/ai-chat/utils/nestedContainerUtils.ts
+/** Check if nodes is a single table with single cell */
+const isSingleCellTable = (nodes) => {
+	if (nodes.length !== 1) return false;
+	const table = nodes[0];
+	if (table.type !== KEYS.table) return false;
+	const rows = table.children;
+	if (rows.length !== 1) return false;
+	const row = rows[0];
+	if (row.type !== KEYS.tr) return false;
+	const cells = row.children;
+	if (cells.length !== 1) return false;
+	return cells[0].type === KEYS.td;
+};
+/** Extract td children from single-cell table */
+const getTableCellChildren = (table) => {
+	return table.children[0].children[0].children;
+};
+
 //#endregion
 //#region src/react/ai-chat/utils/applyAISuggestions.ts
 const applyAISuggestions = (editor, content) => {
@@ -281,9 +301,36 @@ const withoutSuggestionAndComments = (nodes) => nodes.map((node) => {
 	return node;
 });
 const getDiffNodes = (editor, aiContent) => {
-	/** Original document nodes */
-	const chatNodes = withoutSuggestionAndComments(editor.getOption(AIChatPlugin, "chatNodes"));
-	return withTransient(diffToSuggestions(editor, chatNodes, withProps(deserializeMd(editor, aiContent), chatNodes), { ignoreProps: ["id", "listStart"] }));
+	let chatNodes = withoutSuggestionAndComments(editor.getOption(AIChatPlugin, "chatNodes"));
+	/**If selecting one single cell table, we just need to compare it's children to get diff nodes */
+	if (isSingleCellTable(chatNodes)) chatNodes = getTableCellChildren(chatNodes[0]);
+	const aiNodes = withProps(deserializeMd(editor, aiContent), chatNodes);
+	return withTransient(diffToSuggestions(editor, chatNodes, aiNodes, { ignoreProps: ["id", "listStart"] }));
+};
+
+//#endregion
+//#region src/react/ai-chat/utils/applyTableCellSuggestion.ts
+/**
+* Apply AI-generated content to a table cell as diff suggestions. Finds the
+* cell by ID, deserializes the markdown content, computes diff, and replaces
+* the cell's children with suggestion-marked nodes.
+*/
+const applyTableCellSuggestion = (editor, cellUpdate) => {
+	const { content, id } = cellUpdate;
+	const cellEntry = editor.api.node({
+		at: [],
+		match: (n) => ElementApi.isElement(n) && n.id === id
+	});
+	if (!cellEntry) {
+		console.warn(`Table cell with id "${id}" not found`);
+		return;
+	}
+	const [cell, cellPath] = cellEntry;
+	const transientDiffNodes = withTransient(diffToSuggestions(editor, withoutSuggestionAndComments(cell.children), deserializeMd(editor, content), { ignoreProps: ["id"] }));
+	editor.tf.replaceNodes(transientDiffNodes, {
+		at: cellPath,
+		children: true
+	});
 };
 
 //#endregion
@@ -332,7 +379,7 @@ const rejectAISuggestions = (editor) => {
 //#endregion
 //#region src/react/ai-chat/utils/resetAIChat.ts
 const resetAIChat = (editor, { undo = true } = {}) => {
-	const { api, getOptions, setOptions } = getEditorPlugin(editor, { key: KEYS.aiChat });
+	const { api, getOptions, setOptions } = getEditorPlugin$1(editor, { key: KEYS.aiChat });
 	api.aiChat.stop();
 	const chat = getOptions().chat;
 	if (chat.messages && chat.messages.length > 0) chat.setMessages?.([]);
@@ -348,7 +395,7 @@ const resetAIChat = (editor, { undo = true } = {}) => {
 //#endregion
 //#region src/react/ai-chat/utils/submitAIChat.ts
 const submitAIChat = (editor, input, { mode, options, prompt, toolName: toolNameProps } = {}) => {
-	const { getOptions, setOption } = getEditorPlugin(editor, { key: KEYS.aiChat });
+	const { getOptions, setOption } = getEditorPlugin$1(editor, { key: KEYS.aiChat });
 	const { chat, toolName: toolNameOption } = getOptions();
 	const toolName = toolNameProps ?? toolNameOption ?? null;
 	if (!prompt && input?.length === 0) return;
@@ -680,16 +727,22 @@ const AIChatPlugin = createTPlatePlugin({
 /**
 * Register an editor in the AI chat plugin, and deserializes the content into
 * `editor.children` with block-level memoization.
+*
+* @returns Deserialized children to pass as `value` prop to PlateStatic
 */
 const useAIChatEditor = (editor, content, { parser } = {}) => {
 	const { setOption } = useEditorPlugin(AIChatPlugin);
-	editor.children = useMemo(() => editor.getApi(MarkdownPlugin).markdown.deserialize(content, {
-		memoize: true,
-		parser
-	}), [content]);
+	const children = useMemo(() => {
+		return editor.getApi(MarkdownPlugin).markdown.deserialize(content, {
+			memoize: true,
+			parser
+		});
+	}, [content]);
+	editor.children = children;
 	useEffect(() => {
 		setOption("aiEditor", editor);
 	}, [editor, setOption]);
+	return children;
 };
 
 //#endregion
@@ -1038,7 +1091,7 @@ const getCurrentBlockPath = (editor) => {
 //#endregion
 //#region src/react/copilot/renderCopilotBelowNodes.tsx
 const renderCopilotBelowNodes = ({ editor }) => {
-	const { renderGhostText: GhostText } = getEditorPlugin(editor, { key: KEYS.copilot }).getOptions();
+	const { renderGhostText: GhostText } = getEditorPlugin$1(editor, { key: KEYS.copilot }).getOptions();
 	if (!GhostText) return;
 	return ({ children }) => /* @__PURE__ */ React.createElement(React.Fragment, null, children, /* @__PURE__ */ React.createElement(GhostText, null));
 };
@@ -1146,7 +1199,7 @@ const getNextWord = ({ text }) => {
 //#endregion
 //#region src/react/copilot/utils/triggerCopilotSuggestion.ts
 const triggerCopilotSuggestion = async (editor) => {
-	const { api, getOptions, setOption } = getEditorPlugin(editor, { key: KEYS.copilot });
+	const { api, getOptions, setOption } = getEditorPlugin$1(editor, { key: KEYS.copilot });
 	const { completeOptions, getPrompt, isLoading, triggerQuery } = getOptions();
 	if (isLoading || editor.getOptions({ key: KEYS.aiChat }).chat?.isLoading) return false;
 	if (!triggerQuery({ editor })) return false;
@@ -1181,7 +1234,7 @@ const withoutAbort = (editor, fn) => {
 //#endregion
 //#region src/react/copilot/transforms/acceptCopilotNextWord.ts
 const acceptCopilotNextWord = (editor) => {
-	const { api, getOptions } = getEditorPlugin(editor, { key: KEYS.copilot });
+	const { api, getOptions } = getEditorPlugin$1(editor, { key: KEYS.copilot });
 	const { getNextWord: getNextWord$1, suggestionText } = getOptions();
 	if (!suggestionText?.length) return false;
 	const { firstWord, remainingText } = getNextWord$1({ text: suggestionText });
@@ -1347,4 +1400,4 @@ const CopilotPlugin = createTPlatePlugin({
 });
 
 //#endregion
-export { AIChatPlugin, AIPlugin, CopilotPlugin, acceptAIChat, acceptAISuggestions, acceptCopilot, acceptCopilotNextWord, aiCommentToRange, applyAISuggestions, callCompletionApi, createFormattedBlocks, escapeInput, findTextRangeInBlock, getChunkTrimmed, getCurrentBlockPath, getLastAssistantMessage, getListNode, getNextWord, insertBelowAIChat, insertBelowGenerate, isCompleteCodeBlock, isCompleteMath, isSameNode, nodesWithProps, rejectAISuggestions, removeAnchorAIChat, renderCopilotBelowNodes, replaceSelectionAIChat, resetAIChat, streamDeserializeInlineMd, streamDeserializeMd, streamInsertChunk, streamSerializeMd, submitAIChat, triggerCopilotSuggestion, useAIChatEditor, useChatChunk, useEditorChat, useLastAssistantMessage, withAIChat, withCopilot, withoutAbort };
+export { AIChatPlugin, AIPlugin, CopilotPlugin, acceptAIChat, acceptAISuggestions, acceptCopilot, acceptCopilotNextWord, aiCommentToRange, applyAISuggestions, applyTableCellSuggestion, callCompletionApi, createFormattedBlocks, escapeInput, findTextRangeInBlock, getChunkTrimmed, getCurrentBlockPath, getLastAssistantMessage, getListNode, getNextWord, getTableCellChildren, insertBelowAIChat, insertBelowGenerate, isCompleteCodeBlock, isCompleteMath, isSameNode, isSingleCellTable, nodesWithProps, rejectAISuggestions, removeAnchorAIChat, renderCopilotBelowNodes, replaceSelectionAIChat, resetAIChat, streamDeserializeInlineMd, streamDeserializeMd, streamInsertChunk, streamSerializeMd, submitAIChat, triggerCopilotSuggestion, useAIChatEditor, useChatChunk, useEditorChat, useLastAssistantMessage, withAIChat, withCopilot, withTransient, withoutAbort, withoutSuggestionAndComments };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platejs/ai",
-  "version": "52.0.11",
+  "version": "52.1.0",
   "description": "Text AI plugin for Plate",
   "keywords": [
     "plate",
@@ -40,20 +40,20 @@
     "typecheck": "yarn p:typecheck"
   },
   "dependencies": {
-    "@platejs/markdown": "52.0.11",
-    "@platejs/selection": "52.0.11",
+    "@platejs/markdown": "52.1.0",
+    "@platejs/selection": "52.0.16",
     "@platejs/suggestion": "52.0.11",
     "fastest-levenshtein": "1.0.16",
     "lodash": "^4.17.21",
     "react-compiler-runtime": "^1.0.0"
   },
   "devDependencies": {
-    "@ai-sdk/react": "2.0.28",
-    "@platejs/combobox": "52.0.11",
-    "ai": "5.0.28"
+    "@ai-sdk/react": "^3.0.0",
+    "@platejs/combobox": "52.0.15",
+    "ai": "^6.0.0"
   },
   "peerDependencies": {
-    "platejs": ">=52.0.11",
+    "platejs": ">=52.0.15",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },