domelemjs 1.0.9 → 1.0.12

package/README.md

@@ -1,6 +1,21 @@
 # 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:
+
+```
+npm i domelemjs
+```
+
+Usage:
+
+```
+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
+```
 
 There is two approach and two to use it:
 
@@ -163,3 +178,5 @@ dateFilterContainer = document.body.appendChild(
   })
 );
 ```
+
+Under MIT license.

package/index.js

@@ -1,43 +1,43 @@
-const DOMElem = {
-  noSpecChars: function (text, lowercase = false) {
-    function replaceAll(string, search, replace) {
-      return string.split(search).join(replace);
-    }
+const noSpecChars = (text, lowercase = false) => {
+  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;
-  },
+  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;
+};
 
+const DOMElem = {
   Create: function (parameters) {
     let tag = parameters.tag || "div";
-    let attributes = parameters.attributes || {};
+    let attrs = parameters.attrs || {};
     let children = parameters.children || [];
     let eventStarter = parameters.eventStarter || null;
     let eventFunction = parameters.eventFunction || null;
@@ -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;
@@ -58,12 +58,10 @@ const DOMElem = {
     if (content) elem.innerHTML = content;
     if (text) elem.textContent = text;
 
-    for (let attr in attributes) {
+    for (let attr in attrs) {
       elem.setAttribute(
         attr,
-        attr == "class" || attr == "id"
-          ? this.noSpecChars(attributes[attr])
-          : attributes[attr]
+        attr == "class" || attr == "id" ? noSpecChars(attrs[attr]) : attrs[attr]
       );
     }
 
@@ -88,7 +86,6 @@ const DOMElem = {
           styleText.push(`${s}: ${style[s]}`);
         }
         styleText = styleText.join("; ");
-        console.log(styleText);
       }
 
       styleText.split(";").forEach((styleText) => {
@@ -147,16 +144,36 @@ 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];
+    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])) {
-        elem.setAttribute(attr, attrs[attr].join(" "));
+        if (attr === "class") {
+          attribute = attrs[attr].map((a) => noSpecChars(a)).join(" ");
+        } else {
+          attribute = attrs[attr].join(" ");
+        }
       } else {
-        elem.setAttribute(attr, attrs[attr]);
+        if (attr === "id") {
+          attribute = noSpecChars(attrs[attr]);
+        } else {
+          attribute = attrs[attr];
+        }
       }
+      elem.setAttribute(attr, attribute);
     }
   }
 
@@ -200,11 +217,13 @@ 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) => {
+      typeof child != "object"
+        ? (child = document.createTextNode(child))
+        : null;
+      elem.appendChild(child);
     });
   }
 
@@ -256,8 +275,3 @@ const createDOMElem = ({
    */
   return elem;
 };
-
-module.exports = {
-  createDOMElem,
-  DOMElem,
-};

package/index.min.js

@@ -1,2 +1,2 @@
-const DOMElem={noSpecChars:function(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},Create:function(parameters){let tag=parameters.tag||"div",attributes=parameters.attributes||{},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 attributes)elem.setAttribute(attr,"class"==attr||"id"==attr?this.noSpecChars(attributes[attr]):attributes[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("; "),console.log(styleText)}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 Array.isArray(attrs[attr])?elem.setAttribute(attr,attrs[attr].join(" ")):elem.setAttribute(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})}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};
+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?attrs[attr].map(a=>noSpecChars(a)).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.map(child=>{"object"!=typeof child&&(child=document.createTextNode(child)),elem.appendChild(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};
 //# sourceMappingURL=index.min.js.map

package/index.min.js.map

@@ -1,103 +1,99 @@
-{
-    "version": 3,
-    "sources": [
-        "index.js"
-    ],
-    "names": [
-        "DOMElem",
-        "noSpecChars",
-        "text",
-        "lowercase",
-        "replaceAll",
-        "string",
-        "search",
-        "replace",
-        "split",
-        "join",
-        "specialChars",
-        "é",
-        "á",
-        "ó",
-        "ö",
-        "ő",
-        "ú",
-        "ü",
-        "ű",
-        "í",
-        "É",
-        "Á",
-        "Ó",
-        "Ö",
-        "Ő",
-        "Ú",
-        "Ü",
-        "Ű",
-        "Í",
-        " ",
-        "/",
-        ":",
-        ";",
-        "=",
-        "char",
-        "toLowerCase",
-        "Create",
-        "parameters",
-        "tag",
-        "attributes",
-        "children",
-        "eventStarter",
-        "eventFunction",
-        "content",
-        "style",
-        "targetParent",
-        "document",
-        "querySelector",
-        "getElementById",
-        "elem",
-        "createElement",
-        "innerHTML",
-        "textContent",
-        "attr",
-        "setAttribute",
-        "this",
-        "styleText",
-        "Array",
-        "isArray",
-        "s",
-        "push",
-        "console",
-        "log",
-        "forEach",
-        "p",
-        "map",
-        "c",
-        "trim",
-        "ss",
-        "i",
-        "charAt",
-        "toUpperCase",
-        "slice",
-        "child",
-        "createTextNode",
-        "appendChild",
-        "addEventListener",
-        "createDOMElem",
-        "attrs",
-        "parent",
-        "handleEvent",
-        "data",
-        "dataset",
-        "childrenArray",
-        "eventsToAdd",
-        "newEvent",
-        "event",
-        "cb",
-        "prep",
-        "filter",
-        "pe",
-        "module",
-        "exports"
-    ],
-    "mappings": "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",
-    "file": "index.js"
+{
+    "version": 3,
+    "sources": [
+        "index.js"
+    ],
+    "names": [
+        "noSpecChars",
+        "text",
+        "lowercase",
+        "replaceAll",
+        "string",
+        "search",
+        "replace",
+        "split",
+        "join",
+        "specialChars",
+        "é",
+        "á",
+        "ó",
+        "ö",
+        "ő",
+        "ú",
+        "ü",
+        "ű",
+        "í",
+        "É",
+        "Á",
+        "Ó",
+        "Ö",
+        "Ő",
+        "Ú",
+        "Ü",
+        "Ű",
+        "Í",
+        " ",
+        "/",
+        ":",
+        ";",
+        "=",
+        "char",
+        "toLowerCase",
+        "DOMElem",
+        "Create",
+        "parameters",
+        "tag",
+        "attrs",
+        "children",
+        "eventStarter",
+        "eventFunction",
+        "content",
+        "style",
+        "targetParent",
+        "document",
+        "querySelector",
+        "getElementById",
+        "elem",
+        "createElement",
+        "innerHTML",
+        "textContent",
+        "attr",
+        "setAttribute",
+        "styleText",
+        "Array",
+        "isArray",
+        "s",
+        "push",
+        "forEach",
+        "p",
+        "map",
+        "c",
+        "trim",
+        "ss",
+        "i",
+        "charAt",
+        "toUpperCase",
+        "slice",
+        "child",
+        "createTextNode",
+        "appendChild",
+        "addEventListener",
+        "createDOMElem",
+        "parent",
+        "handleEvent",
+        "data",
+        "dataset",
+        "attribute",
+        "a",
+        "childrenArray",
+        "eventsToAdd",
+        "newEvent",
+        "event",
+        "cb",
+        "prep",
+        "filter",
+        "pe"
+    ],
+    "mappings": "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",
+    "file": "index.js"
 }

package/package.json

@@ -1,25 +1,28 @@
-{
-  "name": "domelemjs",
-  "version": "1.0.9",
-  "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": "ISC",
-  "bugs": {
-    "url": "https://github.com/exphoenee/DOMelemJS/issues"
-  },
-  "homepage": "https://github.com/exphoenee/DOMelemJS#readme"
-}
+{
+  "name": "domelemjs",
+  "version": "1.0.12",
+  "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/DOMElem.html

@@ -15,7 +15,7 @@
 
       /* 1. Úgy is haszálhatom, hogy változóba hozom létre, és azt appendolom külön */
 
-      myDOM.selectControlContainer = Elem.Create({
+      myDOM.selectControlContainer = DOMElem.Create({
         tag: "div",
         attrs: { class: "első próbálkozás" },
       });
@@ -27,8 +27,9 @@
       function generateOption(options) {
         let optionElems = [];
         options.forEach(function (option) {
-          let optionElem = Elem.Create({
+          let optionElem = DOMElem.Create({
             tag: "option",
+
             content: option,
           });
           optionElems.push(optionElem);
@@ -39,7 +40,7 @@
       let animals = ["Maci", "Nyuszi", "Cica", "Kutya"];
       let animalOption = generateOption(animals);
 
-      myDOM.selectControl = Elem.Create({
+      myDOM.selectControl = DOMElem.Create({
         tag: "select",
         attrs: { id: "selectControl" },
         style: { color: "red" },
@@ -47,7 +48,7 @@
         children: animalOption,
       });
 
-      myDOM.selectControl = Elem.Create({
+      myDOM.selectControl = DOMElem.Create({
         tag: "label",
         attrs: { for: "selectControl" },
         targetParent: myDOM.selectControlContainer,
@@ -58,7 +59,7 @@
       let plants = ["Fenyő", "Juhar", "Cédrus", "Mahagóni"];
 
       myDOM.selectControl = myDOM.selectControl.appendChild(
-        Elem.Create({
+        DOMElem.Create({
           tag: "select",
           attrs: { id: "selectControl" },
           targetParent: myDOM.selectControlContainer,
@@ -67,7 +68,7 @@
       );
 
       myDOM.selectControl = myDOM.selectControl.appendChild(
-        Elem.Create({
+        DOMElem.Create({
           tag: "label",
           attrs: { for: "selectControl" },
           targetParent: myDOM.selectControlContainer,
@@ -77,25 +78,25 @@
       /* Példa egy komplexebb struktúra előállítására */
 
       myDOM.dateFilterContainer = document.body.appendChild(
-        Elem.Create({
+        DOMElem.Create({
           tag: "div",
           attrs: { class: "dateFilter-Container", id: "dateFilter-Container" },
           children: [
-            Elem.Create({
+            DOMElem.Create({
               tag: "div",
               attrs: {
                 class: "beginDate-container",
                 id: "beginDate-container",
               },
               children: [
-                Elem.Create({
+                DOMElem.Create({
                   tag: "label",
                   attrs: {
                     class: "beginDate-lable",
                   },
                   content: "Kezdő dátum: ",
                 }),
-                Elem.Create({
+                DOMElem.Create({
                   tag: "input",
                   attrs: {
                     type: "date",
@@ -110,18 +111,18 @@
                 }),
               ],
             }),
-            Elem.Create({
+            DOMElem.Create({
               tag: "div",
               attrs: { class: "endDate-container", id: "endDate-container" },
               children: [
-                Elem.Create({
+                DOMElem.Create({
                   tag: "label",
                   attrs: {
                     class: "endDate-lable",
                   },
                   content: "Befejező dátum: ",
                 }),
-                Elem.Create({
+                DOMElem.Create({
                   tag: "input",
                   attrs: {
                     type: "date",

package/.vscode/settings.json

@@ -1,3 +0,0 @@
-{
-  "liveServer.settings.port": 5501
-}