[fix] JSX Creator bug between SnabbDOM 3 & Parcel 2

related with parcel-bundler/parcel#7739

Author: TechQuery

package.json

@@ -1,6 +1,6 @@
 {
     "name": "web-cell",
-    "version": "3.0.0-alpha.0",
+    "version": "3.0.0-alpha.1",
     "description": "Web Components engine based on VDOM, JSX, MobX & TypeScript",
     "keywords": [
         "web",
@@ -48,7 +48,7 @@
         "core-js": "^3.21.1",
         "element-internals-polyfill": "^0.1.54",
         "eslint": "^8.9.0",
-        "eslint-config-prettier": "^8.3.0",
+        "eslint-config-prettier": "^8.4.0",
         "husky": "^7.0.4",
         "jest": "^27.5.1",
         "jsdom": "^19.0.0",

source/renderer.ts

@@ -10,9 +10,10 @@ import {
     On,
     VNodeData,
     VNode,
-    JsxVNodeChild,
+    JsxVNodeChildren,
     Fragment,
-    jsx,
+    vnode,
+    h,
     init,
     attributesModule,
     propsModule,
@@ -107,14 +108,36 @@ function splitProps(tagName: string, raw: VDOMData) {
 export function createCell(
     tag: ComponentTag,
     props: VDOMData = {},
-    ...defaultSlot: JsxVNodeChild[]
+    ...children: JsxVNodeChildren[]
 ) {
+    var defaultSlot: (VNode | string)[] = children
+        .flat()
+        .filter(node => node != null && node !== false && node !== '')
+        .map(node =>
+            typeof node === 'boolean' ||
+            typeof node === 'number' ||
+            typeof node === 'string'
+                ? vnode(
+                      undefined,
+                      undefined,
+                      undefined,
+                      String(node),
+                      undefined
+                  )
+                : node
+        );
+    if (defaultSlot.length === 1 && typeof defaultSlot[0] !== 'string') {
+        const [{ sel, text }] = defaultSlot;
+
+        if (!sel && text) defaultSlot = [text];
+    }
+
     if (isHTMLElementClass(tag)) tag = tagNameOf(tag);
     else if (tag === Fragment)
         return Fragment({ key: props?.key }, ...defaultSlot);
     else if (typeof tag === 'function') return tag({ ...props, defaultSlot });
 
-    return jsx(tag, splitProps(tag, props), defaultSlot);
+    return h(tag, splitProps(tag, props), defaultSlot);
 }
 
 export function renderToStaticMarkup(tree: VNode) {

yarn.lock

@@ -2294,10 +2294,10 @@ escodegen@^2.0.0:
   optionalDependencies:
     source-map "~0.6.1"
 
-eslint-config-prettier@^8.3.0:
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.3.0.tgz#f7471b20b6fe8a9a9254cc684454202886a2dd7a"
-  integrity sha512-BgZuLUSeKzvlL/VUjx/Yb787VQ26RU3gGjA3iiFvdsp/2bMfVIWUVP7tjxtjS0e+HP409cPlPvNkQloz8C91ew==
+eslint-config-prettier@^8.4.0:
+  version "8.4.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.4.0.tgz#8e6d17c7436649e98c4c2189868562921ef563de"
+  integrity sha512-CFotdUcMY18nGRo5KGsnNxpznzhkopOcOo0InID+sgQssPrzjvsyKZPvOgymTFeHrFuC3Tzdf2YndhXtULK9Iw==
 
 eslint-scope@^5.1.1:
   version "5.1.1"