rask-ui 0.4.2 → 0.4.3

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

@@ -1,5 +1,4 @@
-export { jsx, jsxs } from "./jsx-runtime";
+export { jsx, jsxs, Fragment } from "./jsx-runtime";
 export type { JSX } from "./jsx-runtime";
-export { Fragment } from "inferno";
 export { jsx as jsxDEV } from "./jsx-runtime";
 //# sourceMappingURL=jsx-dev-runtime.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"jsx-dev-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-dev-runtime.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,YAAY,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAInC,OAAO,EAAE,GAAG,IAAI,MAAM,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"jsx-dev-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-dev-runtime.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,YAAY,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAIzC,OAAO,EAAE,GAAG,IAAI,MAAM,EAAE,MAAM,eAAe,CAAC"}

package/dist/jsx-dev-runtime.js

@@ -1,6 +1,5 @@
 // JSX dev runtime - adds jsxDEV for development mode
-export { jsx, jsxs } from "./jsx-runtime";
-export { Fragment } from "inferno";
+export { jsx, jsxs, Fragment } from "./jsx-runtime";
 // In development mode, TypeScript uses jsxDEV instead of jsx
 // We just alias it to jsx since we don't need the extra dev-mode params
 export { jsx as jsxDEV } from "./jsx-runtime";

package/dist/jsx-runtime.d.ts

@@ -1,6 +1,6 @@
-import { Component } from "inferno";
+import { Component, Fragment } from "inferno";
 import type { JSXInternal } from "./jsx";
