@platejs/ai 53.1.6 → 53.3.0

package/dist/{index-tNeux7Mo.d.ts → index-D2hJDomP.d.ts}

@@ -1,4 +1,4 @@
-import * as platejs13 from "platejs";
+import * as platejs0 from "platejs";
 import { Descendant, History, OmitFirst, Path, PluginConfig, SlateEditor, TLocation, Value } from "platejs";
 
 //#region src/lib/transforms/aiStreamSnapshot.d.ts
@@ -67,31 +67,31 @@ type BaseAIPluginConfig = PluginConfig<'ai', {}, {}, {
     undo: OmitFirst<typeof undoAI>;
   };
 }>;
-declare const BaseAIPlugin: platejs13.SlatePlugin<PluginConfig<"ai", {}, {}, {
+declare const BaseAIPlugin: platejs0.SlatePlugin<PluginConfig<"ai", {}, {}, {
   ai: {
-    acceptPreview: ((_value?: platejs13.Value | undefined) => boolean) & ((_value?: platejs13.Value | undefined) => boolean);
+    acceptPreview: ((_value?: platejs0.Value | undefined) => boolean) & ((_value?: platejs0.Value | undefined) => boolean);
     beginPreview: ((args_0?: {
-      originalBlocks?: platejs13.Value;
+      originalBlocks?: platejs0.Value;
     } | undefined) => boolean) & ((args_0?: {
-      originalBlocks?: platejs13.Value;
+      originalBlocks?: platejs0.Value;
     } | undefined) => boolean);
     cancelPreview: (() => boolean) & (() => boolean);
     discardPreview: (() => boolean) & (() => boolean);
     hasPreview: (() => boolean) & (() => boolean);
-    insertNodes: ((nodes: platejs13.Descendant[], args_1?: {
-      target?: platejs13.Path;
-    } | undefined) => void) & ((nodes: platejs13.Descendant[], args_1?: {
-      target?: platejs13.Path;
+    insertNodes: ((nodes: platejs0.Descendant[], args_1?: {
+      target?: platejs0.Path;
+    } | undefined) => void) & ((nodes: platejs0.Descendant[], args_1?: {
+      target?: platejs0.Path;
     } | undefined) => void);
     removeMarks: ((args_0?: {
-      at?: platejs13.TLocation;
+      at?: platejs0.TLocation;
     } | undefined) => void) & ((args_0?: {
-      at?: platejs13.TLocation;
+      at?: platejs0.TLocation;
     } | undefined) => void);
     removeNodes: ((args_0?: {
-      at?: platejs13.Path;
+      at?: platejs0.Path;
     } | undefined) => void) & ((args_0?: {
-      at?: platejs13.Path;
+      at?: platejs0.Path;
     } | undefined) => void);
     undo: (() => void) & (() => void);
   };

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-import { C as hasAIPreview, S as discardAIPreview, _ as insertAINodes, a as EditorPromptParams, b as beginAIPreview, c as AIMode, d as BaseAIPluginConfig, f as AIBatch, g as removeAIMarks, h as removeAINodes, i as EditorPrompt, l as AIToolName, m as undoAI, n as MarkdownType, o as PromptConfig, p as withAIBatch, r as replacePlaceholders, s as getEditorPrompt, t as getMarkdown, u as BaseAIPlugin, v as AI_PREVIEW_KEY, x as cancelAIPreview, y as acceptAIPreview } from "./index-tNeux7Mo";
+import { C as hasAIPreview, S as discardAIPreview, _ as insertAINodes, a as EditorPromptParams, b as beginAIPreview, c as AIMode, d as BaseAIPluginConfig, f as AIBatch, g as removeAIMarks, h as removeAINodes, i as EditorPrompt, l as AIToolName, m as undoAI, n as MarkdownType, o as PromptConfig, p as withAIBatch, r as replacePlaceholders, s as getEditorPrompt, t as getMarkdown, u as BaseAIPlugin, v as AI_PREVIEW_KEY, x as cancelAIPreview, y as acceptAIPreview } from "./index-D2hJDomP";
 export { AIBatch, AIMode, AIToolName, AI_PREVIEW_KEY, BaseAIPlugin, BaseAIPluginConfig, EditorPrompt, EditorPromptParams, MarkdownType, PromptConfig, acceptAIPreview, beginAIPreview, cancelAIPreview, discardAIPreview, getEditorPrompt, getMarkdown, hasAIPreview, insertAINodes, removeAIMarks, removeAINodes, replacePlaceholders, undoAI, withAIBatch };

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-tNeux7Mo";
-import * as platejs0 from "platejs";
+import { c as AIMode, d as BaseAIPluginConfig, i as EditorPrompt, l as AIToolName } from "../index-D2hJDomP";
+import * as platejs13 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_react0 from "platejs/react";
+import * as platejs_react1 from "platejs/react";
 import { OverrideEditor, PlateEditor, RenderNodeWrapperProps } from "platejs/react";
 import React from "react";
 import { ChatRequestOptions, UIMessage } from "ai";
@@ -11,31 +11,31 @@ import { TriggerComboboxPluginOptions } from "@platejs/combobox";
 
 //#region src/react/ai/AIPlugin.d.ts
 type AIPluginConfig = ExtendConfig<BaseAIPluginConfig>;
-declare const AIPlugin: platejs_react0.PlatePlugin<platejs0.PluginConfig<"ai", {}, {}, {
+declare const AIPlugin: platejs_react1.PlatePlugin<platejs13.PluginConfig<"ai", {}, {}, {
   ai: {
-    acceptPreview: ((_value?: platejs0.Value | undefined) => boolean) & ((_value?: platejs0.Value | undefined) => boolean);
+    acceptPreview: ((_value?: platejs13.Value | undefined) => boolean) & ((_value?: platejs13.Value | undefined) => boolean);
     beginPreview: ((args_0?: {
-      originalBlocks?: platejs0.Value;
+      originalBlocks?: platejs13.Value;
     } | undefined) => boolean) & ((args_0?: {
-      originalBlocks?: platejs0.Value;
+      originalBlocks?: platejs13.Value;
     } | undefined) => boolean);
     cancelPreview: (() => boolean) & (() => boolean);
     discardPreview: (() => boolean) & (() => boolean);
     hasPreview: (() => boolean) & (() => boolean);
-    insertNodes: ((nodes: platejs0.Descendant[], args_1?: {
-      target?: platejs0.Path;
-    } | undefined) => void) & ((nodes: platejs0.Descendant[], args_1?: {
-      target?: platejs0.Path;
+    insertNodes: ((nodes: platejs13.Descendant[], args_1?: {
+      target?: platejs13.Path;
+    } | undefined) => void) & ((nodes: platejs13.Descendant[], args_1?: {
+      target?: platejs13.Path;
     } | undefined) => void);
     removeMarks: ((args_0?: {
-      at?: platejs0.TLocation;
+      at?: platejs13.TLocation;
     } | undefined) => void) & ((args_0?: {
-      at?: platejs0.TLocation;
+      at?: platejs13.TLocation;
     } | undefined) => void);
     removeNodes: ((args_0?: {
-      at?: platejs0.Path;
+      at?: platejs13.Path;
     } | undefined) => void) & ((args_0?: {
-      at?: platejs0.Path;
+      at?: platejs13.Path;
     } | undefined) => void);
     undo: (() => void) & (() => void);
   };
@@ -168,7 +168,7 @@ type AIChatPluginConfig = PluginConfig<'aiChat', {
     removeAnchor: (options?: EditorNodesOptions) => void;
   };
 }>;
-declare const AIChatPlugin: platejs_react0.PlatePlugin<PluginConfig<"aiChat", {
+declare const AIChatPlugin: platejs_react1.PlatePlugin<PluginConfig<"aiChat", {
   _blockChunks: string;
   _blockPath: Path | null;
   /** @private Using For streamInsertChunk */
@@ -223,7 +223,7 @@ declare const AIChatPlugin: platejs_react0.PlatePlugin<PluginConfig<"aiChat", {
   reload: () => void;
   show: () => void;
   stop: () => void;
-}, "node" | "stop" | "reset" | "submit">> & Record<"aiChat", {
+}, "node" | "reset" | "stop" | "submit">> & Record<"aiChat", {
   hide: ({
     focus,
     undo
@@ -244,7 +244,7 @@ declare const AIChatPlugin: platejs_react0.PlatePlugin<PluginConfig<"aiChat", {
   insertBelow: (sourceEditor: SlateEditor, args_1?: {
     format?: "all" | "none" | "single";
   } | undefined) => void;
-  removeAnchor: (options?: platejs0.RemoveNodesOptions | undefined) => void;
+  removeAnchor: (options?: platejs13.RemoveNodesOptions | undefined) => void;
   replaceSelection: (sourceEditor: SlateEditor, args_1?: {
     format?: "all" | "none" | "single";
   } | undefined) => void;
@@ -262,7 +262,7 @@ declare const withAIChat: OverrideEditor<AIChatPluginConfig>;
  */
 declare const useAIChatEditor: (editor: SlateEditor, content: string, {
   parser
-}?: DeserializeMdOptions) => platejs0.Value;
+}?: DeserializeMdOptions) => platejs13.Value;
 //#endregion
 //#region src/react/ai-chat/hooks/useChatChunk.d.ts
 declare const useChatChunk: ({
@@ -298,7 +298,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) => platejs0.Descendant[] | {
+declare const streamDeserializeInlineMd: (editor: PlateEditor, text: string, options?: DeserializeMdOptions) => platejs13.Descendant[] | {
   text: string;
 }[];
 //#endregion
@@ -317,7 +317,7 @@ type SteamInsertChunkOptions = {
 };
 declare const getInsertPreviewStart: (editor: SlateEditor) => {
   path: Path;
-  startBlock: platejs0.TElement | platejs0.TText | undefined;
+  startBlock: platejs13.TElement | platejs13.TText | undefined;
   startInEmptyParagraph: boolean;
 };
 /** @experimental */
@@ -510,7 +510,7 @@ type CompletionState = {
   error?: Error | null;
   isLoading?: boolean;
 };
-declare const CopilotPlugin: platejs_react0.PlatePlugin<PluginConfig<"copilot", CompletionState & {
+declare const CopilotPlugin: platejs_react1.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}

package/dist/react/index.js

@@ -947,6 +947,7 @@ const withoutDeserializeInMdx = (editor, input) => {
 
 //#endregion
 //#region src/react/ai-chat/streaming/streamSerializeMd.ts
+const STREAM_LINE_BREAK_PLACEHOLDER = "platejs-stream-line-break";
 const trimEndHeading = (editor, value) => {
 	const headingKeys = new Set([
 		KEYS.h1,
@@ -977,9 +978,40 @@ const trimEndHeading = (editor, value) => {
 		value
 	};
 };
+const escapeEmbeddedTextLineBreaks = (nodes) => {
+	let hasLineBreaks = false;
+	const value = nodes.map((node) => {
+		if (TextApi.isText(node)) {
+			if (node.text !== "\n" && node.text.includes("\n")) {
+				hasLineBreaks = true;
+				return {
+					...node,
+					text: node.text.replaceAll("\n", STREAM_LINE_BREAK_PLACEHOLDER)
+				};
+			}
+			return node;
+		}
+		if (ElementApi.isElement(node)) {
+			const escapedChildren = escapeEmbeddedTextLineBreaks(node.children);
+			if (escapedChildren.hasLineBreaks) {
+				hasLineBreaks = true;
+				return {
+					...node,
+					children: escapedChildren.value
+				};
+			}
+		}
+		return node;
+	});
+	return {
+		hasLineBreaks,
+		value
+	};
+};
 const streamSerializeMd = (editor, options, chunk) => {
 	const { value: optionsValue, ...restOptions } = options;
-	const { value } = trimEndHeading(editor, optionsValue ?? editor.children);
+	const { value: trimmedValue } = trimEndHeading(editor, optionsValue ?? editor.children);
+	const { hasLineBreaks, value } = escapeEmbeddedTextLineBreaks(trimmedValue);
 	let result = "";
 	result = editor.getApi(MarkdownPlugin).markdown.serialize({
 		value,
@@ -991,6 +1023,15 @@ const streamSerializeMd = (editor, options, chunk) => {
 	result = result.replace(/ /g, " ");
 	result = result.replace(/​/g, " ");
 	result = result.replace(/\u200B/g, "");
+	if (hasLineBreaks) result = result.replaceAll(STREAM_LINE_BREAK_PLACEHOLDER, "\n");
+	if (trimmedChunk.includes("\n") && trimmedChunk !== "\n\n") {
+		const trimmedResult = result.trimEnd();
+		if (trimmedResult.endsWith("\n<br />")) result = trimmedResult.slice(0, -6);
+		else {
+			const trailingWhitespaceBreakSuffix = `${trimmedChunk}\n`;
+			if (result.endsWith(trailingWhitespaceBreakSuffix)) result = result.slice(0, -trailingWhitespaceBreakSuffix.length);
+		}
+	}
 	if (trimmedChunk !== "\n\n") result = result.trimEnd() + trimmedChunk;
 	if (chunk.endsWith("\n\n")) {
 		if (result === "\n") result = "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platejs/ai",
-  "version": "53.1.6",
+  "version": "53.3.0",
   "description": "Text AI plugin for Plate",
   "keywords": [
     "plate",
@@ -32,22 +32,32 @@
     "fastest-levenshtein": "1.0.16",
     "lodash": "^4.17.21",
     "react-compiler-runtime": "^1.0.0",
-    "@platejs/markdown": "^53.1.5",
+    "@platejs/markdown": "^53.2.2",
     "@platejs/selection": "^53.1.6",
-    "@platejs/suggestion": "^53.0.3",
-    "@platejs/table": "^53.0.9"
+    "@platejs/table": "^53.0.9",
+    "@platejs/suggestion": "^53.2.3"
   },
   "devDependencies": {
-    "@ai-sdk/react": "^3.0.0",
-    "ai": "^6.0.0",
+    "@ai-sdk/react": "^4.0.0",
+    "ai": "^7.0.0",
     "@plate/scripts": "1.0.0",
-    "platejs": "^53.1.2"
+    "platejs": "^53.2.4"
   },
   "peerDependencies": {
+    "@ai-sdk/react": "^4.0.0",
+    "ai": "^7.0.0",
     "platejs": ">=53.0.7",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
+  "peerDependenciesMeta": {
+    "@ai-sdk/react": {
+      "optional": true
+    },
+    "ai": {
+      "optional": true
+    }
+  },
   "publishConfig": {
     "access": "public"
   },