nesquick 2.2.1 → 2.3.0

package/lib/NesquickComponent.js

@@ -318,6 +318,7 @@ class NesquickComponent {
     _pushChild() {
         const nesquickChild = {
             node: null,
+            comment: false,
             component: null,
             fragment: null
         };
@@ -327,6 +328,7 @@ class NesquickComponent {
     _spliceChild(i) {
         const nesquickChild = {
             node: null,
+            comment: false,
             component: null,
             fragment: null
         };
@@ -405,11 +407,19 @@ class NesquickComponent {
             nesquickChild.node = node;
         }
         else {
-            const value = child == null ? "" : String(child);
+            const value = String(child);
             if (nesquickChild.node == null || nesquickChild.component != null || nesquickChild.fragment != null) {
                 nesquickChild.component = null;
                 nesquickChild.fragment = null;
-                const node = document.createTextNode(value);
+                let node;
+                if (child == null || child === false || child === true) {
+                    node = document.createComment("");
+                    nesquickChild.comment = true;
+                }
+                else {
+                    node = document.createTextNode(String(value));
+                    nesquickChild.comment = false;
+                }
                 if (nesquickChild.node) {
                     parent.replaceChild(node, nesquickChild.node);
                 }
@@ -418,8 +428,24 @@ class NesquickComponent {
                 }
                 nesquickChild.node = node;
             }
+            else if (child == null || child === false || child === true) {
+                if (!nesquickChild.comment) {
+                    const node = document.createComment("");
+                    parent.replaceChild(node, nesquickChild.node);
+                    nesquickChild.node = node;
+                    nesquickChild.comment = true;
+                }
+            }
             else {
-                nesquickChild.node.textContent = value;
+                if (nesquickChild.comment) {
+                    const node = document.createTextNode(String(value));
+                    parent.replaceChild(node, nesquickChild.node);
+                    nesquickChild.node = node;
+                    nesquickChild.comment = false;
+                }
+                else {
+                    nesquickChild.node.textContent = value;
+                }
             }
         }
     }

package/lib/types/NesquickComponent.d.ts

@@ -4,9 +4,13 @@ export type ChildFunc = () => Exclude<Child, ChildFunc> | Exclude<Child, ChildFu
 export type ComponentProps = Record<string, any>;
 export type FunctionComponent<P extends ComponentProps = {}> = (props: P) => NesquickComponent<any>;
 export type NesquickDocument = Pick<Document, "createElement" | "createElementNS" | "createTextNode" | "createDocumentFragment" | "createComment">;
-type NesquickChild = {
+type NesquickChild = ({
     node: Node | null;
-} & ({
+    comment: false;
+} | {
+    node: Comment;
+    comment: true;
+}) & ({
     component: NesquickComponent | null;
     fragment: null;
 } | {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nesquick",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "description": "React-like library with focus on drawing performance",
   "types": "./lib/types/index.d.ts",
   "main": "./lib/index.js",