@cocreate/utils 1.4.0 → 1.5.0

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+# [1.5.0](https://github.com/CoCreate-app/CoCreate-utils/compare/v1.4.3...v1.5.0) (2022-01-29)
+
+
+### Features
+
+* function to add click event to all documents in order to apply clickedElement to document dom object. this provides a refrence to the element that was actively clicked ([537003d](https://github.com/CoCreate-app/CoCreate-utils/commit/537003de6aa749a8dc215e70926dfc3dd2b830fb))
+
+## [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)
 
 

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.4.0",
+  "version": "1.5.0",
   "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

@@ -1,4 +1,25 @@
 /*globals DOMParser*/
+function clickedElement() {
+    document.addEventListener('click', e => {
+        document.clickedElement = e.target;
+    });
+    let frameDocuments = window.top.frameDocuments;
+    if (!frameDocuments){
+        window.top.frameDocuments = new Map();
+        frameDocuments = window.top.frameDocuments;
+    }
+    let frames = document.querySelectorAll('iframe');
+    for (let frame of frames){
+        let frameDocument = frame.contentDocument;
+        if (!frameDocuments.has(frameDocument)){
+            frameDocuments.set(frameDocument, '')
+            frameDocument.addEventListener('click', e => {
+                frameDocument.clickedElement = e.target;
+            });
+        }
+    }
+}
+
 export function getAttributes(element) {
   return element.getAttributeNames().reduce((attrMap, name) => {
     attrMap[name] = element.getAttribute(name);
@@ -32,11 +53,11 @@ 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??
@@ -136,6 +157,8 @@ export function queryFrameSelectorAll(selector) {
 // 	    } while (parentElement);
 // 	}
 
+clickedElement();
+
 export default {
   parseTextToHtml,
   getAttributes,

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);
@@ -355,6 +366,11 @@ async function complexSelector(comSelector, callback) {
 //   return result;
 // }
 
+	function isObjectEmpty(obj) { 
+	   for (var x in obj) { return false; }
+	   return true;
+	}
+
 
 export default {
   getElementPath,