seqflow-js - npm Package Compare versions

Comparing version 0.0.1-beta.17 to 0.0.1-beta.18

dist/index.d.ts

@@ -134,6 +134,6 @@ import { BrowserRouter, InMemoryRouter, NavigationEvent, Router } from './router';
 }>): AbortController;
-type ChildenType = Element | Element[];
+type ChildenType = HTMLElement | HTMLElement[];
 declare global {
     namespace JSX {
-        type Element = HTMLElement;
+        type Element = HTMLElement | HTMLElement[];
         type ARG<T = object> = T & {
@@ -140,0 +140,0 @@ children?: ChildenType;

package.json

 {
   "name": "seqflow-js",
-  "version": "0.0.1-beta.17",
+  "version": "0.0.1-beta.18",
   "description": "SeqFlow is a modern web framework that is designed to be simple and easy to use. It optimizes the development process by providing a simple and easy-to-understand API. It is a good choice for those who want to create web applications without the complexity of other frameworks.",
@@ -5,0 +5,0 @@ "main": "./dist/index.mjs",

src/index.ts

@@ -528,3 +528,13 @@ import * as DomainsPackage from "./domains";
 			this._el.innerHTML = "";
-			this._el.appendChild(html as Node);
+			if (Array.isArray(html)) {
+				for (const h of html) {
+					if (typeof h === "string") {
+						this._el.appendChild(document.createTextNode(h));
+						continue;
+					}
+					this._el.appendChild(h as Node);
+				}
+			} else {
+				this._el.appendChild(html as Node);
+			}
 		},
@@ -737,3 +747,3 @@ };
 
-type ChildenType = Element | Element[];
+type ChildenType = HTMLElement | HTMLElement[];
 
@@ -743,3 +753,3 @@ declare global {
 		// The return type of <button />
-		type Element = HTMLElement;
+		type Element = HTMLElement | HTMLElement[];
 
@@ -746,0 +756,0 @@ export type ARG<T = object> = T & {

No alert changes

Improved metrics

Total package byte prevSize

348379

increased by1.95%

Lines of code

3562

increased by1.19%

No dependency changes