@textbus/adapter-react 4.0.0-alpha.31 → 4.0.0-alpha.33

package/bundles/index.esm.js

@@ -55,7 +55,13 @@ class Adapter extends DomAdapter {
                         }
                     }
                 });
-                this.componentRendingStack.pop();
+                useEffect(() => {
+                    this.componentRendingStack.pop();
+                    if (!this.componentRootElementCaches.get(component)) {
+                        // eslint-disable-next-line max-len
+                        throw adapterError(`Component \`${component.name}\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`);
+                    }
+                });
                 return vNode;
             };
         });
@@ -78,6 +84,20 @@ class Adapter extends DomAdapter {
         this.slotRootVElementCaches.set(slot, vElement);
         const vNodeToJSX = (vNode) => {
             const children = [];
+            if (this.composition && this.composition.slot === slot) {
+                this.insertCompositionByIndex(slot, vNode, this.composition, () => {
+                    return new VElement('span', {
+                        style: {
+                            textDecoration: 'underline'
+                        },
+                        ref: (node) => {
+                            this.compositionNode = node;
+                        }
+                    }, [
+                        new VTextNode(this.composition.text)
+                    ]);
+                });
+            }
             for (let i = 0; i < vNode.children.length; i++) {
                 const child = vNode.children[i];
                 if (child instanceof VElement) {

package/bundles/index.js

@@ -57,7 +57,13 @@ class Adapter extends platformBrowser.DomAdapter {
                         }
                     }
                 });
-                this.componentRendingStack.pop();
+                react.useEffect(() => {
+                    this.componentRendingStack.pop();
+                    if (!this.componentRootElementCaches.get(component)) {
+                        // eslint-disable-next-line max-len
+                        throw adapterError(`Component \`${component.name}\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`);
+                    }
+                });
                 return vNode;
             };
         });
@@ -80,6 +86,20 @@ class Adapter extends platformBrowser.DomAdapter {
         this.slotRootVElementCaches.set(slot, vElement);
         const vNodeToJSX = (vNode) => {
             const children = [];
+            if (this.composition && this.composition.slot === slot) {
+                this.insertCompositionByIndex(slot, vNode, this.composition, () => {
+                    return new core.VElement('span', {
+                        style: {
+                            textDecoration: 'underline'
+                        },
+                        ref: (node) => {
+                            this.compositionNode = node;
+                        }
+                    }, [
+                        new core.VTextNode(this.composition.text)
+                    ]);
+                });
+            }
             for (let i = 0; i < vNode.children.length; i++) {
                 const child = vNode.children[i];
                 if (child instanceof core.VElement) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@textbus/adapter-react",
-  "version": "4.0.0-alpha.31",
+  "version": "4.0.0-alpha.33",
   "description": "Textbus is a rich text editor and framework that is highly customizable and extensible to achieve rich wysiwyg effects.",
   "main": "./bundles/index.js",
   "module": "./bundles/index.esm.js",
@@ -26,8 +26,8 @@
   ],
   "dependencies": {
     "@tanbo/stream": "^1.2.3",
-    "@textbus/core": "^4.0.0-alpha.31",
-    "@textbus/platform-browser": "^4.0.0-alpha.31",
+    "@textbus/core": "^4.0.0-alpha.33",
+    "@textbus/platform-browser": "^4.0.0-alpha.33",
     "react": "^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
@@ -49,5 +49,5 @@
   "bugs": {
     "url": "https://github.com/textbus/textbus.git/issues"
   },
-  "gitHead": "54c13967d549e9c3795eb821d84ce3e811139630"
+  "gitHead": "5eb73f9a388d331946a8579aa6eaa23cc44bffe0"
 }