revojs 0.0.58 → 0.0.59

package/dist/html/index.d.ts

@@ -74,6 +74,7 @@ export declare class MountedEvent extends Event {
 }
 export declare const isTemplate: <T>(value?: T) => value is Template & T;
 export declare const isCustomElement: <T>(value?: T) => value is CustomElement<Events, Attributes> & T;
+export declare const isComponent: <T>(value?: T) => value is ComponentConstructor<Events, Attributes> & T;
 export declare const useHost: (scope: Scope) => HostContext;
 export declare const createElement: <TEvents extends Events, TAttributes extends Attributes>(input: string | ComponentConstructor<TEvents, TAttributes>, attributes?: AttributeInput<TAttributes>, ...children: Array<Slot>) => Slot;
 export declare const toString: (slot: Slot) => string;

package/dist/index.js

@@ -223,20 +223,34 @@ const isTemplate = (value) => {
 const isCustomElement = (value) => {
 	return !!value && typeof value === "object" && "component" in value;
 };
+const isComponent = (value) => {
+	return !!value && typeof value === "function" && "$name" in value;
+};
 const useHost = (scope) => {
 	return scope.getContext(HOST_CONTEXT);
 };
 const createElement = (input, attributes, ...children) => {
-	const template = {
-		tag: typeof input === "function" ? input.$name : input,
+	if (isComponent(input)) {
+		const template = {
+			tag: input.$name,
+			attributes: attributes ?? {},
+			children
+		};
+		if (input.$styles.length) {
+			const classes = template.attributes["class"];
+			template.attributes["class"] = (classes ? [classes, ...input.$styles] : input.$styles).join(" ");
+		}
+		return template;
+	}
+	if (typeof input === "string") return {
+		tag: input,
 		attributes: attributes ?? {},
 		children
 	};
-	if (typeof input === "function" && input.$styles.length) {
-		const classes = template.attributes["class"];
-		template.attributes["class"] = (classes ? [classes, ...input.$styles] : input.$styles).join(" ");
-	}
-	return template;
+	return input?.({
+		...attributes,
+		children
+	});
 };
 const toString = (slot) => {
 	switch (typeof slot) {
@@ -853,4 +867,4 @@ const useLocale = (scope, context) => {
 };
 
 //#endregion
-export { $fetch, CLIENT, Compute, HOST_CONTEXT, Handler, LOCALE_CONTEXT, MountedEvent, NavigateEvent, Page, ROUTER_CONTEXT, ROUTE_CONTEXT, RUNTIME_CONTEXT, Radix, SERVER, Scope, StopEvent, activeCompute, components, createApp, createCompute, createElement, createLocale, createMemo, createRouter, createRuntime, createState, defineComponent, defineContext, defineMiddleware, defineRoute, fileName, fromValue, hydrate, isClient, isCustomElement, isRoute, isServer, isTemplate, mimeType, preventDefault, registerComponent, renderToString, sendBadRequest, sendHtml, sendJson, sendRedirect, sendText, sendUnauthorized, setCookie, stopImmediatePropagation, stopPropagation, targets, toArray, toCustomElement, toFragment, toPath, toRange, toString, useCookies, useEvent, useHost, useLocale, useRequestUrl, useRoute, useRouter, useRuntime, useSetCookies };
+export { $fetch, CLIENT, Compute, HOST_CONTEXT, Handler, LOCALE_CONTEXT, MountedEvent, NavigateEvent, Page, ROUTER_CONTEXT, ROUTE_CONTEXT, RUNTIME_CONTEXT, Radix, SERVER, Scope, StopEvent, activeCompute, components, createApp, createCompute, createElement, createLocale, createMemo, createRouter, createRuntime, createState, defineComponent, defineContext, defineMiddleware, defineRoute, fileName, fromValue, hydrate, isClient, isComponent, isCustomElement, isRoute, isServer, isTemplate, mimeType, preventDefault, registerComponent, renderToString, sendBadRequest, sendHtml, sendJson, sendRedirect, sendText, sendUnauthorized, setCookie, stopImmediatePropagation, stopPropagation, targets, toArray, toCustomElement, toFragment, toPath, toRange, toString, useCookies, useEvent, useHost, useLocale, useRequestUrl, useRoute, useRouter, useRuntime, useSetCookies };

package/dist/jsx/index.d.ts

@@ -1,4 +1,7 @@
 import { type EventListener, type Slot } from "../html";
+export type Fragment = {
+    children: Array<Slot>;
+};
 export type EventAttributes = {
     onScroll?: EventListener<Event>;
     onScrollCapture?: EventListener<Event>;
@@ -365,3 +368,4 @@ export declare namespace JSX {
 export declare const svgElements: Set<string>;
 export declare const namespace: (tag: string) => "http://www.w3.org/1999/xhtml" | "http://www.w3.org/2000/svg";
 export declare const h: <TEvents extends import("..").Events, TAttributes extends import("..").Attributes>(input: string | import("..").ComponentConstructor<TEvents, TAttributes>, attributes?: import("..").AttributeInput<TAttributes>, ...children: Array<Slot>) => Slot;
+export declare const fragment: ({ children }: Fragment) => unknown[];

package/dist/jsx/index.js

@@ -5,17 +5,31 @@ function defineContext(key) {
 
 //#endregion
 //#region src/html/index.ts
+const isComponent = (value) => {
+	return !!value && typeof value === "function" && "$name" in value;
+};
 const createElement = (input, attributes, ...children) => {
-	const template = {
-		tag: typeof input === "function" ? input.$name : input,
+	if (isComponent(input)) {
+		const template = {
+			tag: input.$name,
+			attributes: attributes ?? {},
+			children
+		};
+		if (input.$styles.length) {
+			const classes = template.attributes["class"];
+			template.attributes["class"] = (classes ? [classes, ...input.$styles] : input.$styles).join(" ");
+		}
+		return template;
+	}
+	if (typeof input === "string") return {
+		tag: input,
 		attributes: attributes ?? {},
 		children
 	};
-	if (typeof input === "function" && input.$styles.length) {
-		const classes = template.attributes["class"];
-		template.attributes["class"] = (classes ? [classes, ...input.$styles] : input.$styles).join(" ");
-	}
-	return template;
+	return input?.({
+		...attributes,
+		children
+	});
 };
 const HOST_CONTEXT = defineContext("HOST_CONTEXT");
 
@@ -104,6 +118,7 @@ const namespace = (tag) => {
 	return svgElements.has(tag) ? "http://www.w3.org/2000/svg" : "http://www.w3.org/1999/xhtml";
 };
 const h = createElement;
+const fragment = ({ children }) => children;
 
 //#endregion
-export { h, namespace, svgElements };
+export { fragment, h, namespace, svgElements };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "revojs",
-    "version": "0.0.58",
+    "version": "0.0.59",
     "type": "module",
     "repository": "coverbase/revojs",
     "license": "MIT",