jsx-framework-test-pb 0.2.6 → 0.2.8

package/dist/jsx-dev-runtime.d.ts

@@ -6,7 +6,7 @@ export declare function jsxDEV(type: string | Function | symbol, props: ElementP
     columnNumber: number;
 }, self?: any): DevElement;
 export declare namespace JSX {
-    type Element = import('./types').Element;
+    type Element = import('./types').ValidElement;
     interface IntrinsicElements extends JsxIntrinsicElements {
     }
     interface ElementChildrenAttribute {

package/dist/jsx-runtime.d.ts

@@ -3,7 +3,7 @@ export declare const Fragment: symbol;
 export declare function jsx(type: string | Function | symbol, props: ElementProps, key?: string): Element;
 export declare const jsxs: typeof jsx;
 export declare namespace JSX {
-    type Element = import('./types').Element;
+    type Element = import('./types').ValidElement;
     interface IntrinsicElements extends JsxIntrinsicElements {
     }
     interface ElementChildrenAttribute {

package/dist/runtime/createElement.js

@@ -49,48 +49,59 @@ export function createElement(element) {
 function createReactiveChild(fn) {
     // Use an empty text node as a stable anchor point (invisible in DOM)
     const anchor = document.createTextNode('');
-    let currentNode = null;
+    // Track actual inserted nodes (not the DocumentFragment which empties on insert)
+    let currentNodes = [];
     let isFirstRun = true;
     const cleanup = effect(() => {
         const value = fn();
-        // Clean up previous node (skip on first run)
-        if (!isFirstRun && currentNode) {
-            cleanupTree(currentNode);
-            currentNode.parentNode?.removeChild(currentNode);
-            currentNode = null;
+        // Clean up previous nodes (skip on first run)
+        if (!isFirstRun) {
+            currentNodes.forEach(node => {
+                cleanupTree(node);
+                node.parentNode?.removeChild(node);
+            });
+            currentNodes = [];
         }
         // Handle different return types
+        let newNode = null;
         if (value == null || value === false) {
-            currentNode = null;
+            newNode = null;
         }
         else if (typeof value === 'string' || typeof value === 'number') {
-            currentNode = document.createTextNode(String(value));
+            newNode = document.createTextNode(String(value));
         }
         else if (isElement(value) || Array.isArray(value)) {
-            currentNode = createElement(value);
+            newNode = createElement(value);
         }
         else {
-            currentNode = document.createTextNode(String(value));
+            newNode = document.createTextNode(String(value));
+        }
+        // Track the actual nodes before a DocumentFragment empties on insertion
+        if (newNode) {
+            if (newNode instanceof DocumentFragment) {
+                currentNodes = Array.from(newNode.childNodes);
+            }
+            else {
+                currentNodes = [newNode];
+            }
         }
         // Insert new node after anchor (skip on first run - handled by fragment)
-        if (!isFirstRun && currentNode && anchor.parentNode) {
-            anchor.parentNode.insertBefore(currentNode, anchor.nextSibling);
+        if (!isFirstRun && newNode && anchor.parentNode) {
+            anchor.parentNode.insertBefore(newNode, anchor.nextSibling);
         }
         isFirstRun = false;
     });
     trackCleanup(anchor, () => {
         cleanup();
-        if (currentNode) {
-            cleanupTree(currentNode);
-            currentNode.parentNode?.removeChild(currentNode);
-        }
+        currentNodes.forEach(node => {
+            cleanupTree(node);
+            node.parentNode?.removeChild(node);
+        });
     });
-    // Return fragment with anchor and initial node
+    // Return fragment with anchor and initial nodes
     const fragment = document.createDocumentFragment();
     fragment.appendChild(anchor);
-    if (currentNode) {
-        fragment.appendChild(currentNode);
-    }
+    currentNodes.forEach(node => fragment.appendChild(node));
     return fragment;
 }
 function cleanupTree(node) {

package/dist/types.d.ts

@@ -17,7 +17,8 @@ export interface ElementProps {
     [key: string]: any;
 }
 export type ElementChild = Element | string | number | boolean | null | undefined | (() => any);
-export type FC<P = {}> = (props: P) => Element | null;
+export type ValidElement = Element | (() => any) | null;
+export type FC<P = {}> = (props: P) => ValidElement;
 export interface CSSProperties {
     [key: string]: string | number;
 }
@@ -346,7 +347,7 @@ export interface JsxIntrinsicElements {
 }
 declare global {
     namespace JSX {
-        type Element = import('./types').Element;
+        type Element = import('./types').ValidElement;
         interface IntrinsicElements extends JsxIntrinsicElements {
         }
         interface ElementChildrenAttribute {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jsx-framework-test-pb",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "description": "",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",