jsx-framework-test-pb 0.0.2 → 0.0.3

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-export type { Element, ElementProps, ElementChild, DevElement } from './types';
+import type { Element } from './types';
 export declare function isElement(value: any): value is Element;
 export declare function render(element: any, container: HTMLElement): void;
-import type { Element } from './types';
+export type { Element, ElementProps, ElementChild } from './types';
+export { Fragment } from './jsx-runtime';

package/dist/index.js

@@ -1,4 +1,5 @@
 const ELEMENT_TYPE = Symbol.for('your.framework.element');
+const FRAGMENT_TYPE = Symbol.for('your.framework.fragment');
 export function isElement(value) {
     return value && value.$$typeof === ELEMENT_TYPE;
 }
@@ -31,6 +32,19 @@ function createElement(element) {
         return null;
     }
     const { type, props } = element;
+    if (type === FRAGMENT_TYPE) {
+        const fragment = document.createDocumentFragment();
+        const children = Array.isArray(props.children)
+            ? props.children
+            : [props.children];
+        children.forEach(child => {
+            const childNode = createElement(child);
+            if (childNode) {
+                fragment.appendChild(childNode);
+            }
+        });
+        return fragment;
+    }
     if (typeof type === 'function') {
         const result = type(props);
         return createElement(result);
@@ -67,3 +81,4 @@ function createElement(element) {
     }
     return null;
 }
+export { Fragment } from './jsx-runtime';

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

@@ -1,5 +1,6 @@
 import type { DevElement, ElementProps } from './types';
-export declare function jsxDEV(type: string | Function, props: ElementProps, key?: string, isStaticChildren?: boolean, source?: {
+export declare const Fragment: unique symbol;
+export declare function jsxDEV(type: string | Function | symbol, props: ElementProps, key?: string, isStaticChildren?: boolean, source?: {
     fileName: string;
     lineNumber: number;
     columnNumber: number;

package/dist/jsx-dev-runtime.js

@@ -1,4 +1,5 @@
 const ELEMENT_TYPE = Symbol.for('your.framework.element');
+export const Fragment = Symbol.for('your.framework.fragment');
 export function jsxDEV(type, props, key, isStaticChildren, source, self) {
     return {
         $$typeof: ELEMENT_TYPE,

package/dist/jsx-runtime.d.ts

@@ -1,3 +1,4 @@
 import type { Element, ElementProps } from './types';
-export declare function jsx(type: string | Function, props: ElementProps, key?: string): Element;
+export declare const Fragment: unique symbol;
+export declare function jsx(type: string | Function | symbol, props: ElementProps, key?: string): Element;
 export declare const jsxs: typeof jsx;

package/dist/jsx-runtime.js

@@ -1,4 +1,5 @@
 const ELEMENT_TYPE = Symbol.for('your.framework.element');
+export const Fragment = Symbol.for('your.framework.fragment');
 export function jsx(type, props, key) {
     return {
         $$typeof: ELEMENT_TYPE,

package/dist/types.d.ts

@@ -1,6 +1,6 @@
 export interface Element {
     $$typeof: symbol;
-    type: string | Function;
+    type: string | Function | symbol;
     props: ElementProps;
     key: string | null;
 }

package/package.json

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