@livepreso/react-plugin-textfield 0.2.2 → 0.3.0

package/CHANGELOG.json

@@ -1,6 +1,28 @@
 {
   "name": "@livepreso/react-plugin-textfield",
   "entries": [
+    {
+      "version": "0.3.0",
+      "tag": "@livepreso/react-plugin-textfield_v0.3.0",
+      "date": "Tue, 25 Nov 2025 06:55:05 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "When Token content renders an empty string, remove the node insted of replacing (text nodes cannot be empty)"
+          }
+        ],
+        "minor": [
+          {
+            "comment": "Support react 19 as well"
+          }
+        ],
+        "dependency": [
+          {
+            "comment": "Updating dependency \"@livepreso/content-react\" to `2.1.0`"
+          }
+        ]
+      }
+    },
     {
       "version": "0.2.2",
       "tag": "@livepreso/react-plugin-textfield_v0.2.2",

package/CHANGELOG.md

@@ -1,6 +1,17 @@
 # Change Log - @livepreso/react-plugin-textfield
 
-This log was last generated on Tue, 25 Nov 2025 00:07:07 GMT and should not be manually modified.
+This log was last generated on Tue, 25 Nov 2025 06:55:05 GMT and should not be manually modified.
+
+## 0.3.0
+Tue, 25 Nov 2025 06:55:05 GMT
+
+### Minor changes
+
+- Support react 19 as well
+
+### Patches
+
+- When Token content renders an empty string, remove the node insted of replacing (text nodes cannot be empty)
 
 ## 0.2.2
 Tue, 25 Nov 2025 00:07:07 GMT

package/components/tiptap/token/Token.js

@@ -37,9 +37,13 @@ export const convertTokensToTextNodes = (editor, options) => {
 				: tokenRender();
 
 		const endPos = pos + editor.state.doc.nodeAt(pos).nodeSize;
-		const textNode = editor.state.schema.text(content);
 
-		tr.replaceWith(pos, endPos, textNode);
+		if (content) {
+			const textNode = editor.state.schema.text(content);
+			tr.replaceWith(pos, endPos, textNode);
+		} else {
+			tr.delete(pos, endPos);
+		}
 	});
 
 	editor.view.dispatch(tr);
@@ -98,7 +102,7 @@ const TokenBase = Mention.extend({
 			const content =
 				options.fieldIsEditable && options.usePlaceholder
 					? tokenSummary
-					: render();
+					: render() || "";
 
 			const editableNode = document.createElement("span");
 			editableNode.setAttribute("contenteditable", options.fieldIsEditable);
@@ -110,17 +114,25 @@ const TokenBase = Mention.extend({
 			const convertToTextNode = () => {
 				// To reference this specific node in a command, get its position.
 				const pos = getPos();
-				const endPos = pos + node.nodeSize;
-
-				// convert the node to a text node and insert the content
-				// replacing the token in the process
-				editor
-					.chain()
-					.focus()
-					.setNodeSelection(pos)
-					.insertContentAt({ from: pos, to: endPos }, content)
-					.toggleNode(NODE_TYPES.TOKEN, "text")
-					.run();
+
+				if (pos && editor.state.doc.nodeAt(pos)) {
+					const endPos = pos + node.nodeSize;
+
+					if (content) {
+						// convert the node to a text node and insert the content
+						// replacing the token in the process
+						editor
+							.chain()
+							.focus()
+							.setNodeSelection(pos)
+							.insertContentAt({ from: pos, to: endPos }, content)
+							.toggleNode(NODE_TYPES.TOKEN, "text")
+							.run();
+					} else {
+						// delete node if no renderable content
+						editor.chain().focus().setNodeSelection(pos).deleteNode().run();
+					}
+				}
 			};
 
 			// Attach the double-click event listener in all modes where content is available.
@@ -134,10 +146,7 @@ const TokenBase = Mention.extend({
 			if (options.burstOnCreate) {
 				// this will be run, once, after the node is created
 				// after which, the Token will no longer exist.
-				// Only run if currently editing and adding tokens (ie. not on editor load)
-				if (editor.isFocused) {
-					setTimeout(() => convertToTextNode(), 50);
-				}
+				setTimeout(() => convertToTextNode(), 50);
 			}
 			return {
 				dom,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livepreso/react-plugin-textfield",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "description": "",
   "main": "index.js",
   "publishConfig": {
@@ -12,8 +12,8 @@
   "devDependencies": {
     "eslint": "~9.15.0",
     "@babel/preset-react": "~7.25.9",
-    "react": "18.x",
-    "react-dom": "18.x",
+    "react": "~19.2.0",
+    "react-dom": "~19.2.0",
     "@babel/parser": "^7.26.10",
     "@babel/traverse": "^7.26.10",
     "@svgr/core": "^8.1.0",
@@ -21,8 +21,8 @@
     "@livepreso/eslint-config": "1.0.0"
   },
   "peerDependencies": {
-    "react": "18.x",
-    "react-dom": "18.x"
+    "react": ">= 18.0.0 <= 19",
+    "react-dom": ">= 19.0.0 <= 19"
   },
   "dependencies": {
     "@floating-ui/react-dom": "~2.1.6",
@@ -58,7 +58,7 @@
     "@tiptap/extension-mention": "~3.10.1",
     "@tiptap/suggestion": "~3.10.1",
     "fuse.js": "~7.1.0",
-    "@livepreso/content-react": "2.0.2"
+    "@livepreso/content-react": "2.1.0"
   },
   "scripts": {
     "build": ""