@cocreate/utils 1.3.19 → 1.4.3

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+## [1.4.3](https://github.com/CoCreate-app/CoCreate-utils/compare/v1.4.2...v1.4.3) (2022-01-01)
+
+
+### Bug Fixes
+
+* get-value attribute value now supports a selector added # to all values currently in get-value attributes ([d48bcd5](https://github.com/CoCreate-app/CoCreate-utils/commit/d48bcd5bdbc715b3aacb8db3b99cd8aa581b72ce))
+
+## [1.4.2](https://github.com/CoCreate-app/CoCreate-utils/compare/v1.4.1...v1.4.2) (2021-12-25)
+
+
+### Bug Fixes
+
+* comment cssPath class parser. path could not resolve element ([1a00794](https://github.com/CoCreate-app/CoCreate-utils/commit/1a00794a0ee96699379e8efd0e75000efe93cded))
+
+## [1.4.1](https://github.com/CoCreate-app/CoCreate-utils/compare/v1.4.0...v1.4.1) (2021-12-15)
+
+
+### Bug Fixes
+
+* update dependencies ([a36e4a6](https://github.com/CoCreate-app/CoCreate-utils/commit/a36e4a6356fdf7e25351895c9897e0f31341a9e1))
+
+# [1.4.0](https://github.com/CoCreate-app/CoCreate-utils/compare/v1.3.19...v1.4.0) (2021-12-14)
+
+
+### Features
+
+* cssPath and domParser update to support nested contenteditable elements ([a7b700a](https://github.com/CoCreate-app/CoCreate-utils/commit/a7b700add647856071cf2c3bfa0ce95b36144e0a))
+
 ## [1.3.19](https://github.com/CoCreate-app/CoCreate-utils/compare/v1.3.18...v1.3.19) (2021-12-08)
 
 

package/docs/index.html

@@ -117,7 +117,7 @@
 									<div class="svSplitter svHorizontal"> </div>
 	
 									<div class="svPanel">
-										<iframe get-value="demo" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe>
+										<iframe get-value="#demo" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe>
 									</div>
 	
 								</div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/utils",
-  "version": "1.3.19",
+  "version": "1.4.3",
   "description": "A simple utils component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "utils",
@@ -61,6 +61,6 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/docs": "^1.2.61"
+    "@cocreate/docs": "^1.2.62"
   }
 }

package/src/index.js

@@ -17,6 +17,10 @@ export function cssPath(node, container) {
     do {
         if (!node || !node.tagName) return false;
         let pathSplit = node.tagName.toLowerCase();
+        // if (node.tagName == "DOM-PARSER" || node.hasAttribute('contenteditable')){
+        //     pathSplit = "[contenteditable]";
+        //     node = '';
+        // }
         if (node.id){
             pathSplit += "#" + node.id;
             node = '';
@@ -28,24 +32,33 @@ export function cssPath(node, container) {
                 node = '';
             }
             else {
-                if (node.classList.length) {
-                    node.classList.forEach((item) => {
-                        if (item.indexOf(":") === -1) pathSplit += "." + item;
-                    });
-                }
+                // if (node.classList.length) {
+                //     node.classList.forEach((item) => {
+                //         if (item.indexOf(":") === -1) pathSplit += "." + item;
+                //     });
+                // }
         
                 if (node.parentNode && node.parentNode.children.length > 1) {
-                    
+                    // ToDo: improve array logic so ignores javascript generated html??
+                    let children = []
+                    for (let child of node.parentNode.children){
+                        // if (!child.matches('.mirror'))
+                        //     children.push(child);
+                        if (child.tagName == node.tagName)
+                            children.push(child);
+                    }
                     let index = Array.prototype.indexOf.call(
-                        node.parentNode.children,
+                        children,
                         node
                     );
-                    pathSplit += `:nth-child(${index + 1})`;
+                    // if (children.length > 1)
+                    // pathSplit += `:nth-child(${index + 1})`;
+                    pathSplit += `:nth-of-type(${index + 1})`;
                 }
         
                 // pathSplits.unshift(pathSplit);
                 node = node.parentNode;
-                if (node == null || node.tagName == "HTML" || node.nodeName == "#document" || node.hasAttribute('contenteditable'))
+                if (node == null || node.tagName == "HTML" || node.tagName == "DOM-PARSER" || node.nodeName == "#document" || node.hasAttribute('contenteditable'))
                 	node = '';
             }
         }
@@ -73,7 +86,7 @@ export function domParser(str) {
             return doc.head;
 
         default:
-            let con = document.createElement('div');
+            let con = document.createElement('dom-parser');
             con.innerHTML = str;
             return con;
     }

package/src/index.old.js

@@ -345,6 +345,17 @@ async function complexSelector(comSelector, callback) {
 	return callback(canvas.contentWindow.document, selector);
 }
 
+// function eid(html){
+// 	let dom = domParser(html);
+// 	let elements = dom.querySelectorAll('*');
+// 	for (let element of elements){
+// 	    if (!element.getAttribute('eid')){
+// 	        element.setAttribute(eid, uuid(8))
+// 	    } 
+// 	}
+// 	return dom.outterHTML
+// }
+
 
 // export function computeStyles(el, properties) {
 //   let computed = window.getComputedStyle(el);