ghtml 1.2.4 → 1.2.5

package/README.md

@@ -20,7 +20,7 @@ The `htmlGenerator` function acts as the generator version of the `html` functio
 
 **Note:**
 
-A key difference of `htmlGenerator` is its ability to recognize and properly handle iterable elements within array expressions. This is to detect nested `htmlGenerator` usage, enabling scenarios such as ``[1,2,3].map(i => htmlGenerator`<li>${i}</li>`)``.
+A key difference of `htmlGenerator` is its ability to recognize and properly handle iterable elements within array expressions. This is to detect nested `htmlGenerator` usage, enabling scenarios such as ``${[1, 2, 3].map(i => htmlGenerator`<li>${i}</li>`)}``.
 
 As a side effect, an expression like `${[[1, 2, 3], 4]}` (where an element is an array itself) will not be rendered as `"1,2,34"`, which is the case with `html`, but as `"1234"`. This is the intended behavior most of the time anyway.
 

package/package.json

@@ -3,7 +3,7 @@
   "description": "Replace your template engine with fast JavaScript by leveraging the power of tagged templates.",
   "author": "Gürgün Dayıoğlu",
   "license": "MIT",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "type": "module",
   "main": "./src/index.js",
   "exports": {

package/src/html.js

@@ -29,7 +29,7 @@ const html = ({ raw: literals }, ...expressions) => {
     let expression =
       typeof expressions[index] === "string"
         ? expressions[index]
-        : expressions[index] == null
+        : expressions[index] === undefined || expressions[index] === null
           ? ""
           : Array.isArray(expressions[index])
             ? expressions[index].join("")
@@ -61,12 +61,15 @@ const htmlGenerator = function* ({ raw: literals }, ...expressions) {
 
     if (typeof expressions[index] === "string") {
       expression = expressions[index];
-    } else if (expressions[index] == null) {
+    } else if (
+      expressions[index] === undefined ||
+      expressions[index] === null
+    ) {
       expression = "";
     } else {
       if (typeof expressions[index][Symbol.iterator] === "function") {
         const isRaw =
-          literal.length > 0 && literal.charCodeAt(literal.length - 1) === 33;
+          literal.length !== 0 && literal.charCodeAt(literal.length - 1) === 33;
 
         if (isRaw) {
           literal = literal.slice(0, -1);
@@ -79,16 +82,13 @@ const htmlGenerator = function* ({ raw: literals }, ...expressions) {
         for (const value of expressions[index]) {
           if (typeof value === "string") {
             expression = value;
-          } else if (value == null) {
+          } else if (value === undefined || value === null) {
             expression = "";
           } else if (typeof value[Symbol.iterator] === "function") {
             expression = "";
 
             for (const innerValue of value) {
-              if (innerValue != null) {
-                // At this level, we simply mirror Array.prototype.join
-                expression += innerValue;
-              }
+              expression += innerValue ?? "";
             }
           } else {
             expression = `${value}`;