@cocreate/utils 1.7.6 → 1.8.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [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.8.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,29 +120,7 @@ export function domParser(str) {
     }
 }
 
-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) {
+export function queryDocumentSelectorAll(selector) {
 	let elements = [];
 
 	if (selector) {
@@ -153,16 +131,22 @@ export function queryFrameSelectorAll(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) {
-				 	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)
+                        els = targetDocument.querySelectorAll(targetSelector);
+                    else
+                        if (targetDocument.clickedElement)
+                            els = [targetDocument.clickedElement];
+                }
 			}
 			else
 				els = document.querySelectorAll(selector);
@@ -202,5 +186,6 @@ export default {
   parseTextToHtml,
   cssPath,
   domParser,
+  queryDocumentSelectorAll,
   queryFrameSelectorAll
 };

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,