@cocreate/utils - npm Package Compare versions

Comparing version 1.1.36 to 1.2.0

CHANGELOG.md

@@ -0,1 +1,8 @@
+# [1.2.0](https://github.com/CoCreate-app/CoCreate-utils/compare/v1.1.36...v1.2.0) (2021-10-29)
+
+
+### Features
+
+* cssPath and domParser ([25c5088](https://github.com/CoCreate-app/CoCreate-utils/commit/25c508855c663f5e2f64596549d1eccb14eb4292))
+
 ## [1.1.36](https://github.com/CoCreate-app/CoCreate-utils/compare/v1.1.35...v1.1.36) (2021-10-17)
@@ -2,0 +9,0 @@

package.json

 {
   "name": "@cocreate/utils",
-  "version": "1.1.36",
+  "version": "1.2.0",
   "description": "A simple utils component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
@@ -5,0 +5,0 @@ "keywords": [

src/index.js

@@ -15,30 +15,78 @@ /*globals DOMParser*/
 
-export function cssPath(node) {
-  let pathSplits = [];
-  do {
-    if (!node || !node.tagName) return false;
-    let pathSplit = node.tagName.toLowerCase();
-    if (node.id && node.tagName !== "BODY") pathSplit += "#" + node.id;
+export function cssPath(node, container) {
+    let pathSplits = [];
+    do {
+        if (!node || !node.tagName) return false;
+        let pathSplit = node.tagName.toLowerCase();
+        if (node.id) pathSplit += "#" + node.id;
 
-    if (node.classList.length && node.tagName !== "BODY") {
-      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.tagName !== "BODY" && node.parentNode) {
-      let index = Array.prototype.indexOf.call(
-        node.parentNode.children,
-        node
-      );
-      pathSplit += `:nth-child(${index + 1})`;
+        if (node.parentNode) {
+            let index = Array.prototype.indexOf.call(
+                node.parentNode.children,
+                node
+            );
+            pathSplit += `:nth-child(${index + 1})`;
+        }
+
+        pathSplits.unshift(pathSplit);
+        node = node.parentNode;
+        if (node.tagName == "HTML" || node.nodeName == "#document" || node.hasAttribute('contenteditable'))
+        	node = '';
+    } while (node);
+    return pathSplits.join(" > ");
+}
+
+export function domParser(str) {
+    let mainTag = str.match(/\<(?<tag>[a-z0-9]+)(.*?)?\>/).groups.tag;
+    if (!mainTag)
+        throw new Error('find position: can not find the main tag');
+
+    let doc;
+    switch (mainTag) {
+        case 'html':
+            doc = new DOMParser().parseFromString(str, "text/html");
+            return doc.documentElement;
+        case 'body':
+            doc = new DOMParser().parseFromString(str, "text/html");
+            return doc.body;
+        case 'head':
+            doc = new DOMParser().parseFromString(str, "text/html");
+            return doc.head;
+
+        default:
+            let con = document.createElement('div');
+            con.innerHTML = str;
+            return con;
     }
+}
 
-    pathSplits.unshift(pathSplit);
-    node = node.parentNode;
-  } while (node.tagName !== "HTML");
+export function queryFrameSelector(selector) {
+		if(selector.indexOf(';') !== -1) {
+			let [frameSelector, target] = selector.split(';');
+			let frame = document.querySelector(frameSelector);
+			if (frame) {
+			 	let Document = frame.contentDocument;
+			 	let elements = Document.querySelectorAll(target);
+			 	return elements;
+			}
+		}
+}
 
-  return pathSplits.join(" > ");
+export function queryFrameSelectorAll(selector) {
+		if(selector.indexOf(';') !== -1) {
+			let [frameSelector, target] = selector.split(';');
+			let frame = document.querySelector(frameSelector);
+			if (frame) {
+			 	let Document = frame.contentDocument;
+			 	let element = Document.querySelector(target);
+			 	return element;
+			}
+		}
 }
-
 // export function computeStyles(el, properties) {
@@ -68,3 +116,4 @@ //   let computed = window.getComputedStyle(el);
   getAttributes,
-  cssPath
+  cssPath,
+  domParser
 };

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

54901

increased by3.4%

Lines of code

529

increased by9.52%

No dependency changes