pawa-ssr 1.3.11 → 1.3.14

package/index.js

@@ -375,13 +375,7 @@ const component=async (el,stream)=>{
       }
     }) 
     const children=el._componentChildren
-    const hydrate={
-      children:children,
-      props:{
-        ...el._hydrateProps,
-      },
-      slots:{...slotHydrates},
-    }
+    
     
     const id=pawaGenerateId(10)
     const encodeJSON = (obj) => Buffer.from(JSON.stringify(obj)).toString('base64').replace(/\+/g, '-');
@@ -450,7 +444,13 @@ appContext.component._prop={children,...el._props,...slots}
           if (appContext?.insert){
       Object.assign(el._context,appContext.insert)
     }
-     
+    const hydrate={
+      children:children,
+      props:{
+        ...el._hydrateProps,
+      },
+      slots:{...slotHydrates},
+    } 
     if(typeof compo !== 'boolean' && typeof compo === 'string'){
       div.innerHTML=compo
       }
@@ -1024,6 +1024,7 @@ export const render =async (el, contexts = {},stream) => {
           if(compo[name]){
             components.set(name,compo[name])
             el._component.component=compo[name]
+            el._component.validPropRule=compo[name]?.validateProps || {};
             lazyComponents.delete(el.tagName)
           }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pawa-ssr",
-  "version": "1.3.11",
+  "version": "1.3.14",
   "type":"module",
   "description": "pawajs ssr libary",
   "main": "index.js",

package/pawaElement.js

@@ -195,6 +195,47 @@ class PawaElement {
                 }else{
                   name=attr.name
                 }
+                const setProps=()=>{
+                 delete this._restProps[name]
+                 let hydatename
+                 if(name === 'class'){
+                  hydatename=':'+'className'
+                 }else if(name === 'default'){
+                  hydatename=':'+'defaultValue'
+                 }else{
+                  hydatename=':'+name
+                 }
+                 this._hydrateProps[name]=attr.value
+                  let value=attr.value
+                 if (value.includes('@{')) {
+                   const regex = /@{([^}]*)}/g;
+                 value = value.replace(regex, (match, expression) => {
+                     if (checkKeywordsExistence(this._staticContext, expression)) {
+                         return value
+                     } else {
+                         const res = this.evaluateExpr(expression,this._context,`evaluating props with template operators at ${attr.name} - ${attr.value} : ${this._template}`)
+                         return res
+                     }
+                 });
+                 return value
+                 }else if( attr.name.startsWith('on-') || attr.name.startsWith('out-')){
+                  const res=this.evaluateExpr(`(e)=>{
+                    ${attr.value}
+                  }`, this._context,`evaluating props with template operators at ${attr.name} - ${attr.value} : ${this._template}`)
+                  return res
+                 }
+                 return attr.value
+                }
+                name=name.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
+                if (this._props[name] || this._props.className || this._props.defaultValue) return
+                if (name === 'class') {
+                  this._props['className']=setProps
+                }else if(name === 'default'){
+                  this._props['defaultValue']=setProps
+                }else{
+                  this._props[name]=setProps
+                }
+
                 this._restProps[name]={name:name,value:attr.value}
                 
               } else if(attr.name.startsWith(':')) {

package/power.js

@@ -190,6 +190,7 @@ const switchFunc=el._evaluateExpr(attr.value,el._context,`at switch directive ${
   const getRightElement=chainMap.get(latestChain.id)
   if (getRightElement && (current || latestChain.condition === 'default')) {
     const copyElement=getRightElement.element.cloneNode(true)
+
     copyElement.attributes.forEach((att)=>{
       if(att.name.startsWith('c-')){
         copyElement.removeAttribute(att.name)
@@ -200,7 +201,7 @@ const switchFunc=el._evaluateExpr(attr.value,el._context,`at switch directive ${
       el._replaceResumeAttr(latestChain.condition,`c-sw-${id}`,latestChain.id)
        newElement = el.cloneNode(true);
       }else{
-        el._replaceResumeAttr(latestChain.condition,`c-sw-${id}`,latestChain.id,copyElement)
+        el._replaceResumeAttr(latestChain.condition === 's-default'?'s-default':latestChain.condition ,`c-sw-${id}`,latestChain.id,copyElement)
         newElement = copyElement;
       }
       newElement.removeAttribute(latestChain.condition)