native-document 1.0.113 → 1.0.115

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.113",
+  "version": "1.0.115",
   "main": "index.js",
   "type": "module",
   "scripts": {

package/src/core/utils/args-types.js

@@ -128,7 +128,10 @@ if(process.env.NODE_ENV === 'production') {
 }
 
 export const normalizeComponentArgs = function(props, children = null) {
-    if(Array.isArray(props) || typeof props !== 'object' || props === null || props.constructor.name !== 'Object' ||  props.$hydrate) { // IF it's not a JSON
+    if(props && children) {
+        return { props, children };
+    }
+    if(typeof props !== 'object' || Array.isArray(props) || props === null || props.constructor.name !== 'Object' ||  props.$hydrate) { // IF it's not a JSON
         return { props: children, children: props }
     }
     return { props, children };

package/src/core/wrappers/ElementCreator.js

@@ -36,7 +36,7 @@ export const ElementCreator = {
      * @param {{$hydrate: Function}} item
      * @returns {Text}
      */
-    createHydratableNode(parent, item) {
+    createHydratableNode: (parent, item) => {
         const text = ElementCreator.createTextNode();
         item.$hydrate(text);
         return text;
@@ -48,7 +48,7 @@ export const ElementCreator = {
      * @param {*} value
      * @returns {Text}
      */
-    createStaticTextNode(parent, value) {
+    createStaticTextNode: (parent, value) => {
         let text = ElementCreator.createTextNode();
         text.nodeValue = value;
         parent && parent.appendChild(text);
@@ -60,15 +60,10 @@ export const ElementCreator = {
      * @returns {HTMLElement|DocumentFragment}
      */
     createElement: (name) => {
-        if(name) {
-            const cacheNode = $nodeCache.get(name);
-            if(cacheNode) {
-                return cacheNode.cloneNode();
-            }
-            const node = document.createElement(name);
-            $nodeCache.set(name, node);
-            return node.cloneNode();
-        }
+        const node = document.createElement(name);
+        return node.cloneNode();
+    },
+    createFragment: (name) => {
         return Anchor('Fragment');
     },
     bindTextNode: (textNode, value) => {
@@ -84,12 +79,12 @@ export const ElementCreator = {
      * @param {*} children
      * @param {HTMLElement|DocumentFragment} parent
      */
-    processChildren(children, parent) {
+    processChildren: (children, parent) => {
         if(children === null) return;
         if(process.env.NODE_ENV === 'development') {
             PluginsManager.emit('BeforeProcessChildren', parent);
         }
-        let child = this.getChild(children);
+        let child = ElementCreator.getChild(children);
         if(child) {
             parent.appendChild(child);
         }

package/src/core/wrappers/HtmlElementWrapper.js

@@ -1,4 +1,5 @@
 import Validator from "../utils/validator";
+import Anchor from "../elements/anchor";
 import {ElementCreator} from "./ElementCreator";
 import './NdPrototype';
 import {normalizeComponentArgs} from "../utils/args-types";
@@ -8,21 +9,19 @@ import {normalizeComponentArgs} from "../utils/args-types";
  * @param {*} value
  * @returns {Text}
  */
-export const createTextNode = function(value) {
+export const createTextNode = (value) => {
     return (Validator.isObservable(value))
         ? ElementCreator.createObservableNode(null, value)
         : ElementCreator.createStaticTextNode(null, value);
 };
 
 
-function createHtmlElement($tagName, customWrapper, _attributes, _children = null) {
+const createHtmlElement = (element, _attributes, _children = null) => {
     let { props: attributes, children = null } = normalizeComponentArgs(_attributes, _children);
-    let element = ElementCreator.createElement($tagName);
-    let finalElement = (customWrapper && typeof customWrapper === 'function') ? customWrapper(element) : element;
 
-    ElementCreator.processAttributes(finalElement, attributes);
-    ElementCreator.processChildren(children, finalElement);
-    return finalElement;
+    ElementCreator.processAttributes(element, attributes);
+    ElementCreator.processChildren(children, element);
+    return element;
 }
 
 /**
@@ -32,6 +31,31 @@ function createHtmlElement($tagName, customWrapper, _attributes, _children = nul
  * @returns {Function}
  */
 export default function HtmlElementWrapper(name, customWrapper = null) {
-    return createHtmlElement.bind(null, name, customWrapper);
+    if(name) {
+        if(customWrapper) {
+            let node = null;
+            let createElement = (attr, children) => {
+                node = document.createElement(name);
+                createElement = (attr, children) => {
+                    return createHtmlElement(customWrapper(node.cloneNode()), attr, children);
+                };
+                return createHtmlElement(customWrapper(node.cloneNode()), attr, children);;
+            };
+
+            return (attr, children) => createElement(attr, children)
+        }
+
+        let node = null;
+        let createElement = (attr, children) => {
+            node = document.createElement(name);
+            createElement = (attr, children) => {
+                return createHtmlElement(node.cloneNode(), attr, children);
+            };
+            return createHtmlElement(node.cloneNode(), attr, children);
+        };
+
+        return (attr, children) => createElement(attr, children)
+    }
+    return () => Anchor('');
 };
 

package/src/core/wrappers/template-cloner/TemplateCloner.js

@@ -157,4 +157,6 @@ export function useCache(fn) {
     return (_, __, ...args) => {
         return wrapper([_, __, ...args]);
     };
-}
+}
+
+export const template = useCache;