@zessjs/compiler 1.1.1 → 1.1.3

package/README.md

@@ -120,7 +120,7 @@ const element = <div class="container">Hello World</div>
 const element = (() => {
   const _el$ = _$createElement('div')
   _$setAttribute(_el$, 'class', 'container')
-  _el$.append('Hello World')
+  _el$.textContent = 'Hello World'
   return _el$
 })()
 ```
@@ -180,12 +180,12 @@ const fragment = (
 const fragment = [
   (() => {
     const _el$ = _$createElement('span')
-    _el$.append('First item')
+    _el$.textContent = 'First item'
     return _el$
   })(),
   (() => {
     const _el$2 = _$createElement('span')
-    _el$2.append('Second item')
+    _el$2.textContent = 'Second item'
     return _el$2
   })(),
 ]
@@ -269,12 +269,12 @@ const conditional = (() => {
     isVisible
       ? (() => {
           const _el$2 = _$createElement('span')
-          _el$2.append('Visible')
+          _el$2.textContent = 'Visible'
           return _el$2
         })()
       : (() => {
           const _el$3 = _$createElement('span')
-          _el$3.append('Hidden')
+          _el$3.textContent = 'Hidden'
           return _el$3
         })(),
   )
@@ -296,7 +296,7 @@ const withClass = <div class={isActive ? 'active' : 'inactive'}>Status</div>
 const withClass = (() => {
   const _el$ = _$createElement('div')
   _$setAttribute(_el$, 'class', isActive ? 'active' : 'inactive')
-  _el$.append('Status')
+  _el$.textContent = 'Status'
   return _el$
 })()
 ```
@@ -320,7 +320,7 @@ const withStyle = (() => {
     color: 'red',
     fontSize: '16px',
   })
-  _el$.append('Styled Text')
+  _el$.textContent = 'Styled Text'
   return _el$
 })()
 ```
@@ -359,7 +359,7 @@ const dynamicAttrs = (() => {
       ['data-id']: undefined,
     },
   )
-  _el$.append('Dynamic')
+  _el$.textContent = 'Dynamic'
   return _el$
 })()
 ```
@@ -383,7 +383,7 @@ const withEvents = (() => {
   const _el$ = _$createElement('button')
   _el$.onclick = handleClick
   _el$.$$mouseenter = handleMouseEnter
-  _el$.append('Click Me')
+  _el$.textContent = 'Click Me'
   return _el$
 })()
 ```
@@ -415,7 +415,7 @@ const withRefs = [
     const _el$2 = _$createElement('div')
     const _ref$ = myDiv
     typeof _ref$ === 'function' ? _$use(_ref$, _el$2) : (myDiv = _el$2)
-    _el$2.append('Ref Element')
+    _el$2.textContent = 'Ref Element'
     return _el$2
   })(),
 ]

package/dist/compiler.cjs

@@ -1015,7 +1015,7 @@ function transformChildren(children, id) {
 		}
 	}
 	if (textContent) elements.push(createLiteral(decodeText(textContent), textPosition));
-	if (elements.length) stmts.push(createExpressionStatement(createCallExpression(createMemberExpression(id, createIdentifier("append", elementsPosition), false, elementsPosition), elements, elementsPosition), elementsPosition));
+	if (elements.length) stmts.push(createExpressionStatement(!stmts.length && elements.length === 1 && textContent ? createAssignmentExpression(createMemberExpression(id, createIdentifier("textContent", elementsPosition), false, elementsPosition), elements[0], elementsPosition) : createCallExpression(createMemberExpression(id, createIdentifier("append", elementsPosition), false, elementsPosition), elements, elementsPosition), elementsPosition));
 	return stmts;
 }
 function transformProperties(attrs, children, position) {

package/dist/compiler.js

@@ -987,7 +987,7 @@ function transformChildren(children, id) {
 		}
 	}
 	if (textContent) elements.push(createLiteral(decodeText(textContent), textPosition));
-	if (elements.length) stmts.push(createExpressionStatement(createCallExpression(createMemberExpression(id, createIdentifier("append", elementsPosition), false, elementsPosition), elements, elementsPosition), elementsPosition));
+	if (elements.length) stmts.push(createExpressionStatement(!stmts.length && elements.length === 1 && textContent ? createAssignmentExpression(createMemberExpression(id, createIdentifier("textContent", elementsPosition), false, elementsPosition), elements[0], elementsPosition) : createCallExpression(createMemberExpression(id, createIdentifier("append", elementsPosition), false, elementsPosition), elements, elementsPosition), elementsPosition));
 	return stmts;
 }
 function transformProperties(attrs, children, position) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zessjs/compiler",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "Zess JSX compiler 💥 Delivers efficient code conversion for super - responsive web experiences.",
   "type": "module",
   "keywords": [