@cocreate/text 1.16.3 → 1.17.0

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+# [1.17.0](https://github.com/CoCreate-app/CoCreate-text/compare/v1.16.5...v1.17.0) (2022-06-23)
+
+
+### Bug Fixes
+
+* try to update parent element of previous element rather then html tag ([37ab36c](https://github.com/CoCreate-app/CoCreate-text/commit/37ab36ce79fa270b3a43daaf14597e765f42e371))
+
+
+### Features
+
+* if newEl can not be found using path, update path to query parent element ([2c637f1](https://github.com/CoCreate-app/CoCreate-text/commit/2c637f1e0c3d15f00d1664c4d744d4ee9c4581c6))
+
+## [1.16.5](https://github.com/CoCreate-app/CoCreate-text/compare/v1.16.4...v1.16.5) (2022-06-22)
+
+
+### Bug Fixes
+
+* ifactiveElement  inputEvent skip = false ([0b61519](https://github.com/CoCreate-app/CoCreate-text/commit/0b61519e2bd9592502ebb7a2ba88b71a16e11e55))
+
+## [1.16.4](https://github.com/CoCreate-app/CoCreate-text/compare/v1.16.3...v1.16.4) (2022-06-18)
+
+
+### Bug Fixes
+
+* bump dependencies ([2128b8d](https://github.com/CoCreate-app/CoCreate-text/commit/2128b8d11122a2024d7549e571b286ae6aa1d463))
+
 ## [1.16.3](https://github.com/CoCreate-app/CoCreate-text/compare/v1.16.2...v1.16.3) (2022-06-16)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/text",
-  "version": "1.16.3",
+  "version": "1.17.0",
   "description": "A simple text component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "text",
@@ -61,14 +61,14 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/actions": "^1.4.2",
-    "@cocreate/crdt": "^1.11.0",
-    "@cocreate/crud-client": "^1.7.0",
-    "@cocreate/cursors": "^1.11.20",
-    "@cocreate/docs": "^1.3.2",
-    "@cocreate/hosting": "^1.3.2",
-    "@cocreate/observer": "^1.5.2",
-    "@cocreate/selection": "^1.4.10",
-    "@cocreate/uuid": "^1.2.2"
+    "@cocreate/actions": "^1.4.3",
+    "@cocreate/crdt": "^1.11.1",
+    "@cocreate/crud-client": "^1.7.1",
+    "@cocreate/cursors": "^1.11.21",
+    "@cocreate/docs": "^1.3.3",
+    "@cocreate/hosting": "^1.3.3",
+    "@cocreate/observer": "^1.5.3",
+    "@cocreate/selection": "^1.4.11",
+    "@cocreate/uuid": "^1.2.4"
   }
 }

package/src/index.js

@@ -359,6 +359,9 @@ function _updateElementText (element, value, start, end) {
 
 export function _dispatchInputEvent(element, content, start, end, prev_start, prev_end) {
     let detail = {value: content, start, end, prev_start, prev_end, skip: true};
+    let activeElement = element.ownerDocument.activeElement;
+    if (activeElement == element)
+        detail.skip = false;
     if (eventObj) {
         let event = new CustomEvent(eventObj.type, { bubbles: true });
         Object.defineProperty(event, 'stopCCText', { writable: false, value: true });

package/src/updateDom.js

@@ -11,8 +11,28 @@ export function updateDom({domTextEditor, value, start, end, html}) {
     let {element, path, position, type} = getElementPosition(domTextEditor.htmlString, start, end);
 		parseHtml(domTextEditor, html);
 		
-	let domEl, oldEl, curCaret;
-	let newEl = domTextEditor.newHtml.querySelector(path);
+	let domEl, oldEl, curCaret, newEl;
+	if (path && path.includes('<')) {
+		let index = path.lastIndexOf(' >')
+		if (index != -1)
+			path = path.slice(0, index)
+		else{
+			index = path.lastIndexOf('<')
+			path = path.slice(0, index)
+		}
+	}
+
+	try {
+		newEl = domTextEditor.newHtml.querySelector(path);
+	} catch(err){
+		console.log('error', err)
+	}
+	if (path && !newEl){
+		let index = path.lastIndexOf(' >')
+		if (index != -1)
+			path = path.slice(0, index)
+		newEl = domTextEditor.newHtml.querySelector(path);
+	}
 	if(!newEl){
 		newEl = domTextEditor.cloneNode(true);
 		if (html != undefined)
@@ -40,46 +60,60 @@ export function updateDom({domTextEditor, value, start, end, html}) {
 		}
 	}
 
-	let activeElement = domEl.ownerDocument.activeElement;
-	if (activeElement == domEl)
-		curCaret = getSelection(activeElement);
-	else if (activeElement.tagName == 'BODY')
-		curCaret = getSelection(domEl);
-	else
-		curCaret = getSelection(activeElement);
-		
+	if (domEl) {
+		let activeElement = domEl.ownerDocument.activeElement;
+		if (activeElement == domEl)
+			curCaret = getSelection(activeElement);
+		else if (activeElement.tagName == 'BODY')
+			curCaret = getSelection(domEl);
+		else
+			curCaret = getSelection(activeElement);
+	}
+
 	if (!value && type != 'isStartTag' && type != 'textNode'){
 		type = 'innerHTML';
 	}
-	
+
 	if(domEl && newEl) {
 		if(start != end && type == 'innerHTML') {
 			domTextEditor.htmlString = html;
 			if (domEl.tagName != 'HTML'){
-				if (newEl.parentElement)
+				if (newEl.parentElement) {
 					domEl.parentElement.replaceChildren(...newEl.parentElement.childNodes);
-				else
+					// console.log('parent', domEl.parentElement)
+				} else {
 					domEl.replaceChildren(...newEl.childNodes);
+					// console.log('domEl', domEl)
+				}
 			}
-			else
+			else {
 				domEl.replaceChildren(...newEl.childNodes);	
-			// domEl = newEl;
+				// console.log('Html tag', domEl)
+			}
 			if (curCaret && curCaret.range) {
 				curCaret.range.startContainer = domEl;
 				curCaret.range.endContainer = domEl;
 			}
 		}
-		else if (type == 'isStartTag')
+		else if (type == 'isStartTag') {
 			assignAttributes(newEl, oldEl, domEl);
-		else if (type == 'insertAdjacent')
+			// console.log('isStartTag', domEl, newEl)
+
+		}
+		else if (type == 'insertAdjacent') {
 			domEl.insertAdjacentHTML(position, value);
+			// console.log('insertAdjacent', domEl, value)
+		}
 		else if (type == 'textNode'){
 			if(start != end)
 				domTextEditor.htmlString = html;
 			domEl.innerHTML = newEl.innerHTML;
+			// console.log('textnode', domEl.innerHTML, newEl.innerHTML)
+
 		}
 		else if (type == 'innerHTML') {
 			domEl.replaceChildren(...newEl.childNodes);
+			// console.log('innerHtml', domEl, newEl)
 		}
 		domTextEditor.htmlString = html;
 	}