domelemjs 1.0.10 → 1.0.13

package/README.md

@@ -1,6 +1,6 @@
 # DOMelemJS
 
-This lightweight tool is allow you to render HTML elements dynamically form JavaScript!
+This lightweight, zero dependecy tool is allow you to render HTML elements dynamically form JavaScript!
 
 Installation:
 
@@ -11,7 +11,7 @@ npm i domelemjs
 Usage:
 
 ```
-const DOMELemjs = riquire('domelemjs')
+const DOMELemjs = require('domelemjs')
 
 domelemjs.createDOMElem({tag: "div", attrs: {class: "app"}}) // retunrs and create a <div class="app">...</div
 domelemjs.DOMElem.create({tag: "div", attrs: {class: "app"}}) // retunrs and create a <div class="app">...</div

package/index.js

@@ -47,8 +47,8 @@ const DOMElem = {
 
     let targetParent =
       typeof parameters.targetParent == "string"
-        ? document.querySelector(parameters.targetParent) ||
-          document.getElementById(parameters.targetParent)
+        ? document.getElementById(parameters.targetParent) ||
+          document.querySelector(parameters.targetParent)
         : typeof parameters.targetParent == "object"
         ? parameters.targetParent
         : null;
@@ -143,16 +143,27 @@ const createDOMElem = ({
   /*
    *  add all the attributes they want
    */
-  for (let attr in attrs) {
-    if (attr === "dataset") {
-      for (let data in attrs[attr]) {
-        elem.dataset[data] = attrs[attr][data];
+
+  Object.keys(attrs).forEach((attr) => {
+    if (attr === "checked") {
+      elem.checked = attrs[attr];
+    } else if (attr === "dataset") {
+      let dataset;
+      if (Array.isArray(attrs[attr])) {
+        dataset = attrs[attr];
+      } else {
+        dataset = [attrs[attr]];
       }
+      dataset.map((data) => {
+        for (let d in data) {
+          elem.dataset[d] = data[d];
+        }
+      });
     } else {
       let attribute;
       if (Array.isArray(attrs[attr])) {
         if (attr === "class") {
-          attribute = NoSpecChars(attrs[attr].join(" "));
+          attribute = attrs[attr].map((a) => noSpecChars(a)).join(" ");
         } else {
           attribute = attrs[attr].join(" ");
         }
@@ -165,7 +176,7 @@ const createDOMElem = ({
       }
       elem.setAttribute(attr, attribute);
     }
-  }
+  });
 
   /*
    * Adding stye is possible as:
@@ -181,13 +192,11 @@ const createDOMElem = ({
     if (typeof style === "string") {
       styleText = style;
     } else if (Array.isArray(style)) {
-      styleText = style.join("; ");
+      styleText = style.join(";");
     } else if (typeof style === "object") {
-      styleText = [];
-      for (let s in style) {
-        styleText.push(`${s}: ${style[s]}`);
-      }
-      styleText = styleText.join("; ");
+      styleText = Object.keys(style)
+        .map((s) => `${s}: ${style[s]}`)
+        .join(";");
     }
 
     styleText.split(";").forEach((styleText) => {
@@ -207,11 +216,12 @@ const createDOMElem = ({
     if (!Array.isArray(children)) {
       childrenArray.push(children);
     } else {
-      childrenArray = children;
+      childrenArray = [...children];
     }
-    childrenArray.forEach((child) => {
-      child.parent = elem;
-      createDOMElem(child);
+    childrenArray.map((child) => {
+      let childElem = child;
+      if (typeof child === "object") childElem = createDOMElem(child);
+      elem.appendChild(childElem);
     });
   }
 
@@ -263,9 +273,3 @@ const createDOMElem = ({
    */
   return elem;
 };
-
-module.exports = {
-  createDOMElem,
-  DOMElem,
-  noSpecChars,
-};

package/index.min.js

@@ -1,2 +1,2 @@
-const noSpecChars=(text,lowercase=!1)=>{function replaceAll(string,search,replace){return string.split(search).join(replace)}let specialChars={"é":"e","á":"a","ó":"o","ö":"o","ő":"o","ú":"u","ü":"u","ű":"u","í":"i","É":"E","Á":"A","Ó":"O","Ö":"O","Ő":"O","Ú":"U","Ü":"U","Ű":"U","Í":"I"," ":"-","/":"-",":":"-",";":"-","=":"-"};for(let char in specialChars)text=replaceAll(text,char,specialChars[char]);return lowercase?text.toLowerCase():text},DOMElem={Create:function(parameters){let tag=parameters.tag||"div",attrs=parameters.attrs||{},children=parameters.children||[],eventStarter=parameters.eventStarter||null,eventFunction=parameters.eventFunction||null,content=parameters.content||null,text=parameters.text||null,style=parameters.style||null,targetParent="string"==typeof parameters.targetParent?document.querySelector(parameters.targetParent)||document.getElementById(parameters.targetParent):"object"==typeof parameters.targetParent?parameters.targetParent:null,elem=document.createElement(tag);content&&(elem.innerHTML=content),text&&(elem.textContent=text);for(let attr in attrs)elem.setAttribute(attr,"class"==attr||"id"==attr?noSpecChars(attrs[attr]):attrs[attr]);if(style){let styleText;if("string"==typeof style)styleText=style;else if(Array.isArray(style))styleText=style.join("; ");else if("object"==typeof style){styleText=[];for(let s in style)styleText.push(`${s}: ${style[s]}`);styleText=styleText.join("; ")}styleText.split(";").forEach(styleText=>{let[s,p]=styleText.split(":").map(c=>c.trim());s=s.split("-").map((ss,i)=>i>0?ss.charAt(0).toUpperCase()+ss.slice(1):ss).join(""),elem.style[s]=p})}return children.map(child=>{"object"!=typeof child&&(child=document.createTextNode(child)),elem.appendChild(child)}),eventStarter&&eventFunction&&elem.addEventListener(eventStarter,eventFunction),targetParent&&targetParent.appendChild(elem),elem}},createDOMElem=({tag:tag,content:content,text:text,attrs:attrs,style:style,children:children,parent:parent,handleEvent:handleEvent})=>{let elem=document.createElement(tag);content&&(elem.innerHTML=content),text&&(elem.textContent=text);for(let attr in attrs)if("dataset"===attr)for(let data in attrs[attr])elem.dataset[data]=attrs[attr][data];else{let attribute;attribute=Array.isArray(attrs[attr])?"class"===attr?NoSpecChars(attrs[attr].join(" ")):attrs[attr].join(" "):"id"===attr?noSpecChars(attrs[attr]):attrs[attr],elem.setAttribute(attr,attribute)}if(style){let styleText;if("string"==typeof style)styleText=style;else if(Array.isArray(style))styleText=style.join("; ");else if("object"==typeof style){styleText=[];for(let s in style)styleText.push(`${s}: ${style[s]}`);styleText=styleText.join("; ")}styleText.split(";").forEach(styleText=>{let[s,p]=styleText.split(":").map(c=>c.trim());s=s.split("-").map((ss,i)=>i>0?ss.charAt(0).toUpperCase()+ss.slice(1):ss).join(""),elem.style[s]=p})}if(children){let childrenArray=[];Array.isArray(children)?childrenArray=children:childrenArray.push(children),childrenArray.forEach(child=>{child.parent=elem,createDOMElem(child)})}let eventsToAdd=[];return handleEvent&&(Array.isArray(handleEvent)?eventsToAdd=[...handleEvent]:eventsToAdd.push(handleEvent),eventsToAdd.forEach(newEvent=>{elem.addEventListener(newEvent.event,newEvent.cb)})),parent?"string"==typeof parent&&(parent=[".","#"].map(prep=>document.querySelector(prep+parent)).filter(pe=>null!==pe)[0]):parent=document.querySelector("body"),parent.appendChild(elem),elem};module.exports={createDOMElem:createDOMElem,DOMElem:DOMElem,noSpecChars:noSpecChars};
+const noSpecChars=(text,lowercase=!1)=>{function replaceAll(string,search,replace){return string.split(search).join(replace)}let specialChars={"é":"e","á":"a","ó":"o","ö":"o","ő":"o","ú":"u","ü":"u","ű":"u","í":"i","É":"E","Á":"A","Ó":"O","Ö":"O","Ő":"O","Ú":"U","Ü":"U","Ű":"U","Í":"I"," ":"-","/":"-",":":"-",";":"-","=":"-"};for(let char in specialChars)text=replaceAll(text,char,specialChars[char]);return lowercase?text.toLowerCase():text},DOMElem={Create:function(parameters){let tag=parameters.tag||"div",attrs=parameters.attrs||{},children=parameters.children||[],eventStarter=parameters.eventStarter||null,eventFunction=parameters.eventFunction||null,content=parameters.content||null,text=parameters.text||null,style=parameters.style||null,targetParent="string"==typeof parameters.targetParent?document.getElementById(parameters.targetParent)||document.querySelector(parameters.targetParent):"object"==typeof parameters.targetParent?parameters.targetParent:null,elem=document.createElement(tag);content&&(elem.innerHTML=content),text&&(elem.textContent=text);for(let attr in attrs)elem.setAttribute(attr,"class"==attr||"id"==attr?noSpecChars(attrs[attr]):attrs[attr]);if(style){let styleText;if("string"==typeof style)styleText=style;else if(Array.isArray(style))styleText=style.join("; ");else if("object"==typeof style){styleText=[];for(let s in style)styleText.push(`${s}: ${style[s]}`);styleText=styleText.join("; ")}styleText.split(";").forEach(styleText=>{let[s,p]=styleText.split(":").map(c=>c.trim());s=s.split("-").map((ss,i)=>i>0?ss.charAt(0).toUpperCase()+ss.slice(1):ss).join(""),elem.style[s]=p})}return children.map(child=>{"object"!=typeof child&&(child=document.createTextNode(child)),elem.appendChild(child)}),eventStarter&&eventFunction&&elem.addEventListener(eventStarter,eventFunction),targetParent&&targetParent.appendChild(elem),elem}},createDOMElem=({tag:tag,content:content,text:text,attrs:attrs,style:style,children:children,parent:parent,handleEvent:handleEvent})=>{let elem=document.createElement(tag);if(content&&(elem.innerHTML=content),text&&(elem.textContent=text),Object.keys(attrs).forEach(attr=>{if("checked"===attr)elem.checked=attrs[attr];else if("dataset"===attr){let dataset;dataset=Array.isArray(attrs[attr])?attrs[attr]:[attrs[attr]],dataset.map(data=>{for(let d in data)elem.dataset[d]=data[d]})}else{let attribute;attribute=Array.isArray(attrs[attr])?"class"===attr?attrs[attr].map(a=>noSpecChars(a)).join(" "):attrs[attr].join(" "):"id"===attr?noSpecChars(attrs[attr]):attrs[attr],elem.setAttribute(attr,attribute)}}),style){let styleText;"string"==typeof style?styleText=style:Array.isArray(style)?styleText=style.join(";"):"object"==typeof style&&(styleText=Object.keys(style).map(s=>`${s}: ${style[s]}`).join(";")),styleText.split(";").forEach(styleText=>{let[s,p]=styleText.split(":").map(c=>c.trim());s=s.split("-").map((ss,i)=>i>0?ss.charAt(0).toUpperCase()+ss.slice(1):ss).join(""),elem.style[s]=p})}if(children){let childrenArray=[];Array.isArray(children)?childrenArray=[...children]:childrenArray.push(children),childrenArray.map(child=>{let childElem=child;"object"==typeof child&&(childElem=createDOMElem(child)),elem.appendChild(childElem)})}let eventsToAdd=[];return handleEvent&&(Array.isArray(handleEvent)?eventsToAdd=[...handleEvent]:eventsToAdd.push(handleEvent),eventsToAdd.forEach(newEvent=>{elem.addEventListener(newEvent.event,newEvent.cb)})),parent?"string"==typeof parent&&(parent=[".","#"].map(prep=>document.querySelector(prep+parent)).filter(pe=>null!==pe)[0]):parent=document.querySelector("body"),parent.appendChild(elem),elem};
 //# sourceMappingURL=index.min.js.map

package/index.min.js.map

@@ -51,8 +51,8 @@
         "style",
         "targetParent",
         "document",
-        "querySelector",
         "getElementById",
+        "querySelector",
         "elem",
         "createElement",
         "innerHTML",
@@ -81,21 +81,24 @@
         "createDOMElem",
         "parent",
         "handleEvent",
-        "data",
+        "Object",
+        "keys",
+        "checked",
         "dataset",
+        "data",
+        "d",
         "attribute",
-        "NoSpecChars",
+        "a",
         "childrenArray",
+        "childElem",
         "eventsToAdd",
         "newEvent",
         "event",
         "cb",
         "prep",
         "filter",
-        "pe",
-        "module",
-        "exports"
+        "pe"
     ],
-    "mappings": "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",
+    "mappings": "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",
     "file": "index.js"
 }

package/package.json

@@ -1,25 +1,28 @@
-{
-  "name": "domelemjs",
-  "version": "1.0.10",
-  "description": "With the help of this package the rendering of HTML elements form JavaScript become a easy job.",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/exphoenee/DOMelemJS"
-  },
-  "keywords": [
-    "rendering",
-    "DOM",
-    "dynamic",
-    "webapp"
-  ],
-  "author": "VIKTOR, Bozzay",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/exphoenee/DOMelemJS/issues"
-  },
-  "homepage": "https://github.com/exphoenee/DOMelemJS#readme"
-}
+{
+  "name": "domelemjs",
+  "version": "1.0.13",
+  "description": "With the help of this package the rendering of HTML elements form JavaScript become a easy job.",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/exphoenee/DOMelemJS.git"
+  },
+  "keywords": [
+    "rendering",
+    "DOM",
+    "dynamic",
+    "webapp"
+  ],
+  "author": "VIKTOR, Bozzay",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/exphoenee/DOMelemJS/issues"
+  },
+  "homepage": "https://github.com/exphoenee/DOMelemJS#readme",
+  "directories": {
+    "test": "test"
+  }
+}

package/test/createDOMElem.html

@@ -45,13 +45,13 @@
         children: [
           {
             tag: "option",
-            content: "foo",
-            attr: { value: "foo" },
+            text: "foo",
+            attrs: { value: "foo" },
           },
           {
             tag: "option",
-            content: "bar",
-            attr: { value: "bar" },
+            text: "bar",
+            attrs: { value: "bar" },
           },
         ],
         handleEvent: {