@livepreso/react-plugin-textfield 0.2.1 → 0.2.2

package/CHANGELOG.json

@@ -1,6 +1,18 @@
 {
   "name": "@livepreso/react-plugin-textfield",
   "entries": [
+    {
+      "version": "0.2.2",
+      "tag": "@livepreso/react-plugin-textfield_v0.2.2",
+      "date": "Tue, 25 Nov 2025 00:07:07 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "Change reserveWhitespace to \"true\" to keep token's trailing whitespace, but trim whitespace between paragraphs in Strategy Recs. Add contenteditable: false to Token when not burst. Add leading space to @ when using the token button (when required)."
+          }
+        ]
+      }
+    },
     {
       "version": "0.2.1",
       "tag": "@livepreso/react-plugin-textfield_v0.2.1",

package/CHANGELOG.md

@@ -1,6 +1,13 @@
 # Change Log - @livepreso/react-plugin-textfield
 
-This log was last generated on Sun, 23 Nov 2025 23:46:44 GMT and should not be manually modified.
+This log was last generated on Tue, 25 Nov 2025 00:07:07 GMT and should not be manually modified.
+
+## 0.2.2
+Tue, 25 Nov 2025 00:07:07 GMT
+
+### Patches
+
+- Change reserveWhitespace to "true" to keep token's trailing whitespace, but trim whitespace between paragraphs in Strategy Recs. Add contenteditable: false to Token when not burst. Add leading space to @ when using the token button (when required).
 
 ## 0.2.1
 Sun, 23 Nov 2025 23:46:44 GMT

package/components/tiptap/token/Token.js

@@ -102,6 +102,7 @@ const TokenBase = Mention.extend({
 
 			const editableNode = document.createElement("span");
 			editableNode.setAttribute("contenteditable", options.fieldIsEditable);
+			tokenDOM.setAttribute("contenteditable", false);
 
 			const dom = options.burstOnCreate ? editableNode : tokenDOM;
 			const contentDOM = dom.appendChild(document.createTextNode(content));

package/configs/toolbar-configuration.js

@@ -293,8 +293,27 @@ const insertTokenButton = ({ tokens = [] }) =>
 				icon: <icons.WandStars />,
 				// Token extension is always enabled, so nothing to load here
 				extensions: [],
-				command: (editor) =>
-					editor.chain().focus().insertContent(TOKEN_TRIGGER_CHAR).run(),
+				command: (editor) => {
+					const { $from } = editor.view.state.selection;
+					const prevPos = $from.pos - 1;
+
+					let tokenTriggerStr = TOKEN_TRIGGER_CHAR;
+
+					// Add a space before the token trigger if necessary.
+					// Without a leading space the token functionality won't run.
+					if (prevPos && editor.view.state.doc.nodeAt(prevPos)) {
+						const charBefore = editor.view.state.doc.textBetween(
+							prevPos,
+							$from.pos,
+						);
+
+						if (charBefore !== " ") {
+							tokenTriggerStr = ` ${TOKEN_TRIGGER_CHAR}`;
+						}
+					}
+
+					return editor.chain().focus().insertContent(tokenTriggerStr).run();
+				},
 			}
 		: null;
 

package/index.js

@@ -157,7 +157,7 @@ function EditableTextField({
 		onUpdate: debounce(({ editor }) => {
 			onChange?.(editor.getHTML());
 		}, 100),
-		parseOptions: { preserveWhitespace: "full" },
+		parseOptions: { preserveWhitespace: true },
 	});
 
 	const { refs } = useFloating({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livepreso/react-plugin-textfield",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "",
   "main": "index.js",
   "publishConfig": {