-export { Fragment } from "inferno";
+export { Fragment };
 export declare function jsx(type: string, props: JSXInternal.HTMLAttributes & JSXInternal.SVGAttributes & Record<string, any>, key?: string): any;
 export declare function jsx<P>(type: ((props: P) => any) | (new () => Component), props: P & {
     children?: any;

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

@@ -1 +1 @@
-{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAwB,MAAM,SAAS,CAAC;AAE1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,wBAAgB,GAAG,CACjB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,WAAW,CAAC,cAAc,GAC/B,WAAW,CAAC,aAAa,GACzB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACrB,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AACP,wBAAgB,GAAG,CAAC,CAAC,EACnB,IAAI,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,UAAU,SAAS,CAAC,EACjD,KAAK,EAAE,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,EAC7B,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AAsBP,wBAAgB,IAAI,CAClB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,WAAW,CAAC,cAAc,GAC/B,WAAW,CAAC,aAAa,GACzB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACrB,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AACP,wBAAgB,IAAI,CAAC,CAAC,EACpB,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,EACvB,KAAK,EAAE,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAA;CAAE,EAC/B,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AAMP,YAAY,EAAE,WAAW,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC"}
+{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EAIT,QAAQ,EACT,MAAM,SAAS,CAAC;AAEjB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,QAAQ,EAAE,CAAC;AAqBpB,wBAAgB,GAAG,CACjB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,WAAW,CAAC,cAAc,GAC/B,WAAW,CAAC,aAAa,GACzB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACrB,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AACP,wBAAgB,GAAG,CAAC,CAAC,EACnB,IAAI,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,UAAU,SAAS,CAAC,EACjD,KAAK,EAAE,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,EAC7B,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AAkJP,wBAAgB,IAAI,CAClB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,WAAW,CAAC,cAAc,GAC/B,WAAW,CAAC,aAAa,GACzB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACrB,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AACP,wBAAgB,IAAI,CAAC,CAAC,EACpB,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,EACvB,KAAK,EAAE,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAA;CAAE,EAC/B,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AAMP,YAAY,EAAE,WAAW,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC"}

package/dist/jsx-runtime.js

@@ -1,17 +1,147 @@
 // JSX runtime implementation
-import { createComponentVNode } from "inferno";
-import { createElement } from "inferno-create-element";
+import { createComponentVNode, createVNode, createFragment, Fragment, } from "inferno";
 import { createComponent } from "./component";
 import { ErrorBoundary } from "./error";
-export { Fragment } from "inferno";
-export function jsx(type, { children, ...props }, key) {
+export { Fragment };
+// Cache for detecting SVG elements
+const svgElements = new Set([
+    "svg",
+    "path",
+    "circle",
+    "rect",
+    "line",
+    "ellipse",
+    "polygon",
+    "polyline",
+    "g",
+    "text",
+    "tspan",
+    "defs",
+    "use",
+    "clipPath",
+    "mask",
+]);
+export function jsx(type, props, key) {
+    // Handle Fragment specially
+    if (type === Fragment) {
+        const children = props?.children;
+        const propsKey = props?.key !== undefined ? props.key : key;
+        // Determine ChildFlags for Fragment children
+        let childFlags = 1 /* ChildFlags.HasInvalidChildren */;
+        if (children !== undefined && children !== null) {
+            if (Array.isArray(children)) {
+                if (children.length === 0) {
+                    childFlags = 1 /* ChildFlags.HasInvalidChildren */;
+                }
+                else {
+                    // Check if array contains any primitives
+                    let hasOnlyVNodes = true;
+                    for (let i = 0; i < children.length; i++) {
+                        const child = children[i];
+                        if (child == null ||
+                            typeof child === "string" ||
+                            typeof child === "number" ||
+                            typeof child === "boolean") {
+                            hasOnlyVNodes = false;
+                            break;
+                        }
+                    }
+                    childFlags = hasOnlyVNodes
+                        ? 4 /* ChildFlags.HasNonKeyedChildren */
+                        : 0 /* ChildFlags.UnknownChildren */;
+                }
+            }
+            else {
+                childFlags = 2 /* ChildFlags.HasVNodeChildren */;
+            }
+        }
+        return createFragment(children, childFlags, propsKey);
+    }
     if (typeof type === "string") {
-        return createElement(type, { ...props, key }, ...(Array.isArray(children) ? children : [children]));
+        const children = props.children;
+        const propsKey = props.key !== undefined ? props.key : key;
+        // Avoid creating new objects - extract only what we need
+        let cleanProps = null;
+        let className = null;
+        let ref = null;
+        if (props) {
+            // Fast path: check if we have any props besides children/key
+            const propKeys = Object.keys(props);
+            if (propKeys.length > 0) {
+                for (let i = 0; i < propKeys.length; i++) {
+                    const propKey = propKeys[i];
+                    if (propKey === "children" || propKey === "key") {
+                        continue;
+                    }
+                    if (propKey === "className" || propKey === "class") {
+                        className = props[propKey];
+                    }
+                    else if (propKey === "ref") {
+                        ref = props[propKey];
+                    }
+                    else {
+                        if (!cleanProps)
+                            cleanProps = {};
+                        cleanProps[propKey] = props[propKey];
+                    }
+                }
+            }
+        }
+        // Determine VNodeFlags based on element type
+        const flags = svgElements.has(type)
+            ? 32 /* VNodeFlags.SvgElement */
+            : 1 /* VNodeFlags.HtmlElement */;
+        // Determine ChildFlags for optimization
+        let childFlags = 1 /* ChildFlags.HasInvalidChildren */;
+        if (children !== undefined && children !== null) {
+            if (Array.isArray(children)) {
+                if (children.length === 0) {
+                    childFlags = 1 /* ChildFlags.HasInvalidChildren */;
+                }
+                else {
+                    // Check if array contains any primitives that need normalization
+                    let hasOnlyVNodes = true;
+                    for (let i = 0; i < children.length; i++) {
+                        const child = children[i];
+                        if (child == null ||
+                            typeof child === "string" ||
+                            typeof child === "number" ||
+                            typeof child === "boolean") {
+                            hasOnlyVNodes = false;
+                            break;
+                        }
+                    }
+                    // If array contains primitives, use UnknownChildren to let Inferno normalize
+                    childFlags = hasOnlyVNodes
+                        ? 4 /* ChildFlags.HasNonKeyedChildren */
+                        : 0 /* ChildFlags.UnknownChildren */;
+                }
+            }
+            else if (typeof children === "string" || typeof children === "number") {
+                childFlags = 16 /* ChildFlags.HasTextChildren */;
+            }
+            else {
+                childFlags = 2 /* ChildFlags.HasVNodeChildren */;
+            }
+        }
+        // Use createVNode directly - much faster than createElement
+        return createVNode(flags, type, className, children, childFlags, cleanProps, propsKey, ref);
     }
     if (type === ErrorBoundary) {
-        return createComponentVNode(14 /* VNodeFlags.Component */, ErrorBoundary, { ...props, children }, key);
+        return createComponentVNode(14 /* VNodeFlags.Component */, ErrorBoundary, props, key);
+    }
+    // For custom components, add __component to existing props object
+    // Only create new object if we need to add __component
+    if (props && props.__component === type) {
+        return createComponent(props, key);
+    }
+    const componentProps = { __component: type };
+    if (props) {
+        for (const k in props) {
+            componentProps[k] = props[k];
+        }
     }
-    return createComponent({ ...props, children, __component: type }, key);
+    return createComponent(componentProps, key);
 }
 export function jsxs(type, props, key) {
     return jsx(type, props, key);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rask-ui",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -38,7 +38,6 @@
   },
   "dependencies": {
     "inferno": "^9.0.4",
-    "inferno-create-element": "^9.0.4",
     "inferno-vnode-flags": "^9.0.4"
   }
 }