vaderjs 1.9.0 → 1.9.2

package/index.ts

@@ -140,7 +140,7 @@ export const e = (element, props, ...children) => {
       return instance.render(props);
     case typeof element === "function": 
       instance = memoizeClassComponent(Component, element.name);  
-      element = element.bind(instance);
+      element = element.bind(instance); 
       instance.render = (props) => element(props);
       if (element.name.toLowerCase() == "default") {
         throw new Error("Function name must be unique");
@@ -153,6 +153,7 @@ export const e = (element, props, ...children) => {
         firstEl = { type: "div", props: { key: instance.key, ...props }, children };
       firstEl.props = { key: instance.key, ...firstEl.props, ...props };
       firstEl.props["idKey"] = instance.key;
+      instance.props = firstEl.props;
       return firstEl;
     default:
       let el = { type: element, props: props || {}, children: children || [] };
@@ -185,8 +186,8 @@ interface SwitchProps {
 // make children optional
 export function Switch({ children = [] }: SwitchProps) {
   for (let child of children) {
-    if (child && child.props && child.props.when) {
-      return child;
+    if (child.props.when) { 
+      return child
     }
   }
   return { type: "div", props: {}, children: [] };
@@ -620,9 +621,13 @@ export class Component {
         const handler = attributes[key];
         this.eventRegistry.set(el, [...(this.eventRegistry.get(el) || []), { event: eventType, handler }]);
         this.addEventListener(el, eventType, handler);
-      } else if (attributes[key] !== null && attributes[key] !== undefined) {
-        // General attributes
-        el.setAttribute(key, attributes[key]);
+      } else if (attributes[key] !== null && attributes[key] !== undefined  && 
+        !key.includes(" ") || !key.includes("-") || !key.includes("_")) {
+        try {
+          el.setAttribute(key, attributes[key]);
+        } catch (error) {
+           
+        }
       }
     }
   
@@ -636,7 +641,7 @@ export class Component {
         // Handle functional components
         let component = memoizeClassComponent(Component, child.name);
         component.Mounted = true;
-        component.render = child;
+        component.render =  (props) => child(props);
         let componentElement = component.toElement();
         el.appendChild(componentElement);
       } else if (typeof child === "object") {
@@ -703,6 +708,7 @@ export function render(element, container) {
     let memoizedInstance = memoizeClassComponent(Component, element.name);
     memoizedInstance.Mounted = true;
     element = element.bind(memoizedInstance);
+
     memoizedInstance.render = (props) => element(props);
     if (element.name == "default") {
       throw new Error("Function name Must be a unique function name as it is used for a element key");

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vaderjs",
-    "version": "1.9.0",
+    "version": "1.9.2",
     "description": "A simple and powerful JavaScript library for building modern web applications.", 
     "bin": {
         "vaderjs": "./main.js"