@cocreate/utils 1.7.6 → 1.9.0

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+# [1.9.0](https://github.com/CoCreate-app/CoCreate-utils/compare/v1.8.1...v1.9.0) (2022-07-03)
+
+
+### Bug Fixes
+
+* add queryDocumentSelector to export default ([b067ed1](https://github.com/CoCreate-app/CoCreate-utils/commit/b067ed1354488cf52014e2d417d75c5be455fc6f))
+
+
+### Features
+
+* queryDocumentSelector to return one element from an iframe or iframes parent ([477f179](https://github.com/CoCreate-app/CoCreate-utils/commit/477f179ef4e00aab219d12a5a9ae3a5e1cfae992))
+
+## [1.8.1](https://github.com/CoCreate-app/CoCreate-utils/compare/v1.8.0...v1.8.1) (2022-07-01)
+
+
+### Bug Fixes
+
+* remove function queryFrameSelector rhas been replaced by queryDocumentSelectorAll ([3c11054](https://github.com/CoCreate-app/CoCreate-utils/commit/3c110543598ded5753c9d715f3cb650d46e93263))
+
+# [1.8.0](https://github.com/CoCreate-app/CoCreate-utils/compare/v1.7.6...v1.8.0) (2022-07-01)
+
+
+### Features
+
+* queryDocumentSelectorAll - ability to query iframes and parent of iframes ([90bd26b](https://github.com/CoCreate-app/CoCreate-utils/commit/90bd26b139a6a5413ac67a92504cf533f10e0838))
+
 ## [1.7.6](https://github.com/CoCreate-app/CoCreate-utils/compare/v1.7.5...v1.7.6) (2022-06-27)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/utils",
-  "version": "1.7.6",
+  "version": "1.9.0",
   "description": "A simple utils component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "utils",

package/src/index.js

@@ -120,8 +120,9 @@ export function domParser(str) {
     }
 }
 
-export function getFrameSelector(selector) {
-	let selectorArray = [];
+export function queryDocumentSelectorAll(selector) {
+	let elements = [];
+
 	if (selector) {
 		let selectors = [selector];
 		if(selector.indexOf(',') !== -1){
@@ -130,48 +131,66 @@ export function getFrameSelector(selector) {
 		for (let selector of selectors){
 			let els;
 			if(selector.indexOf(';') !== -1) {
+                let targetDocument;
 				let [documentSelector, targetSelector] = selector.split(';');
-				let frame = document.querySelector(documentSelector);
-				if (frame)
-				 	selectorArray.push({Document: frame.contentDocument, selector: targetSelector});
+				if (['parent', 'parentDocument'].includes(documentSelector))
+                    targetDocument = window.parent.document;
+                else {
+                    let frame = document.querySelector(documentSelector);
+                    if (frame)
+                        targetDocument = frame.contentDocument;
+                }
+                if (targetDocument){
+                    if (targetSelector)
+                        els = targetDocument.querySelectorAll(targetSelector);
+                    else
+                        if (targetDocument.clickedElement)
+                            els = [targetDocument.clickedElement];
+                }
 			}
 			else
-				selectorArray.push({Document: document, selector: selector});
+				els = document.querySelectorAll(selector);
+			if (els){
+				els = Array.prototype.slice.call(els);
+				elements = elements.concat(els);
+			}
 		}
-		return selectorArray;
+		return elements;
 	}
 }
 
-export function queryFrameSelectorAll(selector) {
-	let elements = [];
-
+export function queryDocumentSelector(selector) {
 	if (selector) {
 		let selectors = [selector];
 		if(selector.indexOf(',') !== -1){
 			selectors = selector.split(',');
 		}
 		for (let selector of selectors){
-			let els;
+			let el;
 			if(selector.indexOf(';') !== -1) {
+                let targetDocument;
 				let [documentSelector, targetSelector] = selector.split(';');
-				let frame = document.querySelector(documentSelector);
-				if (frame) {
-				 	let targetDocument = frame.contentDocument;
-					if (targetSelector)
-						els = targetDocument.querySelectorAll(targetSelector);
-					else
-						if (targetDocument.clickedElement)
-							els = [targetDocument.clickedElement];
-				}
+				if (['parent', 'parentDocument'].includes(documentSelector))
+                    targetDocument = window.parent.document;
+                else {
+                    let frame = document.querySelector(documentSelector);
+                    if (frame)
+                        targetDocument = frame.contentDocument;
+                }
+                if (targetDocument){
+                    if (targetSelector)
+                        el = targetDocument.querySelector(targetSelector);
+                    else
+                        if (targetDocument.clickedElement)
+                            el = [targetDocument.clickedElement];
+                }
 			}
 			else
-				els = document.querySelectorAll(selector);
-			if (els){
-				els = Array.prototype.slice.call(els);
-				elements = elements.concat(els);
-			}
+				el = document.querySelector(selector);
+            if (el)
+                return el
 		}
-		return elements;
+		return;
 	}
 }
 
@@ -202,5 +221,6 @@ export default {
   parseTextToHtml,
   cssPath,
   domParser,
-  queryFrameSelectorAll
+  queryDocumentSelector,
+  queryDocumentSelectorAll
 };

package/src/index.old.js

@@ -371,7 +371,62 @@ async function complexSelector(comSelector, callback) {
 	   return true;
 	}
 
-
+  export function getFrameSelector(selector) {
+    let selectorArray = [];
+    if (selector) {
+      let selectors = [selector];
+      if(selector.indexOf(',') !== -1){
+        selectors = selector.split(',');
+      }
+      for (let selector of selectors){
+        let els;
+        if(selector.indexOf(';') !== -1) {
+          let [documentSelector, targetSelector] = selector.split(';');
+          let frame = document.querySelector(documentSelector);
+          if (frame)
+             selectorArray.push({Document: frame.contentDocument, selector: targetSelector});
+        }
+        else
+          selectorArray.push({Document: document, selector: selector});
+      }
+      return selectorArray;
+    }
+  }
+  export function queryFrameSelectorAll(selector) {
+    let elements = [];
+  
+    if (selector) {
+      let selectors = [selector];
+      if(selector.indexOf(',') !== -1){
+        selectors = selector.split(',');
+      }
+      for (let selector of selectors){
+        let els;
+        if(selector.indexOf(';') !== -1) {
+          let [documentSelector, targetSelector] = selector.split(';');
+          let frame = document.querySelector(documentSelector);
+          if (frame) {
+             let targetDocument = frame.contentDocument;
+            if (targetSelector)
+              els = targetDocument.querySelectorAll(targetSelector);
+            else
+              if (targetDocument.clickedElement)
+                els = [targetDocument.clickedElement];
+          }
+        }
+        else
+          els = document.querySelectorAll(selector);
+        if (els){
+          els = Array.prototype.slice.call(els);
+          elements = elements.concat(els);
+        }
+      }
+      return elements;
+    }
+  }
+  
+  
+  
 export default {
   getElementPath,
   isValidSelector,